@charset "UTF-8";

/* mainarea
=======================================*/
#page-top #wrapper {
background:url(../images/top/bg_toppage.gif) 0 0 repeat-x;
}

#page-top #header{
height:77px;
}

#page-top #contents .inner{
margin-top:0;
}

/* block1
=======================================*/
#block1{
position:relative;
width:940px;
height:569px;
}

#block1 h2{
position:absolute;
top:186px;
left:0;
width:940px;
height:130px;
z-index:1;
}

/*service-name*/
#block1 #service-name{
position:absolute;
top:0;
left:0;
width:940px;
height:569px;
z-index:2;
}

#block1 #service-name li{
position:absolute;
width:72px;
height:72px;
}
#block1 #service-name li.st1{
top:68px;
left:263px;
}
#block1 #service-name li.st2{
top:40px;
left:349px;
}
#block1 #service-name li.st3{
top:91px;
left:436px;
}
#block1 #service-name li.st4{
top:40px;
left:520px;
}
#block1 #service-name li.st5{
top:68px;
left:604px;
}

/*service-txt*/
#block1 #service-txt{
position:absolute;
top:0;
left:0;
width:940px;
height:569px;
z-index:3;
}

#block1 #service-txt li.img1{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/top/main_img1.png);
position:absolute;
top:0px;
left:-2px;
width:230px;
height:358px;
z-index:1;
}

#block1 #service-txt li.img2{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/top/main_img2.png);
position:absolute;
top:225px;
left:154px;
width:253px;
height:278px;
z-index:2;
}

#block1 #service-txt li.img3{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/top/main_img3.png);
position:absolute;
top:225px;
left:510px;
width:314px;
height:263px;
z-index:4;
}

#block1 #service-txt li.img4{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/top/main_img4.png);
position:absolute;
top:0px;
right:0;
width:235px;
height:348px;
z-index:3;
}

/*common Override*/
#block1 #service-txt li img{
display:none;
}
:root *> #block1 #service-txt li img {
display:block;
}
:root *> #block1 #service-txt li{
filter:none;
}

/*branch-btn*/
#block1 #branch-btn{
position:absolute;
top:0;
left:0;
width:940px;
height:569px;
z-index:6;
}

#block1 #branch-btn li.koshigaya{
position:absolute;
top:340px;
left:1px;
width:131px;
height:131px;
}

#block1 #branch-btn li.hatanodai{
position:absolute;
top:428px;
left:404px;
width:131px;
height:131px;
}

#block1 #branch-btn li.shonan{
position:absolute;
top:341px;
left:809px;
width:131px;
height:131px;
}

#block1 #branch-btn li.koshigaya a {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/top/main_btn_koshigaya.png);
}
#block1 #branch-btn li.hatanodai a {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/top/main_btn_hatanodai.png);
}
#block1 #branch-btn li.shonan a {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/top/main_btn_shonan.png);
}

#block1 #branch-btn li a{
display:block;
position:static;
width:131px;
height:131px;
line-height:131px;
overflow:hidden;
cursor:pointer;
}

#block1 #branch-btn li.koshigaya a:hover{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/top/main_btn_koshigaya_on.png);
}
#block1 #branch-btn li.hatanodai a:hover{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/top/main_btn_hatanodai_on.png);
}
#block1 #branch-btn li.shonan a:hover{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/top/main_btn_shonan_on.png);
}

/*common Override*/
#block1 #branch-btn li a img{
display:none;
}
:root *> #block1 #branch-btn li a img {
display:block;
}
:root *> #block1 #branch-btn li a {
filter:none;
}

/*icon-ver1*/
#block1 #icon-ver1{
position:absolute;
top:0;
left:0;
width:940px;
height:569px;
z-index:4;
}

#block1 #icon-ver1 li.icon1{
position:absolute;
top:21px;
left:453px;
width:26px;
height:41px;
}

#block1 #icon-ver1 li.icon2{
position:absolute;
top:491px;
left:615px;
width:32px;
height:32px;
}

#block1 #icon-ver1 li.icon3{
position:absolute;
top:124px;
left:225px;
width:32px;
height:32px;
}

#block1 #icon-ver1 li.icon4{
position:absolute;
top:438px;
left:154px;
width:49px;
height:35px;
}

#block1 #icon-ver1 li.icon5{
position:absolute;
top:32px;
left:662px;
width:37px;
height:29px;
}

/*icon-ver2*/
#block1 #icon-ver2{
position:absolute;
top:0;
left:0;
width:940px;
height:569px;
z-index:5;
}

#block1 #icon-ver2 li.icon1{
position:absolute;
top:8px;
left:225px;
width:55px;
height:50px;
}

#block1 #icon-ver2 li.icon2{
position:absolute;
top:127px;
left:555px;
width:42px;
height:50px;
}

#block1 #icon-ver2 li.icon3{
position:absolute;
top:481px;
left:61px;
width:90px;
height:50px;
}

#block1 #icon-ver2 li.icon4{
position:absolute;
top:349px;
left:441px;
width:39px;
height:50px;
}

#block1 #icon-ver2 li.icon5{
position:absolute;
top:477px;
left:729px;
width:87px;
height:50px;
}


/* block2
=======================================*/
#block2{
position:relative;
width:940px;
height:308px;
overflow:hidden;
margin-bottom:20px;
}

/*news-area*/
#block2 #news-area{
position:relative;
width:510px;
height:308px;
float:left;

}

#block2 #news-area h3{
position:relative;
width:510px;
height:50px;
margin-bottom:18px;
}


#block2 #news-area .jScrollbar{
position:relative;
width:510px;
height:240px;
overflow:hidden;
}


#block2 #news-area .jScrollbar .jScrollbar_mask{
width:490px;
padding-left:5px;
position:relative;
float:left;
}

#block2 #news-area .jScrollbar .jScrollbar_draggable{
width:14px;
height:240px;
overflow:hidden;
background:none;
background-color:#F6F6F6;
float:right;
position:relative;
}

#block2 #news-area .jScrollbar .jScrollbar_draggable a.draggable{
position:relative;
background-color:#A8DAF5;
display:block;
height:40px;
width:14px;
margin-left:0;
cursor:s-resize;
}

#block2 #news-area table{
width:490px;
}

#block2 #news-area table th{
width:55px;
vertical-align:top;
padding-bottom:10px;
}

#block2 #news-area table td.date{
width:82px;
vertical-align:top;
font-size:85%;
padding-bottom:10px;
}

#block2 #news-area table td.news{
vertical-align:top;
font-size:92%;
padding-bottom:10px;
}

/*bnr-area*/
#block2 #bnr-area{
position:relative;
width:410px;
height:308px;
float:right;
}

#block2 #bnr-area .btn-prevnext{
position:absolute;
top:0;
left:0;
width:410px;
height:308px;
z-index:1;
}

#block2 #bnr-area .btn-prevnext li.prev{
position:absolute;
top:0;
left:0;
width:410px;
height:10px;
background-color:#f2f2f2;
overflow:hidden;
display:block;
line-height:10px;
}
#block2 #bnr-area .btn-prevnext li.next{
position:absolute;
bottom:0;
left:0;
width:410px;
height:10px;
background-color:#f2f2f2;
overflow:hidden;
display:block;

line-height:10px;
}
#block2 #bnr-area .btn-prevnext li a{
width:410px;
height:10px;
overflow:hidden;
display:block;
line-height:10px;
}
#block2 #bnr-area .btn-prevnext li img{
vertical-align:top;
}

#block2 #bnr-area .bnr-mask{
position:absolute;
top:20px;
left:0;
width:410px;
height:270px;
z-index:2;
overflow:hidden;
}

#block2 #bnr-area .bnr-mask ul.list-bnr{
position:absolute;
top:0px;
left:0;
width:420px;
height:auto;
overflow:hidden;
}

#block2 #bnr-area .bnr-mask ul.list-bnr li{
position:relative;
width:200px;
float:left;
padding-bottom:10px;
padding-right:10px;
height:auto;
display:block;
overflow:hidden;
}

#block2 #bnr-area .bnr-mask ul.list-bnr li a{
width:200px;
height:auto;
display:block;
overflow:hidden;
}

#block2 #bnr-area .bnr-mask ul.list-bnr li a:hover{
filter: alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}


/* block3
=======================================*/
#block3{
position:relative;
width:940px;
height:689px;
overflow:hidden;
margin-bottom:80px;
}

#block3 div{
width:300px;
height:689px;
float:left;
margin-right:20px;
overflow:hidden;
}
#block3 .koshigaya{
z-index:2;
}
#block3 .hatanodai{
z-index:3;
}
#block3 .shonan{
z-index:4;
margin-right:0;
}

#block3 div h3{
width:300px;
height:59px;
margin-bottom:10px;
}

#block3 .koshigaya ul,
#block3 .hatanodai ul,
#block3 .shonan ul{
display:block;
width:320px;
height:640px;
overflow:hidden;
}

#block3 .koshigaya ul li,
#block3 .hatanodai ul li,
#block3 .shonan ul li{
display: block;
width:140px;
height:140px;
margin-right:20px;
margin-bottom:20px;
overflow:hidden;
float:left;
}

#block3 p.txt1{
position:absolute;
clear:both;
width:300px;
height:140px;
top:389px;
left:320px;
z-index:1;
}