@charset "utf-8";

/*----------------------------------------------------
	共通スタイル
---------------------------------------------------*/

/* レイアウト */

div#onsen {
	width:850px;
	margin:0 auto;
}

div#onsen #main {
	width:580px;
	float:left;
}

div#onsen #sub {
	width:250px;
	float:right;
	margin-left:10px;
}

div#onsen p {
	margin-bottom:0;
}

/* ボックス */

.box {
	margin-bottom:10px;
}

/* 見出し */

h2 {
	background:url(../img/title.jpg) no-repeat;
	margin-bottom:10px;
	line-height:70px;
	text-indent:-9999px;
}

h3.profile {
	margin-bottom:10px;
	border:solid #9C5F23;
	border-width:2px 0 2px;
	font-size:26px;
	font-weight:normal;
	line-height:60px;
}

h3 span {
	margin-left:15px;
	font-size:12px;
}

h3.plan {
	clear:both;
	margin-bottom:10px;
	padding-left:50px;
	background:url(../img/midashi_plan.gif) no-repeat;
	color:#fff;
	font-size:16px;
	line-height:48px;
}

h3.wa {
	padding-left:10px;
	background:url(../img/bg_midashi.jpg);
	color:#FFFFFF;
	font-weight:bold;
	line-height:34px;
}

div#onsen #sub .box h3 {
	padding-left:10px;
	background:url(../img/bg_midashi.jpg);
	color:#FFFFFF;
	font-weight:bold;
	line-height:34px;
}

/* 人気プラン */

.rank h4 {
	font-size:16px;
	font-weight:normal;
}

.rank01 {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
}

.rank01 img {
	float:left;
	padding:3px;
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid #9C5F23;
}

.rank02 img,
.rank03 img {
	width:120px;
	height:90px;
	padding:3px;
	border:1px solid #9C5F23;
}

.rank01 .title {
	background:url(../img/rank01.gif) no-repeat;
	padding-left:60px;
	margin-bottom:5px;
}

.rank02 {
	float:left;
	width:280px;
	padding-bottom:10px;
}

.rank02 .title {
	background:url(../img/rank02.gif) no-repeat;
	padding-left:60px;
	margin-bottom:5px;
}

.rank03 {
	float:right;
	width:280px;
	margin-left:10px;
	padding-bottom:10px;
}

.rank03 .title {
	background:url(../img/rank03.gif) no-repeat;
	padding-left:60px;
	margin-bottom:5px;
}

.normal {
	background:url(../img/icon_normal.gif) no-repeat;
	padding-left:70px;
}

.pink {
	background:url(../img/icon_pink.gif) no-repeat;
	padding-left:70px;
}

.kuchi {
	float:right;
	width:330px;
	margin-top:5px;
	padding:10px 20px 10px 10px;
	background:#eee url(../img/kuchi_bg.png) no-repeat right top;
	border:1px solid #ccc;
	font-size:11px;
}

/* プランリスト */

ul.planlist li {
	font-size:12px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
}

ul.planlist li h4 {
	font-size:16px;
	font-weight:normal;
}

ul.planlist li img.pic {
	float:left;
	width:120px;
	height:90px;
	margin-right:10px;
	padding:3px;
	border:1px solid #9C5F23;
}

ul.planlist li span {
	text-align:right;
	float:right;
}

p.gotoplan {
	padding-left:58px;
	background:url(../img/gotoplan.png) no-repeat;
	line-height:52px;
}

p.gotoplan a {
	font-size:18px;
	font-weight:bold;
}

/* スポットリスト */

div.spot {
	background:url(../img/bg_spot.gif) ;
}

div.spot h4 {
	clear:both;
	color:#400000;
	font-size:14px;
	line-height:36px;
}

div.spot h4.kankou {
	background:url(../img/icon_kankou.gif) no-repeat 3px;
	padding-left:40px;
}

div.spot h4.golf {
	background:url(../img/icon_golf.gif) no-repeat 3px;
	padding-left:40px;
}

div.spot h4.ramen {
	background:url(../img/icon_ramen.gif) no-repeat 3px;
	padding-left:40px;
}

div.spot h4.night {
	background:url(../img/icon_night.gif) no-repeat 3px;
	padding-left:40px;
}

div.spot li {
	clear:both;
	margin:5px;
	padding:10px 5px;
	background:#fff;
	font-size:11px;
}

div.spot li img {
	float:left;
	width:100px;
	height:75px;
	padding-bottom:5px;
	margin-right:5px;
}

.star {
	color:#FFCC00;
}

/* 矢印 */

.arow01 {
	text-align:right;
}

.arow01 span {
	background: url(../../../img/aparty/arow_orange.gif) no-repeat left center;
	padding-left:16px;
}

.arow02 {
	background:url(../../../img/share/arow_orange02.gif) no-repeat left center;
	padding-left:15px;
}