@charset "utf-8";

/*==================================
  reSet
==================================*/
body{margin:0 auto; padding:0; color:#383838; min-width:1000px; background:#000;}
body.second_page{background:url(../img/2nd_bg_1.jpg) fixed; background-size:cover; padding-top:150px;}
html{margin:0 auto; padding:0; font-size:12px; font-family:"メイリオ", 'ＭＳ Ｐゴシック', 'Osaka', Helvetica, Verdana, Arial, sans-serif;}
div.change_background{background-size:cover;}
@media screen and (max-width: 640px) {
body{min-width:100%; -webkit-text-size-adjust:100%;}
body.second_page{background:#fff; padding-top:0;}
html{font-family:Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro W3","Droid Sans",Helvetica,Arial,sans-serif;}
}

*{margin:0; padding:0; text-align:left;}
img{border:none; vertical-align:bottom; max-width:100%;}
a img,a{-moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
p,li,dt,dd,th,td{line-height:1.6em;}
hr{display:none;}
.clear{zoom:100%;}
.clear:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}
::selection{background:#001d62; color:#fff;}
::-moz-selection{background:#001d62; color:#fff;}

/* LinxColor
==================================*/
a{color:#312424; text-decoration:none;}
a:visited{color:#312424; text-decoration:none;}
a:hover{color:#f5a900; text-decoration:underline;}
a:active{color:#f5a900; text-decoration:underline;}

/* loAding
==================================*/
#loading{width:100%; height:100%; position:fixed; top:0; background:#fff; z-index:1500;}
#loading img{position:absolute; top:50%; left:50%; margin-left:-16px; margin-top:-16px;}

/*==============================================
  coMMon_seTTing
==============================================*/
header{width:100%; height:70px; position:fixed; top:0; left:0; background:url(../img/bg_clear01.png); z-index:1001;}
header h1{font-size:0; line-height:0; width:305px; position:absolute; bottom:10px; left:50%; margin-left:-500px;}
header nav>ul>li{font-size:0; line-height:0; width:120px; height:25px; position:absolute; bottom:0; left:50%;}
header nav>ul>li#navi01{margin-left:-180px;}
header nav>ul>li#navi02{margin-left:-40px;}
header nav>ul>li#navi03{margin-left:100px;}
header nav>ul>li#navi04{margin-left:240px;}
header nav>ul>li#navi05{margin-left:380px;}
header nav>ul>li>a{display:block; width:120px; height:25px; -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 nav>ul>li>a span{width:0; text-align:center; height:3px; background:#fff; position:absolute; bottom:0; left:50%; z-index:1; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
header nav>ul>li>a:hover span{width:120px; left:0; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
header nav>ul>li>a.current span,
header nav>ul>li>a.current:hover span{width:120px !important; left:50% !important; margin-left:-60px !important;}
header nav>ul>li#navi06{margin-left:380px; bottom:45px; background:url(../img/bg_clear00.png);}
header nav>ul>li#navi06 dt{cursor:pointer; padding:3px 0 2px; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
header nav>ul>li#navi06 dl{position:relative;}
header nav>ul>li#navi06 dl:hover dt{background:#fff;}
header nav>ul>li#navi06 dd{position:absolute; width:120px; top:26px; left:0; display:none;}
header nav>ul>li#navi06 dd ul li{list-style:none; font-size:13px; padding-bottom:1px; line-height:0;}
header nav>ul>li#navi06 dd ul li a{display:block; background:url(../img/bg_clear01.png); padding:.5em .75em; color:#fff !important; line-height:normal;}
header nav>ul>li#navi06 dd ul li a:hover{background:#fff; color:#000 !important; text-decoration:none !important;}
@media screen and (max-width: 640px) {
header{position:relative; width:auto; height:60px; padding-left:0; padding-left:10px;}
header h1#h1S{width:40%; height:auto; position:relative; bottom:auto; left:auto; margin:0; float:left; padding:18px 0 0;}
header h1#h1S img{height:24px; max-width:none;}
header p.btn_menu{width:60px; height:60px; float:right; background:#b9bac7; position:relative; cursor:pointer;}
header p.btn_menu span.line01{position:absolute; width:34px; height:3px; background:#414351; top:16px; left:13px;-moz-transition:all 0.6s ease; -webkit-transition:all 0.6s ease; -o-transition:all 0.6s ease; -ms-transition:all 0.6s ease; transition:all 0.6s ease;}
header p.btn_menu span.line02{position:absolute; width:34px; height:3px; background:#414351; top:29px; left:13px;-moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; -ms-transition:all 1s ease; transition:all 1s ease;}
header p.btn_menu span.line03{position:absolute; width:34px; height:3px; background:#414351; top:42px; left:13px;-moz-transition:all 0.6s ease; -webkit-transition:all 0.6s ease; -o-transition:all 0.6s ease; -ms-transition:all 0.6s ease; transition:all 0.6s ease;}
body header p.open{background:#fff; background-size:50px 30px;}
body header p.open span.line01{transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); top:30px;}
body header p.open span.line02{-ms-filter:"alpha(opacity=0)"; filter:alpha(style=0,opacity=0); -moz-opacity:0; opacity:0;}
body header p.open span.line03{transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); top:30px;}
header nav{position:absolute; width:100%; top:60px; left:0; z-index:1005; padding-bottom:1em;}
header nav>ul{border-top:2px solid #fff;}
header nav>ul>li{width:50%; height:auto; float:left; position:relative; bottom:auto; left:auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; border:solid #fff; border-width:0 0 2px 1px;}
header nav>ul>li.even{border:solid #fff; border-width:0 1px 2px 0;}
header nav>ul>li#navi01{width:100%; margin:0; border-width:0 0 2px;}
header nav>ul>li#navi02,
header nav>ul>li#navi03,
header nav>ul>li#navi04,
header nav>ul>li#navi05{margin-left:0;}
header nav>ul>li>a{width:auto; height:auto;}
header nav>ul>li#navi06{margin-left:0; bottom:auto; background:url(../img/bg_clear03.png); width:100%; border-width:0 0 2px;}
header nav>ul>li#navi06 dl{display:table; width:100%;}
header nav>ul>li#navi06 dt{padding:0; height:60px; width:100%; display:table-cell; text-align:center; vertical-align:middle; position:relative;}
header nav>ul>li#navi06 dt img{width:30%;}
header nav>ul>li#navi06 dt span.line01{position:absolute; width:34px; height:3px; background:#414351; top:16px; right:13px;-moz-transition:all 0.6s ease; -webkit-transition:all 0.6s ease; -o-transition:all 0.6s ease; -ms-transition:all 0.6s ease; transition:all 0.6s ease;}
header nav>ul>li#navi06 dt span.line02{position:absolute; width:34px; height:3px; background:#414351; top:29px; right:13px;-moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; -ms-transition:all 1s ease; transition:all 1s ease;}
header nav>ul>li#navi06 dt span.line03{position:absolute; width:34px; height:3px; background:#414351; top:42px; right:13px;-moz-transition:all 0.6s ease; -webkit-transition:all 0.6s ease; -o-transition:all 0.6s ease; -ms-transition:all 0.6s ease; transition:all 0.6s ease;}
header nav>ul>li#navi06 dt.active span.line01{transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); top:30px;}
header nav>ul>li#navi06 dt.active span.line02{-ms-filter:"alpha(opacity=0)"; filter:alpha(style=0,opacity=0); -moz-opacity:0; opacity:0;}
header nav>ul>li#navi06 dt.active span.line03{transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); top:30px;}
header nav>ul>li#navi06 dl{position:relative;}
header nav>ul>li#navi06 dl:hover dt{background:none;}
header nav>ul>li#navi06 dd{width:100%; top:62px; left:0; display:none;}
header nav>ul>li#navi06 dd ul li{font-size:15px; font-weight:bold; padding-bottom:0; line-height:0; border-bottom:1px solid #fff;}
header nav>ul>li#navi06 dd ul li a{background:url(../img/bg_clear03.png); padding:.75em; color:#001e63 !important; line-height:normal;}
}

/*--content--*/
h2#contents_ttl{font-size:0; line-height:0; text-align:center; margin-bottom:65px;}
dl#bread{width:1000px; margin:0 auto;}
dl#bread dt{font-size:0; line-height:0; background:url(../img/bg_clear09.png); padding:28px 40px;}
dl#bread dd ul{list-style:none; background:url(../img/bg_clear10.png); padding:.25em 40px;}
dl#bread dd ul li{color:#fff; float:left;}
dl#bread dd ul li a{color:#fff;}
dl#bread dd ul li:after{content:">"; margin:0 .5em;}
dl#bread dd ul li.last:after{display:none;}
div#contents{width:1000px; padding:40px; margin:0 auto 100px; background:url(../img/bg_clear00.png); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
@media screen and (max-width: 640px) {
h2#contents_ttl{display:none;}
dl#bread{width:auto;}
dl#bread dt{background:url(../img/bg_clear02.png); margin-bottom:0; padding:15px 15%;}
dl#bread dd ul{padding:.25em 1em;}
div#contents{width:auto; padding:1.5em 3%; margin:0 auto 20px; background:none;}
}

/*--siDe_sliDe_nAvi--*/
div#side_menu{width:156px; position:fixed; top:50%; margin-top:-150px; right:-102px; z-index:20; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
div#side_menu:hover{right:0;}
div#side_menu ul{list-style:none; background:url(/common/img/bg_clear02.png);}
div#side_menu ul li{font-size:0; line-height:0; padding:4px;}
div#side_menu ul li a:hover img{-ms-filter:"alpha(opacity=60)"; filter:alpha(style=0,opacity=60); -moz-opacity:.6; opacity:.6;}
@media screen and (max-width: 640px) {
div#side_menuS{width:auto; position:relative; top:auto; margin-top:0; right:auto;}
div#side_menuS:hover{right:auto;}
div#side_menuS ul{list-style:none; background:url(/common/img/bg_clear02.png); border:solid #fff; border-width:1px 0 0 1px;}
div#side_menuS ul li{font-size:0; line-height:0; width:50%; float:left; padding:10px; border:solid #fff; border-width:0 1px 1px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
}

/*--footer--*/
footer{background:url(/common/img/bg_footer.jpg) top center no-repeat; background-size:cover; padding:220px 0 240px; position:relative;}
footer>ul{list-style:none; position:absolute; bottom:165px; width:100%; text-align:center;}
footer>ul>li{font-size:0; line-height:0; display:inline-block; margin:0 15px;}
footer>ul>li a{display:block; width:65px; height:65px;}
footer>ul>li a:hover img{-moz-transform:rotateY(-180deg) rotateX(-180deg) rotateZ(-180deg); -webkit-transform:rotateY(-180deg) rotateX(-180deg) rotateZ(-180deg); -o-transform:rotateY(-180deg) rotateX(-180deg) rotateZ(-180deg); -ms-transform:rotateY(-180deg) rotateX(-180deg) rotateZ(-180deg); -moz-transition:all .8s ease; -webkit-transition:all .8s ease; -o-transition:all .8s ease; -ms-transition:all .8s ease; transition:all .8s ease;}
footer>ol{list-style:none; width:950px; margin:0 auto; padding-bottom:40px;}
footer>ol>li{width:196px; float:left; margin-right:55px;}
footer>ol>li.last{margin:0;}
footer>ol>li a{color:#fff !important; display:block;}
footer>ol>li a:hover{color:#fff !important; text-decoration:none !important; padding-left:.5em;}
footer>ol>li>dl>dt{border-bottom:1px solid #fff; font-size:14px; padding-bottom:.2em; margin-bottom:1em;}
footer>ol>li>dl>dd ul li{list-style:none; padding:0 0 1em .5em;}
footer>ol>li>dl>dd ul li a:before{content:"－";}
footer>ol>li>dl>dd ul li.first{display:none;}
footer>ol>li>ul>li{list-style:none; border-bottom:1px solid #fff; font-size:14px; padding-bottom:.2em; margin-bottom:1em;}
footer>p{font-size:0; line-height:0; position:absolute; bottom:80px; left:50%; margin-left:-75px;}
footer>p a:hover img{-ms-filter:"alpha(opacity=70)"; filter:alpha(style=0,opacity=70); -moz-opacity:.7; opacity:.7;}
footer>dl{background:#0b0c16; width:100%; height:35px; position:absolute; bottom:0; left:0;}
footer>dl>dt{font-size:0; line-height:0; width:190px; position:absolute; left:12px; top:10px;}
footer>dl>dd ul{list-style:none; text-align:center; padding-top:10px;}
footer>dl>dd ul li{display:inline-block; width:10em; text-align:center; margin:0 1em;}
footer>dl>dd ul li a{color:#fff !important;}
footer>dl>dd ul li a:before{content:"－";}
footer>dl>dd ul li a:hover{margin-left:.5em; color:#fff !important; text-decoration:none !important;}
footer>dl>dd address{font-style:normal; font-size:11px; color:#79797f; position:absolute; top:10px; right:12px;}
@media screen and (max-width: 640px) {
footer{background:#191b29 url(/common/img/bg_footer_smp.png) top center no-repeat; background-size:contain; padding:80px 0 0;}
footer>ul{position:relative; bottom:auto; width:80%; margin:0 10%; padding-bottom:20px;}
footer>ul>li{display:block; width:19%; float:left; margin:0 8% 0 0;}
footer>ul>li.last{margin:0;}
footer>ul>li a{width:auto; height:auto;}
footer>ol{width:auto; margin:0 5%; padding-bottom:15px;}
footer>ol>li{width:auto; float:none; margin-right:0;}
footer>ol>li>dl>dt{color:#fff; padding:.5em .75em; margin-bottom:.25em; position:relative;}
footer>ol>li>dl>dt span.line01{position:absolute; width:20px; height:2px; background:#fff; bottom:21px; right:10px;-moz-transition:all 0.6s ease; -webkit-transition:all 0.6s ease; -o-transition:all 0.6s ease; -ms-transition:all 0.6s ease; transition:all 0.6s ease;}
footer>ol>li>dl>dt span.line02{position:absolute; width:20px; height:2px; background:#fff; bottom:14px; right:10px;-moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; -ms-transition:all 1s ease; transition:all 1s ease;}
footer>ol>li>dl>dt span.line03{position:absolute; width:20px; height:2px; background:#fff; bottom:7px; right:10px;-moz-transition:all 0.6s ease; -webkit-transition:all 0.6s ease; -o-transition:all 0.6s ease; -ms-transition:all 0.6s ease; transition:all 0.6s ease;}
footer>ol>li>dl>dt.active span.line01{transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); bottom:14px;}
footer>ol>li>dl>dt.active span.line02{-ms-filter:"alpha(opacity=0)"; filter:alpha(style=0,opacity=0); -moz-opacity:0; opacity:0;}
footer>ol>li>dl>dt.active span.line03{transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); bottom:14px;}
footer>ol>li>dl>dd{display:none; padding-top:.5em;}
footer>ol>li>dl>dd ul li.first{display:block;}
footer>ol>li>ul>li{padding:.5em 1em .5em .75em; margin-bottom:.25em;}
footer>ol>li>ul>li a:after{content:">"; float:right; font-size:24px;}
footer>p{position:relative; bottom:auto; left:auto; margin:0 0 25px; text-align:center;}
footer>dl{background:none; height:auto; position:relative; bottom:auto; left:auto;}
footer>dl>dt{width:auto; position:relative; left:auto; top:auto; text-align:center; margin:0 20% 15px;}
footer>dl>dd ul{padding:0 0 10px;}
footer>dl>dd ul li{display:inline-block; width:auto; font-size:11px;}
footer>dl>dd address{position:relative; top:auto; right:auto; background:#0b0c16; text-align:center; padding:.5em 0; border-top:1px solid #2c2e3b;}
}

/*--goToTop--*/
p#gototop{position:fixed; bottom:-200px; right:10px; z-index:999;}
@media screen and (max-width: 640px) {
p#gototop{display:none;}
/*p#gototop{position:relative; bottom:auto; right:auto; display:block;}
p#gototop a{display:block; background:#d22478; text-align:center; font-size:14px; color:#fbe9f2; padding:.75em 0; border:solid #fff; border-width:1px 0;}*/
}