@charset "utf-8";
@import url(base.css);



#index #mainimg{
margin-bottom: 20px;
}

/******************** コンテンツ - レフトスペース ******************************/
#index #container-leftspace{
margin: 0 25px 0 0;
width: 182px;
float: left;
}

#index #topics{
background-color: #fcfaf5;
width: 177px;
border: 1px solid #B6B4AC;
}
#index #topics a{
text-decoration: none;
color: #333333;
}
#index #topics a:hover{
text-decoration: underline;
}

#index #topics li{
font-size: 12px;
margin: 0 15px 10px;
}
#index #topics li#top{
margin: -1px -1px 0 -1px;
height: 72px;
}
#index #topics li#btm{
text-align: center;
margin: 0 -1px -1px -1px;
height: 77px;
background: url(images/top/topicks_btm.gif) center bottom no-repeat;
}
#index #topics li#btm img{
margin: 35px 0 0 0;
}
/* --------------------------------101109追加分 ---------------------------------------*/
#index #navileft {
background:url(images/top/navibg.gif) left top repeat-y;
width:182px;
font-size: 14px;
font-weight:bold;
margin-bottom:5px;
}
#index #navileft #navitop{
background:url(images/top/navibg_top.gif) left top no-repeat;
height:8px;
}
#index #navileft #navi_shita{
background:url(images/top/navibg_shita.gif) left bottom no-repeat;
height:5px;
_margin-top:-15px;
}
#index #navileft #navi01 dl{
padding:0px 5px 5px 4px;
}
#index #navileft #navi01 dt{
_margin:-5px 0;
}
*:first-child+html #index #navileft #navi01 dt{
margin-bottom:-3px;
}
#index #navileft #navi01 dt,  x:-moz-any-link {
margin-bottom:-5px;
}
#index #navileft #navi01 dd{
background:url(images/top/navi01_dd.gif) left top no-repeat;
padding:0px 10px 0px 30px;
line-height:260%;
height:40px;
}
#index #navileft #navi01 a{
color: #236323;
}
#index #navileft #navi02 dl{
padding:0px 3px 5px 4px;
}
#index #navileft #navi02 dt{
_margin-bottom:-5px;
}
*:first-child+html #index #navileft #navi02 dt{
margin-bottom:-3px;
}
#index #navileft #navi02 dt,  x:-moz-any-link {
margin-bottom:-5px;
}
#index #navileft #navi02 dd{
background:url(images/top/navi02_dd.gif) left top no-repeat;
padding:0px 10px 0px 30px;
line-height:250%;
height:40px;
}
#index #navileft #navi02 a{
color: #237b86;
}
#index #navileft #navi03 dl{
padding:0px 5px 5px 4px;
}
#index #navileft #navi03 dt{
_margin-bottom:-5px;
}
*:first-child+html #index #navileft #navi03 dt{
margin-bottom:-3px;
}
#index #navileft #navi03 dt,  x:-moz-any-link {
margin-bottom:-5px;
}
#index #navileft #navi03 dd{
background:url(images/top/navi03_dd.gif) left top no-repeat;
padding:0px 10px 0px 30px;
line-height:250%;
height:40px;
}
#index #navileft #navi03 a{
color: #866b36;
}
#index #container-leftspace p{
padding:5px 0 5px 0;
}

/******************** コンテンツ - メインスペース ******************************/
#index #container-mainspace{
width: 504px;
background-color: #ffffff;
margin: 0;
border-style: none;
padding: 0;
float: left;
}

#index #infobox{
background: url(images/top/infobox_bg.jpg) 0px 0px no-repeat;
position: relative;
height: 198px;
margin: 0 0 11px 0;
}
#index #infobox p#infobox-ttl{
position: absolute;
left: 121px;
top: 18px;
}
#index #infobox p#infobox-map{
position: absolute;
left: 233px;
top: 35px;
}
#index #infobox p#infobox-address{
position: absolute;
left: 121px;
top: 63px;
}
#index #infobox p#infobox-tel1{
position: absolute;
left: 40px;
top: 113px;
}
#index #infobox p#infobox-tel2{
position: absolute;
left: 42px;
top: 169px;
}
#index #infobox p#infobox-tel3{
position: absolute;
left: 292px;
top: 112px;
}
#index #infobox p#infobox-tel4{
position: absolute;
left: 292px;
top: 170px;
}
#index #infobox p#infobox-tel5{
position: absolute;
left: 40px;
top: 110px;
}




#index #index-btm-link{
margin: 0 0 20px;
overflow: hidden;/* clearfixの代わり */
zoom: 1;/* clearfixの代わり（IE6） */
}
#index #index-btm-link p{
margin: 0 3px 0 0;
float: left;
}
#index #index-btm-link p.end-p{
margin-left: 0;
}


#index #mobile{
}
/*-------------------------101109追加分-----------------------------------------------*/

#index #news{
margin: 0 0 5px 0;
background:url(images/top/news_naka.gif) left top repeat-y;
background-color:#fcfaf5;
overflow: hidden;/* clearfixの代わり */
zoom: 1;/* clearfixの代わり（IE6） */
}
#index #news #news-tll{
background:url(images/top/news_bg.gif)  no-repeat top left ;
position: relative;
height:53px;
}

#index #news #news-tll p#news-name{
position: absolute;
left: 18px;
top: 17px;
}
#index #news #news-tll p#news-btn{
position: absolute;
left: 335px;
top: 12px;
}
#index #news #news-btm{
background:url(images/top/news_btm.gif) left bottom no-repeat;
height:10px;
clear:both;
}
#index #news #kiji{
margin:5px 18px;
font-size:12px;
width:470px;
}
#index #news #kiji th{
border-bottom:#CCCCCC 1px dotted;
font-weight:normal;
padding:10px 0px 3px 0px;
_padding:13px 0px 3px 0px;
}
#index #news #kiji td{
border-bottom:#CCCCCC 1px dotted;
padding:8px 0px 3px 5px;
_padding:10px 0px 3px 5px;
vertical-align:bottom;
}
#index #news #kiji td img{
padding-bottom:3px;
} 
#index #news #kiji td a{
text-decoration: none;
color: #333333;
}
#index #news #kiji td a:hover{
text-decoration: underline;
}

#index #news #kind{
margin: 0 0 20px;
}
#index #kind p{
float:left;
font-size:12px;
padding-right:5px;
}
#index #kind p.kind-text{
padding-right:15px;
margin-bottom:3px;
}


#index #pickup{
margin:38px 0 30px 0;
background:url(images/top/pickup_bg.gif) left top repeat-y;
clear:both;
}
#index #pickup #pickup-tll{
}

#index #pickup #bickup-btm{
background:url(images/top/pickup_btm.gif) left bottom no-repeat;
height:8px;
}
#index #pickup #pickup-kiji{
margin:8px 18px 0px 18px;
border:#CCCCCC 1px solid;
background:#FFFFFF;
text-align:center;
}
#index #pickup #pickup-kiji table{
margin:0px auto;
text-align: left;
}

#index #pickup #pickup-kiji table th{
width:80px;
text-align:left;
padding:10px 0;
}
#index #pickup #pickup-kiji table th.border{
border-bottom:#CCCCCC 1px dotted;
}
#index #pickup #pickup-kiji table td{
text-align:left;
padding:8px 0;
vertical-align:top;
width:365px;
}
#index #pickup #pickup-kiji table td.border{
border-bottom:#CCCCCC 1px dotted;
}
#index #pickup #pickup-kiji table td dt{
float:left;
padding-right:5px;
font-size:10px;
}
#index #pickup #pickup-kiji table td dd{
float:left;
color:#005aa6;
font-weight:bold;
}
#index #pickup #pickup-kiji table td p{
clear:both;
line-height:16px;
padding-top:3px;
}
#index #pickup #pickup-kiji table td p a{
color: #bb8047;
text-decoration: underline;
}
#index #pickup #pickup-kiji table td p a:hover{
color: #bb8047;
text-decoration: none;
}

/******************** コンテンツ - ライトペース ******************************/
#index #container-rightspace{
margin: 0;
width: 165px;
float: right;
}





