@charset "utf-8";

/*==================================
  reSet
==================================*/
body{margin:0 auto; padding:0; color:#000; min-width:1000px;}
html{margin:0 auto; padding:0; font-size:13px; font-family:"メイリオ", 'ＭＳ Ｐゴシック', 'Osaka', Helvetica, Verdana, Arial, sans-serif;}
/*webfont{font-family:"A1 Mincho","A1明朝"}*/
@media screen and (max-width: 640px) {
body{min-width:100%; -webkit-text-size-adjust:100%; background:url(../img/bg.jpg) top center repeat; background-size: contain;}
html{font-family:Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro W3","Droid Sans",Helvetica,Arial,sans-serif;}
}

*{margin:0; padding:0; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
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:#f3e244; color:#fff;}
::-moz-selection{background:#f3e244; color:#fff;}

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

/* loAding+background
==================================*/
#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;}
#bg{width:100%; height:100%; position:fixed; top:0; background:url(../img/bg.jpg) top center repeat; z-index:1;}
@media screen and (max-width: 640px) {
#bg{display:none;}
}

/*==============================================
  coMMon_seTTing
==============================================*/
header{position:relative; z-index:3; width:1000px; height:220px; margin:0 auto 45px;}
header h1{font-size:0; line-height:0; width:450px; position:absolute; top:20px; left:20px;}
header>dl{position:absolute; width:428px; top:20px; left:50%; margin-left:52px;}
header>dl dt{font-size:0; line-height:0; float:left;}
header>dl dd{font-size:0; line-height:0; float:right;}
header nav{position:absolute; width:1000px; height:60px; bottom:0; background:url(../img/bg_navi.png);}
header nav ul{list-style:none; padding:5px 0 0 26px;}
header nav ul li{font-size:0; line-height:0; width:181px; height:50px; float:left; margin-right:11px;}
header nav ul li#navi01{background:url(../img/navi01_ov.png);}
header nav ul li#navi02{background:url(../img/navi02_ov.png);}
header nav ul li#navi03{background:url(../img/navi03_ov.png);}
header nav ul li#navi04{background:url(../img/navi04_ov.png);}
header nav ul li#navi05{background:url(../img/navi05_ov.png);}
header nav ul li a{display:block;}
header nav ul li a,
header nav ul li a img{-moz-transition:none; -webkit-transition:none; -o-transition:none; -ms-transition:none; transition:none;}
header nav ul li a.current img{visibility:hidden;}
@media screen and (max-width: 640px) {
header{height:80px; width:auto; margin:0 0 15px; padding-left:15px;}
header h1{width:auto; height:auto; position:relative; top:auto; left:auto; margin:0; padding-top:5px; float:left;}
header h1 img{height:70px; max-width:none;}
header h1 a,
header h1 a img{-moz-transition:none; -webkit-transition:none; -o-transition:none; -ms-transition:none; transition:none;}
header>dl{display:none;}
header p.btn_menu{width:80px; height:80px; float:right; background:#47c22f; position:relative; cursor:pointer;}
header p.btn_menu span.line01{position:absolute; width:54px; height:5px; background:#fff; 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:54px; height:5px; background:#fff; top:38px; 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:54px; height:5px; background:#fff; top:60px; 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:#100f10;}
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); background:#fff; top:40px;}
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); background:#fff; top:40px;}
header nav{display:none; position:absolute; width:100%; height:auto; top:80px; left:0; bottom:auto; background:#47c22f; z-index:1001;}
header nav ul{position:relative; padding:1.5em;}
header nav ul li{width:auto; height:auto; float:none; margin-right:0; border-bottom:1px solid #f3e244;}
header nav ul li#navi01,
header nav ul li#navi02,
header nav ul li#navi03,
header nav ul li#navi04,
header nav ul li#navi05,
header nav ul li#navi06{background:#fff;}
header nav ul li a{text-align:center;}
header nav ul li a.current img{visibility:visible;}
}

/*--blocl_content--*/
div#contents{width:960px; margin:0 auto; position:relative; z-index:2;}
div#main{width:690px; float:left;}
div#main>h2{font-size:0; line-height:0; margin-bottom:25px;}
div#side{width:250px; float:right;}
div#side>ul>li{list-style:none; font-size:0; line-height:0; margin-bottom:15px;}
div#side>ul>li a:hover img{-ms-filter:"alpha(opacity=70)"; filter:alpha(style=0,opacity=70); -moz-opacity:.7; opacity:.7;}
@media screen and (max-width: 640px) {
div#contents{width:auto;}
div#main{width:auto; float:none;}
div#main>h2{margin:0 1% 15px;}
div#side{width:auto; float:none;}
div#side>ul>li{text-align:center;}
}

/*--footer--*/
footer{background:url(../img/bg_footer.png) top center no-repeat; padding-top:70px; position:relative; z-index:2;}
div#gototop{width:960px; margin:0 auto 10px; padding-left:850px;}
div#gototop a{display:block;}
div#gototop dt,
div#gototop dd{font-size:0; line-height:0;}
div#gototop a:hover dt img{-moz-transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -o-transform:rotateY(360deg); -ms-transform:rotateY(360deg);}
div#gototop a:hover dd img{-moz-transform:rotateZ(5deg); -webkit-transform:rotateZ(5deg); -o-transform:rotateZ(5deg); -ms-transform:rotateZ(5deg);}
div.footer_inner{width:960px; margin:0 auto; padding-bottom:10px;}
div.footer_inner>dl{float:left; width:300px;}
div.footer_inner>dl>dt{font-size:0; line-height:0; margin-bottom:8px;}
div.footer_inner>dl>dd p{color:#fff; margin-bottom:5px;}
div.footer_inner>dl>dd li{list-style:none;}
div.footer_inner>dl>dd li dl dt{width:3em; float:left;}
div.footer_inner>dl>dd li.first dl dt{margin-top:.5em;}
div.footer_inner>dl>dd li dl dt span{background:#fff; color:#8cc63f; padding:0 3px;}
div.footer_inner>dl>dd li dl dd p{color:#fff;}
div.footer_inner>dl>dd li.first dl dd p{font-size:22px; font-weight:bold;}
div.footer_inner>ul{list-style:none; width:450px; float:right; padding-top:18px;}
div.footer_inner>ul>li{width:115px; float:left;}
div.footer_inner>ul>li.first{width:190px; margin-right:20px;}
div.footer_inner>ul>li.even{width:100px; margin-right:25px;}
div.footer_inner>ul>li dt a{font-size:14px; font-weight:bold; color:#fff !important;}
div.footer_inner>ul>li dd ul{list-style:none; padding:2px 0 2px .75em;}
div.footer_inner>ul>li dd ul li a{display:block; font-size:12px; color:#fff !important; background:url(../img/lm01.png) left 5px no-repeat; padding-left:15px;}
div.footer_inner>ul>li p{margin-bottom:.75em;}
div.footer_inner>ul>li p a{font-size:14px; font-weight:bold; color:#fff !important;}
div.footer_inner>ul>li p.lock a{background:url(../img/lm02.png) left no-repeat; padding-left:16px;}
div.footer_inner a:hover{margin-left:5px; text-decoration:none !important;}
address{background:#007d3c; text-align:center; font-size:13px; font-style:normal; color:#fff; padding:.25em 0;}
@media screen and (max-width: 640px) {
footer{padding-top:20px; background-size:cover;}
div#gototop{width:auto; margin:0 5px 15px 70%; padding-left:0;}
div.footer_inner{width:auto; margin:0 3%;}
div.footer_inner>dl{float:none; width:auto;}
div.footer_inner>dl>dt{margin:0 15%; text-align:center; padding:10px 0;}
div.footer_inner>dl>dd p{font-size:14px;}
div.footer_inner>dl>dd li.first dl dd p a{color:#fff !important; font-weight:bold;}
div.footer_inner>ul{width:auto; float:none; padding:10px 0;}
div.footer_inner>ul>li{width:48%; float:right;}
div.footer_inner>ul>li.first{width:48%; margin-right:0; float:left;}
div.footer_inner>ul>li.even{width:48%; margin-right:0;}
div.footer_inner>ul>li dt a:before{content:"・";}
div.footer_inner>ul>li p a:before{content:"・";}
div.footer_inner>ul>li p.lock a:before{content:"";}
address{padding:.5em 0;}
}