@charset "UTF-8";

/*======================================

Yahoo UI Library Fonts CSS
http://developer.yahoo.com/yui/fonts/
*Copyright (c) 2006, Yahoo! Inc. All rights reserved.
*http://developer.yahoo.com/yui/license.txt

Font-size Adjustment
77% = 10px	| 122% = 16px	|	167% = 22px	
85% = 11px	|	129% = 17px	|	174% = 23px
92% = 12px	|	136% = 18px	|	182% = 24px
100% = 13px	|	144% = 19px	|	189% = 25px
107% = 14px	|	152% = 20px	|	197% = 26px
114% = 15px	|	159% = 21px	|

=======================================*/



/* Universal Selector
=======================================*/


/* Reset Style
=======================================*/
html {
color: #333;
background: url(null) fixed;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
line-height: 1.8;
font-weight: normal;
font-style: normal;
padding: 0;
margin: 0;
}

body,h1,h2,h3,h4,h5,h6{
font-size: 13px;
*font-size: small;
*font: x-small;
font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック","Lucida Grande",sans-serif;
}

table,th,td {
border: none;
border-style:hidden;
border-collapse: collapse;
border-spacing: 0;
border-width: 0;
border-height: 0;
font: 100%;
}

fieldset{
border: 0;
}

img {
border:none;
margin:0;
padding:0;
vertical-align:top;
}

a img{
border:none;
}

address,caption,cite,code,dfn,th,var {
font-style: normal;
font-weight: normal;
}

li {
list-style:none inside;
}

caption,th {
text-align: left;
}

q:before,q:after {
content: '';
}

abbr,acronym {
border: 0;
font-variant: normal;
}

/*sup {
vertical-align: text-top;
}

sub {
vertical-align: text-bottom;
}*/

legend {
color: #000;
}

pre,code,kbd,samp,tt {
font-family: monospace;
*font-size: 108%;
line-height: 100%;
}

input,
select{
font-size:100%;
line-height:1;
}



/*clearfix
=======================================*/
/*nonIE*/
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/*IE7-macIE5*/
.clearfix{
display:inline-block;
}
/*Hides from IE-mac \*/
/* IE6*/
*html.clearfix{height:1%}
.clearfix{display:block;}
/*End hides from IE-mac \*/


/*============================================================================
common style
============================================================================*/
*{
}

html,
body {
width:100%;
height:100%;
}

/* a */
a:link {
color:#0099CC;
text-decoration:underline;
}

a:visited {
color:#0099CC;
text-decoration:underline;
}

a:hover {
color:#0099CC;
text-decoration:none;
}

a:active {
color:#0099CC;
text-decoration:underline;
}

.pagetop-btn{
position:fixed;
bottom:90px;

right:5px;
width:23px;
height:23px;
line-height:23px;

_position:absolute;
_bottom:90px;
z-index:3;
}

/*============================================================================
layout
============================================================================*/
#wrapper {
width:100%;
height:100%;
min-height:100%;
position:relative;
z-index:1;
}

/* ModernBrowser ONLY */
body > #wrapper {
height:auto;
}

#contents {
text-align:left;
position:relative;
width:940px;
height:auto;
margin:0px auto;
padding-bottom:120px;
overflow:hidden;
z-index:1;
}

#contents .inner{
position:relative;
width:940px;
overflow:hidden;
margin-top:-30px;
z-index:2;
}

/*============================================================================
header
============================================================================*/
#header{
position:relative;
width:940px;
height:182px;
overflow:hidden;
z-index:1;
}

#header .logo{
position:absolute;
width:192px;
height:60px;
top:15px;
left:0;
}

/*============================================================================
header-navi
============================================================================*/
#header ul#header-navi{
position:absolute;
display:block;
top:15px;
left:545px;
width:395px;
height:46px;
}

#header ul#header-navi li{
line-height:1;
position:absolute;
}

#header ul#header-navi li a{
display:block;
}

/*bunkyo*/
#header ul#header-navi li.bunkyo{
width:103px;
height:18px;
top:0;
left:0;
}

/*koshigaya*/
#header ul#header-navi li.koshigaya{
width:131px;
height:18px;
top:0;
left:118px;
}

/*shonan*/
#header ul#header-navi li.shonan{
width:131px;
height:18px;
top:0;
left:264px;
}

/*company*/
#header ul#header-navi li.company{
width:71px;
height:18px;
top:28px;
left:218px;
}

/*sitemap*/
#header ul#header-navi li.sitemap{
width:88px;
height:18px;
top:28px;
left:307px;
}

/*sendmail*/
/*#header ul#header-navi li.sendmail{
width:92px;
height:18px;
top:28px;
left:303px;
}*/

/*============================================================================
global-navi
============================================================================*/
#header ul#global-navi{
position:absolute;
top:92px;
left:86px;
display:block;
width:778px;
height:50px;
}

#header ul#global-navi li{
line-height:1px;
float:left;
margin-right:10px;
}

#header ul#global-navi li a{
display:block;
}

#header ul#global-navi li img{
vertical-align:bottom;
}

/*top*/
#header ul#global-navi li.top{
width:123px;
height:50px;
}
/*.group-bunsabi #header ul#global-navi li.top{
background:url(../images/common/gn_top_on.gif) 0 0 no-repeat;
}
.group-bunsabi #header ul#global-navi li.top img{
filter: alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}*/
#page-top.group-koshigaya #header ul#global-navi li.top img,
#page-top.group-hatanodai #header ul#global-navi li.top img,
#page-top.group-shonan #header ul#global-navi li.top img{
filter: alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

/*koshigaya*/
#header ul#global-navi li.koshigaya{
width:201px;
height:50px;
}
.group-koshigaya #header ul#global-navi li.koshigaya{
background:url(../images/common/gn_koshigaya_on.gif) 0 0 no-repeat;
}
.group-koshigaya #header ul#global-navi li.koshigaya img{
filter: alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}

/*hatanodai*/
#header ul#global-navi li.hatanodai{
width:213px;
height:50px;
}
.group-hatanodai #header ul#global-navi li.hatanodai{
background:url(../images/common/gn_hatanodai_on.gif) 0 0 no-repeat;
}
.group-hatanodai #header ul#global-navi li.hatanodai img{
filter: alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}

/*shonan*/
#header ul#global-navi li.shonan{
width:201px;
height:50px;
}
.group-shonan #header ul#global-navi li.shonan{
background:url(../images/common/gn_shonan_on.gif) 0 0 no-repeat;
}
.group-shonan #header ul#global-navi li.shonan img{
filter: alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}

/*============================================================================
sub-navi
============================================================================*/
#header dl#sub-navi{
position:absolute;
top:147px;
left:0;
display:block;
width:940px;
height:35px;
}

#header dl#sub-navi dt{
position:absolute;
top:0;
left:0;
width:940px;
height:35px;
z-index:1;
}

#header dl#sub-navi dd{
position:absolute;
top:0;
line-height:1px;
}

#header dl#sub-navi dd a{
display:block;
}

#header dl#sub-navi dd img{
vertical-align:bottom;
}

/*top*/
#header dl#sub-navi dd.top{
width:57px;
height:35px;
left:710px;
z-index:2;
background:url(../images/common/sn_top_on.gif) 0 0 no-repeat;
}

#page-top #header dl#sub-navi dd.top img{
filter: alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}

/*company*/
#header dl#sub-navi dd.company{
width:73px;
height:35px;
left:767px;
z-index:3;
background:url(../images/common/sn_company_on.gif) 0 0 no-repeat;
}

#page-company #header dl#sub-navi dd.company img{
filter: alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}

/*sitemap*/
#header dl#sub-navi dd.sitemap{
width:99px;
height:35px;
left:840px;
z-index:4;
background:url(../images/common/sn_sitemap_on.gif) 0 0 no-repeat;
}

#page-sitemap #header dl#sub-navi dd.sitemap img{
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}

/*sendmail*/
/*#header dl#sub-navi dd.sendmail{
width:98px;
height:35px;
left:841px;
z-index:4;
background:url(../images/common/sn_sendmail_on.gif) 0 0 no-repeat;
}

#page-sendmail #header dl#sub-navi dd.sendmail img{
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}*/

/* group-koshigaya page-top top*/
.group-koshigaya #header dl#sub-navi dd.top{
width:71px;
height:35px;
left:469px;
z-index:2;
background:url(../koshigaya/images/common/sn_top_on.gif) 0 0 no-repeat;
}

#page-top.group-koshigaya #header dl#sub-navi dd.top img{
filter: alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}

/* group-koshigaya page-gakushoku gakushoku*/
.group-koshigaya #header dl#sub-navi dd.gakushoku{
width:113px;
height:35px;
left:540px;
z-index:3;
background:url(../koshigaya/images/common/sn_gakushoku_on.gif) 0 0 no-repeat;
}

#page-gakushoku.group-koshigaya #header dl#sub-navi dd.gakushoku img{
filter: alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}

/* group-koshigaya page-koubai koubai*/
.group-koshigaya #header dl#sub-navi dd.koubai{
width:112px;
height:35px;
left:653px;
z-index:4;
background:url(../koshigaya/images/common/sn_koubai_on.gif) 0 0 no-repeat;
}

#page-koubai.group-koshigaya #header dl#sub-navi dd.koubai img{
filter: alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}

/* group-koshigaya page-sumai sumai*/
.group-koshigaya #header dl#sub-navi dd.sumai{
width:100px;
height:35px;
left:765px;
z-index:5;
background:url(../koshigaya/images/common/sn_sumai_on.gif) 0 0 no-repeat;
}

#page-sumai.group-koshigaya #header dl#sub-navi dd.sumai img,
#page-shiteiryo.group-koshigaya #header dl#sub-navi dd.sumai img{
filter: alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}

/* group-koshigaya page-ryokou ryokou*/
.group-koshigaya #header dl#sub-navi dd.ryokou{
width:74px;
height:35px;
left:865px;
z-index:6;
background:url(../koshigaya/images/common/sn_ryokou_on.gif) 0 0 no-repeat;
}

#page-ryokou.group-koshigaya #header dl#sub-navi dd.ryokou img{
filter: alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}


/* group-hatanodai page-top top*/
.group-hatanodai #header dl#sub-navi dd.top{
width:71px;
height:35px;
left:750px;/*151020*/
z-index:2;
background:url(../hatanodai/images/common/sn_top_on.gif) 0 0 no-repeat;
}

#page-top.group-hatanodai #header dl#sub-navi dd.top img{
filter: alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}

/* group-hatanodai page-gakushoku gakushoku*/
.group-hatanodai #header dl#sub-navi dd.gakushoku{
width:73px;/*151020*/
height:35px;
left:821px;/*151020*/
z-index:3;
background:url(../hatanodai/images/common/sn_gakushoku_on.gif) 0 0 no-repeat;
}

#page-gakushoku.group-hatanodai #header dl#sub-navi dd.gakushoku img{
filter: alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}

/* group-hatanodai page-koubai koubai*/
.group-hatanodai #header dl#sub-navi dd.koubai{
width:112px;
height:35px;
left:894px;
z-index:4;
background:url(../hatanodai/images/common/sn_koubai_on.gif) 0 0 no-repeat;
}

#page-koubai.group-hatanodai #header dl#sub-navi dd.koubai img{
filter: alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}


/* group-shonan page-top top*/
.group-shonan #header dl#sub-navi dd.top{
width:71px;
height:35px;
left:396px;
z-index:2;
background:url(../shonan/images/common/sn_top_on.gif) 0 0 no-repeat;
}

#page-top.group-shonan #header dl#sub-navi dd.top img{
filter: alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}

/* group-shonan page-gakushoku gakushoku*/
.group-shonan #header dl#sub-navi dd.gakushoku{
width:113px;
height:35px;
left:467px;
z-index:3;
background:url(../shonan/images/common/sn_gakushoku_on.gif) 0 0 no-repeat;
}

#page-gakushoku.group-shonan #header dl#sub-navi dd.gakushoku img{
filter: alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}

/* group-shonan page-koubai koubai*/
.group-shonan #header dl#sub-navi dd.koubai{
width:112px;
height:35px;
left:580px;
z-index:4;
background:url(../shonan/images/common/sn_koubai_on.gif) 0 0 no-repeat;
}

#page-koubai.group-shonan #header dl#sub-navi dd.koubai img{
filter: alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}

/* group-shonan page-sumai sumai*/
.group-shonan #header dl#sub-navi dd.sumai{
width:100px;
height:35px;
left:692px;
z-index:5;
background:url(../shonan/images/common/sn_sumai_on.gif) 0 0 no-repeat;
}

#page-sumai.group-shonan #header dl#sub-navi dd.sumai img{
filter: alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}

/* group-shonan page-ryokou ryokou*/
.group-shonan #header dl#sub-navi dd.ryokou{
width:74px;
height:35px;
left:792px;
z-index:6;
background:url(../shonan/images/common/sn_ryokou_on.gif) 0 0 no-repeat;
}

#page-ryokou.group-shonan #header dl#sub-navi dd.ryokou img{
filter: alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}

/* group-shonan page-hoken ryokou*/
.group-shonan #header dl#sub-navi dd.hoken{
width:73px;
height:35px;
left:866px;
z-index:6;
background:url(../shonan/images/common/sn_hoken_on.gif) 0 0 no-repeat;
}

#page-hoken.group-shonan #header dl#sub-navi dd.hoken img{
filter: alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}


/*============================================================================
topicpath
============================================================================*/
.topicpath{
position:relative;
width:650px;
font-size:77%;
padding:6px 0;
z-index:3;
}

/*============================================================================
main common
============================================================================*/
#main{
position:relative;
width:700px;
float:right;
overflow:hidden;
}

#main h1{
width:700px;
height:170px;
}

/*common-anchor*/
#main .common-anchor{
font-size:85%;
text-align:right;
padding:10px 0 15px 0;
}

#main .common-anchor a{
background:url(../images/common/arrow_anchor.gif) 7px 50% no-repeat;
padding-left:18px;
display:inline-block;
}

#main .common-anchor a:hover {
background:url(../images/common/arrow_anchor_on.gif) 7px 50% no-repeat;
}

#main h2 {
position:relative;
background:#58BFD7 url(../images/common/title_bg_top.gif) 0 0 no-repeat;
width:700px;
margin-bottom:25px;
}
.group-koshigaya #main h2 {
background:#F9A300 url(../koshigaya/images/common/title_bg_top.gif) 0 0 no-repeat;
}
.group-hatanodai #main h2 {
background:#FE9192 url(../hatanodai/images/common/title_bg_top.gif) 0 0 no-repeat;
}
.group-shonan #main h2 {
background:#36A9E3 url(../shonan/images/common/title_bg_top.gif) 0 0 no-repeat;
}


#main h2 span{
font-size:122%;
font-weight:bold;
color:#FFF;
display:block;
background:url(../images/common/title_bg_bottom.gif) 0 100% no-repeat;
width:650px;
padding:7px 0px 5px 50px;
}
.group-koshigaya #main h2 span{
background:url(../koshigaya/images/common/title_bg_bottom.gif) 0 100% no-repeat;
}
.group-hatanodai #main h2 span{
background:url(../hatanodai/images/common/title_bg_bottom.gif) 0 100% no-repeat;
}
.group-shonan #main h2 span{
background:url(../shonan/images/common/title_bg_bottom.gif) 0 100% no-repeat;
}


#main #block-news{
width:688px;
padding-bottom:18px;
margin-bottom:25px;
}
.group-koshigaya #main #block-news{
border:6px solid #FBB531;
}
.group-shonan #main #block-news{
border:6px solid #FE999A;
}
.group-shonan #main #block-news{
border:6px solid #36A9E3;
}

#main #block-news{
width:688px;
padding-bottom:15px;
}

#main #block-news h2{
width:688px;
height:45px;
margin-bottom:8px;
}

#main #block-news ul.txt-news{
width:520px;
margin:0 auto 5px auto;
}

#main #block-news ul.txt-news li{
width:505px;
padding-left:15px;
font-size:92%;
line-height:1.6;
padding-bottom:5px;
list-style:none outside;
}
#main #block-news ul.txt-news li em{
color:#FF0000;
font-style:normal;
}
.group-koshigaya #main #block-news ul.txt-news li{
background:url(../koshigaya/images/common/mark_circle2.gif) 0 8px no-repeat;
}
.group-hatanodai #main #block-news ul.txt-news li{
background:url(../hatanodai/images/common/mark_circle2.gif) 0 8px no-repeat;
}
.group-shonan #main #block-news ul.txt-news li{
background:url(../shonan/images/common/mark_circle2.gif) 0 8px no-repeat;
}

#main #block-news ul.bnr-news{
width:520px;
margin:0 auto 5px auto;
}

#main #block-news ul.bnr-news li{
width:520px;
padding-bottom:5px;
list-style:none outside;
}


/*============================================================================
side
============================================================================*/
#side{
position:relative;
width:200px;
float:left;
padding-top:30px;
padding-bottom:40px;
overflow:hidden;
}

#side ul.list-bnr{
width:200px;
height:auto;
}

#side ul.list-bnr li{
width:200px;
height:auto;
list-style:outside;
margin-bottom:10px;
overflow:hidden;
display:block;
}

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

}

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

/*============================================================================
footer
============================================================================*/
#footer{
background:url(../images/common/bg_footer.gif) 0 0 repeat-x;
position:absolute;
bottom:0;
left:0;
width:100%;
height:120px;
overflow:hidden;
z-index:2;
}

#footer .inner{
position:relative;
margin:0 auto;
width:940px;
height:120px;
overflow:hidden;
}

#footer .logo{
position:absolute;
top:49px;
right:0;
width:114px;
height:35px;
}

#footer ul#footer-navi{
position:absolute;
top:58px;
left:0;
width:765px;
height:15px;
display:block;

overflow:hidden;
}

#footer ul#footer-navi li{
display:inline-block;
float:left;
line-height:1;
_display:block;
}

#footer .copyright{
position:absolute;
top:94px;
right:0;
width:189px;
height:11px;
}

#footer ul#footer-icon{
position:absolute;
top:0;
left:0;
display:block;
width:940px;
height:40px;
}

#footer ul#footer-icon li.icon1{
position:absolute;
top:0;
left:3px;
display:block;
width:70px;
height:40px;
}

#footer ul#footer-icon li.icon2{
position:absolute;
top:0;
left:339px;
display:block;
width:70px;
height:40px;
}

#footer ul#footer-icon li.icon3{
position:absolute;
top:0;
left:780px;
display:block;
width:35px;
height:40px;
}

#footer ul#footer-icon li.icon4{
position:absolute;
top:0;
left:866px;
display:block;
width:35px;
height:40px;
}



/*============================================================================
.info-box
============================================================================*/

#contents .info-box{
position:relative;
width:688px;
border-left:6px solid #E0D7C8;
border-right:6px solid #E0D7C8;
border-bottom:6px solid #E0D7C8;
margin-bottom:30px;
overflow:hidden;
padding-bottom:5px;
}

#contents .info-box h3{
position:relative;
width:688px;
height:50px;
margin-bottom:15px;
z-index:1;
}

#contents .info-box .inner{
width:113px;
height:112px;
z-index:3;
float:left;
padding:0 55px 5px 14px;
margin-top:-50px;
}
#page-top #contents .info-box .inner{
height:167px;
}

#contents .info-box .inner .img1{
width:112px;
height:112px;
z-index:2;
margin-bottom:15px;
}

#contents .info-box .inner .btn-detail{
width:108px;
height:40px;
z-index:3;
margin-left:5px;
}

#contents .info-box table{
width:500px;
z-index:2;
}

#contents .info-box p{
font-size:92%;
margin-bottom:8px;
}

#contents .info-box table th{

width:84px;
font-weight:bold;
padding-left:24px;
padding-bottom:8px;
vertical-align:top;
font-size:107%;
}

.group-koshigaya #contents .info-box table th{
background:url(../koshigaya/images/common/mark_circle1.gif) 0 6px no-repeat;
}
.group-shonan #contents .info-box table th{
background:url(../shonan/images/common/mark_circle1.gif) 0 6px no-repeat;
}
.group-hatanodai #contents .info-box table th{
background:url(../hatanodai/images/common/mark_circle1.gif) 0 6px no-repeat;
}

#contents .info-box table td{
vertical-align:top;
font-size:107%;
padding-bottom:8px;
}

#contents .info-box table .openinghours td{
font-size:92%;
}

#contents .info-box table .tel td{
font-weight:bold;
}

#contents .info-box table .fax td{
font-weight:bold;
}

#contents .info-box .info-attention{
background:url(../images/common/dot_horizontal1.gif) 0 10px repeat-x;
clear:both;
width:640px;
padding-top:24px;
margin:0 auto;
z-index:3;
}

#contents .info-box table td table{
width:auto;
margin-bottom:10px;
}

#contents .info-box table td table th{
background:none !important;
width:auto;
font-weight:bold;
padding-left:0;
padding-bottom:0;
vertical-align:top;
font-size:100%;
}
#contents .info-box table td table td{
padding-bottom:0;
font-size:100%;
}
#contents .info-box table .openinghours td table td{
font-size:100%;
}

/*shonan*/
.group-shonan #contents #info-gakushoku table td table th{
width:65px;
}

.group-shonan #contents #info-koubai table td table th{
width:65px;
}

/*hatanodai*/
.group-hatanodai #contents #info-gakushoku table td table th{
width:40px;
}

.group-hatanodai #contents #info-koubai table td table th{
width:65px;
}

/*koshigaya*/
.group-koshigaya #contents #info-gakushoku table td table th{
width:60px;/*150820*/
}

.group-koshigaya #contents #info-koubai table td table th{
width:65px;
}