@charset "shift_jis";
/* =========================================

(C) SINIOR common CSS

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

/* default style
-------------------------------------------- */
body,div,span,h1,h2,h3,h4,h5,
p,ul,ol,li,dl,dt,dd,address,img,
form,select,option,input,label{
margin:0;
padding:0;
}

ul,ol,li,dl,dt,dd{
list-style:none;
}

a{
outline:0;
}

a:link{
color:#00f;
text-decoration:none;
}

a:visited{
color:#00f;
text-decoration:none;
}

a:hover{
color:#f00;
}

a:active{
color:#f00;
}

.f_left{
float:left;
}


img{
border:none;
}

sup{
margin:0;
padding:0 0 0 2px;
font-size:80%;
vertical-align:top;
}


body{
margin:0 auto;
padding:0;
background:#fffee8;
font:100%;
/*font:100% "ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;*/
text-align:center;
}


#content_page h2.normal,
#content_page h2.normal02{
width:770px;
margin:0 15px;
background:url(/image_cmn/ti_l_bg.gif) no-repeat 0 0;
color:#90780c;
letter-spacing:1px;
}

#content_page h2.normal{
height:45px;
}

#content_page h2.normal02{
height:30px;
}

#content_page h2.left_area,
#content_page h3.left_area{
padding:0px 15px;
}

#content_page h3.bukken_name{
clear:both;
width:770px;
height:40px;
margin:0 15px 6px 15px;
position:relative;
top:10px;
background:url(/search/image_cmn/ti_bukken_bg.gif) no-repeat 0 -1px;
letter-spacing:1px;
color:#333;
}
#content_page .h3_bottom{
clear:both;
width:770px;
height:20px;
margin:0 15px;
background:url(/search/image_cmn/ti_bukken_bg_bottom.gif) no-repeat 0 -1px;
}

#content_page h3.normal{
padding:12px 0 0 20px;
font-size:100%;
letter-spacing:1px;
}

#content_page p {
padding:5px 0 5px 0;
}

/* base
-------------------------------------------- */
#base{
width:810px;
height:auto;
margin:0 auto;
padding:0 0 0 11px;
background:url(/image_cmn/base_bg.gif) repeat-y 0 0;
text-align:left;
}

/*-- header
-------------------------------------------- */
#header{
width:805px;
height:133px;
margin:0;
padding:0;
}
#content_page #header strong{
margin:0;
padding: 0;
overflow: hidden;
height:95px;
}
#content_page #header strong img,#content_page #header strong a{
margin:0;
padding: 0;
height:95px;
overflow: hidden;
}

#header ul.senior_navi{
/*-------メニューが7つの場合-------*/
width:800px;
margin:0;
padding:0;
}

#header ul.senior_navi li,
#header ul.senior_navi li a{
float:left;
height:37px;
margin:0;
padding:0;
text-indent:-9999px;
}

#header ul.senior_navi li.menu { width:12px; background: url(/image_cmn/header_menu_bg.gif) repeat-x 0 0;}
#header ul.senior_navi li.menu01 { width:116px; background: url(/image_cmn/header_menu.gif) no-repeat -10px 0;}
#header ul.senior_navi li.menu02 { width:110px; background: url(/image_cmn/header_menu.gif) no-repeat -127px -37px;}
#header ul.senior_navi li.menu03 { width:110px; background: url(/image_cmn/header_menu.gif) no-repeat -236px -37px;}
#header ul.senior_navi li.menu04 { width:110px; background: url(/image_cmn/header_menu.gif) no-repeat -346px -37px;}
#header ul.senior_navi li.menu05 { width:110px; background: url(/image_cmn/header_menu.gif) no-repeat -456px -37px;}
#header ul.senior_navi li.menu06 { width:110px; background: url(/image_cmn/header_menu.gif) no-repeat -566px -37px;}
#header ul.senior_navi li.menu07 { width:110px; background: url(/image_cmn/header_menu.gif) no-repeat -676px -37px;}

#header ul.senior_navi li.menu01 a { width:116px; background: url(/image_cmn/header_menu.gif) no-repeat -10px 0;}
#header ul.senior_navi li.menu02 a { width:110px; background: url(/image_cmn/header_menu.gif) no-repeat -127px 0;}
#header ul.senior_navi li.menu03 a { width:110px; background: url(/image_cmn/header_menu.gif) no-repeat -236px 0;}
#header ul.senior_navi li.menu04 a { width:110px; background: url(/image_cmn/header_menu.gif) no-repeat -346px 0;}
#header ul.senior_navi li.menu05 a { width:110px; background: url(/image_cmn/header_menu.gif) no-repeat -456px 0;}
#header ul.senior_navi li.menu06 a { width:110px; background: url(/image_cmn/header_menu.gif) no-repeat -566px 0;}
#header ul.senior_navi li.menu07 a { width:110px; background: url(/image_cmn/header_menu.gif) no-repeat -676px 0;}

#header ul.senior_navi li.menu01 a:hover { width:116px; background: url(/image_cmn/header_menu.gif) no-repeat -10px -37px;}
#header ul.senior_navi li.menu02 a:hover { width:110px; background: url(/image_cmn/header_menu.gif) no-repeat -127px -37px;}
#header ul.senior_navi li.menu03 a:hover { width:110px; background: url(/image_cmn/header_menu.gif) no-repeat -236px -37px;}
#header ul.senior_navi li.menu04 a:hover { width:110px; background: url(/image_cmn/header_menu.gif) no-repeat -346px -37px;}
#header ul.senior_navi li.menu05 a:hover { width:110px; background: url(/image_cmn/header_menu.gif) no-repeat -456px -37px;}
#header ul.senior_navi li.menu06 a:hover { width:110px; background: url(/image_cmn/header_menu.gif) no-repeat -566px -37px;}
#header ul.senior_navi li.menu07 a:hover { width:110px; background: url(/image_cmn/header_menu.gif) no-repeat -676px -37px;}


/* siteroute
-------------------------------------------- */
#siteroute ul{
clear:both;
/*width:770px;*/
height:15px;
margin:0 15px;
padding:15px 0 5px 0;
font-size:90%;
}

#siteroute ul li{
display:block;
float:left;
margin:0;
padding:0 0 0 18px;
background:url(/image_cmn/siteroute.gif) no-repeat 0 1px;
}

/* content
-------------------------------------------- */
#content{
width:800px;
margin:0;
}

h2 img.pagetitle{
float:left;
clear:both;
}

h2 span.pagetitle{
display:block;
padding:9px 0 0 0;
font-size:75%;
}

h3 span.pagetitle{
display:block;
float:left;
width:540px;
padding:14px 0 0 15px;
_padding:16px 0 0 15px;
font-size:100%;
}

div.wrapper{
clear:both;
width:800px;
margin:0;
padding:0;
}

/*-------left_area-------*/

div.left_area {
float:left;
width:540px;
margin:0;
padding:0 0 20px 0;
}

/* -------right_area-------*/

div.right_area {
float:left;
width:250px;
margin:0;
padding:0 0 20px 0;
}


div.osusume {
height:340px;
background:url(/image_cmn/picup_ri_bg.gif) repeat-y 0 0;
}

div.osusume h3{
height:30px;
color:#666;
background:url(/image_cmn/picup_ri_ti_bg.gif) no-repeat 0 0;
}

div.osusume_bottom{
margin:0 0 -15px 0;
}


div.osusume ul{
margin:0;
padding:0 0 0 10px;
}

div.osusume ul li.name{
float:left;
width:230px;
height:30px;
padding:8px 0 0 15px;
background:url(/image_cmn/name_mark.gif) no-repeat 2px 0;
font-weight:bold;
letter-spacing:1px;
}

div.osusume ul li.photo{
float:right;
padding:0 15px 0 0;
}

div.osusume ul li.data01,
div.osusume ul li.data02{
float:left;
width:120px;
margin:0 0 8px 10px;
color:#666;
font-size:90%;
}

div.osusume ul li.detail,
div.osusume ul li.detail a{
float:left;
width:106px;
height:25px;
margin:0;
padding:0;
text-indent:-9999px;
}

div.osusume ul li.detail { background: url(/image_cmn/detail_btn.gif) no-repeat 5px 0;}
div.osusume ul li.detail a { background: url(/image_cmn/detail_btn.gif) no-repeat 5px 0;}
div.osusume ul li.detail a:hover { background: url(/image_cmn/detail_btn.gif) no-repeat 5px -40px;}

div.line{
clear:both;
width:228px;
height:10px;
margin:8px 0 0 10px;
border-top:1px dotted #ccc;
color:#fff;
}

div.line span.none{
display:none;
}


/* バナー
-------------------------------------------- */
div.banner{
width:260px;
}

div.banner ul{
text-indent:-9999px;
}

div.banner ul li{
padding:0 0 10px 0;
}

div.banner ul li.harvest_hills,
div.banner ul li.harvest_hills a,
div.banner ul li.harvest_hills a:hover{
display:block;
width:245px;
height:138px;
}

div.banner ul li.harvest_hills,
div.banner ul li.harvest_hills a{
background:url(/image_cmn/bunner_harvest.gif) no-repeat 2px 0;
}

div.banner ul li.harvest_hills a:hover{
background:url(/image_cmn/bunner_harvest.gif) no-repeat 2px -150px;
}

div.banner ul li.river_hills,
div.banner ul li.river_hills a,
div.banner ul li.river_hills a:hover{
display:block;
width:245px;
height:138px;
}

div.banner ul li.river_hills,
div.banner ul li.river_hills a{
background: url(/image_cmn/bunner_riverhills.gif) no-repeat 2px 0;
}

div.banner ul li.river_hills a:hover{
background: url(/image_cmn/bunner_riverhills.gif) no-repeat 2px -150px;
}

/* footer 
-------------------------------------------- */

#footer {
clear:both;
width:800px;
height:60px;
margin:0;
background:#F4ECBA;
font-size:90%;
text-align:center;
border-bottom:1px solid #C1BD9F;
}

#footer ul{
width:600px;
margin:0 auto;
padding:10px 0 4px 0;
}

#footer ul li,
#footer ul li.end{
display:inline;
margin:0;
padding:0 10px;
border-left:1px solid #333;
}

#footer ul li.end{
border-right:1px solid #333;
}

#footer address {
margin:4px 0 10px 0;
font-style:normal;
color:#333;
}

#footer a:link{
color:#333;
text-decoration:none;
}

#footer a:visited{
color:#333;
text-decoration:none;
}

#footer a:hover{
color:#c00;
}

#footer a:active{
color:#333;
text-decoration:none;
}


/* リスト関連
-------------------------------------------- */

/* リスト設定  ol 数字 */
ol.decimal{
line-height:1.4;
}
ol.decimal li{
margin:0 0 3px 0;
list-style:decimal;
}

/* リスト設定  ul ・*/
ul.disc{
line-height:1.4;
}
ul.disc li{
width:96%;
margin:0 0 3px 0;
padding:0 0 0 15px;
background:url(/image_cmn/disc.gif) no-repeat 0 3px;
}

/* リスト設定  ul ・ 2列にするとき */
ul.disc li.side{
float:left;
width:47%;
margin:0 0 3px 0;
background:url(/image_cmn/disc.gif) no-repeat 0 3px;
}


/* リスト設定  ul ABC */
ul.alpha{
line-height:1.4;
}
ul.alpha li{
margin:0 0 3px 0;
list-style-type:upper-alpha;
}


/* リスト設定  ul □のとき */
ul.check{
line-height:1.4;
}
ul.check li{
margin:0 0 5px 0;
padding:0 0 0 20px;
background:url(/image_cmn/check.gif) no-repeat 0 -2px;
}


/* リスト設定  ul ※のとき */
ul.attention{
line-height:1.4;
}
ul.attention li{
width:96%;
margin:0 0 3px 0;
padding:0 0 0 20px;
background:url(/image_cmn/attention.gif) no-repeat 0 0;
}


/* リスト設定  ul 例)のとき */
ul.example{
line-height:1.4;
}
ul.example li.example{
width:25px;
float:left;
}
ul.example li{
width:96%;
float:left;
}



/* ボタン関連
-------------------------------------------- */

/*-- 各施設形態の説明ボタン --*/
span.setsumei_all{
width:113px;
height:21px;
margin:0;
padding:0;
}
span.setsumei_all a{
display:block;
width:113px;
height:21px;
margin:0 0 -20px 0;
background:url(/image_cmn/setsumei_all_btn.gif) 0 0 no-repeat;
text-indent:-9999px;
}
span.setsumei_all a:hover{
background:url(/image_cmn/setsumei_all_btn.gif) 0 -21px no-repeat;
}

/*-- 説明ボタン --*/
.setsumei{
margin:-2px 0 0 0;
padding:0;
}

.setsumei{
float:left;
width:40px;
height:21px;
background:url(/image_cmn/setsumei_btn.gif) 0 0 no-repeat;
text-indent:-9999px;
}
.setsumei:hover,
.setsumeiHover{
background:url(/image_cmn/setsumei_btn.gif) 0 -21px no-repeat;
cursor:default;
}



/*-- ポップアップ　閉じるボタン --*/
div.close,
div.close a{
display:block;
margin:0 auto;
padding:0;
width:150px;
height:30px;
text-indent:-9999px;
}

div.close { background:url(/image_cmn/btn_close.gif) no-repeat 0 0;}
div.close a { background:url(/image_cmn/btn_close.gif) no-repeat 0 0;}
div.close a:hover { background:url(/image_cmn/btn_close.gif) no-repeat 0 -50px;}


/*-- トップページへ戻るボタン --*/
div.top,
div.top a{
display:block;
margin:0 auto;
padding:0;
width:180px;
height:40px;
text-indent:-9999px;
}

div.top { background:url(/image_cmn/btn_top.gif) no-repeat 0 0;}
div.top a { background:url(/image_cmn/btn_top.gif) no-repeat 0 0;}
div.top a:hover { background:url(/image_cmn/btn_top.gif) no-repeat 0 -40px;}



/* お問合せ関連 
-------------------------------------------- */
/*-- input --*/
input{
padding:2px;
font-size:100%;
}
input.btn{
margin:0 10px 0 0;
padding:0;
}

select.form{
float:left;
margin:0 10px 0 0;
padding:2px;
font-size:100%;
}
textarea{
padding:2px;
font-size:100%;
}


/*-- 郵便番号 --*/
span.hyphen{
margin:0 3px;
position:relative;
top:-4px;
}

/*-- 住所 --*/
div.address_a{
clear:both;
margin:0 0 10px 0;
}
div.address_b{
clear:both;
margin:0 0 5px 0;
}
div.address_c{
clear:both;
margin:0;
}

.form_btn{
margin:10px;
text-align:center;
}
.form_btn span{
margin:0 5px;
}


/* -------index&useful メニュー下のバナー harvest river-------*/
div.banner_rows{
clear:both;
margin:0 0 10px 0;
padding:5px 16px;
}

div.banner_rows ul li.harvest,
div.banner_rows ul li.river{
float:left;
width:378px;
height:137px;
}

div.banner_rows ul li.harvest{
margin:0 10px 0 0;
padding:0;
}
div.banner_rows ul li.river{
margin:0; 
padding:0;
}


div.banner_rows ul li.harvest a,
div.banner_rows ul li.river a,
div.banner_rows ul li.harvest a:hover,
div.banner_rows ul li.river a:hover{
float:left;
width:378px;
height:137px;
text-indent:-9999px;
}

div.banner_rows ul li.harvest{ background: url(/image_cmn/banner_harvest.jpg) no-repeat 0 -137px;}
div.banner_rows ul li.river{ background: url(/image_cmn/banner_river.jpg) no-repeat 0 -137px;}

div.banner_rows ul li.harvest a{ background: url(/image_cmn/banner_harvest.jpg) no-repeat 0 -137px;}
div.banner_rows ul li.river a{ background: url(/image_cmn/banner_river.jpg) no-repeat 0 -137px;}

div.banner_rows ul li.harvest a:hover{ background: url(/image_cmn/banner_harvest.jpg) no-repeat 0 0;}
div.banner_rows ul li.river a:hover{ background: url(/image_cmn/banner_river.jpg) no-repeat 0 0;}