@charset "Shift_JIS";

h2 {
	margin: 0;
	padding: 0;
}

h3 {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	padding: 0;
}

/* ヘッダーバナー
------------------------------------------ */
#hgroup .right ul#link { float: right; }
#hgroup .right ul#link li { float: left; margin-left: 5px; }

/* メイン：キーワード
------------------------------------------ */
#sideL .otBox ul.keyword {
	padding: 4px 9px;
}

#sideL .otBox ul.keyword li {
	white-space: normal;
	display: inline;
	line-height: 1.6;
}

#sideL .otBox ul.keyword li span {
	font-size: 16px;
	font-weight: bold;
}

/* 目的・テーマで探す
------------------------------------------ */
#sideL ul.themedm {
	width: 198px;
}

#sideL ul.themedm li h3 {
	width: 198px;
	margin: 0 0 6px 0;
	padding: 0;
}

#sideL ul.themedm li.item {
	width: 173px;
	background: url(../../shared201108/images/ic_arrow02.gif) no-repeat 0 2px;
	padding-left: 7px;
	margin: 0 9px 6px 9px;
}

/* エリアメニュー
------------------------------------------ */
#main .areaMenu ul {
	float: left;
	margin-bottom: 5px;
}

#main .areaMenu ul li {
	float: left;
}

/* 観光周遊の旅＆おすすめテーマの旅
------------------------------------------ */
#main .travelBox {
	float: left;
	width: 738px;
	border: #CCC solid 1px;
	background-color: #FFF;
	margin-bottom: 10px;
}

#main .travelBox-inner { 
    width: 728px;
	padding: 0 10px 10px 10px;
    margin: 0 -10px 0 0;
    _zoom: 1;
    overflow: hidden;
} 

#main .travelBox-inner .plan {
	float: left;
    width: 334px;
	height: 90px;
	background: url(../images/bg_sightseeing.jpg) no-repeat 0 0;
	padding: 10px;
    margin: 10px 10px 0 0;
}

*html #main .travelBox-inner .plan {   /* 文字が重複する　IE6用ハック */
	display: inline;
}

#main .travelBox-inner .plan .img {
	float: left;
	background-color: #FFF;
	border: #CCC solid 1px;
	padding: 2px;
    margin-right: 5px;
}

#main .travelBox-inner .plan .detail {
	float: left;
	width: 209px;
}

#main .travelBox-inner .plan .detail h3 {
	font-weight: normal;
	font-size: 12px;
}

/* Webコレクション＆パンプレット一覧
------------------------------------------ */
#main div .leftBox {
	float: left;
	width: 365px;
	height: 86px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#main div .rightBox {
	float: left;
	width: 365px;
	height: 86px;
	background: url(../images/bg_panfu.jpg) no-repeat 0 0;
	margin-bottom: 10px;
}

#main div .rightBox h3 {
	position: relative;
	top: 11px;
	left: 112px;
}

#main div .rightBox ul {
	float: left;
	position: relative;
	top: 48px;
	left: 112px;
}

#main div .rightBox ul li {
	float: left;
	background: url(../images/ic_arrow02.gif) no-repeat 0 3px;
	padding-left: 15px;
	margin-right: 5px;
}

/* おすすめのお宿
------------------------------------------ */
#main .recohotelBox {
	float: left;
	margin-bottom: 10px;
}

#main .recohotelBox ul.tabNav {
	position: relative;
	z-index: 10;
	*zoom: 1;
	margin-top: 5px;
}

#main .recohotelBox ul.tabNav li {
	float: left;
	line-height: 0;
}

*html #main .recohotelBox ul.tabNav li {   /* IE6用ハック */
	margin-bottom: -3px;
}

html>body #main .recohotelBox ul.tabNav li {   /* IE7,8用ハック */
	margin-bottom: -3px;
}

#main .recohotelBox .tabContent_recohotel {
	clear: left;
	width: 718px;   /* 740pxに設定 */
	position: relative;
	top: -1px;
	z-index: 1;
	border: 1px solid #CCC;
	padding: 10px;
	background: #FFF;
}

body:first-of-type #main .recohotelBox .tabContent_recohotel { top: 2px; }   /* タブ画像の下がはみ出る　Safari Opera用ハック */

#main .recohotelBox .tabContent_recohotel .areaLink {
	float: left;
	width: 738px;
	height: 45px;
	background: url(../images/bg_reco_area.gif) no-repeat 0 0;
	margin: 0 0 10px -10px;
	display: inline;
}

#main .recohotelBox .tabContent_recohotel .areaLink ul.tabs01,
#main .recohotelBox .tabContent_recohotel .areaLink ul.tabs02,
#main .recohotelBox .tabContent_recohotel .areaLink ul.tabs03,
#main .recohotelBox .tabContent_recohotel .areaLink ul.tabs04,
#main .recohotelBox .tabContent_recohotel .areaLink ul.tabs05,
#main .recohotelBox .tabContent_recohotel .areaLink ul.tabs06,
#main .recohotelBox .tabContent_recohotel .areaLink ul.tabs07 {
	margin-left: 4px;
}

#main .recohotelBox .tabContent_recohotel .areaLink ul.tabs01 li,
#main .recohotelBox .tabContent_recohotel .areaLink ul.tabs02 li,
#main .recohotelBox .tabContent_recohotel .areaLink ul.tabs03 li,
#main .recohotelBox .tabContent_recohotel .areaLink ul.tabs04 li,
#main .recohotelBox .tabContent_recohotel .areaLink ul.tabs05 li,
#main .recohotelBox .tabContent_recohotel .areaLink ul.tabs06 li,
#main .recohotelBox .tabContent_recohotel .areaLink ul.tabs07 li {
	float: left;
	height: auto;
	border-right: 1px solid #333;
	padding: 0 5px;
	white-space: nowrap;
}

/* エリアを選択したときの設定 */
#main .recohotelBox .tabContent_recohotel .areaLink ul.tabs01 .current,
#main .recohotelBox .tabContent_recohotel .areaLink ul.tabs01 .current:hover,
#main .recohotelBox .tabContent_recohotel .areaLink ul.tabs01 li.current a,

#main .recohotelBox .tabContent_recohotel .areaLink ul.tabs02 .current,
#main .recohotelBox .tabContent_recohotel .areaLink ul.tabs02 .current:hover,
#main .recohotelBox .tabContent_recohotel .areaLink ul.tabs02 li.current a,

#main .recohotelBox .tabContent_recohotel .areaLink ul.tabs03 .current,
#main .recohotelBox .tabContent_recohotel .areaLink ul.tabs03 .current:hover,
#main .recohotelBox .tabContent_recohotel .areaLink ul.tabs03 li.current a,

#main .recohotelBox .tabContent_recohotel .areaLink ul.tabs04 .current,
#main .recohotelBox .tabContent_recohotel .areaLink ul.tabs04 .current:hover,
#main .recohotelBox .tabContent_recohotel .areaLink ul.tabs04 li.current a,

#main .recohotelBox .tabContent_recohotel .areaLink ul.tabs05 .current,
#main .recohotelBox .tabContent_recohotel .areaLink ul.tabs05 .current:hover,
#main .recohotelBox .tabContent_recohotel .areaLink ul.tabs05 li.current a,

#main .recohotelBox .tabContent_recohotel .areaLink ul.tabs06 .current,
#main .recohotelBox .tabContent_recohotel .areaLink ul.tabs06 .current:hover,
#main .recohotelBox .tabContent_recohotel .areaLink ul.tabs06 li.current a,

#main .recohotelBox .tabContent_recohotel .areaLink ul.tabs07 .current,
#main .recohotelBox .tabContent_recohotel .areaLink ul.tabs07 .current:hover,
#main .recohotelBox .tabContent_recohotel .areaLink ul.tabs07 li.current a {	
	cursor: default !important; 
	color: #333 !important;
	font-weight: bold;
	text-decoration: none;
}

#main .recohotelBox .tabContent_recohotel .panes01,
#main .recohotelBox .tabContent_recohotel .panes02,
#main .recohotelBox .tabContent_recohotel .panes03,
#main .recohotelBox .tabContent_recohotel .panes04,
#main .recohotelBox .tabContent_recohotel .panes05,
#main .recohotelBox .tabContent_recohotel .panes06,
#main .recohotelBox .tabContent_recohotel .panes07 {
	float: left;
	width: 718px;
}

#main .recohotelBox .tabContent_recohotel h3 {
	float: left;
	width: 700px;   /* 718pxに設定 */
	height: 23px;   /* 30pxに設定 */
	padding: 7px 0 0 18px;
	background: url(../images/bg_list_area.gif) no-repeat 0 0;
	margin-bottom: 5px;
	font-size: 12px;
}

#main .recohotelBox .tabContent_recohotel .hotel {
	float: left;
	width: 718px;
	background: url(../../shared201108/images/ln_dot01.gif) repeat-x left bottom;
	padding: 10px 0;
}

#main .recohotelBox .tabContent_recohotel .hotel .img {
	float: left;
	background-color: #FFF;
	border: #CCC solid 1px;
	padding: 2px;
    margin-right: 6px;
}

#main .recohotelBox .tabContent_recohotel .hotel .detail {
	float: left;
	width: 532px;
}

#main .recohotelBox .tabContent_recohotel .hotel .detail h4.ic_hotel {
	background: url(../images/ic_hotel.gif) no-repeat 0 0;
	padding-left: 40px;
	margin: 0 0 5px 0;
	font-size: 12px;
}

#main .recohotelBox .tabContent_recohotel .hotel .detail h4.ic_ryokan {
	background: url(../images/ic_ryokan.gif) no-repeat 0 0;
	padding-left: 40px;
	margin: 0 0 5px 0;
	font-size: 12px;
}

#main .recohotelBox .tabContent_recohotel .hotel .detail h4 img {
	vertical-align: top;
	margin-right: 3px;
}

#main .recohotelBox .tabContent_recohotel .hotel dl.listLink {
	float: left;
	width: 716px;   /* 718pxに設定 */
	background-color: #FFF;
	border: #CCC solid 1px;
	margin-top: 6px;
}

#main .recohotelBox .tabContent_recohotel .hotel dl.listLink dt {
	float: left;
	width: auto;
	height: auto;
	background-color: #F2F2F8;
	padding: 6px;
	border-right: 1px dotted #CCC;
}

#main .recohotelBox .tabContent_recohotel .hotel dl.listLink dd {
	float: left;
	background-color: #FFF;
	padding: 6px;
	margin: 0;
}

#main .recohotelBox .tabContent_recohotel .hotel dl.listLink dd ul li {
	float: left;
	background: url(../../shared201108/images/ic_arrow01.gif) no-repeat 0 3px;
	padding-left: 15px;
	margin-right: 5px;
}