@charset "UTF-8";

/* header.css
**************************************************************************************/


/* header-layout
=============================================================================*/
.header-area {
	height:192px;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:80;
}
#header .header-area-in {
	background-color:#f6f6f9;
}
#header .header-area-box {
	height: 120px;
	width: 1240px;
	margin: 0 auto;
}
#header .header-main {
	width:297px;
	padding-left:3px;
	float:left;
}
#header .header-sub {
	width:743px;
	float:right;
}
#header .header-sub .header-sub-top {
	padding-left:56px;
	margin-bottom:21px;
}
#header .header-sub-sp {
	display:none;
}
#header .header-menu-sp {
	display:none;
}

/*スティッキーヘッダー*/
#header .gnavi-area-fixed {
	position:fixed;
	top:0;
	left:0;
}
#header .header-menu-sp-fixed {
	position:static;
	top:0;
	left:0;
}


@media screen and (max-width: 679px){
.header-area {
	height:102px;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:80;
}
#header .header-area-in {
	background-color:#f6f6f9;
}
#header .header-area-box {
	height: 102px;
	width: 100%;
	padding:0 10px 0 10px;
	margin: 0 auto;
	/*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
#header .header-main {
	width:100%;
	padding-left:0px;
	display:table;
}
#header .header-sub {
	width:auto;
	float:none;
}
#header .header-sub .header-sub-top {
	padding-left:0px;
	margin-bottom:0px;
}
#header .header-sub-navi ,
#header .header-btn ,
#header .header-sub-bottom {
	display:none;
}
#header .header-sub-sp {
	display:table-cell;
	width: 138px;
	padding:10px 0 0 0;
}
#header .header-sub-sp div {
	display:block;
	float:left;
}
#header .header-sub-sp div.bt001,
#header .header-sub-sp div.bt002 {
	padding:0 3px 0 0;
}
#header .header-sub-sp div.bt004 {
	padding:3px 0 0 0;
}
#header .header-sub-sp div.bt001 a,
#header .header-sub-sp div.bt002 a,
#header .header-sub-sp div.bt003 a,
#header .header-sub-sp div.bt004 a {
	display:block;
}
#header .header-sub-sp div.bt001 a {
	width:44px;
	height:42px;
	background:url("../../image/sp-header-bt001-close.gif") no-repeat 0 0;
	background-size:44px 42px;
}
#header .header-sub-sp div.bt001 a.close img {
	/*op*/
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -khtml-opacity: 0;
    -moz-opacity: 0;
}
#header .header-menu-sp {
	display:block;
	position:absolute;
	top:102px;
	left:0;
	width:100%;
}
#header .header-menu-sp-in {
	display:table;
	width:100%;
	height:44px;
	background:#26126f;
}
#header .header-menu-sp .menu001 ,
#header .header-menu-sp .menu002 {
	display:table-cell;
	vertical-align:middle;
	width:50%;
	text-align:center;
}
#header .header-menu-sp .menu002 {
	border-left:1px solid #a8a0c5;
	/*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
#header .header-menu-sp .menu001 a ,
#header .header-menu-sp .menu002 a {
	display:block;
	color:#FFF;
	text-decoration:none;
}
#header .header-menu-sp .menu001 a span ,
#header .header-menu-sp .menu002 a span {
	padding-left:23px;
	background:url("../../image/sp-header-ic001.gif") no-repeat left center;
	background-size:14px 13px;
}
#header .header-menu-sp .menu001 a.close span ,
#header .header-menu-sp .menu002 a.close span {
	background:url("../../image/sp-header-ic002.gif") no-repeat left center !important;
	background-size:14px 13px !important;
}
#header .header-menu-sp .menu001 ul,
#header .header-menu-sp .menu002 ul {
	display:none;
	position:absolute;
	top:44px;
	left:0;
	width:100%;
	background-color:rgba(0,0,0,0.7);

}
#header .header-menu-sp .menu001 ul li,
#header .header-menu-sp .menu002 ul li {
	border-left:1px solid #666;
	border-bottom:1px solid #666;
	padding:10px 5px 10px 5px;
	width:50%;
	float:left;
	/*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
#header .header-menu-sp .menu001 ul li a,
#header .header-menu-sp .menu002 ul li a {
	padding-left:10px;
	background:url("../../image/menu-ar001.png") no-repeat left center;
	background-size:6px 9px;
	text-align:left;
	font-size:12px;
}
#header .header-menu-sp .menu001 ul li:nth-child(odd),
#header .header-menu-sp .menu002 ul li:nth-child(odd) {
	border-left:none;
}

/*スティッキーヘッダー*/
#header .gnavi-area-fixed {
	position:static;
	top:0;
	left:0;
}
#header .header-menu-sp-fixed {
	position:fixed;
	top:0;
	left:0;
}
.home #header .header-menu-sp-fixed {
	position:static;
	top:0;
	left:0;
}
}

/* header-main
=============================================================================*/
#header .header-main .logo {
	padding-top:10px;
	font-size:1px;
}
@media screen and (max-width: 679px){
#header .header-main .logo {
	text-align:center;
	display:table-cell;
	width:auto;
}	
#header .header-main .logo img {
	width:150px;
	height:auto;
}
}

/* header-sub-top
=============================================================================*/

/*ナビゲーション*/
#header .header-sub ul.header-sub-navi {
	float:left;
	padding:15px 0 0 0;
}

#header .header-sub ul.header-sub-navi li {
	float:left;
	height:16px;
	vertical-align:top;
}
#header .header-sub ul.header-sub-navi li.navi001 ,
#header .header-sub ul.header-sub-navi li.navi002 {
	border-right:1px solid #ededee;
}
#header .header-sub ul.header-sub-navi li.navi001 {
	padding:0 12px 0 0;
}
#header .header-sub ul.header-sub-navi li.navi002 {
	padding:0 12px 0 12px;
}
#header .header-sub ul.header-sub-navi li.navi003 {
	padding:0 0 0 12px;
}
#header .header-sub ul.header-sub-navi li a {
	text-decoration:none;
	color:#111111;
	font-size:12px;
	vertical-align:top;
	line-height:12px;
	padding:2px 0 0 0;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
#header .header-sub ul.header-sub-navi li a:hover {
	color:#26126f;
}

/* サイト内検索 */
#header div.search-area {	
	float:right;
	display:block;
}
#header div.search-area-in {
	width:32px;
	padding:0 216px 0 0;
	position:relative;
	height:42px;
	margin:0;
	font-size:1px;
	background-color:#d5d4d9;
}
#header div.search-area input.input-q {
	font-size:12px;
	width:210px;
	height:36px;
	border:1px solid #d5d4d9;
	padding:2px;
	position:absolute;
	top:0;
	right:0;
	background:url("../../image/search-bg.gif") #d5d4d9 no-repeat 0 0 !important;
}
#header div.search-area input.rollover {
	font-size:1px;
}
#cse-search-results iframe {
	height:auto !important;
}
#header div.search-area input.input-q:focus {
	background:none !important;
	background-color:#d5d4d9 !important;
}

#header div.search-area input.input-q::placeholder {
    color: transparent;
}
#header div.search-area input.input-q::-moz-placeholder {
    color: transparent;
}
#header div.search-area input.input-q::-webkit-input-placeholder {
    color:transparent;
}
#header div.search-area input.input-q::-moz-placeholder {
    color:transparent;
}
#header div.search-area input.input-q:-ms-input-placeholder {
    color:transparent;
}


@media screen and (max-width: 679px){
/* サイト内検索 */
#header div.search-area {	
	float:none;
	display:none;
	position:absolute;
	top:52px;
	left:0;
	z-index:80;
	background-color:rgba(0,0,0,0.7);
	width:100%;
	color:#FFF;
	padding:30px 5px;
	/*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
#header div.search-area-in {
	margin:0 auto;
}
}

/*資料請求*/
#header .header-btn {
	float:right;
}

/* Tnavi
=============================================================================*/

#header .tnavi-area {
	float:left;
	padding:11px 0 0 0;
}
#header .tnavi-area li {
	float:left;
}
#header .tnavi-area li a {
	display:block;
	height:14px;
	text-indent:101%;
	font-size:1px;
	white-space:nowrap;
	overflow:hidden;
}
#header .tnavi-area li.tnavi001 {
	width:70px;
	padding-right:52px;
}
#header .tnavi-area li.tnavi001 a {
	background:url("../../image/tnavi001.gif") no-repeat 0 0;
}
#header .tnavi-area li.tnavi001 a.current,
#header .tnavi-area li.tnavi001 a:hover {
	background-position:0 -14px;
}
#header .tnavi-area li.tnavi002 {
	width:124px;
	padding-right:53px;
}
#header .tnavi-area li.tnavi002 a {
	background:url("../../image/tnavi002.gif") no-repeat 0 0;
}
#header .tnavi-area li.tnavi002 a.current,
#header .tnavi-area li.tnavi002 a:hover {
	background-position:0 -14px;
}
#header .tnavi-area li.tnavi003 {
	width:71px;	
	padding-right:53px;
}
#header .tnavi-area li.tnavi003 a {
	background:url("../../image/tnavi003.gif") no-repeat 0 0;
}
#header .tnavi-area li.tnavi003 a.current,
#header .tnavi-area li.tnavi003 a:hover {
	background-position:0 -14px;
}
#header .tnavi-area li.tnavi004 {
	width:96px;	
}
#header .tnavi-area li.tnavi004 a {
	background:url("../../image/tnavi004.gif") no-repeat 0 0;
}
#header .tnavi-area li.tnavi004 a.current,
#header .tnavi-area li.tnavi004 a:hover {
	background-position:0 -14px;
}

/* Language
=============================================================================*/

#header .language-select-area {
	float:right;
	width:126px;
	position:relative;
}
#header .language-select-area .title {
	display:block;
	height:36px;
	width:126px;
}
#header .language-select-area ul {
	position:absolute;
	top:36px;
	width:100%;
	left:0;
	display:none;
	background-color:#FFFFFF;
	border-left:1px solid #e4e3e7;
	border-right:1px solid #e4e3e7;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
}
#header .language-select-area ul li a {
	display:block;
	border-bottom:1px solid #e4e3e7;
	padding:5px 10px;
	text-decoration:none;
	color:#111111;
}
#header .language-select-area ul li a:hover {
	color:#FFFFFF;
	background-color:#26126f;
}

/* Gnavi
=============================================================================*/

.gnavi-area {
	width:100%;
	height:72px;
	background-color: rgba(255,255,255,0.9);
}
#gnavi {
	width:1240px;
	margin:0 auto;
}
#gnavi ul li {
	float:left;
}
#gnavi ul li a {
	display:block;
	height:72px;
	text-indent:101%;
	font-size:1px;
	white-space:nowrap;
	overflow:hidden;
	background:url("../../image/gnavi.png") no-repeat 0 0;
}
#gnavi ul li.gnavi001 {
	width:126px;
}
#gnavi ul li.gnavi001 a {
	background-position:0 0;
}
#gnavi ul li.gnavi001 a.current,
#gnavi ul li.gnavi001 a:hover {
	background-position:0 -72px;
}
#gnavi ul li.gnavi002 {
	width:157px;
}
#gnavi ul li.gnavi002 a {
	background-position:-126px 0;
}
#gnavi ul li.gnavi002 a.current,
#gnavi ul li.gnavi002 a:hover {
	background-position:-126px -72px;
}
#gnavi ul li.gnavi003 {
	width:128px;
}
#gnavi ul li.gnavi003 a {
	background-position:-283px 0;
}
#gnavi ul li.gnavi003 a.current,
#gnavi ul li.gnavi003 a:hover {
	background-position:-283px -72px;
}
#gnavi ul li.gnavi004 {
	width:128px;
}
#gnavi ul li.gnavi004 a {
	background-position:-411px 0;
}
#gnavi ul li.gnavi004 a.current,
#gnavi ul li.gnavi004 a:hover {
	background-position:-411px -72px;
}
#gnavi ul li.gnavi005 {
	width:201px;
}
#gnavi ul li.gnavi005 a {
	background-position:-539px 0;
}
#gnavi ul li.gnavi005 a.current,
#gnavi ul li.gnavi005 a:hover {
	background-position:-539px -72px;
}
#gnavi ul li.gnavi006 {
	width:128px;
}
#gnavi ul li.gnavi006 a {
	background-position:-740px 0;
}
#gnavi ul li.gnavi006 a.current,
#gnavi ul li.gnavi006 a:hover {
	background-position:-740px -72px;
}
#gnavi ul li.gnavi007 {
	width:210px;
}
#gnavi ul li.gnavi007 a {
	background-position:-868px 0;
}
#gnavi ul li.gnavi007 a.current,
#gnavi ul li.gnavi007 a:hover {
	background-position:-868px -72px;
}
#gnavi ul li.gnavi008 {
	width:162px;
}
#gnavi ul li.gnavi008 a {
	background-position:-1078px 0;
}
#gnavi ul li.gnavi008 a.current,
#gnavi ul li.gnavi008 a:hover {
	background-position:-1078px -72px;
}

@media screen and (max-width: 679px){
.gnavi-area {
	display:none;
	}
}