/* CSS Document */

.f10 {font-size:10px;} 
.f11 {font-size:11px;} 
.f14 {font-size:14px;}  
.f16 {font-size:16px;} 


.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}

.fl_left {float:left;}
.fl_right {float:right;}
.fl_clear {clear:both;}

.c_red {color:#F00;}
.c_ao {color:#308FCF;}
.c_gr {color:#269900;}
.c_ye {color:#F90;}
.c_pink {color:#F06;}
.c_orange {color:#F60;}
.c_kuro {color:#444;}
.c_siro {color:#FFFFFF;}
.c_gl {color:#00AE2C;}


.bold{
font-weight: bold;
}

.ma_0 {margin:0;}

.ma_t00 {margin-top:0;}
.ma_t05 {margin-top:5px;}
.ma_t08 {margin-top:8px;}
.ma_t10 {margin-top:10px;}
.ma_t12 {margin-top:12px;}
.ma_t15 {margin-top:15px;}
.ma_t20 {margin-top:20px;}
.ma_t25 {margin-top:25px;}
.ma_t30 {margin-top:30px;}
.ma_t40 {margin-top:40px;}
.ma_t50 {margin-top:50px;}

.ma_b00 {margin-bottom:0;}
.ma_b05 {margin-bottom:5px;}
.ma_b08 {margin-bottom:8px;}
.ma_b10 {margin-bottom:10px;}
.ma_b12 {margin-bottom:12px;}
.ma_b15 {margin-bottom:15px;}
.ma_b20 {margin-bottom:20px;}
.ma_b25 {margin-bottom:25px;}
.ma_b30 {margin-bottom:30px;}
.ma_b40 {margin-bottom:40px;}
.ma_b50 {margin-bottom:50px;}
.ma_b51 {margin-bottom:10px;}

.ma_r00 {margin-right:0;}
.ma_r03 {margin-right:3px;}
.ma_r05 {margin-right:5px;}
.ma_r08 {margin-right:8px;}
.ma_r10 {margin-right:10px;}
.ma_r12 {margin-right:12px;}
.ma_r15 {margin-right:15px;}
.ma_r20 {margin-right:20px;}
.ma_r25 {margin-right:25px;}
.ma_r30 {margin-right:30px;}
.ma_r40 {margin-right:40px;}
.ma_r50 {margin-right:50px;}

.ma_l00 {margin-left:0;}
.ma_l03 {margin-left:3px;}
.ma_l05 {margin-left:5px;}
.ma_l08 {margin-left:8px;}
.ma_l10 {margin-left:10px;}
.ma_l12 {margin-left:12px;}
.ma_l15 {margin-left:15px;}
.ma_l17 {margin-left:17px;}
.ma_l20 {margin-left:20px;}
.ma_l25 {margin-left:25px;}
.ma_l30 {margin-left:30px;}
.ma_l40 {margin-left:40px;}
.ma_l50 {margin-left:50px;}


.w_08 {width:8%;}
.w_10 {width:10%;}
.w_15 {width:15%;}
.w_20 {width:20%;}
.w_30 {width:30%;}
.w_40 {width:40%;}
.w_50 {width:50%;}
.w_60 {width:60%;}
.w_70 {width:70%;}
.w_90 {width:90%;}
.w_100 {width:100%;}


.w_100px {width:100px;}
.w_150px {width:150px;}
.w_200px {width:200px;}
.w_250px {width:250px;}
.w_300px {width:300px;}
.w_350px {width:350px;}
.w_400px {width:400px;}


.lh02 {line-height:120%;}
.lh03 {line-height:130%;}
.lh04 {line-height:140%;}
.lh05 {line-height:150%;}
.lh06 {line-height:160%;}
.lh07 {line-height:170%;}
.lh08 {line-height:180%;}
.lh09 {line-height:190%;}
.lh20 {line-height:200%;}

.n_border{
border: none;
}


/*--温泉サイドバー--*/

.onsenti01 {
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #b6c81f;
	list-style-position: inside;
	list-style-image: url(../img/onsen_side/list_vectle.jpg);
	list-style-type: none;
	padding-top: 8px;
	padding-right: 3px;
}

.onsenti02 {
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #b6c81f;
	list-style-position: inside;
	list-style-image: url(../img/onsen_side/list_vectle.jpg);
	list-style-type: none;
	padding-right: 3px;
}

.onsenti03 {
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #b6c81f;
	list-style-position: inside;
	list-style-image: url(../img/onsen_side/list_vectle.jpg);
	list-style-type: none;
	padding-right: 3px;
	margin-bottom: 8px;
}

.onsenti02_list {
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #b6c81f;
	list-style-position: inside;
	list-style-image: url(../img/onsen_side/list_eru.jpg);
	list-style-type: none;
	margin-right: 8px;
}

/*--宿一覧--*/


.onsen_bg {
	background-image: url(../img/onsen/onsen_bg.jpg);
	background-repeat: repeat;
}

.yado_ichiran ul {
	width: 660px;
	list-style-type: none;
	
}
.yado_ichiran ul li {
	border: solid 1px #ccc;
	border-collapse: collapse;
	float: left;
	margin-right: 12px;
	margin-bottom: 10px;
	width: 150px;
	height: 235px;
	}
.yado_ichiran ul li p {
	display: table-cell;
	text-align: left;
		}
.yado_ichiran ul li p img {
	border: solid 1px #fff;
			}


.moji1 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	font-weight: 300;
	color: #666666;
	margin-left: 7px;
	margin-top: 1px;
	margin-bottom: 3px;
}

.moji2 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 11px;
	font-weight: 100;
	color: #666;
	margin-top: 1px;
	margin-left: 12px;
	line-height: 17px;
}

.moji3 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 11px;
	font-weight: 100;
	color: #f9a6b0;
	float: right;
	margin-right: 5px;
}

.moji4 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10px;
	font-weight: 100;
	color: #666;
	margin-top: 1px;
	margin-left: 6px;
	line-height: 17px;
}

.moji1_2 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 11px;
	font-weight: 300;
	color: #666666;
	margin-left: 7px;
	margin-top: 1px;
	margin-bottom: 3px;
}

.moji1_3 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10px;
	font-weight: 300;
	color: #666666;
	margin-left: 7px;
	margin-top: 1px;
	margin-bottom: 3px;
}