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

(C) SINIOR useful_common CSS

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

/* content　共通
---------------------------------------------------------------------------------- */

#content #h1_block {
	width:615px;
	overflow: hidden;
	height:145px;
	margin:0 15px;
	padding:0 0 0 160px;
	text-align:left;
	color:#000;
	line-height:20px;
	background:url(../image_cmn/kiso_title.gif) no-repeat 0 0;
}
#content #h1_block h1 {
	text-indent: -9999px;
	height: 91px;
}
#content #h1_block p {
	padding:0;
	margin: 0;
	width: 650px;
	text-align:left;
	color:#000;
	line-height:1.4;
	}

.center{
margin:0 auto 0 auro;
text-align:center;!important
}


/*-------navi_area-------*/

#content ul.useful_navi {
list-style:none;
margin:0 0 0 15px;
padding:0;
}

#content ul.useful_navi li {
float:left;
width:112px;
height:45px;
}
/*資産がある場合*/
#content ul.useful_navi li.space {
width:50px;
height:45px;
}
/*資産がない場合
#content ul.useful_navi li.space {
width:179px;
height:45px;
}*/

/*資産がある場合*/
#content.column ul.useful_navi li.space { /* 記事ページのみ、クリップのイメージを表示*/
width:67px;
height:45px;
background:url(/useful/image_cmn/navi_spacer.gif) no-repeat 0 bottom;
}

/*資産がない場合
#content.column ul.useful_navi li.space { /* 記事ページのみ、クリップのイメージを表示
width:179px;
height:45px;
background:url(/useful/image_cmn/navi_spacer.gif) no-repeat 0 bottom;
}
*/
#content ul.useful_navi li a {
display:block;
overflow:hidden;
width:112px;
height:45px;
text-indent:-9999px;
}


#content ul.useful_navi li a.health { background:url(/useful/image_cmn/useful_navi.gif) no-repeat 0 0 ;}
#content ul.useful_navi li a.medical { background:url(/useful/image_cmn/useful_navi.gif) no-repeat -112px 0 ;}
#content ul.useful_navi li a.life { background:url(/useful/image_cmn/useful_navi.gif) no-repeat -224px 0 ;}
#content ul.useful_navi li a.assets { background:url(/useful/image_cmn/useful_navi.gif) no-repeat -336px 0 ;}
#content ul.useful_navi li a.hobby { background:url(/useful/image_cmn/useful_navi.gif) no-repeat -448px 0 ;}
#content ul.useful_navi li a.study { background:url(/useful/image_cmn/useful_navi.gif) no-repeat -560px 0 ;}

#content ul.useful_navi li a:hover.health { background:url(/useful/image_cmn/useful_navi.gif) no-repeat 0 -45px ;}
#content ul.useful_navi li a:hover.medical { background:url(/useful/image_cmn/useful_navi.gif) no-repeat -112px -45px ;}
#content ul.useful_navi li a:hover.life { background:url(/useful/image_cmn/useful_navi.gif) no-repeat -224px -45px ;}
#content ul.useful_navi li a:hover.assets { background:url(/useful/image_cmn/useful_navi.gif) no-repeat -336px -45px ;}
#content ul.useful_navi li a:hover.hobby { background:url(/useful/image_cmn/useful_navi.gif) no-repeat -448px -45px ;}
#content ul.useful_navi li a:hover.study { background:url(/useful/image_cmn/useful_navi.gif) no-repeat -560px -45px ;}

#content ul.useful_navi li a.health_ov { background:url(/useful/image_cmn/useful_navi.gif) no-repeat 0 -45px ;}
#content ul.useful_navi li a.medical_ov { background:url(/useful/image_cmn/useful_navi.gif) no-repeat -112px -45px ;}
#content ul.useful_navi li a.life_ov { background:url(/useful/image_cmn/useful_navi.gif) no-repeat -224px -45px ;}
#content ul.useful_navi li a.assets_ov { background:url(/useful/image_cmn/useful_navi.gif) no-repeat -336px -45px ;}
#content ul.useful_navi li a.hobby_ov { background:url(/useful/image_cmn/useful_navi.gif) no-repeat -448px -45px ;}
#content ul.useful_navi li a.study_ov { background:url(/useful/image_cmn/useful_navi.gif) no-repeat -560px -45px ;}

/*　各カテゴリーの記事一覧設定
---------------------------------------------------------------------------------- */
#content div.main_area {
width:770px;
padding:0 15px;
}

#content div.main_area ul.column_list {
clear:both;
list-style:none;
margin:0 0 0 15px;
}
#content div.main_area ul.column_list li {
float:left;
width:346px;
height: 86px;
min-height:86px;
margin:0 0 9px 0;
padding:10px;
text-align:left;
overflow: hidden;
}

#content div.main_area ul.column_list li.side_l {
margin:0 9px 9px 0;
}

#content div.main_area ul.column_list li dl dt {
float:left;
width:85px;
height:85px;
margin:0 15px 0 0;
}

#content div.main_area ul.column_list li dl dd {
float:left;
width:232px;
margin:0 0 0 8px;
padding:0;
color:#333333;
}

#content div.main_area ul.column_list li dl dd.title {
float:left;
width:214px;
padding:4px 0 0 18px;
font-weight:bold;
}
/*
#content div.main_area {
width:740px;
margin:0 auto;
padding:0 14px;
}

#content div.main_area ul.column_list {
clear:both;
list-style:none;
margin:0 0 0 15px;
}
#content div.main_area ul.column_list li {
float:left;
width:346px;
height:86px;
margin:0 0 9px 0;
padding:10px;
text-align:left;
}

#content div.main_area ul.column_list li.side_l {
margin:0 9px 9px 0;
}

#content div.main_area ul.column_list li dl dt {
float:left;
width:85px;
height:85px;
margin:0 15px 0 0;
}

#content div.main_area ul.column_list li dl dd {
float:left;
width:232px;
margin:0 0 0 8px;
padding:0;
color:#333333;
}

#content div.main_area ul.column_list li dl dd.title {
float:left;
width:220px;
padding:4px 0 0 18px;
font-weight:bold;
}*/

/*　記事本文設定
---------------------------------------------------------------------------------- */
#content div.main_area {
width:800px;
margin:0;
padding:0 auto ;
}

/* left_area */

#content.column div.left_area {
float:left;
width:500px;
margin:0 0 0 3px;
padding:0 3px 0 0;
}

#content.column div.right_area {
float:left;
width:240px;
margin:0 0 0 5px;
padding:0;
}


#content.column div.left_area h1 {
clear:both;
width:440px;
margin:0 0 10px 9px;
padding:27px 10px 8px 43px;
text-align:left;
font-size:120%;
font-weight:bold;
line-height:25px;
}
#content.column div.left_area div.h2_bottom {
clear:both;
width:471px;
margin:-25px 0 10px 19px;
}



#content.column div.left_area h2 {
clear:both;
width:430px;
margin:20px 0 0 19px;
padding:6px 10px 3px 30px;
text-align:left;
font-size:120%;
font-weight:bold;
line-height:25px;
}

#content.column div.left_area div.h3_bottom {
clear:both;
width:470px;
margin:-15px 0 10px 19px;
}

#content.column div.left_area h3 {
clear:both;
width:430px;
height:32px;
margin:10px 0 0px 19px;
padding:8px 10px 0 30px;
text-align:left;
font-size:120%;
font-weight:normal;
line-height:25px;
}
#content.column div.left_area div.h4_bottom {
clear:both;
width:460px;
margin:-18px 0 3px 19px;
}


#content.column div.left_area p.heading_01 {
clear:both;
width:430px;
margin:10px 0 10px 29px;
padding:5px 15px 3px 15px;
color:#FFF;
font-weight:bold;
text-align:left;
}

#content.column div.left_area p.heading_02 {
clear:both;
margin:5px 25px 10px 38px;
padding:1px 8px 0 8px;
text-align:left;
font-weight:bold;
line-height:23px;
}

#content.column div.left_area p {
clear:both;
padding :5px 20px 10px 35px;
line-height:23px;
}

#content.column div.left_area p.box_left {
clear:none;
padding :10px 20px 10px 35px;
line-height:23px;
}
#content.column div.left_area p.box_right {
clear:none;
padding :10px 20px 10px 35px;
line-height:23px;
}

#content.column div.left_area td p.box_left {
clear:none;
padding:0;
}
#content.column div.left_area td p.box_right {
clear:none;
padding:0;
}


#content.column div.left_area p.data {
width:465px;
margin:10px 10px 0 16px ;
padding:10px 10px 10px 0;
border-top:1px dotted #333333;
text-align:right;
}

#content.column div.left_area .img_c {
display:block;
clear:both;
margin:10px auto 10px 4px;
text-align:center;
} 
#content.column div.left_area td .img_c {
display:block;
clear:both;
width:auto;
margin:0;
text-align:center;
} 

#content.column div.left_area .img_l {
display:block;
float:left;
margin:5px 10px 0 40px;
_margin:5px 10px 0 19px;
} 
#content.column div.left_area .img_r {
display:block;
float:right;
margin:5px 20px 0 10px;
_margin:5px 15px 0 10px;
} 

#content.column div.left_area td .img_l {
display:block;
float:left;
margin:0;
} 
#content.column div.left_area td .img_r {
display:block;
float:right;
margin:0;
} 


#content.column div.left_area_footer {
clear:both;
width:490px;
margin:3px 0 -3px 9px;
padding:0;
}


/* テーブル設定 */
#content.column div.left_area table {
width:452px;
margin:10px 0 20px 28px;
border-collapse: collapse;
}

/*テーブルの左枠が通常のとき*/
#content.column div.left_area table th {
width:110px;
padding: 5px;
border:1px solid #AAA;
background:#FFFFDD;
text-align: center;
white-space:normal;
line-height:23px;
}


/*テーブルの左枠が短いとき*/
#content.column div.left_area table th.short {
width:80px;
padding: 5px;
border:1px solid #AAA;
background:#FFFFDD;
text-align: center;
white-space:normal;
line-height:23px;
}


/*テーブルの左枠が長いとき*/
#content.column div.left_area table.long th {
width:180px;
padding: 5px;
border:1px solid #AAA;
background:#FFFFDD;
text-align: center;
white-space:normal;
line-height:23px;
}

/*テーブルのTHが上下左右あるとき*/
#content.column div.left_area table th.second ,
#content.column div.left_area table.long th.second {
padding: 5px;
border:1px solid #AAA;
background:#FFF;
text-align: center;
white-space:normal;
line-height:23px;
}

/*テーブルのTHが1列のとき*/
#content.column div.left_area table th.width_00 {
width:100%;
padding:5px;
border:1px solid #AAA;
background:#FFFFDD;
text-align: center;
white-space:normal;
line-height:23px;
}

/*テーブルのTHが2列あるとき （左枠が通常のときの右側の設定）*/
#content.column div.left_area table th.width_01 {
width:342px;
padding: 5px;
border:1px solid #AAA;
background:#FFFFDD;
text-align: center;
white-space:normal;
line-height:23px;
}
/*テーブルTHが2列あるとき（左枠が長いときの右側の設定）*/
#content.column div.left_area table.long th.width_01 {
width:262px;
padding: 5px;
border:1px solid #AAA;
background:#FFFFDD;
text-align: center;
white-space:normal;
line-height:23px;
}

/*テーブルのTHが3列あるとき（左右が通常で中央が長いときの設定）（中央のみ）*/
#content.column div.left_area table th.width_02 {
width:242px;
padding: 5px;
border:1px solid #AAA;
background:#FFFFDD;
text-align: center;
white-space:normal;
line-height:23px;
}

/*テーブルのTHが3列あるとき（左が通常で中央と右が同じ長さの設定）（中央・右設定）*/
#content.column div.left_area table th.width_03{
width:146px;
padding: 5px;
border:1px solid #AAA;
background:#FFFFDD;
text-align: center;
white-space:normal;
line-height:23px;
}




#content.column div.left_area table td{
padding: 5px;
border:1px solid #AAA;
text-align:left;
line-height:23px;
}

#content.column div.left_area table td.center{
padding: 5px;
border:1px solid #AAA;
text-align:center;
line-height:23px;
}

/*テーブルのTDが2列あるとき（左右の長さが同じのときに設定）*/
#content.column div.left_area table td.width_01 {
width:226px;
padding: 5px;
border:1px solid #AAA;
line-height:23px;
}

/*テーブルのTDの下線が点線のとき*/
#content.column div.left_area table td.border_bottom_ten {
border:1px dotted #AAA;
border-left:1px solid #AAA;
border-right:1px solid #AAA;
border-top:1px solid #AAA;
}

#content.column div.left_area table th.none,
#content.column div.left_area table td.none{
border:0;
background:#fff;
}


/*-- リスト関連
-------------------------------------------- */
/* リスト設定  ol 数字*/
#content.column div.left_area ol.decimal{
margin:5px 20px 20px 65px;
}

/* リスト設定  ol 数字 テーブル内のとき*/
#content.column div.left_area table ol.decimal{
margin:5px 20px 0 30px;
}

/* リスト設定  ol 数字 dl内のとき*/
#content.column div.left_area dl ol.decimal{
margin:5px 20px 0 20px;
}

/* リスト設定  ul ・
   リスト設定  ul ・ 2列にするとき*/
#content.column div.left_area ul.disc{
margin:5px 20px 20px 35px;
}


/* リスト設定  ul ・ テーブル内のとき*/
#content.column div.left_area table ul.disc{
margin:5px 20px 5px 0;
}
#content.column div.left_area table ul.disc li{
width:95%;
}

/* リスト設定  ul ・ dl内のとき*/
#content.column div.left_area dl.column ul.disc{
margin:5px 0 20px -10px;
}

/* リスト設定  ul ABC*/
#content.column div.left_area ul.alpha{
margin:5px 20px 20px 65px;
}

/* リスト設定  ul ABC テーブル内のとき*/
#content.column div.left_area table ul.alpha{
margin:5px 20px 5px 20px;
}

/* リスト設定  ul ABC dl内のとき*/
#content.column div.left_area dl.column ul.alpha{
margin:5px 20px 20px 4px;
}

/* リスト設定  ul □のとき*/
#content.column div.left_area ul.check{
margin:5px 15px 20px 40px;
}

/* リスト設定  ul ※のとき*/
#content.column div.left_area ul.attention{
margin:5px 15px 20px 35px;
}

/* リスト設定  ul 例)のとき*/
#content.column div.left_area ul.example{
margin:5px 15px 20px 35px;
}



/* リスト設定 dl*/
#content.column div.left_area dl.column{
margin:5px 10px 10px 35px;
line-height:1.4;
}
#content.column div.left_area dl.column dt{
font-weight:bold;
}
#content.column div.left_area dl.column dd{
margin:0 18px 10px 18px;
}
#content.column div.left_area dl.column dd.url{
margin:-10px 18px 10px 18px;
word-wrap:break-word;
}
/* リスト設定 dl テーブル内のとき */
#content.column div.left_area table dl.column{
margin:5px 0 5px 0px;
line-height:1.4;
}
#content.column div.left_area table dl.column dt{
font-weight:bold;
}
#content.column div.left_area table dl.column dd{
margin:0 0 0 14px;
}
#content.column div.left_area table dl.column dd.url{
margin:-10px 0 0 18px;
word-wrap:break-word;
}





/* right_area リスト設定 */

#content.column div.right_area h2 {
width:240px;
height:29px;
margin:0;
padding:0 0 0 10px;
line-height:29px;
color:#FFFFFF;
font-size:100%;
text-align:left;
}

#content.column div.right_area ul.title_list {
clear:both;
list-style:none;
width:250px;
margin:0;
padding:0;
}

#content.column div.right_area ul.title_list li{
width:200px;
margin:0 10px 0 10px;
padding:10px 0 5px 20px;
text-align:left;
border-bottom:1px dotted #cccccc;
}
#content.column div.right_area ul.title_list li.back {
width:230px;
height:30px;
margin:5px 0 -1px 0;
padding:0 20px 0 0;
border:none;
text-align:right;
font-size:85%;
}


/* -------banner_useful harvest river-------*/

div.banner_rows{
clear:both;
position:relative;
}


ul.banner_rows{
margin:10px 0px 0 0px;
padding:0 3px 10px 5px;
}

ul.banner_rows li.harvest,
ul.banner_rows li.river{
float:left;
margin:0 5px 0 5px;
padding:0;
}

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

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

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

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



/*-------お役立ち情報のバナー-------*/
div.useful_banner{
clear:both;
margin:5px auto 5px 28px;
padding:0;
position:relative;
}


/*多度温泉*/
div.useful_banner ul li.tado a{
display:block;
width:452px;
height:65px;
background:url(/useful/image_cmn/tado_banner.jpg) no-repeat 0 0;
text-indent:-9999px;
}
div.useful_banner ul li.tado a:hover{
background:url(/useful/image_cmn/tado_banner.jpg) no-repeat 0 -65px;
}


/*------最下部エリア----------*/
#content div.main_bottom {
clear:both;
width:771px;
height:50px;
margin:0 15px 15px 15px;
padding:20px 0 0 0;
text-align:center;
}