@charset "UTF-8";

/* 0.0 総合トップ */
/* 2008-07-09T09:27:08+09:00 */

@import url("/common/css/common.css");

/* -------------------------------------------------- */
/* コンテンツエリア */
div.article{
	width: 650px;
	overflow: hidden;
	float: left;
	margin-top: 0;
}

/* メインイメージ */
div.mainimg{
	margin-bottom: 20px;
	padding-bottom: 0;
	background: none;
}

/* オススメセット */
div.pickup{
	width: 350px;
	float: left;
}

div.recommend{
	width: 350px;
	overflow: hidden;
	margin-bottom: 15px;
}

div.recommend h2{
	margin-bottom: 15px;
}

div.recommend h3{
	margin-bottom: 5px;
	line-height: 1.2;
	font-weight: bold;
	font-size: 120%;
}

div.recommend h3 a{
	vertical-align: text-bottom;
	text-decoration: underline;
}

div.recommend h3 a:hover{
	text-decoration: none;
}

div.recommend div.thumb{
	float: left;
	margin: 0.5em 10px 0 0;
}

div.recommend div.thumb img{
	padding: 10px;
	border: solid 1px #ccc;
}

div.recommend p{
	width: 170px;
	float: left;
	line-height: 1.5;
}

/* 新着情報 */
div.topics h2{
	margin-bottom: 10px;
}

div.topics{
	margin-bottom: 20px;
}

div.topics ul li{
	margin-bottom: 0.4em;
	padding: 0 0 0.5em 20px;
	background: transparent url("/common/img/icon_topics.gif") no-repeat 0 0.25em;
	border-bottom: dashed 1px #ccc;;
	line-height: 1.2;
}

/* -------------------------------------------------- */
/* コンテンツ紹介 */
div.contents{
	width: 280px;
	float: right;
}

div.contents div.section{
	width: 280px;
	overflow: hidden;
	margin-bottom: 10px;
	padding-bottom: 2px;
	background: transparent url("/common/img/bg_contents_bottom.gif") no-repeat left bottom;
}

div.contents div.section div.inner{
	width: 260px;
	overflow: hidden;
	padding: 10px 10px 8px 10px;
	background: transparent url("/common/img/bg_contents_top.gif") no-repeat 0 0;
}

div.contents div.section h2{
	margin: 6px 0 4px 0;
	padding-bottom: 12px;
	background: transparent url("/common/img/bg_contents_title.gif") no-repeat left bottom;
	font-weight: bold;
	font-size: 120%;
}

div.contents div.section h2 a{
	text-decoration: none;
}

div.contents div.section h2 a:hover{
	text-decoration: underline;
}

div.contents div.section div.thumb{
	width: 120px;
	float: left;
}

div.contents div.section div.thumb img{
	border: solid 3px #ccc;
}

div.contents div.section h2,
div.contents div.section p{
	width: 130px;
	float: right;
}

div.contents div.section p{
	line-height: 1.4;
}

/* -------------------------------------------------- */
/* ホテル・観光オンライン予約 */
div.utilities{
	margin-top: 0;
}

div.onlinereserve{
	width: 210px;
	margin-bottom: 10px;
	padding: 10px;
	background: #eee url("/common/img/bg_utilities_bottom.gif") no-repeat left bottom;
}

div.onlinereserve h2{
	width: 210px;
	margin-bottom: 10px;
	background: transparent url("/common/img/bg_utilities_top.gif") no-repeat 0 0;
}

div.onlinereserve iframe{
	width: 210px;
	height: 65px;
	border: none;
}

/* バナーセット */
ul.bannerset{
	margin-bottom: 20px;
}

/* リンクセット */
div.textlinkset{
	margin-bottom: 20px;
	background-image: none;
}

div.textlinkset h2{
	width: auto;
	margin-bottom: 5px;
	padding: 0 0 7px 0;
	background: transparent url("/common/img/bg_textlinkset_title.gif") repeat-x left bottom;
}

div.textlinkset ul{
	background-color: #fff;
	padding: 0;
}

div.textlinkset ul li{
	width: 215px;
	min-height: 10px;
	margin: 0;
	padding: 5px 0 5px 15px;
	background: transparent url("/common/img/icon_textlinkset_blue.gif") no-repeat 0 0.6em;
	border-bottom: dashed 1px #ccc;
	line-height: 1.2;
}