@charset "utf-8";

/*==================================
  reSet
==================================*/
body{margin:0 auto; padding:0; color:#221714; width:100%;}
html{margin:0 auto; padding:0; font-size:10px; font-family:"Varela",Helvetica,Verdana,Arial,sans-serif;}
@media screen and (max-width: 640px) {
body{min-width:100%; -webkit-text-size-adjust:100%;}
html{font-family:Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro W3","Droid Sans",Helvetica,Arial,sans-serif;}
}

/* font-family:'Istok Web', 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;}
.ov a{-moz-transition:none; -webkit-transition:none; -o-transition:none; -ms-transition:none; transition:none;}
.ov a img{border:1px solid #bdd690; -moz-transition:none; -webkit-transition:none; -o-transition:none; -ms-transition:none; transition:none;}
.ov a:hover img{border:1px solid #7e9e8f;}
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:#c4d700; color:#000;}
::-moz-selection{background:#c4d700; color:#000;}

/* LinxColor
==================================*/
a{color:#5da300; text-decoration:underline;}
a:visited{color:#5da300; text-decoration:underline;}
a:hover{color:#005c43; text-decoration:none;}
a:active{color:#005c43; text-decoration:none;}


/*==============================================
  coMMon_seTTing
==============================================*/
/*--heAder--*/
header{width:1000px; height:140px; margin:0 auto; position:relative; background:url(/en/img/bg_navi.png) bottom no-repeat;}
h1{font-size:0; line-height:0; position:absolute; width:353px; top:16px; left:50%; margin-left:-500px;}
header nav li{list-style:none; width:200px; height:52px; position:absolute; font-size:18px; font-family:'Istok Web', sans-serif; font-weight:bold;}
header nav li a{display:block; color:#231815 !important; text-decoration:none !important; text-align:center; height:49px; line-height:49px;}
header nav li a.current{color:#005c44 !important;}
header nav li#navi01{top:88px;}
header nav li#navi02{top:88px; left:200px;}
header nav li#navi03{top:88px; left:400px;}
header nav li#navi04{top:88px; left:600px;}
header nav li#navi05{top:88px; left:800px;}
header nav li a span{width:0; text-align:center; height:3px; background:#005c44; 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.current span,
header nav ul li a:hover span{width:200px; 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 li#navi06{top:20px; right:0; width:auto; height:auto; font-size:14px; font-family:"メイリオ","Meiryo", 'ＭＳ Ｐゴシック', Helvetica, Verdana, Arial, sans-serif;}
header nav li#navi06 a{color:#4f4644 !important; text-decoration:none !important; background:url(/common/img/lm01.png) left 5px no-repeat; padding-left:1.25em; height:auto; line-height:1.6em;}
header nav li#navi06 a:hover{color:#5da300 !important; text-decoration:underline !important;}
@media screen and (max-width: 640px) {
header{width:auto; height:auto; margin:0; background:none; padding:1em 0 0;}
h1{position:relative; width:auto; top:auto; left:auto; margin:0 0 15px; padding:0 10%; text-align:center;}
header nav ul{border:solid #c4d700; border-width:2px 0 1px; padding:0;}
header nav li{width:50%; height:auto; float:left; position:relative; font-size:15px;}
header nav li a{height:auto; line-height:1.6em; padding:.5em 0;}
header nav li a.current{color:#231815 !important;}
header nav li#navi01{display:none;}
header nav li#navi02,
header nav li#navi03,
header nav li#navi04,
header nav li#navi05{top:auto; left:auto; border-bottom:1px solid #c4d700;}
header nav li.even{border-right:1px solid #c4d700;}
header nav li#navi06{position:absolute; top:2px; right:1em; width:auto; height:auto; font-size:12px; border:none;}
header nav li#navi06 a{background:url(/common/img/lm01.png) left 8px no-repeat; padding-left:1.25em; height:auto; line-height:1.25em;}
}

/*--conTenTs--*/
div#contents{width:1000px; margin:0 auto; padding:0 0 30px;}
div#main{width:750px; float:left;}
div#side{width:230px; float:right;}
ul.bread{list-style:none; background:#fdfdf5; width:1000px; margin:0 auto 20px; padding:.5em 1em;}
ul.bread li{font-size:1.3em; float:left;}
ul.bread li:after{content:">"; margin:0 .5em;}
ul.bread li.last:after{content:""; margin:0;}
div#main h2.ttl{font-size:36px; color:#005c44; border-bottom:5px solid #c4d700; padding:.5em 0 .5em .6em; margin-bottom:1em; font-family:'Istok Web', sans-serif;}
div#main h2.ttl span{display:block; border-left:5px solid #005c44; padding-left:.5em; line-height:1.2em;}
div#main h3.ttl{font-size:24px; color:#fff; padding:.4em .75em; margin-bottom:1em; background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4a8e7d), color-stop(100%, #337d6a)); background:-webkit-linear-gradient(#4a8e7d, #337d6a); background:-moz-linear-gradient(#4a8e7d, #337d6a); background:-o-linear-gradient(#4a8e7d, #337d6a); background:linear-gradient(#4a8e7d, #337d6a); background:-ms-linear-gradient(top, #4a8e7d, #337d6a); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a8e7d', endColorstr='#337d6a', GradientType=0)"; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; font-family:'Istok Web', sans-serif;}
div#main h3.ttl span{display:block; border-left:4px solid #fff; line-height:1.25em; padding-left:.5em;}
div#main h3.ttl2{font-size:23px; line-height:1.25em; color:#005c44; border-left:4px solid #005c44; padding-left:.6em; margin-bottom:.6em;}
@media screen and (max-width: 640px) {
div#contents{width:auto; padding:0;}
div#main{width:auto; float:none; padding-bottom:25px;}
div#side{width:auto; float:none; padding-bottom:20px;}
ul.bread{width:auto;}
div#main h2.ttl{font-size:20px; border-bottom:3px solid #c4d700; padding:0 .5em .4em; margin-bottom:1em;}
div#main h2.ttl span{border-left:4px solid #005c44;}
div#main h3.ttl{font-size:16px; margin:0 3% 1em;}
div#main h3.ttl2{font-size:15px; margin:0 3% .6em;}
}

/*--siDe--*/
div#side>ol>li{list-style:none; padding:0 0 25px;}
div#side>ol>li dt{font-size:20px; text-align:center; padding:.5em 0; border-top:3px solid #34765f;}
div#side>ol>li dt a{color:#005c44 !important; text-decoration:none !important;}
div#side>ol>li dt a:hover{color:#5da300 !important;}
div#side>ol>li dd ul{background:#fcfdf4; padding:1em 0 .25em;}
div#side>ol>li dd li{list-style:none; font-size:1.3em; padding:0 1em .75em;}
div#side>ol>li dd li a{display:block; background:url(/common/img/lm01.png) left .4em no-repeat; padding-left:1.5em;}
div#side>ol>li dd li a.current{color:#231815 !important; text-decoration:none !important;}
div#side>ul li{list-style:none; font-size:0; line-height:0; margin-bottom:15px;}
@media screen and (max-width: 640px) {
div#side>ol>li dt{font-weight:bold;}
div#side>ol>li dd ul{padding:1em 1em .25em; margin:0 3%;}
div#side>ol>li dd li{font-size:13px; width:50%; float:left; padding:0 0 .75em;}
div#side>ol>li dd li a{display:block; background:url(/common/img/lm01.png) left no-repeat; padding-left:1.5em;}
div#side>ul{display:none;}
}

/*--fooTer--*/
footer{background:#f2f1f1; position:relative;}
p#gototop{font-size:0; line-height:0; position:absolute; top:0; right:25px; z-index:1;}
footer>dl{width:1000px; margin:0 auto; padding:30px 0 35px;}
footer>dl dt{font-size:0; line-height:0; width:200px; float:left; text-align:center;}
footer>dl dd{width:800px; float:right;}
footer>dl dd ul li{list-style:none; font-size:0; line-height:0; float:left; width:147px; height:32px; margin-right:16px;}
footer>dl dd ul li.first{width:392px; height:47px; margin-bottom:15px;}
footer>dl dd ul li.multiple2{width:392px; height:47px; margin:0 0 15px;}
footer>dl dd ul li.last{margin:0;}
footer>dl dd ul li a{display:block; background:#fff;}
footer>dl dd ul li img{max-height:44px; padding:0 16px;}
footer>dl dd ul li.first img,
footer>dl dd ul li.multiple2 img{max-height:70px; padding:0 109px;}
footer>div{background:#fff; border-top:2px solid #ccdb30;}
footer>div>p{display:none;}
footer>div>dl{width:1000px; margin:0 auto; padding:3em 0 1em; background:url(/common/img/logo_f.png) right no-repeat; background-size:110px 53px; position:relative;}
footer>div>dl dt{font-size:0; line-height:0; margin-bottom:5px;}
footer>div>dl dd p{font-size:13px;}
footer>div address{font-style:normal; font-size:1.3em; color:#231815; position:absolute; bottom:1em; right:120px;}

@media screen and (max-width: 640px) {
p#gototop{display:none;}
footer>dl{width:auto; margin:0 auto; padding:20px 0;}
footer>dl dt{width:auto; float:none; margin:0 20% 15px}
footer>dl dd{width:auto; float:none;}
footer>dl dd ul{padding:0 3%;}
footer>dl dd ul li{width:49%; height:auto; margin:0 0 10px;}
footer>dl dd ul li.even{float:right; margin:0 0 10px;}
footer>dl dd ul li.first{width:49%; height:auto; margin:0 0 10px;}
footer>dl dd ul li.multiple2{width:49%; height:auto; margin:0 0 10px;}
footer>dl dd ul li img{max-height:inherit; padding:0 10px;}
footer>dl dd ul li.first img,
footer>dl dd ul li.multiple2 img{max-height:inherit; padding:0;}
footer>div{padding:15px 0 0;}
footer>div>p{display:block; margin:0 3% 15px;}
footer>div ul{width:auto; padding:1.5em 3%;}
footer>div>dl{width:auto; margin:0 auto; background:none;}
footer>div>dl dt{position:relative; width:auto; top:auto; right:auto; text-align:center;}
footer>div>dl dd p{text-align:center;}
footer>div>dl dd address{position:relative; bottom:auto; right:auto; font-size:12px; text-align:center; padding-top:.5em; font-family:"メイリオ","Meiryo", 'ＭＳ Ｐゴシック', Helvetica, Verdana, Arial, sans-serif;}
}