@charset "UTF-8";
/* COMMON CSS Document */
#wrapper{width:100%; background:url(../images/bg.gif);}
.content{margin:0 auto; width:960px; background:#fff;}

/* CLEAR FIX */
.clear { clear:both; }
.clearFix { }
.clearFix:after { display:block; clear:both; height:0; visibility:hidden; content:"."; zoom:1; }  

/*HEADER
====================================*/
#header{position:relative;}
#header .bg_l{position:absolute; top:0; left:0; z-index:100;}
#header .bg_r{position:absolute; top:0; right:0; z-index:100;}
#header .content{padding-top:16px; padding-bottom:16px;}
#header .content_inner{position:relative; z-index:120;}
h1{text-align:center; padding-bottom:30px;}
#header_l{position:absolute; top:30px; left:0; width:238px;}
#header_r{position:absolute; top:20px; right:0; width:176px;}
#header_r li{margin-bottom:10px;}

#gnav li{float:left; margin-right:22px;}
#gnav li.last{margin-right:0;}
#gnav ul li span{display:none;}
#gnav #btn_menu{cursor:pointer; float:right; background:#fff; padding:5px; display:none; line-height:100%; margin-right:5px; margin-bottom:5px;
border-radius: 3px;}
#gnav #btn_menu span{background:#000; height:3px; display:block; margin-bottom:3px; width:37px;}

a img.imgHover:hover{opacity:0.7;}
/*MAIN CONTENT
====================================*/
#container{background:url(../images/bg_content01.jpg) top center repeat-x; padding-top:19px; position:relative;}
#container .bg_b{position:absolute; bottom:-21px; right:0; z-index:90;}
#container .bg_l{background:url(../images/bg_content02.png) top left repeat-y;}
#container .bg_r{background:url(../images/bg_content03.png) top right repeat-y;}
#main_btn{padding-bottom:100px; position:relative; z-index:100;}

h2{padding:100px 7px 22px;}

/*FOOTER
===================================*/
.ft_cont{width:866px;margin:0 auto;}
#pageTop{float:right;padding-right:75px;width:92px; z-index:100; position:relative;}

#footerbtn ul li{width:430px;float:left; margin:0 6px 40px 0;}
#footer{ border-top:solid 1px #e3e5c2;padding:10px 0;background:#fff;}
#footer ul li{float:left;}
#footer ul li.li01{width:50px;padding-top:6px; margin-right:16px;}
#footer ul li.li02{width:217px;margin-right:19px;}
#footer ul li.li03{width:174px;margin-right:46px;}
#footer ul li.li04{width:344px;}

.telBox {  text-align:center; margin:0 auto 0 auto; padding:30px 10px; max-width:100%; background:#fff; border-top:#666 solid 1px; box-sizing:border-box; }


#footerSpBnr { display:none; background:#00b7ee; position:fixed; bottom:0; left:0; width:100%; margin:0; padding:0; z-index:99999999; }
#footerSpBnr ul { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; }
#footerSpBnr ul li { margin:0; }
#footerSpBnr ul li:nth-of-type(1)  { flex-grow:0; flex-shrink:1; flex-basis:40%; }
#footerSpBnr ul li:nth-of-type(2)  { flex-grow:0; flex-shrink:1; flex-basis:20%;}
#footerSpBnr ul li:nth-of-type(3)  { flex-grow:0; flex-shrink:1; flex-basis:20%;}
#footerSpBnr ul li:nth-of-type(4)  { flex-grow:0; flex-shrink:1; flex-basis:20%;}
#footerSpBnr ul li a,
#footerSpBnr ul li a:hover { display:block;  text-align:center; line-height:1; }
#footerSpBnr ul li a img { width:100%; height:auto; }
/*===============================
             MEDIA
================================*/
@media only screen and (max-width:1200px){
#header .bg_l{width:36.33%;}
#header .bg_r{width:10.91%;}
#header .bg_l img, #header .bg_r img{max-width:100%;}

#container .bg_b{width:19.666%;}
#container .bg_b img{max-width:100%;}
}

@media only screen and (max-width:980px){
.content{width:auto; padding-left:10px; padding-right:10px;}
#gnav li{width:11.875%; margin-right:2.361%;}
#gnav li.last{width:14.583%;}

#main_btn li{width:49%;}
}

@media only screen and (max-width:960px){
h2{padding:10% 7px 22px;}	
#pageTop{padding-right:8%;width:92px;}
.ft_cont{width:98%}
#footerbtn ul li{width:49%;margin:0 1% 2% 0;}
#footer ul li.li01{width:5.773672055427252%;padding-top:1%; margin-right:1.847575057736721%;}
#footer ul li.li02{width:25.05773672055427%;margin-right:2.193995381062356%;}
#footer ul li.li03{width:20.09237875288684%;margin-right:5.311778290993072%;}
#footer ul li.li04{width:39.72286374133949%;}
}

@media only screen and (max-width:768px){
#header_l{width:228px;}

h2{padding:40px 7px 22px;}	

#footerSpBnr { display:block; }
}

@media only screen and (max-width:736px){
/*#header .content{padding:10px 0 0;}*/
h1{width:190px; margin:0 auto; padding-bottom:15px;}
#header_l{width:180px; top:10px;}
#header_l li{width:49%;}
#header_r{width:140px; top:10px;}

/*#gnav{background:#006837; padding-top:5px;}

#gnav #btn_menu{display:block;}
#gnav ul{border-top:1px solid #fff; display:none;}
#gnav ul li span{display:block;}
#gnav ul li img{display:none;}
#gnav ul li{width:50% !important; margin:0;}
#gnav ul li a{color:#fff; padding:8px; border-bottom:1px solid #fff; display:block; font-size:14px;}
#gnav ul li:nth-child(odd) a{border-right:1px solid #fff;}*/

#footer ul li.li01{padding-top:0;}
}

@media only screen and (max-width:480px){
#header .bg_l{width:20%;}
#header .bg_r{width:10%;}
#header .content{padding-bottom:0;}
#header .content_inner{padding-bottom:5px;}
h1{width:45%; padding-bottom:5px;}
#header_l{width:32%;}
#header_r{width:30%;}

#gnav li, #gnav li.last {width: 30%; margin-right: 3%; margin-bottom: 3%;}
#gnav li.last{width: 35%;}

#main_btn{padding-bottom:70px;}
#main_btn li{width:100%; float:none !important; text-align:center; margin-bottom:10px;}

#footer ul li.li01,#footer ul li.li02,#footer ul li.li03,#footer ul li.li04,#header .head_c_top h1, #header .head_c_top .head_txt,#header .head_btn,#footerbtn ul li{margin:0;padding-top: 0;width: 100%;float:none;text-align:center;}

}