/*------------------------------
仮TOP用CSS
------------------------------- */
@import url("reset.css");
@import url("share.css");


/* トップイメージ
------------------------------- */
#img_top{
margin:0 auto 60px;
position:relative;
z-index:10;
}
#img_top h2{
width:800px;
margin:0 auto;
position:relative;
}
#img_top h2 img{
position:absolute;
z-index:10;
top:50px;
left:50px;
}
#img_top h2:before{
content:url(../gazou/top/img_slider1.png);
position:absolute;
left:-48px;
top:-32px;
z-index:0;
}
#img_top h2:after{
content:url(../gazou/top/img_slider2.png);
position:absolute;
left:712px;
top:512px;
z-index:1;
}


#img_top ul:after{
content:"";
display:block;
clear:both;
}
#slider li,#slider li img{
-webkit-border-radius: 90px;
border-radius: 90px;
behavior: url("/js/PIE.htc");
overflow:hidden;
max-width:100%;
}
#slider{
margin:0 auto;
}
.slide_all {
height: 580px;
position: relative;
}
.slide_wrap {
width: 2400px;
height: 580px;
position: absolute;
left: 50%;
margin-left: -1240px;
}
.slide_body {
width: 100%;
}
#slider li{
margin:0 10px;
float:left;
background:url(../gazou/top/bg_slider.jpg);
padding:10px;
}
#img_top .bx-controls-direction{
position:absolute;
left:50%;
top:50%;
width:860px;
margin:-23px 0 0 -390px; 
}
#img_top .bx-controls-direction a{
display:block;
background:rgba(255,255,255,0.6);
width:46px;
height:46px;
line-height:46px;
font-size:24px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
color:#2E6D02;
font-weight:bold;
-webkit-border-radius: 50%;
border-radius: 50%;
behavior: url("/js/PIE.htc");
position:relative;
text-indent:0;
text-decoration:none;
}
.bx-pager{
display:none;
}
.bx-wrapper .bx-pager a{
display:inline-block;
-webkit-border-radius: 50%;
border-radius: 50%;
behavior: url("/js/PIE.htc");
position:relative;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
background:#00A548;
}
#img_top .bx-controls-direction .bx-prev{
background:url(../gazou/top/arrow_l.png);
width:70px;
height:70px;
display:block;
text-indent:-9999px;
position:absolute;
top:0;
right:0;
}
#img_top .bx-controls-direction .bx-next{
background:url(../gazou/top/arrow_r.png);
width:70px;
height:70px;
display:block;
text-indent:-9999px;
position:absolute;
top:0;
right:0;
}
.bx-wrapper .bx-pager{
bottom: -40px;
padding:0 0 0 40px;
}

/* 新着情報
------------------------------- */
#news{
background:#fff;
width:800px;
margin:0 auto 50px;
-webkit-border-radius: 100px;
border-radius: 100px;
behavior: url("/js/PIE.htc");
position:relative;
}
#news h2{
position:absolute;
top:-12px;
left:286px;
z-index:2;
}
#news .btn{
text-align:center;
}
#news ul{
padding:40px 100px 40px;
}
#news li{
border-bottom:2px dotted #CBB487;
}
#news li a{
display:block;
color:#000;
padding:12px 20px;
font-size:16px;
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
transition:0.3s;
}
#news li a:hover{
text-decoration:underline;
}
#news li a .date{
display:inline-block;
text-decoration:none;
width:116px;
font-size:14px;
vertical-align:middle;
}
#news li a .ctgname{
display:inline-block;
width:120px;
margin:0 4px 4px 0;
text-align:center;
color:#fff;
background:#FF6633;
padding:3px;
}
/* Policy
------------------------------- */
.stripe{
background:url(../gazou/top/bg_stripe.jpg);
}
#policy{
text-align:center;
position:relative;
height:700px;
}
#policy h2{
padding:58px 0 18px;
line-height:1;
font-size:28px;
font-weight:bold;
color:#4CA440;
}
#policy .txt{
line-height:1.5;
font-size:18px;
font-weight:bold;
margin:0 0 24px;
}
#policy .img1{
position:absolute;
left:680px;
top:110px;
z-index:3;
}
#policy .img2{
position:absolute;
left:-120px;
top:170px;
z-index:1;
}
#policy .img3{
position:absolute;
left:370px;
top:360px;
z-index:2;
}
#policy:before{
content:url(../gazou/top/bg_policy1.png);
position:absolute;
left:-175px;
top:-42px;
}
#policy:after{
content:url(../gazou/top/bg_policy2.png);
position:absolute;
left:678px;
top:-74px;
}
#policy .btn{
text-align:center;
}
#policy .btn .btn2{
padding:10px 100px 10px 16px;
}
#policy .btn .btn2:before{
margin:0 70px 0 0;
}


/* Guide
------------------------------- */
.dot{
background:url(../gazou/top/bg_dot.gif);
}
#guide{
position:relative;
padding:142px 0 84px;
}
#guide:before{
content:url(../gazou/top/bg_guide.png);
position:absolute;
left:-180px;
top:24px;
z-index:1;
}
#guide h2{
position:absolute;
z-index:1;
top:-24px;
left:140px;
}
#guide ul{
padding:0 0 0 48px;
}
#guide ul:after{
content:"";
display:block;
clear:both;
}
#guide li{
width:220px;
float:left;
margin:0 118px 0 0;
}
#guide li:last-child{
margin:0;
}
#guide li a{
display:block;
color:#999933;
font-size:22px;
text-align:center;
text-decoration:none;
}
#guide li .img{
display:block;
height:220px;
width:220px;
-webkit-border-radius:50%;
border-radius:50%;
behavior: url("/js/PIE.htc");
position:relative;
overflow:hidden;
margin:0 0 24px;
box-shadow:0px 0px 10px rgba(144,195,49,1);
transition:.3s;
}
#guide li .img img{
height:220px;
width:auto;
}
#guide li a:hover{
color:#FF6633;
}
#guide li a:hover .img{
box-shadow:0px 0px 10px rgba(255,102,51,1);
}
#guide li a:hover .img img{
opacity:1;
}