@charset "utf-8";

body,html{ width:100%; margin:0; padding:0;}

/*ヘッダー*/
header{
margin:0;
padding:0;
font-size: 16px;/*ヘッダー部分の基本サイズ*/
}

#header{ 
/*height:45px;*/
height: 50px;
width:100%;
/*margin:0;*/
margin: 0 0 3px 0;
padding:0 0 3px 0 ;
display:block;
background:#fff;
}

.header-inner{
width:1024px;
height:45px;
margin:auto;
position:relative;
}

.header-inner h1{
margin:0;
padding:6px 0 0 0;
}

#header .header-inner ul.global-header{
position: absolute;
top: -4px;
right: 222px;
width: 614px;
text-align: right;
margin: 16px 0;
padding-right: 34px;
font-size: 14px;
letter-spacing: -0.4em;}

/*言語*/
#header .header-inner ul.global-header li{
display:inline-block;
letter-spacing:normal;
list-style:none;
height:20px;
line-height:20px;
margin-left:30px;
font-size:80%; font-weight:500;
}
#header .header-inner ul.global-header li:first-child{
background:url(/ch/common/img/header/icon_map.png) no-repeat center left;
padding-left:25px;
}
#header .header-inner ul.global-header li:nth-of-type(2){
background:url(/ch/common/img/header/icon_sitemap.png) no-repeat center left;
padding-left:25px;letter-spacing:-2px;
}
#header .header-inner ul.global-header li:nth-of-type(3){
background:url(/ch/common/img/header/icon_language.png) no-repeat center left;
padding-left:25px;

}
#header .header-inner ul.global-header li a:link{
	color:#333;
	text-decoration: none;
	position: relative;}
#header .header-inner ul.global-header li a:visited{
	color:#333;
	text-decoration: none;
}
#header .header-inner ul.global-header li a:hover{
	color:#005DAD;
	text-decoration: none;
}

#header .header-inner ul.global-header li a::after {
content: '';
position: absolute;
bottom: -5px;
left:0%;
width: 100%;
height: 2px;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
background-color:#005DAD;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}

#header .header-inner ul.global-header li a:hover::after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}

/*言語選択li*/
#header .header-inner ul.global-header li.gheader-lng{
position:relative;
}

/*ロールオーバー時エリア*/
#header .header-inner ul.global-header li.gheader-lng span{
box-sizing:border-box; height:0; opacity:0; overflow: hidden;
position:absolute;
/*left:-11.5px;*/
top:0px;
left:-20px;
width:140px;
background-repeat:no-repeat;
z-index:3000;
margin:20px 0 0 0; 
-webkit-transition:opacity 0.8s ease-out; 
}

#header .header-inner ul.global-header li.gheader-lng:hover span{
height:38px;
opacity:1;
overflow: visible;
}
.select{}

/*吹き出しマーク*/
#header .header-inner ul.global-header li.gheader-lng .child-mark{
width:100%;
font-size:100%;
color:#00429a;
line-height:13px;
height:13px;
position:absolute;
z-index:3002;
text-align:center;
top:2px;
}
#header .header-inner ul.global-header li.gheader-lng .child-mark img{
margin-top:4px;
margin-right:58.5px;
}

/*本体ラッパー*/
#header .header-inner ul.global-header li.gheader-lng span .child-wrap{
position:absolute;
top:13px;
z-index:3001;
}
/*本体*/
#header .header-inner ul.global-header li.gheader-lng span .child-wrap ul{
box-sizing:border-box;
width:140px;
padding:0px;
margin:0px;
line-height:0px;
border-top:1px solid #00429a;
border-left:1px solid #00429a;
border-right:1px solid #00429a;
}
#header .header-inner ul.global-header li.gheader-lng span .child-wrap ul li{
box-sizing:border-box;
width:100%;
padding:0px;
margin:0px;
background-image:none;
background-color:#ffffff;
filter: alpha(opacity=90);
-ms-filter: "alpha(opacity=90)";
-khtml-opacity: 0.9;
-moz-opacity: 0.9;
opacity:0.9;
border-bottom:1px solid #00429a;
font-size:100%;
line-height:200%;
height:30px;
text-align:center;
letter-spacing:1px;
}

/*ロールオーバー時*/
#header .header-inner ul.global-header li.gheader-lng span .child-wrap ul:hover{
border-color:#00429a;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-khtml-opacity: 1.0;
-moz-opacity: 1.0;
opacity:1.0;
}
#header .header-inner ul.global-header li.gheader-lng span .child-wrap ul li:hover{
background-color:#00429a;
color:#ffffff;
border-color:#00429a;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-khtml-opacity: 1.0;
-moz-opacity: 1.0;
opacity:1.0;
}
#header .header-inner ul.global-header li.gheader-lng span .child-wrap ul li a:link{
box-sizing:border-box;
display:block;
width:100%;
height:100%;
color:#333;
text-decoration: none;
}
#header .header-inner ul.global-header li.gheader-lng span .child-wrap ul li a:visited{color:#333; text-decoration: none;}
#header .header-inner ul.global-header li.gheader-lng span .child-wrap ul li a:hover{color:#fff; text-decoration: none;}
#header .header-inner ul.global-header li.gheader-lng span .child-wrap ul li a::after {
content: '';
position: absolute;
bottom: 2px;
left: 0%;
width: 100%;
height: 2px;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
background-color:#fff;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}

#header .header-inner ul.global-header li.gheader-lng span .child-wrap ul li a:hover::after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}

/*検索バー*/
#cse-search-form{
position:absolute;
float:right;
display:block;
top:10px;
right:0;
width:173px;
height:28px;
 }
 
#cse-search-form input[type="search"]{ 
/* height:28px; */
 height:25px; 
margin:0; 
padding:1px 25px 1px 3px;
border:1px #00429A solid;
border-radius:3px;
outline:none;
width: 145px;
}
/* #cse-search-form input[type="button"]{
position:absolute; 
top:5px; right:1px;
background:url(/ch/common/img/header/icon_search.png) no-repeat center center;
height:24px; 
width:24px;
margin:0; 
padding:1px 25px 1px 3px;
border:none;
outline:none;
cursor:pointer;
}*/
 #cse-search-form input[type="submit"]{
position:absolute; 
/*top:5px;*/
top:1px;
right:1px;
background:url(/ch/common/img/header/icon_search.png) no-repeat center center;
height:24px; 
width:24px;
margin:0; 
padding:1px 25px 1px 3px;
border:none;
outline:none;
cursor:pointer;
}
/*ナビエリアー*/

/*----------- グローバルナビ -----------*/
#global-nv-wrap {
display: block;
height: 37px;
border-bottom:3px #00429A solid;
background:#fff;
z-index: 999;
width: 100%;
font-size: 16px;/*ヘッダー部分の基本サイズ*/
}
#global-nv{
width:100%;
height: 37px;
}
#global-nv.fixed {
position: fixed;
top: 0;
left: 0;
z-index: 10000;
width: 100%;
background: #fff;
height: 40px;
}
#global-nv ul.global-nv-inner{
width:1024px;
margin:0px auto 0 auto;
padding:0px;
height:37px;
letter-spacing:-0.4em;
clear:both;
}
#global-nv ul.global-nv-inner>li{
display: block;
list-style: none;
letter-spacing: normal;
float: left;
width: 145px;
height: 37px;
text-align: center;
font-size: 90%;
font-weight: 400;
background-position: 1px 40px;
cursor: pointer;
-webkit-transition: background-position 0.3s linear,font-weight 0.3s linear;
-ms-transition: background-position 0.3s linear,font-weight 0.3s linear;
transition: background-position 0.3s linear,font-weight 0.3s linear; 
}
#global-nv ul.global-nv-inner>li:nth-of-type(5){ width:148px;}
#global-nv ul.global-nv-inner>li:nth-of-type(6){ width:148px;}
#global-nv ul.global-nv-inner>li:nth-of-type(7){ width:148px;}
#global-nv ul.global-nv-inner>li:hover{ 
background: url(/ch/common/img/header/global_nv_bg.png) no-repeat;
background-position:1px 0px;
color:#fff; font-weight:400;
}
#global-nv ul.global-nv-inner > li > a {
    line-height: 30px;
    color: #333333;
}
/*#global-nv ul.global-nv-inner>li.on{ 
background: url(/ch/common/img/header/global_nv_bg.png) no-repeat; 
background-position:1px 0px;
color:#fff; 
}
#global-nv ul.global-nv-inner>li.on a{ color:#fff;}*/

/*active*/
#global-01 > li.gnavi01,
#global-02 > li.gnavi02,
#global-03 > li.gnavi03,
#global-04 > li.gnavi04,
#global-05 > li.gnavi05,
#global-06 > li.gnavi06 ,
#global-07 > li.gnavi07 {
background: url(/ch/common/img/header/global_nv_bg.png) no-repeat; 
background-position:1px 0px !important;
color:#fff; 
}
#global-01 > li.gnavi01 a,
#global-02 > li.gnavi02 a,
#global-03 > li.gnavi03 a,
#global-04 > li.gnavi04 a,
#global-05 > li.gnavi05 a,
#global-06 > li.gnavi06 a,
#global-07 > li.gnavi07 a {
color:#fff !important;
}

#global-nv ul.global-nv-inner>li:hover a{color:#fff;}
#global-nv ul.global-nv-inner>li > a{ 
display:block;
text-decoration:none; 
line-height:30px;
height:30px;
width:100%;
color:#333333;
border-left:#ccc solid 1px;
magin-top:3px;
position:relative;
-webkit-transition:color 0.5s linear; 
font-weight: 400;
}

#global-nv ul.global-nv-inner>li:nth-of-type(3) a{
/*letter-spacing:-2px;
*/letter-spacing:-1px;
}
#global-nv ul.global-nv-inner>li:nth-of-type(5) a{
letter-spacing:-0.01em;
}
#global-nv ul.global-nv-inner>li:nth-of-type(6) a{
/*letter-spacing:-0.08em;*/
}
#global-nv ul.global-nv-inner>li:nth-of-type(6) a span{
padding-right:12px;
background:url(/ch/common/img/header/icon_blank.png) no-repeat right top;}
#global-nv ul.global-nv-inner>li:nth-of-type(6):hover span{
background-position:right -37px;
}
#global-nv ul.global-nv-inner>li:nth-of-type(7) a{
background:url(/ch/common/img/header/li_barright30.png) no-repeat right top;
}
#global-nv ul.global-nv-inner>li>a::after {
content: '';
position: absolute;
bottom: -2px;
left: 0px;
width:99.5%;
height: 3px;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
background-color:#00BFFF;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}

#global-nv ul.global-nv-inner>li:hover>a:hover::after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.btn:hover, .btn:focus, .btn.focus {
 color: #fff;
text-decoration: none;
}
#global-nv-wrap .btn {/*bootsrapとの被りを解除*/
 display: inline-block;
 margin-bottom: 0px;
font-weight: 400;
 text-align: center;
 vertical-align: baseline;
 cursor: pointer;
 background-image: none;
 border: 1px solid transparent;
 white-space: nowrap;
 padding: 0px;
 font-size: 100%;
 line-height: 1.42857;
 border-radius: 4px;
 -moz-user-select: none;
}
/**サブナビ**/
.select{ }
.fixed {
position: fixed;
top: 0px;}

/*広がる動き部分*/
#global-nv ul.global-nv-inner>li .child{ 
background:url(/ch/common/img/header/sub_nv_bg01.png); 
width:100%; 
top:90px;
left:0px;
position: absolute;
height:0px;
overflow: hidden;
display:none;
z-index:9000;
clear:both; float:left;
border-bottom:3px #00429A solid;
-webkit-transition:height 0.3s linear,opacity 0.3s linear;  
}
/*広がる動き部分 fixed*/
.fixed #global-nv ul.global-nv-inner>li .child{ 
background:url(/ch/common/img/header/sub_nv_bg01.png); 
width:100%; 
/*top:85px;*/
left:0px;
position: absolute;
top:37px;
height:0px;
overflow: hidden;
display:none;
z-index:9000;
clear:both; float:left;
border-bottom:3px #00429A solid;
-webkit-transition:height 0.3s linear,opacity 0.3s linear;  
}

/*広かるメニューエリア*/
.child-wrap ul,.child-wrap li{
list-style:none;
margin:0;
padding:0;
text-align:left;
}
.child-wrap li a{ 
text-decoration:none;
}

#global-nv ul.global-nv-inner>li .child-wrap{ 
width:1024px; 
margin:0 auto; 
padding:0; background:#9A3638;
position:relative;
}

.child-wrap .child-1,
.child-wrap .child-2,
.child-wrap .child-3,
.child-wrap .child-4{
float:left;
position:relative;
}

.child-wrap .child-2,
.child-wrap .child-3,
.child-wrap .child-4{ 
background: rgba(0,45,110,0.70);
height:227px; 
/*margin-top:3px;*/
}
.child a{
color:#fff;
}
.child a:visited{
color:#fff;
}

/*subメニューデザイン*/
.child-wrap .child-2 p,.child-wrap .child-3 p{
display: inline-block;
width:96%; 
float:left; 
margin:0;
padding:0 2% 5px 2% ;
text-align:left;
font-size:110%;
color: #fff;
}

.child-wrap hr{
background: #fff;
display: block;
height: 1px;
width:100%;
border-style: none;
}

.child-wrap .child-1{
width:224px;
}
.child-wrap .child-1 ul li{
    background: url(/ch/common/img/header/subnav_arrow01.png) no-repeat 5% center;
    width: 80%;
    padding: 5% 2% 5% 20%;
    margin: 6px 2.5%;
    box-sizing: border-box;
}

.child-wrap .child-1 ul li:nth-of-type(4){
line-height:120%;
}

.child-wrap .child-1 ul li:hover{
background:url(/ch/common/img/header/subnav_arrow01.png) no-repeat 5% center rgba(0,35,90,0.8);
border-radius:60px;
}

/*subメニューデザイン--商品?必要分野*/
.child-wrap .child-2,
.child-wrap .child-3,
.child-wrap .child-4{
border-left:1px solid  rgba(255,255,255,0.70);
}
.child-wrap .child-2,
.child-wrap .child-3{
width:379px;
padding:10px;
}
.child-wrap .child-4{
width:758px;
padding:10px;
}
.child-wrap .child-2 .left,
.child-wrap .child-3 .left{
float:left;
padding-left:3%;
width:46%;
}
.child-wrap .child-4 .left{
float:left;
padding-left:3%;
width:33%;
}
.child-wrap .child-2 .right,
.child-wrap .child-3 .right{
float:right;
padding-right:3%;
width:46%;
}
.child-wrap .child-4 .right{
float:right;
padding-right:3%;
width:33%;
}
.child-wrap .child-2 ul li a,
.child-wrap .child-3 ul li a{ 
border:1px solid #fff; 
border-radius:30px; 
float:left; clear:both;
font-size:100%;
line-height:150%;
font-weight:400;
width:70%;
height:25px; 
margin:2% auto;
padding:0 0 0 14%;
background:url(/ch/common/img/header/subnav_arrow02.png) no-repeat 10px center;
}
.child-wrap .child-4 ul li a{ 
border:1px solid #fff; 
border-radius:30px; 
float:left; clear:both;
font-size:100%;
line-height:150%;
font-weight:400;
width:70%;
height:25px; 
margin:2% auto;
padding:0 0 0 10%;
background:url(/ch/common/img/header/subnav_arrow02.png) no-repeat 10px center;
}
.child-wrap .child-2 ul li a:hover,
.child-wrap .child-3 ul li a:hover,
.child-wrap .child-4 ul li a:hover{
background:url(/ch/common/img/header/subnav_arrow02.png) no-repeat 10px center #104F9E;
}


/*localメニュー*/
.local_nv{
width:100%;
height:35px;
display:block;
background:url(/ch/common/img/header/local_nv_bg01.png)
}

.local_nv ul,
.local_nv li{
margin:0;
padding:0;
height:35px;
list-style:none;
}
.local_nv ul{
width:1024px;
margin:auto;
}
.local_nv li{ 
float:left; 
font-weight:200;
font-size:95%;
line-height:170%;
text-align:center;
width:170px;
}

.local_nv li:nth-of-type(6){
width:174px
}

.local_nv li a{ 
color:#fff;
text-decoration:none;
display:block;
height:28px;
width:100%;
margin-top:4px;
border-left:1px solid  rgba(0,41,98,0.70);
}

.local_nv li.on,.local_nv li:hover{
background: url(/ch/common/img/header/local_nv_bg02.png);
}

.local_nv li:nth-of-type(1) a{
border:none;
}

/*パンくず
.crumb{
background:url(/ch/common/img/header/crumb_bg.png); 
height:25px;
width:1024px; 
margin:auto;
font-size:70%;
font-weight:200;
}

.crumb ul,.crumb li,.crumb ul span{ margin:0; padding:0; float:left; list-style:none; color:#fff;}
.crumb ul{ margin-left:16px;}
.crumb li{ margin-right:8px;}
.crumb li a{ text-decoration:none; color:#26C9FF;}
.crumb li a:hover{color:#FF8000;text-decoration:none;}
*/

/*新着情報
#news_box{ width:1024px; height:32px; margin:6px auto; background:#fff; line-height:190%; }

#news_box .title{ width:100px; text-align:center; color:#fff; background:#00429A;}
#news_box .date{ font-weight:500; color:#00429A; width:100px; text-align:center;}
#news_box .news_tx a{ 
display:block;
width:725px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color:#333;
text-decoration:none;
}
#news_box .news_tx a:hover{ color:#00429A;}

#news_box ul,#news_box li,#news_box div{ margin:0; padding:0; float:left; list-style:none; height:32px;}
#news_box ul{ width:99px;}
#news_box li{ width:32px; border-left:1px #ccc solid;}

#news_box li a{ display:block; width:32px; height:32px;}
#news_box li a:hover{ background-color:#00429A; background-position: left bottom;}

#news_box li:nth-of-type(1) a{ background-image:url(/ch/common/img/header/btn_news_stop.png); }
#news_box li:nth-of-type(2) a{ background-image:url(/ch/common/img/header/btn_news_back.png); }
#news_box li:nth-of-type(3) a{ background-image:url(/ch/common/img/header/btn_news_next.png); }
*/

/*ローガルサブナビ
#local_sub-wrap{ 
width:1004px; 
padding:10px 10px 0 10px; margin:auto;
background:rgba(255,255,255,0.70);
}

#local_sub-wrap ul,#local_sub-wrap li{ margin:0; padding:0; float:left; list-style:none;}
#local_sub-wrap ul{ width:100%; margin-bottom:10px; clear:both;}

#local_sub-wrap li{
width:191px;
height:35px; 
position:relative;
font-size:90%; font-weight:200; line-height:240%;
background:url(/ch/common/img/header/local_navi_bg.png) no-repeat;
border:1px solid rgba(255,255,255,0.90);
margin-left:10px;
}

#local_sub-wrap li:hover{ background-position:0 -35px;}

#local_sub-wrap li:nth-of-type(1){ margin:0;}
#local_sub-wrap li:nth-of-type(5){ margin-left:9px;}


#local_sub-wrap li a{ 
color:#fff; 
text-decoration:none;
width:92%; height:100%; 
padding-left:8%; display:block;
background:url(/ch/common/img/header/local_navi_bg_line.png) no-repeat 6px 0;

}

#local_sub-wrap li a:hover{ background-position:6px -35px;}
*/