@charset "utf-8";

/*--blOck_lAyoUt--*/
div#main_block{background:url(/common/img/bg01.jpg) center no-repeat; background-size:cover; position:relative;}
div#second_block{background:url(/common/img/bg02.jpg) center no-repeat; background-size:cover; position:relative;}
div#third_block{background:url(/common/img/bg03.jpg) center no-repeat; background-size:cover; position:relative;}
@media screen and (max-width: 640px) {
div#main_block{background:#fff; height:auto !important;}
div#second_block,
div#third_block{display:none;}
}

div#main_inner{width:980px; height:140px; overflow:hidden; position:absolute; left:50%; margin-left:-490px; bottom:80px;}
div#main_inner dl.visual{width:105px; float:right; background:url(/common/img/bg_clear06.png);}
div#main_inner dl.visual dt{font-size:0; line-height:0; display:none;}
div#main_inner dl.visual dd ul{list-style:none; position:relative; width:100%; height:140px;}
div#main_inner dl.visual dd ul li.first p{position:absolute; width:100%; font-size:13px; color:#fff; bottom:.5em; text-align:center;}
div#main_inner dl.visual dd ul li.first p span{display:block; text-align:center;}
div#main_inner dl.visual dd ul li.even{font-size:0; line-height:0; position:absolute; top:13px; width:100%;}
div#main_inner dl.visual dd ul li.even a{display:block; text-align:center;}
div#main_inner dl.visual dd ul li.even 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;}
div#main_inner div.weather_box{height:140px; width:200px; margin:0 auto; background:url(/common/img/bg_clear00.png); position:relative; overflow:hidden; float:right;}
div#main_inner div.weather_box iframe{border:none; width:200px;}
div#main_inner div.info_box{width:675px; float:left; background:url(/common/img/bg_clear06.png); position:relative;}
div#main_inner div.info_box dl.ttl{position:relative; height:45px; overflow:hidden; background:url(/common/img/bg_clear05.png);}
div#main_inner div.info_box dl.ttl dt{font-size:0; line-height:0; width:195px; position:absolute; top:11px; left:15px;}
div#main_inner div.info_box dl.ttl dd ul{list-style:none; position:absolute; top:12px; right:15px;}
div#main_inner div.info_box dl.ttl dd ul li{float:left;}
div#main_inner div.info_box dl.ttl dd ul li.first{margin-right:15px;}
div#main_inner div.info_box>ul{list-style:none; padding:10px 15px; background:url(/img/line.png) center no-repeat;}
div#main_inner div.info_box>ul li{width:195px; height:75px; margin-right:30px; overflow:hidden; float:left;}
div#main_inner div.info_box>ul li.last{margin:0;}
div#main_inner div.info_box>ul li a{display:block;}
div#main_inner div.info_box>ul li a dt{font-size:13px; color:#fff;}
div#main_inner div.info_box>ul li a dt span{background:#fff; font-size:11px; padding:0 .75em; margin-right:.5em; color:#7c0e00; text-align:center; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px;}
div#main_inner div.info_box>ul li a dd{font-size:13px; color:#fff; line-height:1.4em;}
div#main_inner div.info_box>ul li a:hover{text-decoration:none !important;}
div#main_inner div.info_box p.btn{display:none;}
@media screen and (max-width: 640px) {
div#main_inner{width:auto; height:auto; position:relative; left:auto; margin:0; bottom:auto;}
div#main_inner dl.visual{width:auto; float:none; background:none;}
div#main_inner dl.visual dt{display:block;}
div#main_inner dl.visual dd ul{height:auto; display:table;}
div#main_inner dl.visual dd ul li{display:table-cell; vertical-align:middle;}
div#main_inner dl.visual dd ul li.first{background:#334b82; width:70%;}
div#main_inner dl.visual dd ul li.first p{position:relative; font-size:15px; bottom:auto; text-align:center;}
div#main_inner dl.visual dd ul li.first p span{display:inline; font-size:12px; margin-left:1em;}
div#main_inner dl.visual dd ul li.even{position:relative; top:auto; width:30%; background:#001e63; padding:10px;}
div#main_inner dl.visual dd ul li.even a:hover img{-moz-transform:none; -webkit-transform:none; -o-transform:none; -ms-transform:none; -moz-transition:none; -webkit-transition:none; -o-transition:none; -ms-transition:none; transition:none;}
div#main_inner div.weather_box{display:none;}
div#main_inner div.info_box{width:auto; float:none; background:none;}
div#main_inner div.info_box dl.ttl{height:auto; background:#001e63;}
div#main_inner div.info_box dl.ttl dt{width:60%; position:relative; top:auto; left:auto; padding:10px;}
div#main_inner div.info_box dl.ttl dd ul{display:none;}
div#main_inner div.info_box>ul{padding:10px; background:none;}
div#main_inner div.info_box>ul li{width:auto; height:auto; padding:0 .25em 1em; margin:0 0 1em; float:none; border-bottom:1px solid #001e63;}
div#main_inner div.info_box>ul li a dt{color:#001d62;}
div#main_inner div.info_box>ul li a dt span{background:#911b00; color:#fff; padding:1px .75em;}
div#main_inner div.info_box>ul li a dd{color:#001d62; line-height:1.5em;}
div#main_inner div.info_box p.btn{display:block; margin:0 15% 15px; font-size:0; line-height:0;}
}





/*--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_menu{width:auto; position:relative; top:auto; margin-top:0; right:auto;}
div#side_menu:hover{right:auto;}
div#side_menu ul{background:url(/common/img/bg_clear02.png); border:solid #fff; border-width:1px 0 0 1px;}
div#side_menu ul li{padding: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;}
}

/*--secTion_nAvi--*/
ul#controller{list-style:none; position:fixed; top:50%; margin-top:-35px; left:2px; z-index:21;}
ul#controller li{font-size:0; line-height:0; margin-bottom:1px; cursor:pointer;}
ul#controller li:hover{background:url(/common/img/bg_clear05.png);}
@media screen and (max-width: 640px) {
ul#controller{display:none;}
}

/*--bLock_iNNer_lAyouT--*/
div#second_block ul,
div#third_block ul{list-style:none; position:absolute; width:500px; height:80px; padding:12px 32px; left:50%; margin-left:-490px; bottom:120px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; border-radius:6px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
div#second_block ul{background:url(/common/img/bg_clear07.png);}
div#third_block ul{background:url(/common/img/bg_clear08.png);}
div#second_block ul li,
div#third_block ul li{font-size:0; line-height:0; float:left;}
div#second_block ul li.even,
div#third_block ul li.even{float:right;}
div#second_block ul li a:hover img,
div#third_block ul li a:hover img{-ms-filter:"alpha(opacity=60)"; filter:alpha(style=0,opacity=60); -moz-opacity:.6; opacity:.6;}