@charset "utf-8";

/* 基本レイアウト */

a:link {
	text-decoration:underline;
	color:#0033FF;
}

a:visited {
	text-decoration:underline;
	color:#0033FF;
}

a:hover {
	text-decoration:underline;
	color:#FF3366;
	cursor:pointer;
}

a:active {
	text-decoration:underline;
	color:#0033FF;
}

a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

#compa {
	width:850px;
	margin:0 15px;
	text-align:left;
	font-size:13px;
	line-height:160%
}

#compa p {
	margin:0;
}

#main {
	width:635px;
	float:left;
}

#sub {
	width:200px;
	float:right;
	margin-left:15px;
}

*html #sub {/margin-left:10px;} /* IEハック */

/* 見出し */

#title {
	width:850px;
	margin-bottom:10px;
	height:80px;
	color:#fff;
	background:url(../img/aparty/title.png) no-repeat #FF3A99;
	text-indent:-9999px;
}

h3.normal {
	clear:both;
	background: url(../img/aparty/border_rst.gif) no-repeat;
	margin-bottom:10px;
	padding-left:15px;
	font-size:14px;
	line-height:20px;
}

#main h4 {
	clear:both;
	color:#FF6600;
}

/* 左カラム共通 */

#main h2 {
	clear:both;
	text-indent:-9999px;
}

h2.tokusen {background:url(../img/aparty/title_tokusen.png) no-repeat;height:42px;margin-bottom:10px;}
h2.teiban {background:url(../img/aparty/title_teiban.png) no-repeat;height:42px;margin-bottom:10px;}
h2.tantou {background:url(../img/aparty/title_tantou.png) no-repeat;height:42px;margin-bottom:10px;}
h2.kuchi {background:url(../img/aparty/title_kuchi.png) no-repeat;height:42px;margin-bottom:10px;}

.box {
	margin-bottom:10px;
}

.box .body {
	padding:0 10px;
}

/* 右カラム共通 */

#sub h2 {
	height:36px;
	text-indent:-9999px;
}

h2.point {background:url(../img/aparty/title_point.png) no-repeat;}
h2.rank {background:url(../img/aparty/title_rank.png) no-repeat;}
h2.new {background:url(../img/aparty/title_new.png) no-repeat;}
h2.useful {background:url(../img/aparty/title_useful.png) no-repeat;}
h2.tel {background:url(../img/aparty/title_tel.png) no-repeat;}
h2.mobile {background:url(../img/aparty/title_mobile.png) no-repeat;}

#sub .box {
	margin-bottom:10px;
}

#sub .box .body {
	background:url(../img/aparty/subbox_bg.png) no-repeat;
	padding: 10px;
	border:solid #ccc;
	border-width: 0 1px 1px;
}

/* ---------------------------------------------------------
	カラム個別スタイル
----------------------------------------------------------*/

/* サーチエリア */

div.search {
	width:635px;
	background:url(../img/aparty/search_bg.png) repeat-x #fff;
	margin-bottom:10px;
}

.search_title {
	background:url(../img/aparty/title_search.png) no-repeat #FFFF00;
	height:35px;
}

.search_title h2 {
	width:240px;
	float:left;
}

.search_title ul.topic {
	float:right;
	width:395px;
	margin-top:5px;
}

.search_title ul.topic li {
	background:url(../img/aparty/arow_orange2.gif) no-repeat left center;
	float:left;
	padding-left:15px;
}

div.search .body {
	clear:both;
	width:623px;
	padding:0 5px;
	border:solid #FFCC00;
	border-width:0px 1px 1px;
}

.search-in {
	border:1px solid #FFCC00;
	background:#fff;
	margin-bottom:5px;
	padding:5px 8px;
}

/* 地図から */

.map {
	float:left;
	width:380px;
}

/* 人気温泉地 */

.onsenlist {
	float:left;
	width:215px;
	margin-left:10px;
}

.onsenlist p {
	color:#666666;
}

.onsenlist h4 {
	background: url(../img/aparty/border_rst.gif) no-repeat;
	padding-left:12px;
	margin-bottom:3px;
	color:#333;
	font-size:13px;
}

/* ランキング */

ul.rank li {
	padding:5px 0;
	border-bottom:1px solid #ccc;
}

.no1,.no2,.no3,.no4,.no5 {padding-left:30px;}

.no1 {background:url(../img/aparty/rank01.png) no-repeat ;}
.no2 {background:url(../img/aparty/rank02.png) no-repeat ;}
.no3 {background:url(../img/aparty/rank03.png) no-repeat ;}
.no4 {background:url(../img/aparty/rank04.png) no-repeat ;}
.no5 {background:url(../img/aparty/rank05.png) no-repeat ;}

/* 特選 */

div.tokusen {
	border:1px solid #ccc;
}

div.tokusen .plan {
	width:300px;
}

div.tokusen h3 {
	clear:both;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
	line-height:30px;
	text-indent:-9999px;
}

div.tokusen .teiban {background:url(../img/aparty/plan_teiban.png) no-repeat;}
div.tokusen .gentei {background:url(../img/aparty/plan_gentei.png) no-repeat;}
div.tokusen .tantou {background:url(../img/aparty/plan_tantou.png) no-repeat;}

/* 全国プラン */

div.zenkoku {
	border:1px solid #ccc;
}

div.zenkoku ul li {
	float:left;
	width:188px;
	margin-right:2px;
	background:url(../img/aparty/arow_orange2.gif) no-repeat left center;
	padding-left:13px;
}

div.zenkoku h3 {
	clear:both;
	border-bottom:1px solid #ccc;
	margin-top:10px;
}

/* 新着 */

.new li {
	padding:5px 0;
	border-bottom:1px solid #ccc;
}

/* 口コミ */

div.kuchi_pickup {
	margin-bottom:15px;
	padding:10px;
	background:#FFFFCC;
	border:1px solid #FFCC00;
}


/* ---------------------------------------------------------
	汎用
----------------------------------------------------------*/

/* 書体 */

.fntRed {
	color:#FF0000;
}

.fntB {
	font-weight:bold;
}

.fntS {
	font-size:11px;
}

.fntL {
	font-size:16px;
}

/* 画像 */

.imgS {
	width:120px;
	height:90px;
}

.imgPic {
	padding:1px;
	background:#fff;
	border:1px solid #ccc;
}

/* 画像リストS */

.imgbox .photo {
	float:left;
}

.imgbox .photo img {
	width:56px;
	height:42px
}

.imgbox .txt {
	float:left;
}

.imglistS li {
	margin-bottom:3px;
}

.imglistS li:last-child,ul.imglistS li.lastChild {border:none;}
.imglistS span.photo {float:left;}
.imglistS span.photo img {
	width:68px;
	height:50px;
	margin:0 5px 0 0;
	display:block;
}

.imglistS span.photo a:hover {
	background:#FFCC00;
}

.imglistS span.txt {font-size:11px; float:left;}
.imglistS span.txt a {font-size:12px;}

/* 画像リストM */

.imglistM li {
	border-bottom:1px solid #ccc;
}
.imglistM li:last-child,ul.imglistS li.lastChild {border:none;}
.imglistM span.photo {float:left;}
.imglistM span.photo img {
	width:86px;
	height:60px;
	margin-right:5px;
	padding:3px;
	border:1px solid #ccc;
}
.imglistM span.txt {font-size:11px;float:left;}
.imglistM span.txt a {font-size:12px;}

/* 矢印 */

.arow01 {
	text-align:right;
}

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

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

/* リスト */

ul.list01 li {
	background:url(../img/aparty/arow_orange.gif) no-repeat left center;
	padding-left:15px;
}

ul.list02 li {
	background:url(../img/aparty/arow_orange2.gif) no-repeat left center;
	padding-left:15px;
}

/* clearfix */

.cboth {
	clear:both;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* 空き情報 */

div.aki {
	padding:10px;
	margin-bottom:10px;
	border:3px solid #dd0000;
	background:url(../img/aparty/aki09_fukidashi.gif) no-repeat right top;
}

div.aki .title {
	border-left:6px solid #dd0000;
	margin-bottom:10px;
	padding-left:10px;
	font-size:16px;
	color:#333333;
	font-weight:bold;
}

div.aki h3 {
	color:#dd0000;
	font-weight:bold;
	margin-bottom:5px;
}

div.aki .left {
	width:290px;
	float:left;
}

div.aki .right {
	width:290px;
	float:right;
	margin-left:10px;
}

div.aki div.info {
	padding-top:10px;
}

div.aki div.info .tel {
	color:#dd0000;
	font-size:14px;
	font-weight:bold;
}

.cboth {
	clear:both;
}

/* 温泉地特集 */

.onsen_pickup ul li {
	float:left;
	width:110px;
	padding-right:10px;
}

.onsen_pickup ul li img {
	border:1px solid #ccc;
}

/* バナー */
.bnr {
	margin-bottom:10px;
}

.bnr h3 {
	padding:5px 10px;
	margin-bottom:10px;
	background:#FF6600;
	color:#fff;
	font-weight:bold;
}

.bnr ul li {
	list-style:none;
	margin-bottom:5px;
	font-size:11px;
}

.bnr ul li img {
	margin-bottom:0;
	padding:0;
}

div.box {
	margin-bottom:15px;
}

.cp p {
	margin:0;
}

.cp .midashi {
	background:#FF88A6;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	padding:3px 10px;
	margin-bottom:15px;
}

.cp .pic {
	width:160px;
	height:120px;
}

.cp .name {
	font-size:18px;
}

.cp strong {

}

.cp ul li {
	background: url(../img/aparty/cp_spring_list.gif) no-repeat left;
	padding-left:30px;
}

/* プランのウリ */

ul.point li {
	font-size:18px;
	color:#ff0000;
	font-weight:bold;
}

/* オススメ・トクだ値　2010/04/06 */

.uri {
}

.uri h2{
	font-size:24px;
	color:#ff3366;
	font-weight:bold;
}

ul.uri {
	float:left;
}

ul.uri li {
	list-style: inside url(../image/li.gif) none;
	margin-bottom:5px;
	font-size:13px;
}

ul.uri li a.strong {
	color:#ff0000;
}

.price {
	color:#ff0000;
	font-weight:bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

.fntL {
	font-size:16px;
}

.keshi {
	text-decoration:line-through;
}

.sale {
	margin-bottom:10px;
}

.sale h3 {
	background:#ff6600;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	padding: 5px 0;
}

.sale .body {
	padding:5px;
	border:1px solid #ccc;
}

.sale ul li {
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
	list-style:none;
}

.uri_bnr {
	float:right;
}

.uri_bnr img {
	width:120px;
}

/* ランキング */

#rank {
	margin-bottom:10px;
}

#rank h2 {
	margin-bottom:10px;
	background:#ff6600;
	color:#fff;
	line-height:32px;
	font-size:18px;
	font-weight:bold;
}

#rank h3 {
	margin-bottom:10px;
}

.rankL {
	float:left;
	width:420px;
}

.rankR {
	float:right;
	width:200px;
}

.onsenrank {
	margin-bottom:10px;
}

.pickuprank {
	margin-bottom:10px;
}

/* チラシランキング */

.rank_flyer h3 {
	padding:5px 10px;
	background:#ff7d0d;
	color:#fff;
	font-weight:bold;
}

.rank_flyer h4 {
	background:#FFECCE;
	color:#ff0000;
	font-weight:bold;
	text-align:center;
}


/* 新着 */

.news li {
	float:left;
	background: url(../img2/icon/new.gif) no-repeat 3px;
	padding-left:35px;
	margin-right:10px;
}

.ranktbl td {
	padding:2px 0;
}

/* こだわり */

div.kodawari ul li {
	float:left;
	width:145px;
}

div.kodawari ul li img {
	float:left;
	margin-right:5px;
}

div.kodawari ul li.left {
	margin-right:5px;
}

.leftBox {
	float:left;
}

.rightBox {
	float:right;
}