@charset "utf-8";

/* 特集のスタイル */

div#sp {
	padding:10px 20px;
}

div#sp .point_body li {
	padding:5px 0 5px 10px;
	line-height:28px;
	list-style:url(http://www.companion-enkai.com/image/sp/point_list.gif) inside;
	color:#333333;
	font-size:16px;
}

div#sp .midashi_point {
	line-height:34px;
	padding-left:10px;
	margin-bottom:15px;
	border-bottom:1px solid #ccc;
	border-left:6px solid #FF3366;
	font-size:18px;
}

div#sp .midashi_kashikiri {
	background:url(http://www.companion-enkai.com/image/sp/kashikiri_bg.jpg) no-repeat;
	line-height:80px;
	padding-left:20px;
	margin-bottom:10px;
	font-size:24px;
	color:#FF3366;
}

div#sp .midashi_normal {
	clear:both;
	margin-top:10px;
	padding-left:10px;
	border-bottom:1px solid #ff3366;
	background:url(http://www.companion-enkai.com/image/sp/midashi_normal.gif) no-repeat;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	line-height:34px;
}

div#sp .planL {
	width:360px;
	height:180px;
	background:url(http://www.companion-enkai.com/image/sp/plan_bg.jpg) no-repeat;
	float:left;
	margin-bottom:10px;
}

div#sp .planR {
	float:right;
	width:360px;
	height:180px;
	background:url(http://www.companion-enkai.com/image/sp/plan_bg.jpg) no-repeat;
	margin-bottom:10px;
}

div#sp .planL h4 a,
div#sp .planR h4 a {
	padding:0 10px;
	line-height:32px;
	color:#FF0033;
	font-size:16px;
	font-weight:bold;
}

div#sp .planL .body,
div#sp .planR .body {
	height:120px;
	padding:10px;
}

div#sp .planL .photo ,
div#sp .planR .photo {
	float:left;
	width:160px;
	height:120px;
	margin-right:5px;
}

.star {
	color:#FF9900;
	font-weight:bold;
	font-size:16px;
}

/*----------------------------------------------------
	男の宴会トップページ
---------------------------------------------------*/

/*----------------------------------------------------
	メインエリア
---------------------------------------------------*/

#otokoMain {
	float:left;
	width:640px;
}

/* 地図から探す */

#otokoMain .map {
	float:left;
	width:400px;
}

/* 特集ピックアップ */

#otokoMain .pickup {
	float:right;
	width:220px;
}

/* 温泉地から探す */

#otokoMain .onsen {
	clear:both;
}

#otokoMain .onsen .onsenpick {
	clear:both;
	padding:5px;
	font-size:12px;
}

#otokoMain .onsen .onsenpick img {
	float:left;
	width:120px;
	height:80px;
	margin-right:5px;
}

/* エリア別お勧めプラン */

.erea {
}

.bg_sub {
	background:#ffe4b5
}

/* 体験談・口コミ */

#otokoMain .taiken {
	float:left;
	width:320px;
	border:1px solid #FFCC66;
}

#otokoMain .kuchikomi {
	float:right;
	width:300px;
}

#otokoMain .kuchikomi .body {
}

/* 半分のボックス */

#otokoMain .harfboxLeft {
	float:left;
	width:305px;
}

#otokoMain .harfboxRight {
	float:right;
	width:305px;
}

/* 見出し */

#otokoMain h2 {
	clear:both;
	padding:5px;
	background:url(../img/aparty/midashi_twotone.png) repeat-x;
	font-size:14px;
}

#otokoSub h2 {
	clear:both;
	padding:5px;
}

#otokoMain h3 {
	clear:both;
	background:#FFFFCC;
	padding:5px 10px;
	font-size:16px;
	border-top:3px solid #FFCC66;
}

#otokoMain h4 {
	font-size:14px;
	font-weight:bold;
}

/*----------------------------------------------------
	サイドエリア
---------------------------------------------------*/

#otokoSub {
	float:right;
	width:200px;
}

/* バナーエリア */

#otokoSub .brnArea {
}

/* 新着情報 */

#otokoSub .newPlan h2 {
	background:#FFCC66;
}

#otokoSub .newPlan li {
	color:#FF9900;
}

#otokoSub .newPlan .day {
	color:#FF9900;
}

#otokoSub .newPlan .body {
	background:#f7f7f7;
	border:1px solid #ccc;
}

/* サブメニュー */

.submenu {
	border:1px solid #FFCC00;
	background:#FFFFCC;
	padding:10px;
}

/*----------------------------------------------------
	グローバルナビ【コンパニオン】
---------------------------------------------------*/

#gNav {
	clear:both;
	padding-top:1px;
}

#gNav li {
	float:left;
}

#gNav li.toppage a:hover {
	background:url(../img/head/menu00_on.png) no-repeat right bottom;
}

#gNav li.onsen a:hover {
	background:url(../img/head/menu01_on.png) no-repeat left bottom;
}

#gNav li.kanji a:hover {
	background:url(../img/head/menu03_on.png) no-repeat left bottom;
}

#gNav li.link a:hover {
	background:url(../img/head/menu04_on.png) no-repeat left bottom;
}

#gNav li.toppage a {
	background:url(../img/head/menu00_off.png) no-repeat right bottom;
	display:block;
	width:169px;
	height:36px;
	margin-right:1px;
	text-indent:-9999px;
}

#gNav li.onsen a {
	background:url(../img/head/menu01_off.png) no-repeat bottom;
	display:block;
	width:182px;
	height:36px;
	text-indent:-9999px;
}

#gNav li.compa a {
	background:url(../img/head/menu02_on.png) no-repeat bottom;
	display:block;
	width:182px;
	height:36px;
	text-indent:-9999px;
}

#gNav li.kanji a {
	background:url(../img/head/menu03_off.png) no-repeat bottom;
	display:block;
	width:162px;
	height:36px;
	text-indent:-9999px;
}

#gNav li.link a {
	background:url(../img/head/menu04_off.png) no-repeat bottom;
	display:block;
	width:162px;
	height:36px;
	text-indent:-9999px;
}

/*----------------------------------------------------
	トップページ
---------------------------------------------------*/

/* 温泉地から探す */

.zebratabletop {
	background:#f5f5f5;
}

.zebratablewhite {
	background:#fff;
}

.zebratablecolor {
	background:#f5f5f5;
}

.zebratablebottom {
	background:#FFF;
}

/* ランキング */

.ranking {
}

.ranking p {
	line-height:120%;
	margin-bottom:0em;
}

.ranknumber {
	color:#FF0000;
	font-weight:bold;
}

.toprank_h_name {
}

.local {
	font-size:12px;
}

/*　口コミ  */

#kuchikomi {
}

#kuchikomi p {
	line-height:120%;
	margin-bottom: 0em;
}

#kuchikomi .h_name {
}

#kuchikomi .itinerary {
	font-size:11.5px;
	color:#333;
	text-align:right;
}

#kuchikomi .comment {
	margin-bottom:10px;
}

/* ピックアッププラン */

#pickupplan {
	margin-top:10px;
}

#pickupplan img {
	width:66px;
	height:45px;
}

.pickupplanL {
	width:275px;
	height:100%;
	margin-top:10px;
	float:left;
}

.pickupplanR {
	width:275px;
	height:100%;
	margin-top:10px;
	margin-left:10px;
	float:left;
}

/* ピックアップ */

.pickupplan {
	clear:both;
	margin-top:10px;
}

#pickupplan_1 {
}

#pickupplan_1 h3 {
	color:#FF3366;
	font-size:16px;
}

#pickupplan_1 img {
	border-left:6px solid #FF3366;
	float:left;
	margin-right:5px;
}

#pickupplan_2 {
}

#pickupplan_2 h3 {
	color:#FF6600;
	font-size:16px;
}

#pickupplan_2 img {
	border-left:6px solid #FF6600;
	float:left;
	margin-right:5px;
}

#pickupplan_3 {
}

#pickupplan_3 h3 {
	color:#FFCC00;
	font-size:16px;
}

#pickupplan_3 img {
	border-left:6px solid #FFCC00;
	float:left;
	margin-right:5px;
}

#pickupplan_4 h3 {
	color:#0099FF;
	font-size:16px;
}

#pickupplan_4 img {
	border-left:6px solid #0099FF;
	float:left;
	margin-right:5px;
}

#pickupplan_5 h3 {
	color:#6633CC;
	font-size:16px;
}

#pickupplan_5 img {
	border-left:6px solid #6633CC;
	float:left;
	margin-right:5px;
}

#pickupplan_6 {
}

#pickupplan_6 h3 {
	color:#009900;
	font-size:16px;
}

#pickupplan_6 img {
	border-left:6px solid #009900;
	float:left;
	margin-right:5px;
}

/* ボックス */

.onsen_title {
	color:#fff;
	background:url(../img/aparty/title_onsen.gif) no-repeat;
	height:24px;
	padding:4px 4px 0 0;
	text-align:right;
}

.onsen_title a {
	color:#fff;
}

#menu .mainmenu_head {
	width:180xp;
	height:50px;
	background:url(../img/menu/mainmenu_head_compa.gif);
}

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

/* ランキング */

.rank_yado {
	margin-bottom:15px;
}

.rank_yadoL {
	float:left;
	width:308px;
	margin-right:10px;
	padding-top:35px;
	border:solid #ccc;
	border-width:0 1px 1px;
	background:url(../img/rank/title_jiseki.jpg) no-repeat;
}

.rank_yadoR {
	float:left;
	width:308px;
	padding-top:35px;
	border:solid #ccc;
	border-width:0 1px 1px;
	background:url(../img/rank/title_ninki.jpg) no-repeat;
}

.rank_yado h3.jiseki,
.rank_yado h3.ninki {
	text-indent:-9999px;
}
.rank_yado div.body {
	padding:10px;
}

.rank_yado .photo_big {
	float:left;
	width:90px;
	height:60px;
	margin-right:5px;
}

.rank_yado .photo_small {
	float:left;
	width:32px;
	height:24px;
	margin-right:3px;
}

.rank_yado td {
	padding:3px;
}