@charset "utf-8";
/* Note: This file is compiled from index.less */

.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }

body{ background:url(img/body_bg.png) center top repeat; }
body a{display:block;}
#container{ background:url(img/container_bg.png) center top repeat-x;overflow:hidden; }

#content{background:url(img/kumo_01.png) center 0px repeat-y; width:100%; padding:0;}
#content img{width:100%;height:auto;}

#main{background:url(img/kumo_02.png) center 0px repeat-y;  width:100%; padding:0; /*padding-top:852px;*/}
#content .inner{  margin: 0 auto;  width: 960px;}
#content p{margin: 0;}

/*
h2{ float:left; width:492px; margin:0 0 34px; }
#sns{ float:right; width:468px; padding-top:27px; }
#sns li{ float:right; padding-left:15px; }

#slider{ width:1036px; margin:0 auto; }
#slider li{ float:left; }
*/

#news{background:#9FD039 url(img/news_ttl.png) left top no-repeat;padding-bottom:17px;}
#news h3{height:99px;font-size:0; line-height:0; text-indent:-9999px;}
#news .box{
	width:697px;
	background:#FFFFFF;
	border-radius:7px;
	position:relative;
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#news .box.r{ margin:50px 0 0 80px; }
#news .box.l{ margin:50px 0 0 182px; }
#news .box .img{ position:absolute; }
#news .box.r .img{ right:-196px; bottom:0px; background:url(img/news_r.png) left top no-repeat; width:196px; height:155px; }
#news .box.l .img{ left:-195px; bottom:0px; background:url(img/news_l.png) left top no-repeat; width:195px; height:146px; }
#news .box .thum{ width:329px; }
#news .box.r .thum{ float:left; }
#news .box.l .thum{ float:right; }
#news .box .thum img{ width:329px; }
#news .box.r .thum img{ border-radius:7px 0 0 7px; }
#news .box.l .thum img{ border-radius:0 7px 7px 0; }
#news .box .text{ padding:20px; width:328px; }
#news .box.r .text{ float:right; }
#news .box.l .text{ float:left; }
#news .box .d{ font-size:180%; line-height:1.6; color:#00551E; font-weight:bold; padding-left:22px; background:url(img/icon.png) left center no-repeat; }
#news .box .t{ font-size:180%; line-height:1.6; color:#333333; font-weight:bold; padding-bottom:16px; }
#news .box .b{ font-size:150%; line-height:1.6; color:#333333; }

#upper{
	height:58px;
	margin-top: 30px;
	background:url(img/upper_bg.png) bottom center repeat-x;
}
#upper .inner{ position:relative; width:960px; height:58px; margin:0 auto; }
#upper .return-top{ position:absolute; right:0px; bottom:-32px; }
#upper .return-top a.daitokun_7{
	display:block;
	padding:0; text-align:left; font-size:0; line-height:0; text-indent:-99999px;
	background-image:url(img/fig/7.png); height:169px; width:211px;
}
#upper .img{ position:absolute; right:57px; bottom:63px; }
#upper .kumo{ position:absolute; left:114px; bottom:55px; z-index:100; }

#footer{ margin-top:0; padding-top:20px; background-position:top center; background-color:#EFF0F1; }
#footer .return-top{ display:none; }
#footer .nav{max-width:870px; margin:0 auto; }
#footer .nav a{margin-bottom:10px; }
iframe[name="google_conversion_frame"]{ margin-top:-13px; }


.daitokun{ position:relative; width:100%; height:0; }
#content .daitokun_0 {position: absolute; width: 27%; left: 658px; top: 0px;}
#content .daitokun_1 {position: absolute; width: 25%; left: 59px;  top: 550px;}
#content .daitokun_2 {position: absolute; width: 70%; left: 260px; top: 1000px;}
#content .daitokun_3 {position: absolute; width: 17%; left: 88px; top: 1500px;}
#content .daitokun_4 {position: absolute; width: 20%; left: 700px; top: 1435px;}
#content .daitokun_5 {position: absolute; width: 12%; left: 476px; top: 1821px;}

/**/

#head{ top:0px; left:0px; right:0px; z-index:0;overflow:hidden;}
.over_box{ position:relative; z-index:3; padding-top:1px; }
/*#head .inner{ height:852px; }*/
#head h1{ float:left; width:500px; margin:29px 0 18px; }

#head #sns{ float:right; width:460px; padding-top:22px; }
#head #sns li{ float:right; padding-left:15px; }

#sld{ position:relative; }
#sld .bnr{ position:relative; width:980px; height:422px; }
#sld .bnr li{ position:absolute; top:0px; left:0px; }
#sld .tab{ text-align:center; padding-left:15px; }
#sld .tab li{ display:inline-block; padding-right:15px; }
#sld .tab li a{ display:block; width:97px; height:112px; background:url(img/top/off.png); }
#sld .tab li a.on{ background:url(img/top/on.png); }
#sld .prev{ position:absolute; left:-15px; top:210px; z-index:2; }
#sld .prev a{ display:block; width:40px; height:40px; background:url(img/top/prev.png); }
#sld .next{ position:absolute; right:-15px; top:210px; z-index:2; }
#sld .next a{ display:block; width:40px; height:40px; background:url(img/top/next.png); }

.top_nav{ background:#EBF6FC; }
.top_nav.rel{ position:relative; margin-top:-135px; }
.top_nav.fix{ position:fixed; top:-20px; left:0; right:0px; margin-top:0px; z-index:100; }
.top_nav.rel .top{
	background:url(img/top/kumo_bottom.png) center top repeat-x;
	height:33px;
	position:absolute; left:0; right:0; top:-33px;
}
.top_nav.fix .top{background:#EBF6FC;height:33px;}
.top_nav .btm{
	background:url(img/top/kumo_bottom.png) center bottom repeat-x;
	height:33px;
	position:absolute; left:0; right:0; bottom:-33px;
}
.top_nav ul{ }
.top_nav li{ float:left; padding-left:51px; }
.top_nav li:first-child{ padding-left:0; }

.top_kumo{ position:relative; height:0; }
.top_kumo .k{ background-image:url(img/top/kumo_top.png); position:absolute; }
.top_kumo .k1{ width:820px; height:495px; left:-820px; top:-495px; background-position:0px 0px; }
.top_kumo .k2{ width:130px; height:265px; left:0px; top:-265px; background-position:-820px -230px; }
.top_kumo .k3{ width:700px; height:225px; left:130px; top:-225px; background-position:-950px -270px; }
.top_kumo .k4{ width:130px; height:265px; right:0px; top:-265px; background-position:-1650px -230px; }
.top_kumo .k5{ width:820px; height:495px; right:-820px; top:-495px; background-position:-1780px -0px; }
/* end */

@media screen and (max-width: 960px) {

#head h1{width:55vw;}
#content .inner{width: auto;}
#content .daitokun_0{ position:absolute; width:30vw; left:65vw; top:   0px; }
#content .daitokun_1 { position: absolute; width: 23vw; left: 7vw; top: 56vw;}
#content .daitokun_2 { position: absolute; width: 68vw; left: 25vw; top: 100vw;}
#content .daitokun_3 { position: absolute; width: 17vw; left: 9vw; top: 152vw;}
#content .daitokun_4 { position: absolute; width: 19vw; left: 72vw; top: 148vw;}
#content .daitokun_5 { position: absolute; width: 12vw; left: 47vw; top: 183vw;}

}