@charset "utf-8";
/* === Header Style Start =========
============================== */
.header {
width:100%; /*100%*/
max-width:960px;
min-width:640px; /* 740px min-width:768px; */
height:57px; /* height:57px; */
margin:0 auto;
padding:0 10px;
text-align:left;
}
.header #company_logo {
float:left;
/* width:437px; */
padding:12px 0 0 0;
font-size:13px;
line-height:1.5;
}
.primary_navi {
margin: 0; /* margin: 6px 0 0 0;*/
padding: 0 0 0px 5px;
width:240px; /*316*/
float:right;
text-align:right;
font-size:13px;
line-height:1.5;
}
.primary_navi ul {
margin:3px 0 0 0; padding:0; list-style-type:none; /* margin:5px 0 0 0; */
}
.primary_navi ul li {
display:inline;
list-style-type:none;
margin: 0;
padding: 0;
text-align:right;
font-size:0.7em;
font-size:0.7rem;
}
.primary_navi ul li.r_line {
border-right:#555 solid 1px;
padding:0 10px 0 0;
margin:0 10px 0 0;
}
.primary_navi ul li.grobal {
background:url(/share1/images/global.gif) no-repeat 0% 40%;
padding:3px 0 3px 18px;
}
.primary_navi a:link { color:#555; text-decoration:none;}
.primary_navi a:visited { color:#555; text-decoration:none;}
.primary_navi a:hover { color:#0068b6; font-style:normal; text-decoration:none;}
.primary_navi a:active { text-decoration:none;}
/*----------------------------------------
サイト内検索
-----------------------------------------*/
.search_area {
width:100%;
float: right;
margin-top:5px; /* 6px */
}
.srchBox{margin-bottom:2px;color:#222222;text-align:left;}
.srchBox {margin:0;padding:0;font-size:12px; font-size:0.76rem; *font-size:small;*font:x-small;}
.srchBox {line-height:0px;}
.srchBox a img{border:none;}
.srchBox .srch{padding:0; border:0;}
.srchBox .srch .srchForm{white-space:nowrap;}
.srchBox .srch p.srchForm{margin-bottom:7px;}
.srchBox .srch .srchForm input[type="text"] {box-sizing:border-box; width:70%; line-height: normal; border:solid #dddddd 1px; } /* content-box */
.srchBox .srchInput{ vertical-align:bottom; padding:3px;}
.srchBox .srchBtn{text-align:center;letter-spacing:3px; background-color:#0068B6; width:29%; color:#fff; border:solid #dddddd 1px; border-width:1px 1px 1px 0; padding:5px 4px 4px 4px; cursor: pointer; line-height:1em; }
.srchBox .srch p.srchForm{margin-bottom:7px\9; /* IE10以下 */}
@media all and (-ms-high-contrast: none){
.sample{margin-bottom:7px; /* IE10以上 */}
.srchBox .srchInput{padding:3px 2px;}
}
@media (max-width: 640px) {
.search_area {width:100%; float: none; /* left */ margin-top:0; line-height:20px; padding:0; padding:15px; }
.search_area .srchBox { margin-top:0.5em; margin-top:0.5rem; width:100%; font-size:1em;font-size:1rem; }
.search_area .srch {}
.srchBox .srchInput{padding:9px; text-align:bottom;}
.srchBox .srchBtn{ padding:10px;}
.search_area .srchBox .srchForm input[type="submit"] { width:28%; background-color:#0068B6; }
.search_area .srchBox .srchForm input[type="text"] { box-sizing:border-box; border:solid #dddddd 1px; }
.srchBox .srchInput{padding:8px\9; /* IE10以下 */}
_::-webkit-full-page-media, _:future, :root input[type="text"] { /* HACK Only Safari for Form Zoom */
font-size:16px;
/*
transform: scale(0.8);
*/
}
_::-webkit-full-page-media, _:future, :root .srchBox .srchBtn, .srchBox .srchInput{-webkit-appearance: none; border-radius: 0;} /* For Safari */
_::-webkit-full-page-media, _:future, :root .srchBox .srchInput{padding:6px 8px 6px 8px;} /* For Safari */
}
/* 検索フォーム */
/*
*html .srchBox .srchBtn{padding:0 0 0 1px;}
*:first-child+html .srchBox .srchBtn{padding:0;}
input.srchBtn {margin:0; padding:0; border:none; }
*/
/*
.srchBox ul{margin-top:6px;text-align:left;}
.srchBox li{list-style-type:none;display:inline;zoom:1;padding-right:10px;}
.srchBox li input{zoom:1;margin-right:2px;_margin:-4px 0 -4px -4px;vertical-align:middle;border:0;}
*:+html #srchBox li input{margin:-4px 0 -4px -4px;}
.srchBox #srchLogo{margin:6px 6px 6px 0;text-align:right;}
.srchBox #srchLogo a{color:#666666;text-decoration:none;font-size:85%; font-size:0.85rem;}
.srchBox #srchLogo a:hover{text-decoration:underline;}
*/
/* 検索フォーム ここまで */
/* 検索結果ページ */
#searchresults {
text-align:left;
}
/* 検索結果ページ ここまで */
/* ここからグローバルメニュー */
.global_navi {
max-width:960px;
min-width:640px; /* 740 min-width:768px; */
width:100%;
padding:0;
margin:0 auto;
position:relative;
line-height:1.6;
text-align:left;
}
.global_navi * {
box-sizing:border-box;
}
.global_navi ul {
display:table;
width:100%;
margin:0;
padding:0;
}
.global_navi ul li {
list-style-type:none;
}
.global_navi > ul > li {
display:table-cell;
margin:0;
}
.global_navi > ul > li.navi-middle > a {
display:block;
color:#ebf0f2; /* #ffffff */
text-shadow:0px 0px 1px #5fa8dd;
letter-spacing:0.05em;
padding:0.6em 0.3em;
padding:0.6rem 0.3rem;
text-align:center;
border-right:solid #bfe4ff 1px;
white-space:nowrap;
background-color:#0068b6;
background: linear-gradient(top, #0068b6, #0068b6 75%, #335D82);
background: -ms-linear-gradient(top, #0068b6, #0068b6 75%, #335D82);
background: -moz-linear-gradient(top, #0068b6, #0068b6 75%, #335D82);
background: -webkit-gradient(linear, left top, left bottom, from(#0068b6), color-stop(0.75, #0068b6), to(#335D82));
box-shadow: 0px 2px 4px #bbb; /*CSS3*/
-moz-box-shadow: 0px 2px 4px #bbb; /* Firefox用*/
-webkit-box-shadow: 0px 2px 4px #bbb; /* Google Chrome, Safari用*/
filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#bbbbbb'); zoom:1;
}
.global_navi > ul > li.navi-middle > a:hover, .global_navi > ul > li.navi-middle > a.current {
text-decoration:none;
text-shadow:0px 0px 1px #5fa8dd;
background-color:#0976c4;
background: linear-gradient(top, #0976c4, #0976c4 75%, #0068b6);
background: -ms-linear-gradient(top, #0976c4, #0976c4 75%, #0068b6);
background: -moz-linear-gradient(top, #0976c4, #0976c4 75%, #0068b6);
background: -webkit-gradient(linear, left top, left bottom, from(#0976c4), color-stop(0.75, #0976c4), to(#0068b6));
box-shadow: 0px 3px 2px #0A4570; /*CSS3*/
-moz-box-shadow: 0px 3px 2px #0A4570; /* Firefox用*/
-webkit-box-shadow: 0px 3px 2px #0A4570; /* Google Chrome, Safari用*/
filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#0A4570'); zoom:1;
}
.global_navi > ul > li.navi-a{width:15.6%;}
.global_navi > ul > li.navi-b{width:14.5%;}
.global_navi > ul > li.navi-c{width:17.6%;}
.global_navi > ul > li.navi-d{width:13.5%;}
.global_navi > ul > li.navi-e{width:15%;}
.global_navi > ul > li.navi-f{width:22.4%;}
.global_navi > ul > li.navi-middle{
font-size:1.1em;
font-size:14.2px\9;
font-size:0.9rem;
font-weight:bold;
}
.global_navi > ul > li.navi-middle a {
padding:10px 3px 10px 0;
letter-spacing:0.1em;
}
.global_navi > ul > li.navi-middle a:hover {
padding:10px 3px 10px 0;
background-color:#0976C4; /* e0edf6 */
text-decoration:none;
}
.global_navi .navi-menu-float, .global_navi .global_navi_second > li > div.navi-menu-float2 {
margin-left:0;
padding-left:0;
position:absolute;
max-width:960px;
padding:0;
background-color:#ffffff;
/* font-size:0.9em;
font-size:0.9rem;
*/
box-shadow: 0px 2px 4px #aaa; /*CSS3*/
-moz-box-shadow: 0px 2px 4px #aaa; /* Firefox用*/
-webkit-box-shadow: 0px 2px 4px #aaa; /* Google Chrome, Safari用*/
/* filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#aaaaaa'); */
zoom:1;
border-top:solid #0068b6 3px;
border-bottom:solid #0068b6 3px;
}
.global_navi .global_navi_second > li > div.navi-menu-float2 {
position:absolute;
margin:0;
padding:0;
background-color:#ffffff;
border:solid #0068b6 2px;
border-left:solid #0068b6 1px;
box-shadow: 0px 2px 4px #aaa; /*CSS3*/
-moz-box-shadow: 0px 2px 4px #aaa; /* Firefox用*/
-webkit-box-shadow: 0px 2px 4px #aaa; /* Google Chrome, Safari用*/
/* filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#aaaaaa'); */
zoom:1;
/* z-index:3; */
-webkit-transform-style:preserve-3d;/* ちらつきを防ぐ */
opacity:0;
visibility:hidden;
visibility:hidden\9; /* under IE8 */
*visibility:hidden; /* under IE7 */
_visibility:hidden; /* under IE6 */
transition:0s ease 0.15s;
-webkit-transition:0s ease 0.15s;
-moz-transition:0s ease 0.15s;
-ms-transition:0s ease 0.15s;
-o-transition:0s ease 0.15s;
}
.global_navi .global_navi_second > li:hover > div.navi-menu-float2 {
position:absolute;
z-index:3;
-webkit-transform-style:preserve-3d;/* ちらつきを防ぐ */
opacity:1;
visibility:visible;
visibility:visible\9; /* under IE8 */
*visibility:visible; /* under IE7 */
_visibility:visible; /* under IE6 */
transition:0s ease 0.15s;
-webkit-transition:0s ease 0.15s;
-moz-transition:0s ease 0.15s;
-ms-transition:0s ease 0.15s;
-o-transition:0s ease 0.15s;
}
.global_navi .global_navi_second > li:hover > div.navi-menu-float2 > ul.global_navi_third {
/* visibility:visible; */
}
.navi-middle { position:relative; }
.global_navi > ul > li.navi-a div.navi-menu-float, .global_navi > ul > li.navi-b div.navi-menu-float, .global_navi > ul > li.navi-c div.navi-menu-float, .global_navi > ul > li.navi-d div.navi-menu-float, .global_navi > ul > li.navi-e div.navi-menu-float { left:0%; white-space:nowrap;}
.global_navi > ul > li.navi-f div.navi-menu-float { right:0%; white-space:nowrap;}
.global_navi .navi-middle p.global_navi_indicator {
height:3px;
margin:0px 1px 0px 0px;
padding:0;
border:none;
background-color:#1e4159;
visibility:hidden;
}
.global_navi .navi-middle:hover p.global_navi_indicator {
visibility:visible;
}
.global_navi .navi-middle .navi-menu-float {
display:none;
}
.global_navi .navi-middle:hover .navi-menu-float {
display:block;
z-index:9999;
}
ul.global_navi_second, ul.global_navi_third{
font-weight:normal;
margin:0;
padding:0;
/* background-color:#ffffff; */
min-height:100%;
}
ul.global_navi_second{
border:solid #0068b6 2px;
}
ul.global_navi_second > li, ul.global_navi_third > li{
margin-top:0;
}
div.global_navi ul li ul.global_navi_second > li > a, div.global_navi ul li ul.global_navi_second > li > div.navi-menu-float2 ul.global_navi_third > li > a{
padding:11px 20px;
margin:0;
display:inline-block;
width:100%;
color:#555555;
}
div.global_navi ul li ul.global_navi_second > li > a:hover, div.global_navi ul li ul.global_navi_second > li > div.navi-menu-float2 ul.global_navi_third > li > a:hover{
padding:11px 20px;
margin:0;
background-color:#0976C4; /* #e0edf6 */
color:#ffffff; /* #0068b6 */
}
.global_navi ul.global_navi_second > li > div.navi-menu-float2 {
top:0px;
left:100%;
margin:0 0 0 -2px;
min-height:100%;
}
ul.global_navi_second > li:hover > div.navi-menu-float2 {
}
.global-navi_mobile {
display:none;
margin-bottom:0px;
text-align:left;
}
.global-navi_mobile .navbar-nav {
margin-bottom:0px;
}
.global-navi_mobile .navbar-collapse{
background-color:#fafafa;
}
.global-navi_mobile .navbar-header {
text-align:left;
box-shadow: 0px 2px 4px #bbb; /*CSS3*/
-moz-box-shadow: 0px 2px 4px #bbb; /* Firefox用*/
-webkit-box-shadow: 0px 2px 4px #bbb; /* Google Chrome, Safari用*/
filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#bbbbbb'); zoom:1;
border-bottom:solid #0068b6 3px;
}
.global-navi_mobile .navbar-toggle{margin-top:6px; margin-bottom:6px; padding:5px 8px 2px 8px;}
.global-navi_mobile .navbar-header .navbar-toggle > span.icon-bar { margin-left:auto; margin-right:auto; }
.global-navi_mobile .navbar-header .navbar-toggle > p { margin:6px -4px 0px -4px; font-size:0.5rem;line-height:0.5rem;color:#0068b6;font-weight:bold;letter-spacing:-0.1em;}
/* Menu Burger Icon */
.global-navi_mobile .navbar-toggle[aria-expanded="true"] span.icon-bar:nth-of-type(2) {
transform:rotate(-45deg) translateY(4.2px) translateX(-4.2px);
-webkit-transform:rotate(-45deg) translateY(4.2px) translateX(-4.2px);
-moz-transform:rotate(-45deg) translateY(4.2px) translateX(-4.2px);
-ms-transform:rotate(-45deg) translateY(4.2px) translateX(-4.2px);
-o-transform:rotate(-45deg) translateY(4.2px) translateX(-4.2px);
}
.global-navi_mobile .navbar-toggle[aria-expanded="true"] span.icon-bar:nth-of-type(3) {
opacity:0;
}
.global-navi_mobile .navbar-toggle[aria-expanded="true"] span.icon-bar:nth-of-type(4) {
transform:rotate(45deg) translateY(-4.3px) translateX(-4.3px);
-webkit-transform:rotate(45deg) translateY(-4.3px) translateX(-4.3px);
-moz-transform:rotate(45deg) translateY(-4.3px) translateX(-4.3px);
-ms-transform:rotate(45deg) translateY(-4.3px) translateX(-4.3px);
-o-transform:rotate(45deg) translateY(-4.3px) translateX(-4.3px);
}
.global-navi_mobile .navbar-nav>li>a:hover, .global-navi_mobile .navbar-nav>li>a:focus{ color:#0068b6; } /* font-size:0.875rem; */
/* ===== Media Query Start ===== */
@media (min-width: 960px) {
}
@media (min-width: 768px) {
}
@media (min-width: 639px) {
}
@media (max-width: 768px) {
.global_navi > ul > li.navi-middle{ font-size:0.8em; font-size:0.8rem; font-weight:normal; }
.header #company_logo img.img_pageheader-subtext { display:none; }
.global_navi > ul > li.navi-a{width:11.6%;}
.global_navi > ul > li.navi-b{width:11.5%;}
.global_navi > ul > li.navi-c{width:20.6%;}
.global_navi > ul > li.navi-d{width:12.5%;}
.global_navi > ul > li.navi-e{width:15%;}
.global_navi > ul > li.navi-f{width:27.4%;}
}
@media (max-width: 639px) {
.global_navi { display:none; }
.global-navi_mobile { display:block; }
div.header{ display:none; }
}
/* ===== Media Query End ===== */
/* === Header Style End =========
============================== */