@charset "utf-8";

/* ページ別初期設定 */
 * {margin: 0px;padding: 0px;}
 body {font-family: "ＭＳ Ｐゴシック","メイリオ","ＭＳ ゴシック","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;}


/*--------------------------------------------------------------------

	for using thickbox on ie6
	
	ie6におけるthickboxのレイアウト崩れを防ぐ為、
	bodyに指定されているクラスのスタイルに position: static を指定

--------------------------------------------------------------------*/
* html .posi {	position: static;}

.TB_overlayBG {/* ADD20121023 トップページのthickboxのみ、背景の色味を薄くする */
	filter:alpha(opacity=40);/* デフォルトは75 */
	-moz-opacity: 0.40;
	opacity: 0.40;
}
/*--------------------------------------------------------------------
	ADD20121119
	文字サイズ拡大導入に伴い、常に読み込んであるCSSにフォントサイズの基準値の指定が必要になりました。
--------------------------------------------------------------------*/
body {
    font-size: 13px; /* モダンブラウザ向け */
    .font-size: 13px; /* IE 7向け */
    _font-size: 13px; /* IE 6以下 */
}


/*--------------------------------------------------------------------

	ADD20130613
	スマートフォン対応サイトへのリンク設置

--------------------------------------------------------------------*/

/* width:100%を有効化 */
body.smart{
	position: relative;
	width: auto;
	margin: 0px auto;
}

/* スマートフォンで表示時には表示 */
body.smart #spsitebtn{display: block;}

#spsitebtn{
	display: none;/* 通常(PC閲覧時)は非表示 */
	position: relative;
	width: 100%;
	height: auto;
	margin: 0px auto;
	padding: 0px;
	background: #F27777;
	  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
	/* スマートフォンサイトへのリンク */
	body.smart #spsitebtn #spsitelink{
		position: relative;
		width: auto;
		margin: 0px auto;
		padding: 0px;
		text-align: center;
	}
		body.smart #spsitebtn #spsitelink a{
			display: inline-block;
			width: 90%;
			margin: 0px auto;
			padding: 50px 5% 50px 5%;
			font-size: 131%;
			color: #fff;
		}
		body.smart #spsitebtn #spsitelink a:hover{ text-decoration: none;}

	/* 閉じるボタン */
	body.smart #spsitebtn #closebtn{
		position: absolute;
		top: 5px;
		right: 10px;
		width: 92px;
		height: 92px;
		font-size: 0;
		overflow: hidden;
	}



/*--------------------------------------------------------------------

	３カラム／トップページ専用

--------------------------------------------------------------------*/
#ColumnBox_topPage {
	overflow:hidden;
	width:950px;
	height:auto;
	margin:20px 0px 33px 0px;
	padding:0px;
	color:#333;
	clear:both;
	z-index: 0;
	font-size: 108%;
}
#ColumnBox_topPage ul,
#ColumnBox_topPage ol{
	list-style: none;
}
#ColumnBox_topPage div.section{
	margin: 0px 0px 15px;
	padding:0px;
	color:#333;
}
#ColumnBox_topPage div.section:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#ColumnBox_topPage div.section{	display: inline-block;}
/* Hides from IE-mac ￥*/
* html #ColumnBox_topPage div.section{	height: 1%;}
#ColumnBox_topPage div.section{	display: block;}



/*---------------------------------------------
	共通タイトル関連
---------------------------------------------*/
#ColumnBox_topPage div.section h3,
#ColumnBox_topPage div.section p.h3,
#ColumnBox_topPage div.section h2.h3{
	margin: 0px auto 5px;
	padding: 0px;
	font-size: 108%;
	font-weight: bold;
	color: #111;
}
	#ColumnBox_topPage div#topsearch_line h3 span,
	#ColumnBox_topPage div#topsearch_line .h3 span {
		color: #f00;
		font-size: 77%;
	}
#ColumnBox_topPage div.section h4{
	font-weight: normal;
}


/*---------------------------------------------
	テキストリンク関連
---------------------------------------------*/

/* ボタン配置用（センター） */
p.BtnCenter{
	margin: 20px auto 25px;
	padding: 0px 0px;
	text-align: center;
}
p.BtnCenter a,
p.BtnCenter input{ margin: 15px 0px 0px 10px;}

/* テキストリンク配置用（センター・左・右） */
p.LinkCenter,
p.LinkLeft,
p.LinkRight
{
	margin: 15px auto 10px;
	text-align: center;
	font-size: 93%;
}
p.LinkCenter a,
p.LinkLeft a,
p.LinkRight a{
	margin: 5px 15px 5px 0px;
	padding: 0px 0px 0px 17px;
	text-align: center;
	font-weight: bold;
	background:	url(../imgs/common/mark_arrow_sq_red.gif) no-repeat left 0px;
}

/* テキストリンク配置用（左寄せ） */
p.LinkLeft{	text-align: left;}
p.LinkLeft a{	text-align: left;}
/* テキストリンク配置用（右寄せ） */
p.LinkRight{	text-align: right;}

/* 灰色の */
p.LinkGrey a{

}

/*---------------------------------------------
	入力フォーム関連
---------------------------------------------*/

#ColumnBox_topPage div.section input,
#ColumnBox_topPage div.section select,
#ColumnBox_topPage div.section option {
	margin: 2px auto;
	padding: 1px;
	vertical-align: baseline;
	font-size: 93%;
	color: #333;
}
	* html #ColumnBox_topPage div.section input,
	* html #ColumnBox_topPage div.section select,
	* html #ColumnBox_topPage div.section option{vertical-align: middle;}
	
	
#ColumnBox_topPage div.section select.indent option {
	text-indent: .5em;
}
#ColumnBox_topPage div.section select.indent option.noindent {
	text-indent: 0em;
}
#ColumnBox_topPage div.section select.indent option.ttl {
	font-weight: bold;
	text-indent: 0em;
}
#ColumnBox_topPage div.section .form20 {	width:20px;}
#ColumnBox_topPage div.section .form30 {	width:30px;}
#ColumnBox_topPage div.section .form40 {	width:40px;}
#ColumnBox_topPage div.section .form45 {	width:45px;}
#ColumnBox_topPage div.section .form50 {	width:50px;}
#ColumnBox_topPage div.section .form55 {	width:55px;}
#ColumnBox_topPage div.section .form60 {	width:60px;}
#ColumnBox_topPage div.section .form70 {	width:70px;}
#ColumnBox_topPage div.section .form100 {	width:100px;}
#ColumnBox_topPage div.section .form120 {	width:120px;}
#ColumnBox_topPage div.section .form140 {	width:140px;}
#ColumnBox_topPage div.section .form200 {	width:200px;}


/*---------------------------------------------
	その他共通要素
---------------------------------------------*/
.NoBorder{ border: none;}


/* 星マーク表示用 */
span.star_rate0,
span.star_rate1,
span.star_rate2,
span.star_rate3,
span.star_rate4,
span.star_rate5 {
	display:inline-block;
	width:55px;
	height:11px;
	font-size: 0px;
	line-height: 0px;
	vertical-align: middle;
	overflow: hidden;
	background:url(../imgs/common/mark_rankingstars.gif) no-repeat;
}
	* html span.star_rate0,
	* html span.star_rate1,
	* html span.star_rate2,
	* html span.star_rate3,
	* html span.star_rate4,
	* html span.star_rate5{	zoom:1;}


span.star_rate0 {background-position:-55px 0;}
span.star_rate1 {background-position:-44px 0;}
span.star_rate2 {background-position:-33px 0;}
span.star_rate3 {background-position:-22px 0;}
span.star_rate4 {background-position:-11px 0;}
span.star_rate5 {background-position:  0px 0;}


/* 〓〓〓 ツールチップ 〓〓〓 */
.pop {
	position: absolute;
	display: inline;
	font-size: 93%;
	color: #333;
	line-height: 1.4;
}
/*
 *	ADD 20120229
 *
 *	システム制作者からの要望で、「.pop」と同じ使用のクラスを追加
 * 「ajaxで書き換える部分」は「書き変えない部分」とは違う動きにする為
 *
 */
.pop2
{
	position: absolute;
	display: inline;
	color: #333;
	line-height: 1.4;
}

.pop .pop_menu,
.pop2 .pop_menu
{
    display: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
	.pop *,
	.pop2 * { /*ADD 20120214 初期表示でツールチップ内の文字が表示される現象の回避*/
		display: none;
	}

.pop .pop_toggle,
.pop2 .pop_toggle
{
	display: block;
    background-image: url(../imgs/common/btn_toolchip_off.gif);
    background-repeat: no-repeat;
    background-position: left 0px;
    width: 15px;
    height: 15px;
	margin: 0px 3px;
    overflow: hidden;
    cursor: pointer;
}
.pop .pop_toggle_text,
.pop2 .pop_toggle_text {
    background-image: url(../imgs/common/btn_toolchip_off.gif);
    background-repeat: no-repeat;
    background-position: left 0px;
	width: 50px;
    height: 15px;
	padding-left: 18px;
	margin: 0px 3px;
    overflow: hidden;
    cursor: pointer;
}
.active .pop_menu {
	display: block;
	background-color: #fff;
	border: 3px solid #F594A2;
	color: #333;
	position: absolute;
	padding: .8em .8em 1.5em;
	width: 20em;
	top: 7px;
	left: 7px;
}

.pop .iframe {/* display: none; height: 0px;*/}
.active .iframe{/* IE6におけるselectタグにおけるz-indexのバグ対応 */
	position:absolute;
	display: none;
	margin-top: 0px;
	overflow: hidden;
	font-size: 0px;
	background: none;
}
	* html .active .iframe{margin-top: 3px;zoom:1;}


.active .pop_toggle,
.active .pop_toggle_text {
	z-index: 2000;
	position: absolute;
	background-image: url(../imgs/common/btn_toolchip_off.gif);
}
.pop p.ttl {
	margin: 10px auto 10px;
	padding: 0px 5px;
	font-weight: bold;
	border-left: 3px solid #E73F3F;
}
.pop span.red,
.pop2 span.red {
	color: #f00;
}

/* ツールチップの閉じるボタン */
.active .pop_close {
	display: block;
	position: absolute;
	bottom: 2px;
	right: 0px;
    background-image: url(../imgs/common/btn_toolchip_close.jpg);
    background-repeat: no-repeat;
    background-position: right 0px;
    width: 19px;
    height: 19px;
	margin: 0px 3px;
	font-size: 0px;
    overflow: hidden;
    cursor: pointer;
}


/* 〓〓〓 カレンダー表示 関連 〓〓〓 */

.section button.ui-datepicker-trigger {/* カレンダー表示用ボタン */
	padding: 0px 3px;
	cursor: pointer;
	background: none;
	border: none;
	vertical-align: middle;
}

div#ui-datepicker-div{/* 全体 */
	width: 380px !important;
	margin: 5px auto;
	padding: 0px;
	border: 3px solid #EE8080;
	border-radius: 0px;
	z-index: 2000 !important;
}

/* ヘッダー領域(年月日要素) */
.ui-datepicker .ui-datepicker-header{
	font-size: 93%;
	border: 0px;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
	border-bottom: 1px solid #ddd;
	background: #eee;
}
	/* 前の月・次の月ボタン 共通要素 */
	.ui-datepicker .ui-datepicker-header a {
		width: 21px;
		left: 5px;
		margin-top: 5px;
		top: 0px;
		cursor: pointer;
		border: none;
	}
	.ui-datepicker .ui-datepicker-header a:hover {
		top: 0px;
		border: none;
		background: none;
		opacity: 0.5;
	}
	.ui-datepicker .ui-datepicker-header a span.ui-icon {
		width: 21px;
		height: 13px;
		font-size: 0px;
		background: none;
	}
	
	/* 前の月に戻るボタン */
	.ui-datepicker .ui-datepicker-header a.ui-datepicker-prev span.ui-icon { background: url(../imgs/common/btn_cal_prev.jpg) no-repeat right 50%;}
	.ui-datepicker .ui-datepicker-header a.ui-state-disabled{/* 不能要素の透過を止める(ブラウザ毎に異なる為) */
		opacity: 1;
	}
	.ui-datepicker .ui-datepicker-header a.ui-state-disabled span.ui-icon {	 opacity: 1; background: url(../imgs/common/btn_cal_prev_no.jpg) no-repeat right 50%;}
	
	/* 次の月に行くボタン */
	.ui-datepicker .ui-datepicker-header a.ui-datepicker-next{ left: auto; right: 10px;}
	.ui-datepicker .ui-datepicker-header a.ui-datepicker-next span.ui-icon { background: url(../imgs/common/btn_cal_next.jpg) no-repeat right 50%;}


/* 日付テーブル */
.ui-datepicker table {
	width: 100%;
	font-size: 93%;
	margin:0 0 0.4em;
}
	.ui-datepicker td a.ui-state-default{
		padding: 2px 0px;
		color: #222;
		background: none;
		text-align: center;
	}
	.ui-datepicker td a.ui-state-default:hover{
		text-decoration: none;
	}
	.ui-datepicker td a.ui-state-active {
		border: 1px solid #666;
		background: #FFF4F4;
	}

	/* 過ぎた日付 */
	.ui-datepicker td span.ui-state-default {
		padding: 2px;
		color: #666;
		border: 1px solid #ddd;
		background: #eee;
		text-align: center;
	}
	/* 不能要素の透過を止める(ブラウザ毎に異なる為) */
	 .ui-datepicker td.ui-state-disabled {
		 opacity: 1;
	}
	.ui-datepicker td.ui-state-disabled span {
		padding: 2px;
		color: #666;
		border: 1px solid #ddd;
		background: #eee;
		text-align: center;
	}

	/* 当日 */
	.ui-datepicker td.ui-datepicker-today a.ui-state-highlight {
		font-weight: bold;
		border: 1px solid #FED15C;
		background: #FEF8E9;
	}

	.ui-datepicker td.ui-datepicker-week-end a { background: #000;}
	.ui-datepicker th.ui-datepicker-week-end-sunday { color: #E73F3F;}
	.ui-datepicker td.ui-datepicker-week-end-sunday a { color: #E73F3F;}
	.ui-datepicker th.ui-datepicker-week-end-saturday { color: #00f;}
	.ui-datepicker td.ui-datepicker-week-end-saturday a { color:#0040D5;}


.ui-datepicker .ui-datepicker-row-break {
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}

/* ボタンパネル内 */
.ui-datepicker .ui-datepicker-buttonpane,
.ui-datepicker .ui-widget-content {
	margin: 0px 0px 0px;
	padding: 5px 0px;
	border-top: 1px solid #eee;
	text-align: center;
	overflow: hidden;
}
	* html .ui-datepicker .ui-datepicker-buttonpane,
	* html .ui-datepicker .ui-widget-content{zoom:1;}

	.ui-datepicker .ui-datepicker-buttonpane span.ui-datepicker-current {
		display: none;
		background: none;
		border: none;
	}
	.ui-datepicker .ui-datepicker-buttonpane span.ui-datepicker-close {/* 閉じるボタン */
		float: none;
		margin: 0px auto;
		padding: 4px 18px 4px 0px;
		cursor: pointer;
		text-align: center;
		font-size: 93%;
		font-weight: normal;
		color:#006BE1;
		background: url(../imgs/common/mark_close.jpg) no-repeat right 50%;
		border: none;
	}




/*--------------------------------------------------------------------

	左カラム／トップページ専用

--------------------------------------------------------------------*/
/* 〓〓〓 左カラム／トップページ専用 〓〓〓 */
#ColumnBox_topPage #leftColumn {
	float:left;
	position: relative;
	width:300px;
	margin: 0px 10px 0px 0px;
	padding:0;
	font-size: 100%;
	z-index: 0;
}

#ColumnBox_topPage #leftColumn div.section {
	width:294px;/* 300 */
	padding: 2px;
	border: 1px solid #D0D0D0;
	background: none;
}
	#ColumnBox_topPage #leftColumn .leftbanners{/* ADD 「都市別地図から探す」バナー追加時 */
		width: 300px;
		margin: 0px auto 15px;
		padding: 0px;
		border: none;
	}

#ColumnBox_topPage #leftColumn div.topsection_bg {
	padding: 10px;
	border: 1px solid #ccc;
	background: #fff;
	overflow: hidden;
}
	* html #ColumnBox_topPage #leftColumn div.topsection_bg{zoom:1;}



/*---------------------------------------------
	ホテル検索
---------------------------------------------*/
#ColumnBox_topPage #leftColumn #topsearch {
	margin: 0px;
	padding: 0px;
	overflow:visible;
}
/*#ColumnBox_topPage #leftColumn #topsearch h2 {
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	border: none;
}*/
#ColumnBox_topPage #leftColumn #topsearch h2 {
	position: relative;
	width: 268px;/* 300 */
	height: 18px;/* 32 */
	margin: 0px;
	padding: 14px 0px 0px 32px;
	font-size: 100%;
	background: url(../imgs/top/ttl_top_hotelsearch_bg.jpg) no-repeat left top;
}


/*#ColumnBox_topPage #leftColumn #topsearch h2 span#topsearch_maplink*/
#ColumnBox_topPage #leftColumn #topsearch span#topsearch_maplink{/* MOD20120912 h2をタイトルのみに修正 */
	position: absolute;
	display: block;
	top: 5px;
	right: 0px;
	padding: 5px 0px 5px 20px;
	font-size: 12px;
	font-weight: normal;
	background: url(../imgs/common/mark_searchmap.jpg) no-repeat left 2px;
}
#ColumnBox_topPage #leftColumn #topsearch_line {
	/*background: #e8e8e8;*/
	background: #FFE7BF;
	border-color: #FCB849;
}
	#ColumnBox_topPage #leftColumn #topsearch_line .topsection_bg {
		margin: 0px;
		padding: 10px;
		background: #fff url(../imgs/top/bg_searcharea.jpg) no-repeat left top;
		border-color: #FFCA6E;
	}
#ColumnBox_topPage #leftColumn #topsearch_line #topsearch_selectbox{
	display: block;
	position: relative;
	height: auto;
}

#ColumnBox_topPage #leftColumn #topsearch_line .active{
	display: block;
}

#ColumnBox_topPage #leftColumn #topsearch_line p.LinkNormal{
	margin: 0px 0px 5px;
	padding: 1px 0px 1px 10px;
	font-size: 93%;
	background: url(../imgs/common/mark_arrow_grey.gif) no-repeat left 4px;
}

/*#ColumnBox_topPage #leftColumn #topsearch #topsearch_box02 { display: none;}*/


#ColumnBox_topPage #leftColumn #topsearch_line dl{
	margin: 1px auto;
	padding: 0px;
	overflow: hidden;
	font-size: 93%;
}
	* html #ColumnBox_topPage #leftColumn #topsearch_line dl{zoom:1;}

#ColumnBox_topPage #leftColumn #topsearch_line dl input,
#ColumnBox_topPage #leftColumn #topsearch_line dl select,
#ColumnBox_topPage #leftColumn #topsearch_line dl option {
	font-size: 100%;
}
#ColumnBox_topPage #leftColumn #topsearch_line dl.LineBottom{
	padding-bottom: 3px;
	border-bottom: 1px dotted #ccc;
}

#ColumnBox_topPage #leftColumn #topsearch_line dl.topsearch_line_hotelname{
	margin: 0px 0px 5px;
}

#ColumnBox_topPage #leftColumn #topsearch_line .pop{
	font-size: 100%;
}
#ColumnBox_topPage #leftColumn #topsearch_line .pop p.ttl {
	margin: 5px auto 5px;
	padding: 0px 5px;
}
#ColumnBox_topPage #leftColumn #topsearch_line .pop iframe {/* ie6 プルダウン領域用 */
	position: absolute;
	display: none;
	margin: 0px;
	overflow: hidden;
	font-size: 0px;
	background: none;
}
	* html #ColumnBox_topPage #leftColumn #topsearch_line .pop iframe{zoom:1;}
	

#ColumnBox_topPage #leftColumn #topsearch_line .active iframe {/* ie6 プルダウン領域用 */
	display: block;
}

#ColumnBox_topPage #leftColumn #topsearch_line dl dt{
	float: left;
	width: 65px;
	margin-top: 4px;
}
#ColumnBox_topPage #leftColumn #topsearch_line dl.search_people dt{
	float: none;
	width: 100%;
	margin-top: 4px;
	margin-bottom: 5px;
}
	#ColumnBox_topPage #leftColumn #topsearch_line dl.search_people dt img{
		vertical-align: middle;
	}

	#ColumnBox_topPage #leftColumn #topsearch_line dl.topsearch_line_hotelname dt{width: 100px;}

#ColumnBox_topPage #leftColumn #topsearch_line dl dd{
	float: right;
	width: 205px;
}
	#ColumnBox_topPage #leftColumn #topsearch_line dl.search_people dd{
		float: none;
		width: 100%;
		padding: 5px 0;
		border:1px dotted #aaa;
		border-width:1px 0px 1px 0px;
	}	

	#ColumnBox_topPage #leftColumn #topsearch_line dl.topsearch_line_hotelname dd{width: 170px;}
	

#ColumnBox_topPage #leftColumn #topsearch_line div.topsearch_box {
	display:none;
	margin: 5px 0px 0px;
	padding: 0px;
	/*font-size: 93%;*/
	padding-bottom: 5px;
	border-bottom: 1px dotted #aaa;
}
	#ColumnBox_topPage #leftColumn #topsearch_line div.topsearch_box .txt_howtouse{
		display:block;
		padding: 4px 0;
		font-size: 93%;
	}
	#ColumnBox_topPage #leftColumn #topsearch_line div.topsearch_box .howtouse_input{
		margin-right: 0px;
	}
	
#ColumnBox_topPage #leftColumn #topsearch_line div#topsearch_box1 { padding-top: 3px; }

#ColumnBox_topPage #leftColumn #topsearch_line div#topsearch_roomcheck {/* 2人利用の部屋を1人で利用 */
	margin: 5px 0px 0px;
}


/* 
	ADD20130204
	部屋タイプ部分のツールチップ表示をライトボックスへ変更
	※IE6にて、ツールチップがプルダウンの下に隠れてしまうため、
	ライトボックス表示にする
 */
/*#ColumnBox_topPage #leftColumn #topsearch_line div#topsearch_roomtooltip {
	display:none;
}
	#TB_window #TB_ajaxContent div#topsearch_roomtooltip_detail{
	}
	#TB_window #TB_ajaxContent div#topsearch_roomtooltip_detail p.ttl{
		margin: 5px auto 10px;
		padding: 0px 5px;
		font-weight: bold;
		border-left: 3px solid #E73F3F;
	}
	#TB_window #TB_ajaxContent div#topsearch_roomtooltip_detail span.bold{
		font-size: 100%;
	}*/



#ColumnBox_topPage #leftColumn #topsearch_line dl dd span,
#ColumnBox_topPage #leftColumn #topsearch_line div.topsearch_box span {
	margin: 0px 1px;
	/*font-size: 85%; 20140318 */ 
	font-size: 100%;
	height: auto;
}
	#ColumnBox_topPage #leftColumn #topsearch_line dl dd span.icon_top_arrow,
	#ColumnBox_topPage #leftColumn #topsearch_line div.topsearch_box span.icon_top_arrow{
		background:url("../imgs/common/mark_arrow_red.gif") no-repeat left 50%;
		padding-left: 10px;
	}
#ColumnBox_topPage #leftColumn #topsearch_line dl dd span a {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

#ColumnBox_topPage #leftColumn #topsearch_line p#topsearch_box_checkout {/* チェックアウト日 */
	margin: 0px auto 2px;
	padding: 1px 0px 1px 13px;
	background: url(../imgs/common/mark_checkout.gif) no-repeat left 50%;
}

#ColumnBox_topPage #leftColumn #topsearch_line p.BtnCenter{
	clear: both;
	display: block;
	margin: 10px auto 0px;
}




/*---------------------------------------------
	都市別ホテルマップから探す
	thickboxにて表示
---------------------------------------------*/

/* 都市別ホテルマップ表示　thickbox表示部分 */
#ColumnBox_topPage #leftColumn #SearchCitymapWrap{
	display: none;/* 初期は非表示 */
}

/* thickbox内 */
#TB_window #SearchCitymapDetail{
	position: relative;
	overflow: hidden;
}
	* html #TB_window #SearchCitymapDetail{/* for ie6 */
		position: relative;
		zoom: 1;
		width: 560px;
		height: 100%;
		padding: 10px;
		overflow-y: none;
		overflow-x: none;
	}

#TB_window #SearchCitymapDetail .PopUpTTL{
	margin: 0px;
	padding: 0px;
	border: none;
}

#TB_window #SearchCitymapDetail #SearchCitymapDetailMap{
	clear: both;
	margin: 10px auto;
	text-align: center;
	font-size: 0px;
}

/* 国別リスト表示 */
#TB_window #SearchCitymapDetail #SearchCitymapDetailMainCityTTL{
	width: 550px;
	margin: 20px auto 0px;
	padding: 0px;
	overflow: hidden;
}
	* html #TB_window #SearchCitymapDetail #SearchCitymapDetailMainCityTTL{zoom: 1;}
	*+html #TB_window #SearchCitymapDetail #SearchCitymapDetailMainCityTTL{zoom: 1;}

	#TB_window #SearchCitymapDetail #SearchCitymapDetailMainCityTTL dt{
		float: left;
		margin: 0px;
		padding: 15px 0px 15px 60px;
		font-size: 116%;
		font-weight: bold;
		background: url(../imgs/top/mark_top_citymaplist.jpg) no-repeat left 50%;
	}
	#TB_window #SearchCitymapDetail #SearchCitymapDetailMainCityTTL dd{
		float: right;
		padding-top: 10px;
		
	}

#TB_window #SearchCitymapDetail #SearchCitymapDetailMainCityListBox {
	clear: both;
	width: 550px;
	margin: 0px auto 15px;
	overflow: hidden;
}
	* html #TB_window #SearchCitymapDetailMainCityListBox{zoom: 1;margin: 0px auto 0px;}
	*+html #TB_window #SearchCitymapDetailMainCityListBox{zoom: 1;margin: 0px auto 0px;}

#TB_window #SearchCitymapDetail #SearchCitymapDetailMainCityListBox dl{
	float: left;
	margin: 0px auto;
	border: 1px solid #EACCAA;
}
	#TB_window #SearchCitymapDetail #SearchCitymapDetailMainCityListBox dl#SearchCitymapDetailMainCityListBox_europe{ width: 250px;}
	#TB_window #SearchCitymapDetail #SearchCitymapDetailMainCityListBox dl#SearchCitymapDetailMainCityListBox_asia{ width: 140px; margin-left: 5px;}
	#TB_window #SearchCitymapDetail #SearchCitymapDetailMainCityListBox dl#SearchCitymapDetailMainCityListBox_america{ width: 140px; margin-left: 5px;}

#TB_window #SearchCitymapDetail #SearchCitymapDetailMainCityListBox dt{
	margin: 0px;
	padding: 5px;
	color: #666;
	border-bottom: 1px solid #EACCAA;
	background: #FFF0E1;
	font-size: 108%;
	font-weight: bold;
}
#TB_window #SearchCitymapDetail #SearchCitymapDetailMainCityListBox dd{
	font-size: 100%;
	background: #fff;
	overflow: hidden;
}
	* html #TB_window #SearchCitymapDetail #SearchCitymapDetailMainCityListBox dd{ zoom: 1;}
	*+html #TB_window #SearchCitymapDetail #SearchCitymapDetailMainCityListBox dd{ zoom: 1;}

#TB_window #SearchCitymapDetail #SearchCitymapDetailMainCityListBox dd ul{
	padding: 5px;
	list-style: none;
}
#TB_window #SearchCitymapDetail #SearchCitymapDetailMainCityListBox #SearchCitymapDetailMainCityListBox_europe dd{
	overflow: hidden;
}
	* html #TB_window #SearchCitymapDetail #SearchCitymapDetailMainCityListBox #SearchCitymapDetailMainCityListBox_europe dd{ zoom: 1;}
	*+html #TB_window #SearchCitymapDetail #SearchCitymapDetailMainCityListBox #SearchCitymapDetailMainCityListBox_europe dd{ zoom: 1;}

#TB_window #SearchCitymapDetail #SearchCitymapDetailMainCityListBox #SearchCitymapDetailMainCityListBox_europe dd ul{
	float: left;
	width: 110px;
}

#TB_window #SearchCitymapDetail #SearchCitymapDetailMainCityListBox #SearchCitymapDetailMainCityListBox_europe dd ul.left{
	margin-left: 5px;
}
#TB_window #SearchCitymapDetail #SearchCitymapDetailMainCityListBox dd li{
	margin: 0.3em 0px 0.5em;
	padding: 0.15em 0px 0.15em 2.5em;
	line-height: 1.4;
	background: url(../city_map/imgs/icon_mapari.jpg) no-repeat 0.5em 50%;
}




/*---------------------------------------------
	キーワードからホテルを探す
	人気都市から探す
---------------------------------------------*/

#ColumnBox_topPage #leftColumn #topsearch_keyword {
	position: relative;
	display: block;
	background: #E8E8E8;
}
#ColumnBox_topPage #leftColumn #topsearch_city,
#ColumnBox_topPage #leftColumn #topsearch_airport {
	background: #E8E8E8;
}

#ColumnBox_topPage #leftColumn .section h2,
#ColumnBox_topPage #leftColumn .section .ttl_bl
{
	margin: 0px auto 10px;
	padding: 0px 5px;
	font-weight: normal;
	border-left: 4px solid #E73F3F;
}
	/* ADD20120704 アフィリエイト・フルサポート版 */
	body.bodycolor_red #ColumnBox_topPage #leftColumn .section h2,
	body.bodycolor_red #ColumnBox_topPage #leftColumn .section .ttl_bl{		border-color: #E73F3F;}
	body.bodycolor_blue #ColumnBox_topPage #leftColumn .section h2,
	body.bodycolor_blue #ColumnBox_topPage #leftColumn .section .ttl_bl{	border-color: #14A5DA;}
	body.bodycolor_navy #ColumnBox_topPage #leftColumn .section h2,
	body.bodycolor_navy #ColumnBox_topPage #leftColumn .section .ttl_bl{	border-color: #2D30A3;}
	body.bodycolor_green #ColumnBox_topPage #leftColumn .section h2,
	body.bodycolor_green #ColumnBox_topPage #leftColumn .section .ttl_bl{	border-color: #357B0F;}

	#ColumnBox_topPage #leftColumn #topsearch_airport .ttl_bl {
		margin: 0px auto 5px;
		padding: 4px 0px 4px 27px;
		font-size: 108%;
		border-left: none;
		background: url(../imgs/top/icon_airport.jpg) no-repeat left 50%;
	}

	#ColumnBox_topPage #leftColumn .section h2,
	#ColumnBox_topPage #leftColumn .section .ttl_bl{
		color: #111;
		font-size: 108%;
	}

	#ColumnBox_topPage #leftColumn .section h2 span,
	#ColumnBox_topPage #leftColumn .section .ttl_bl span {
		font-weight: bold;
	}


#ColumnBox_topPage #leftColumn #topsearch_keyword p,
#ColumnBox_topPage #leftColumn #topsearch_city p,
#ColumnBox_topPage #leftColumn #topsearch_airport p {
	margin: 3px auto 0px;
	font-size: 93%;
}

/* ツールチップ */
#ColumnBox_topPage #leftColumn #topsearch_keyword span#topsearch_keyword_box_toolchip {
	position: absolute;
	top: 10px;
	right: 10px;
	margin: 2px auto 0px;
	font-size: 108%;
	font-weight: normal;
}

body.font_l #ColumnBox_topPage #leftColumn #topsearch_keyword
span#topsearch_keyword_box_toolchip {
	position:absolute;
	right: 2.5em;
}

#ColumnBox_topPage #leftColumn #topsearch_keyword form input{	vertical-align: bottom;}

	#ColumnBox_topPage #leftColumn #topsearch_keyword form h3 {
		display: inline;
		margin: 0px;
		padding: 0px;
		font-size: 0px;
	}

#ColumnBox_topPage #leftColumn #topsearch_keyword form a{
	line-height: 1;
	vertical-align: bottom;
}

#ColumnBox_topPage #leftColumn #topsearch_city ul,
#ColumnBox_topPage #leftColumn #topsearch_airport ul {
	float: left;
	width: 80px;
	padding: 0px 0px 0px 3px;
}
#ColumnBox_topPage #leftColumn #topsearch_city ul.w80,
#ColumnBox_topPage #leftColumn #topsearch_airport ul.w80 {	width: 80px;}
#ColumnBox_topPage #leftColumn #topsearch_city ul.w85,
#ColumnBox_topPage #leftColumn #topsearch_airport ul.w85 {	width: 85px;}
#ColumnBox_topPage #leftColumn #topsearch_city ul.w90,
#ColumnBox_topPage #leftColumn #topsearch_airport ul.w90 {	width: 90px;}
#ColumnBox_topPage #leftColumn #topsearch_city ul.w95,
#ColumnBox_topPage #leftColumn #topsearch_airport ul.w95 {	width: 95px;}

#ColumnBox_topPage #leftColumn #topsearch_city ul li,
#ColumnBox_topPage #leftColumn #topsearch_airport ul li {
	margin: 8px auto 1px;
}

	#ColumnBox_topPage #leftColumn #topsearch_city ul li.f10,
	#ColumnBox_topPage #leftColumn #topsearch_airport ul li.f10 {font-size: 77%;}
	#ColumnBox_topPage #leftColumn #topsearch_city ul li.f10,
	#ColumnBox_topPage #leftColumn #topsearch_airport ul li.f10 {font-size: 77%;}
	#ColumnBox_topPage #leftColumn #topsearch_city ul li.f11,
	#ColumnBox_topPage #leftColumn #topsearch_airport ul li.f11 {font-size: 85%;}


/*---------------------------------------------
	安心！便利！アップルワールド
---------------------------------------------*/

#ColumnBox_topPage #leftColumn #topfeature {
	border: 1px solid #FFC8C8;
	background: #FFE1E1;
}
#ColumnBox_topPage #leftColumn #topfeature div.topsection_bg {
	padding: 0px;
	border: 1px solid #FFC8C8;
	background: #fff;
}

#ColumnBox_topPage #leftColumn #topfeature h3,
#ColumnBox_topPage #leftColumn #topfeature .ttl_bl {
	height: 16px;/* 30 */
	padding: 7px 5px;
	border: none;
	border-bottom: 1px solid #FFC8C8;
	background: url(../imgs/common/bg_ttl_feature.jpg) repeat-x left top;
}
#ColumnBox_topPage #leftColumn #topfeature h3 span,
#ColumnBox_topPage #leftColumn #topfeature .ttl_bl span{
	margin: 0px;
	padding: 5px 0px 5px 25px;
	background: url(../imgs/common/icon_feature.jpg) no-repeat left 0px;
}

#ColumnBox_topPage #leftColumn #topfeature ul{
	padding: 5px;
	font-size: 93%;
	line-height: 1.4;
}
#ColumnBox_topPage #leftColumn #topfeature li{
	margin: 0px auto 10px;
	padding: 1px 0px 1px 20px;
	color:#CA0000;
	background: url(../imgs/common/mark_check_red.gif) no-repeat left 0px;
}
#ColumnBox_topPage #leftColumn #topfeature p.LinkLeft{
margin: 0px 0px 10px 10px;

}
#ColumnBox_topPage #leftColumn #topfeature dl{
	margin-bottom: 10px;
	padding: 0 10px;
}
#ColumnBox_topPage #leftColumn #topfeature dl dt{
	margin-bottom: 5px;
	line-height: 1.3;
}
#ColumnBox_topPage #leftColumn #topfeature dl dt a{
	display: block;
	background: url(../imgs/common/mark_arrow_red_big.gif) no-repeat left 4px;
	padding-left: 10px; 
	font-weight: bold;
}
#ColumnBox_topPage #leftColumn #topfeature dl dd{
	padding-left: 10px;
	line-height: 1.3;
}

#ColumnBox_topPage #leftColumn #topfeature #topfeaturelog{
	background: #FEFCEF;
	margin: 0px 10px 10px 10px;
	border:1px solid #CCCCCC;
}
	#ColumnBox_topPage #leftColumn #topfeature #topfeaturelog ul.topfeaturelog{
		padding: 0;
		text-align: center;
	}
	#ColumnBox_topPage #leftColumn #topfeature #topfeaturelog ul.topfeaturelog li{
		display: inline-block;
		vertical-align: middle;
		margin: 5px 0 5px 5px;
		padding: 0;
		background: none;
	}
		#ColumnBox_topPage #leftColumn #topfeature #topfeaturelog ul.topfeaturelog li img{
			vertical-align: middle;
		}
		*+html #ColumnBox_topPage #leftColumn #topfeature #topfeaturelog ul.topfeaturelog li{
			display: inline;
			zoom:1;
		}
/*---------------------------------------------
	ケータイでホテル探し
---------------------------------------------*/
#ColumnBox_topPage #leftColumn #topmobile_box {
	width:300px;
	padding: 0px;
}


/*---------------------------------------------
	各種バナーリンク
---------------------------------------------*/
#ColumnBox_topPage #leftColumn #toplink {
	width: 300px;
	padding: 0px;
}

#ColumnBox_topPage #leftColumn #toplink dl {
	width: 290px;/* 300 */
	padding: 0px 5px;
	overflow: hidden;
	font-size: 93%;
	line-height: 1.4;
	border-bottom: 1px solid #ddd;
}
	* html #ColumnBox_topPage #leftColumn #toplink dl{zoom:1;}

#ColumnBox_topPage #leftColumn #toplink dl.NoBorder {	border: none;}
#ColumnBox_topPage #leftColumn #toplink dt {
	float: left;
	width: 115px;
	padding: 13px 0px 0px;
	text-align: center;
}
#ColumnBox_topPage #leftColumn #toplink #toplink_hotelplus dt {	padding: 3px 0px 0px;}

#ColumnBox_topPage #leftColumn #toplink dd {
	float: right;
	width: 170px;
	padding-top: 4px;
}
#ColumnBox_topPage #leftColumn #toplink dd a{
	font-size: 116%;
}
#ColumnBox_topPage #leftColumn #toplink #toplink_hotelplus dd {	padding: 5px 0px 0px;}

/*---------------------------------------------
	PRテキスト
---------------------------------------------*/

#ColumnBox_topPage #leftColumn #toppr h3,
#ColumnBox_topPage #leftColumn #toppr h2.h3,
#ColumnBox_topPage #rightsideColumn #toppr .ttl {/* ADD20120912 右カラムにも表示できるようにする */
	margin: 5px;
	color: #666;
	font-size: 93%;
	font-weight: normal;
}
	#ColumnBox_topPage #rightsideColumn #toppr{
		border: 1px solid #ddd;
	}

	#ColumnBox_topPage #rightsideColumn #toppr p.ttl{/* ADD20120912 右カラムにも表示できるようにする */
		margin: 5px;
		padding: 0px;
		background: none;
		border: none;
	}

#ColumnBox_topPage #leftColumn #toppr ul,
#ColumnBox_topPage #rightsideColumn #toppr ul {
	padding: 0px 10px 5px;
	line-height: 1.4;
}

#ColumnBox_topPage #leftColumn #toppr ul li,
#ColumnBox_topPage #rightsideColumn #toppr ul li {
	margin: 5px auto;
	padding: 0px 0px 0px 10px;
	background: url(../imgs/common/mark_arrow_grey.gif) no-repeat left 4px;
}



/*---------------------------------------------
	ADD20120700
	トラブル対策・現地サポート枠
---------------------------------------------*/
#ColumnBox_topPage #leftColumn #topbannerlink {
	width: 300px;
	padding: 0px;
}
#ColumnBox_topPage #leftColumn #topbannerlink dl {
	width: 290px;/* 300 */
	padding: 5px;
	overflow: hidden;
	font-size: 93%;
	line-height: 1.4;
	border-bottom: 1px solid #ddd;
}
	* html #ColumnBox_topPage #leftColumn #toplink dl{zoom:1;}

	#ColumnBox_topPage #leftColumn #topbannerlink dl.NoBorder {	border: none;}
	
	#ColumnBox_topPage #leftColumn #topbannerlink dt {
		float: left;
		width: 90px;
		padding: 0px;
		text-align: center;
		font-size: 0px;
	}
	#ColumnBox_topPage #leftColumn #topbannerlink #toplink_hotelplus dt {	padding: 5px 0px 0px;}
	
	#ColumnBox_topPage #leftColumn #topbannerlink dd {
		float: right;
		width: 190px;
		margin-left: 10px;
		padding-top: 4px;
	}
	#ColumnBox_topPage #leftColumn #topbannerlink dd a{
		padding: 1px 0px 1px 15px;
		font-size: 108%;
		background: url(../imgs/common/mark_arrow_sq_red.gif) no-repeat left 50%;
	}
	#ColumnBox_topPage #leftColumn #topbannerlink dd p{
		margin-top: 5px;
		font-size: 93%;
	}




/*--------------------------------------------------------------------

	右カラム全体／トップページ専用

--------------------------------------------------------------------*/

/* 〓〓〓 右カラム全体／トップページ専用 〓〓〓 */
#ColumnBox_topPage #rightColumn {
	display:inline;
	float:right;
	width: 635px;
	margin:0;
	padding: 0px 0px 0px 0px;
	font-size: 100%;
}


/*--------------------------------------------------------------------

	中央カラム／トップページ専用

--------------------------------------------------------------------*/

/* 〓〓〓 中央カラム／トップページ専用 〓〓〓 */
#ColumnBox_topPage #centerColumn {
	overflow:hidden;
	display:inline;
	float:left;
	width:405px;
	margin:0px;
	padding:0px;
}
#ColumnBox_topPage #centerColumn div.section {
	width:405px;
	padding: 0px;
}
/*#ColumnBox_topPage #centerColumn div.section h3,
#ColumnBox_topPage #centerColumn div.section h2.h3,*/
#ColumnBox_topPage #centerColumn div.section div.ttlcenterColumn,
#ColumnBox_topPage div.section div.ttlcenterColumn
{
	margin: 0px;
	padding: 5px 10px;
	border: 1px solid #ccc;
	/*border-top: 3px solid #E73F3F;*/
	background: url(../imgs/common/bg_ttl_grey.jpg) repeat-x left bottom;
	overflow: hidden;
}
	* html #ColumnBox_topPage #centerColumn div.section div.ttlcenterColumn{zoom:1;}

	/* ADD20120704 アフィリエイト・フルサポート版 */
	/*body.bodycolor_red #ColumnBox_topPage #centerColumn div.section div.ttlcenterColumn{	border-top: 3px solid #E73F3F;}
	body.bodycolor_blue #ColumnBox_topPage #centerColumn div.section div.ttlcenterColumn{	border-top: 3px solid #14A5DA;}
	body.bodycolor_navy #ColumnBox_topPage #centerColumn div.section div.ttlcenterColumn{	border-top: 3px solid #2D30A3;}
	body.bodycolor_green #ColumnBox_topPage #centerColumn div.section div.ttlcenterColumn{	border-top: 3px solid #357B0F;}*/


	#ColumnBox_topPage #centerColumn div.section div.ttlcenterColumn h2,
	#ColumnBox_topPage #centerColumn div.section div.ttlcenterColumn h3,
	#ColumnBox_topPage div.section div.ttlcenterColumn h2,
	#ColumnBox_topPage div.section div.ttlcenterColumn h3 {
		color: #111;
		font-size: 108%;
	}
	#ColumnBox_topPage #centerColumn div.section h3 strong,
	/*#ColumnBox_topPage #centerColumn div.section div.ttlcenterColumn h3,*/
	#ColumnBox_topPage #centerColumn div.section div.ttlcenterColumn .link_right {
		float: right;
		margin: 3px 0px 0px;
		padding: 1px 0px 1px 15px;
		font-size: 100%;
		font-weight: bold;
		background: url(../imgs/common/mark_arrow_sq_red.gif) no-repeat left 50%;
	}



/*--------------------------------------- 

スライドショーのスタイル

---------------------------------------*/

#ColumnBox_topPage #topvisual {
	z-index: 0;
}
#ColumnBox_topPage #topvisual h2{
	margin: 0px 0px 6px;
}
	/* ADD20121219 h2要素のテキスト化(SEO対策) */
	#ColumnBox_topPage #topvisual h2{
		min-height: 24px;
		margin: 0px 0px 6px;
		padding: 0.45em 0px 0px 25px;
		font-size: 93%;
		background: url(../imgs/top/ttl_top_mainvisual_bg.jpg) no-repeat left top;
	}
	* html #ColumnBox_topPage #topvisual h2{height: 24px;}
	*+html #ColumnBox_topPage #topvisual h2{height: 24px;}


#ColumnBox_topPage #topvisual .gtsl {
	position:relative;
	width:635px;
	height:270px;
	z-index: 0;
}

#ColumnBox_topPage #topvisual .gtsl_items {
	position:relative;
	overflow:hidden;
	width:635px;
	height:270px;
}

#ColumnBox_topPage #topvisual a.gtsl_items_item {
	position:absolute;
	z-index:1;
	display:block;
	width:635px;
	height:270px;
	background-repeat:no-repeat;
	background-position:50% 0;
}

#ColumnBox_topPage #topvisual .gtsl_nav {
	overflow:hidden;
	position:relative;
	z-index:5;
	margin:-38px 0 0;
	width:100%;
	height:37px;
}

#ColumnBox_topPage #topvisual .gtsl_nav_bg {
	position:absolute;
	left:0;
	top:0;
	z-index:6;
	width:100%;
	height:37px;
	background:#000;
	opacity:0.6;
}
	* html #ColumnBox_topPage #topvisual .gtsl_nav_bg{filter:alpha(opacity=60);}


#ColumnBox_topPage #topvisual .gtsl_nav_thumb {
	position:absolute;
	z-index:8;
	width:89px;
	height:36px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	cursor:pointer;
}

#ColumnBox_topPage #topvisual a.gtsl_nav_outline {
	position:absolute;
	z-index:9;
	display:block;
	width:89px;
	height:36px;
	background:url(../imgs/top/visual/gtsl_nav_outline.gif) no-repeat;
	opacity:0.8;
	cursor:pointer;
}
	* html #ColumnBox_topPage #topvisual a.gtsl_nav_outline{filter:alpha(opacity=80);}


#ColumnBox_topPage #topvisual .gtsl_corner_lt,
#ColumnBox_topPage #topvisual .gtsl_corner_rt,
#ColumnBox_topPage #topvisual .gtsl_corner_rb,
#ColumnBox_topPage #topvisual .gtsl_corner_lb {
	position:absolute;
	z-index:10;
	width:3px;
	height:3px;
	background-repeat:no-repeat;
}
	* html #ColumnBox_topPage #topvisual .gtsl_corner_lt,
	* html #ColumnBox_topPage #topvisual .gtsl_corner_rt,
	* html #ColumnBox_topPage #topvisual .gtsl_corner_rb,
	* html #ColumnBox_topPage #topvisual .gtsl_corner_lb{
		/* IE6 alfa png fix */
		behavior: expression(
			this.style.behavior || (
				this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
				this.style.backgroundImage = "none",
				this.style.behavior = "none"
			)
		);
	}




#ColumnBox_topPage #topvisual .gtsl_corner_lt {
	left:0px;
	top:0px;
	background-image:url(../imgs/top/visual/gtsl_lt.png);
}
#ColumnBox_topPage #topvisual .gtsl_corner_rt {
	left:632px;
	top:0px;
	background-image:url(../imgs/top/visual/gtsl_rt.png);
}
#ColumnBox_topPage #topvisual .gtsl_corner_rb {
	left:632px;
	top:267px;
	background-image:url(../imgs/top/visual/gtsl_rb.png);
}
#ColumnBox_topPage #topvisual .gtsl_corner_lb {
	left:0px;
	top:267px;
	background-image:url(../imgs/top/visual/gtsl_lb.png);
}


/*---------------------------------------------
	新着トピックス
---------------------------------------------*/
#ColumnBox_topPage #toptopix {}

/*#ColumnBox_topPage #toptopix div.ttlcenterColumn h2{
	padding: 3px 0px 3px 28px;
	background: url(../imgs/top/icon_topics.jpg) no-repeat left top;
}*/
#ColumnBox_topPage #toptopix div.ttlcenterColumn h2{
	padding: 3px 0px 3px 10px;
	background: none;
	border-left: 3px solid #E73F3F; 
}

#ColumnBox_topPage #toptopix ul{
	margin-bottom:10px; /* 20141020 ADD */
	padding-top: 5px; /* 20141020 ADD */
	font-size: 93%;
}
#ColumnBox_topPage #toptopix ul li{
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
	* html #ColumnBox_topPage #toptopix ul li{zoom:1;}
	

#ColumnBox_topPage #toptopix ul li.even{
	background-color: #f2f2f2;
}
#ColumnBox_topPage #toptopix ul li a{
	display: block;
	margin: 0px;
	padding: 7px 0px 6px 15px;
	background: url(../imgs/common/mark_arrow_grey.gif) no-repeat 5px 13px;
	line-height: 1.4;
}


/*---------------------------------------------
	海外ホテル人気ランキング
---------------------------------------------*/
#ColumnBox_topPage #topranking {}

/*#ColumnBox_topPage #topranking div.ttlcenterColumn h3 {
	float: left;
	margin: 0px auto;
	padding: 4px 0px 2px 35px;
	background: url(../imgs/top/icon_ranking.jpg) no-repeat left top;
}*/
#ColumnBox_topPage #centerColumn #topranking div.ttlcenterColumn {
	margin-bottom: 15px;
}
#ColumnBox_topPage #topranking div.ttlcenterColumn h3 {
	float: left;
	margin: 0px auto;
	padding: 4px 0px 2px 10px;
	background: none;
	border-left: 3px solid #E73F3F;
}

#ColumnBox_topPage #topranking p#topranking_monthcity {
	margin: 10px 5px;
	font-size: 93%;
	color: #666;
}
#ColumnBox_topPage #topranking p#topranking_monthcity span{
	margin: 0px 5px 0px;
	padding: 0px 10px 0px 0px;
	background: url(../imgs/common/mark_arrow_grey.gif) no-repeat right 3px;
}

#ColumnBox_topPage #topranking dl#topranking_box1,
#ColumnBox_topPage #topranking div#topranking_box2,
#ColumnBox_topPage #topranking div#topranking_box3 {
	margin-bottom: 5px;
	overflow: hidden;
}
	* html #ColumnBox_topPage #topranking dl#topranking_box1,
	* html #ColumnBox_topPage #topranking div#topranking_box2,
	* html #ColumnBox_topPage #topranking div#topranking_box3{zoom:1;}


#ColumnBox_topPage #topranking #topranking_box1 dt {
	float: left;
	width: 80px;/*90*/
	padding: 2px;
	border: 1px solid #ddd;
	font-size: 0;
}
#ColumnBox_topPage #topranking #topranking_box1 dt img{
	line-height: 1;
}
#ColumnBox_topPage #topranking #topranking_box1 dd {
	float: right;
	width: 310px;
}
#ColumnBox_topPage #topranking h4{ font-size: 100%;}
#ColumnBox_topPage #topranking #topranking_box1 dd h4,
#ColumnBox_topPage #topranking #topranking_box1 dd .hotelname{
	padding: 5px 0px 4px 25px;
	background: url(../imgs/top/icon_ranking1.jpg) no-repeat left 50%;
}

#ColumnBox_topPage #topranking #topranking_box1 dd strong,
#ColumnBox_topPage #topranking #topranking_box2 strong,
#ColumnBox_topPage #topranking #topranking_box3 strong,

#ColumnBox_topPage #topranking #topranking_box1 dd span.bold,
#ColumnBox_topPage #topranking #topranking_box2 span.bold,
#ColumnBox_topPage #topranking #topranking_box3 span.bold {
	margin: 5px 0px 0px;
	font-size: 116%;
	color: #f00;
}

#ColumnBox_topPage #topranking #topranking_box2 h4,
#ColumnBox_topPage #topranking #topranking_box2 .hotelname{
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 5px 0px 4px 25px;
	background: url(../imgs/top/icon_ranking2.jpg) no-repeat left 50%;
}
#ColumnBox_topPage #topranking #topranking_box3 h4,
#ColumnBox_topPage #topranking #topranking_box3 .hotelname{
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 5px 0px 4px 25px;
	background: url(../imgs/top/icon_ranking3.jpg) no-repeat left 50%;
}
#ColumnBox_topPage #topranking #topranking_box2 span.bold,
#ColumnBox_topPage #topranking #topranking_box3 span.bold{
	margin: 7px 3px 0px;
}


/* 
	ADD20130313
	海外ホテル人気ランキング 体裁修正
 */
#ColumnBox_topPage #topranking p#topranking_between {
	margin: 10px 5px;
	padding: 0px 0px 0px 11px;
	font-size: 93%;
	color: #666;
	background: url(../imgs/common/mark_arrow_red.gif) no-repeat left 50%;
}
#ColumnBox_topPage #topranking p#topranking_between span{
	margin: 0px auto;
	padding: 0px;
	color: #f00;
	font-size: 116%;
}

/* 
	ADD20130812
	ランキングのバリエーションを追加

	タイトル部分・ランキング内容の説明
 */
#ColumnBox_topPage #topranking div#topranking_rankingname {
	margin: 0px auto 10px;
	padding: 0px;
	font-size: 93%;
	color: #333;
	overflow: hidden;
	*zoom: 1;
}
	#ColumnBox_topPage #topranking div#topranking_rankingname p.rankingtitle{
		/* width: 60%; 20141020 DEL */ 
		float: left;
		margin: 0px 5px 5px;
		padding: 5px 0px 5px 11px;
		/* font-size: 116%; 20141020 MOD */
		font-size: 93%;
		/* font-weight: bold; 20141020 DEL */
		background: url(../imgs/common/mark_arrow_red.gif) no-repeat left 50%;
	}
	#ColumnBox_topPage #topranking div#topranking_rankingname p.rankingtitle span{
		color: #f00;
		font-weight: bold;
		font-size: 116%; /* 20141020 ADD */

	}
	#ColumnBox_topPage #topranking div#topranking_rankingname p.rankinglink{
		float: right;
		width: 30%;
		margin: 0px 5px 0px auto;
		text-align: right;
	}

/* ランキング内容の説明 */
#ColumnBox_topPage #topranking div#topranking_rankingdesc{
	margin: 5px 7px;
	padding: 0.5em 1.5em;
	font-size: 93%;
	line-height: 1.4;
	background: #eee;
}
	#ColumnBox_topPage #topranking div#topranking_rankingdesc .red{font-size: 100%;}



#ColumnBox_topPage #topranking div#topranking_boxwrap {
	width: 100%;
	margin: 10px auto 0px;
	padding-bottom: 15px;
	text-align: center;
	letter-spacing:	-0.1em;	/*ポイント*/
    word-spacing:	-0.3em;	/*ポイント*/
}
	#ColumnBox_topPage #topranking #topranking_boxwrap .topranking_box{
		display: inline-block;
		width: 33.3%;
		margin: 0px auto;
		text-align: left;
		vertical-align: top;
		letter-spacing:	0em;
	}
		* html #ColumnBox_topPage #topranking #topranking_boxwrap .topranking_box{	display: inline;}
		*+html #ColumnBox_topPage #topranking #topranking_boxwrap .topranking_box{	display: inline;}


	#ColumnBox_topPage #topranking #topranking_boxwrap .topranking_box div.topranking_box_photo{
		position: relative;
		margin: 0px auto;
		text-align: center;
	}

	#ColumnBox_topPage #topranking #topranking_boxwrap .topranking_box div.topranking_box_photo p.topranking_box_ranking_number{
		position: absolute;
		left: 4%;
		top: 0px;
		margin: 0px auto;
		z-index: 2;
	}
		* html #ColumnBox_topPage #topranking #topranking_boxwrap .topranking_box div.topranking_box_photo p.topranking_box_ranking_number{ left: 0%;}

	#ColumnBox_topPage #topranking #topranking_boxwrap .topranking_box div.topranking_box_photo p.topranking_box_photo_item{
		position: relative;
		display: inline-block;
		width: 110px;
		height: 110px;
		margin: 0px auto;
		padding: 5px;
		border: 1px solid #ddd;
		text-align: center;
		vertical-align: middle;
		z-index: 1;
	}
		* html #ColumnBox_topPage #topranking #topranking_boxwrap .topranking_box div.topranking_box_photo p.topranking_box_photo_item{	display: inline;}
		*+html #ColumnBox_topPage #topranking #topranking_boxwrap .topranking_box div.topranking_box_photo p.topranking_box_photo_item{	display: inline-block;}


		#ColumnBox_topPage #topranking #topranking_boxwrap .topranking_box div.topranking_box_photo p.topranking_box_photo_item a{
			display: table-cell;
			width: 110px;
			height: 110px;
			line-height: 110px;
			font-size: 0px;
			text-align: center;
			overflow: hidden;
			vertical-align: middle;
		}
			* html #ColumnBox_topPage #topranking #topranking_boxwrap .topranking_box div.topranking_box_photo p.topranking_box_photo_item a{/* IE 6 */
				display:inline;
				zoom:1;
			}
			*:first-child+html #ColumnBox_topPage #topranking #topranking_boxwrap .topranking_box div.topranking_box_photo p.topranking_box_photo_item a{/* IE 7 */
				display:inline;
				zoom:1;
			}

			#ColumnBox_topPage #topranking #topranking_boxwrap .topranking_box div.topranking_box_photo p.topranking_box_photo_item a img{
				max-width: 110px !important;
				height: auto !important;
				max-height: 110px !important;
				width: auto !important;
				vertical-align: middle;

				/*width: expression(document.body.clientWidth > 111 ? "110px" : "auto");
				height: expression(document.body.clientWidth > 111 ? "110px" : "auto");*/
			}
				/* IE6においては強制的にリサイズする */
				* html #ColumnBox_topPage #topranking #topranking_boxwrap .topranking_box div.topranking_box_photo p.topranking_box_photo_item a img{
					width: 110px !important;
					height: 110px !important;
				}




	#ColumnBox_topPage #topranking #topranking_boxwrap .topranking_box dl{
		margin: 0px auto;
		padding: 5px;
	}
	#ColumnBox_topPage #topranking #topranking_boxwrap .topranking_box dt{
		margin: 0px auto 5px;
		padding: 0px;
		font-size: 100%;
		line-height: 1.2;
	}
	#ColumnBox_topPage #topranking #topranking_boxwrap .topranking_box dd span{
		display: block;
	}
		#ColumnBox_topPage #topranking #topranking_boxwrap .topranking_box dd span.stars{
			margin: 0px auto;
			color: #FFA209;
		}
		#ColumnBox_topPage #topranking #topranking_boxwrap .topranking_box dd span.bold{
			color: #f00;
			font-size: 116%;
		}
		#ColumnBox_topPage #topranking #topranking_boxwrap .topranking_box dd span.unit{
			color: #f00;
			font-size: 83.3%;
		}
	




/* 人気国、人気都市 */
#ColumnBox_topPage #topranking div#toprankingcountry,
#ColumnBox_topPage #topranking div#toprankingcity {
	margin: 10px auto 0px;
	padding: 0px;
	overflow: hidden;
	border-top: 2px solid #ccc;
}
	#ColumnBox_topPage #topranking div#toprankingcountry {	width: 130px;}
	#ColumnBox_topPage #topranking div#toprankingcity {	width: 270px;}

	* html #ColumnBox_topPage #topranking div#toprankingcountry,
	* html #ColumnBox_topPage #topranking div#toprankingcity{zoom:1;}


	#ColumnBox_topPage #topranking div#toprankingcountry { float: left;}
	#ColumnBox_topPage #topranking div#toprankingcity { float: right;}
	
	#ColumnBox_topPage #topranking #toprankingcountry h3,
	#ColumnBox_topPage #topranking #toprankingcity h3,
	#ColumnBox_topPage #topranking .ttl {
		margin-bottom: 10px;
		padding: 5px 5px;
		overflow: hidden;
		font-weight: bold;
		font-size: 100%;
		border-bottom: 1px solid #ddd;
	}
		* html #ColumnBox_topPage #topranking #toprankingcountry h3,
		* html #ColumnBox_topPage #topranking #toprankingcity h3,
		* html #ColumnBox_topPage #topranking #toprankingcity .ttl{zoom:1;}
	
	
		#ColumnBox_topPage #topranking #toprankingcountry h3 span,
		#ColumnBox_topPage #topranking #toprankingcity h3 span,
		#ColumnBox_topPage #topranking .ttl span{
			float: left;
		}
		#ColumnBox_topPage #topranking #toprankingcountry h3 a,
		#ColumnBox_topPage #topranking #toprankingcity h3 a,
		#ColumnBox_topPage #topranking #toprankingcity .ttl a {
			float: right;
			display: inline;
			margin: 0px;
			padding: 1px 0px 1px 15px;
			font-size: 93%;
			background: url(../imgs/common/mark_arrow_sq_red.gif) no-repeat left 50%;
		}

	#ColumnBox_topPage  #topranking dl#toprankingcountry dd,
	#ColumnBox_topPage #topranking dl#toprankingcity dd{
		margin: 0px auto 0px 5px;
	}
	
	#ColumnBox_topPage  #topranking dl#toprankingcountry ul,
	#ColumnBox_topPage #topranking #toprankingcity ul{
		float: left;
		width: 130px;
		margin: 0px;
		padding: 0px;
	}
	
	#ColumnBox_topPage #topranking #toprankingcountry li,
	#ColumnBox_topPage #topranking #toprankingcity li{
		margin: 0px auto 7px;
	}
	
	#ColumnBox_topPage #topranking #toprankingcountry li span,
	#ColumnBox_topPage #topranking #toprankingcity li span{
		margin-right: 5px;
		font-size: 85%;
		color:  #666;
	}






/*---------------------------------------------
	新着クチコミを見る
---------------------------------------------*/
#ColumnBox_topPage #topkuchikomi { font-size: 93%;}
/*#ColumnBox_topPage #topkuchikomi div.ttlcenterColumn h2*/
/*#ColumnBox_topPage #topkuchikomi div.ttlcenterColumn h3 {
	float: left;
	margin: 0px auto;
	padding: 2px 0px 2px 25px;
	background: url(../imgs/top/icon_kuchikomi.jpg) no-repeat left top;
}*/
#ColumnBox_topPage #topkuchikomi div.ttlcenterColumn h3 {
	float: left;
	margin: 0px auto;
	padding: 2px 0px 2px 10px;
	background: none;
	border-left: 3px solid #E73F3F;
}
#ColumnBox_topPage #topkuchikomi div.ttlcenterColumn em{
	float: left;
	padding: 2px 2px;
	color: #666;
	font-style: normal;
	font-weight: normal;
	line-height: 1.6;
	font-size: 85%;
}
#ColumnBox_topPage #topkuchikomi ul{}
#ColumnBox_topPage #topkuchikomi li{
	margin: 5px auto;
	padding: 5px 0px 6px 25px;
	border-bottom: 1px dotted #ccc;
	background: url(../imgs/common/mark_kuchikomi.gif) no-repeat left 50%;
	line-height: 1.3; /* 20141020 ADD*/
}
#ColumnBox_topPage #topkuchikomi li a{
/*	padding: 5px 0px 5px 25px;
	background: url(../imgs/common/mark_kuchikomi.gif) no-repeat left 50%;*/
}

#ColumnBox_topPage #topkuchikomi li span{
	display: inline-block;
	margin-left: 10px;
	padding-right: 22px;
	color: #666;
	background: url(../imgs/common/mark_new.gif) no-repeat right 2px;
}
/*#ColumnBox_topPage #topkuchikomi li a:hover span{
	text-decoration: none;
}*/
#ColumnBox_topPage #topkuchikomi li a strong{
	font-weight: normal;
}
#ColumnBox_topPage #topkuchikomi li a em{
	font-weight: normal;
	font-style: normal;
}



/*---------------------------------------------
	目的で選ぶ海外ホテル
---------------------------------------------*/
#ColumnBox_topPage #topoverseahotel {
	font-size: 93%;
	margin-bottom: 30px; /* 20141020 ADD */ 
}
/*#ColumnBox_topPage #topoverseahotel div.ttlcenterColumn h2*/
/*#ColumnBox_topPage #topoverseahotel div.ttlcenterColumn .ttl {
	float: left;
	margin: 0px auto;
	padding: 2px 0px 2px 25px;
	font-size: 108%;
	font-weight: bold;
	background: url(../imgs/top/icon_overseas.jpg) no-repeat left top;
}*/
#ColumnBox_topPage #centerColumn #topoverseahotel div.ttlcenterColumn{
	margin-bottom: 20px;

}
#ColumnBox_topPage #topoverseahotel div.ttlcenterColumn .ttl {
	float: left;
	margin: 0px auto;
	padding: 2px 0px 2px 10px;
	font-size: 108%;
	font-weight: bold;
	background: none;
	border-left: 3px solid #E73F3F;
}


#ColumnBox_topPage #topoverseahotel dl{
	margin: 10px auto 5px;
	clear: both;
	overflow: hidden;
}
	* html #ColumnBox_topPage #topoverseahotel dl{zoom:1;}


#ColumnBox_topPage #topoverseahotel dt{
	float: left;
	width: 90px;
	padding: 2px;
	font-size: 0;
	border: 1px solid #ddd;
}
#ColumnBox_topPage #topoverseahotel dd{
	float: right;
	width: 300px;
	padding: 0px;
	line-height: 1.4;
}
#ColumnBox_topPage #topoverseahotel dd span{
	display: block;
	margin: 0px auto;
	color:#f00;
}
#ColumnBox_topPage #topoverseahotel dd .bigbold {
    font-size: 108%;
    font-weight: bold;
}



/*--------------------------------------------------------------------

	右サイドカラム／トップページ専用

--------------------------------------------------------------------*/

/* 〓〓〓 右サイドカラム／トップページ専用 〓〓〓 */

/* 
	common/css/common_right.css に記述。
*/




/*--------------------------------------------------------------------

	ケータイでホテル探し！ 修正（2011/01/19）

--------------------------------------------------------------------*/
#ColumnBox_topPage #leftColumn #mobile_hotel_new2011 {
	background:url(../imgs/top/bg_inner_box_white_354.gif) left bottom no-repeat;
	overflow:hidden;
	width:354px;
	margin:0;
	padding:0 0 9px 0;
	clear:both;
}
	#ColumnBox_topPage #leftColumn #mobile_hotel_new2011 .o_top {
		background:url(../imgs/top/bg_keitai_top.gif) left top no-repeat;
		overflow:hidden;
		height:5px;
		line-height:5px;
		margin:0;
		padding:0;
		clear:both;
	}
	#ColumnBox_topPage #leftColumn #mobile_hotel_new2011 .title {
		display:inline;
		float:left;
		margin:5px 0 4px 0;
		padding:0;
	}
		#ColumnBox_topPage #leftColumn #mobile_hotel_new2011 .title img {
			vertical-align:top;
			margin:0;
			padding:0;
		}
	#ColumnBox_topPage #leftColumn #mobile_hotel_new2011 .innerBox {
		overflow:hidden;
		margin:0 8px 0 8px;
		padding:0;
		clear:both;
		position:relative;
	}
	#ColumnBox_topPage #leftColumn #mobile_hotel_new2011 p.comment {
		display:inline;
		float:left;
		width:254px;
		margin:0 0 3px 0;
		padding:0;
		font-size:93%;
		line-height:1.4;
	}
	#ColumnBox_topPage #leftColumn #mobile_hotel_new2011 p.URL {
		background:url(../imgs/top/icon_arrow_blue_01.jpg) left center no-repeat;
		display:inline;
		float:left;
		margin:0 0 0 1px;
		padding:0 0 0 19px;
		color:#016be3;
		font-size:85%;
		font-weight:bold;
	}
	#ColumnBox_topPage #leftColumn #mobile_hotel_new2011 div.QR_code {
		display:inline;
		float:right;
		width:83px;
		margin:10px 0 1px 0;
		padding:0;
	}
		#ColumnBox_topPage #leftColumn #mobile_hotel_new2011 div.QR_code img {
			margin:0;
			padding:0;
			vertical-align:bottom;
		}






/*--------------------------------------------------------------------

	新着トピックス "下余白" 修正（2011/01/19）

--------------------------------------------------------------------*/
#ColumnBox_topPage #centerColumn #topTopics {
	margin:0 0 20px 0;
}






/*--------------------------------------------------------------------

	イチオシ！特集＆キャンペーン 修正（2011/01/20）

--------------------------------------------------------------------*/
#ColumnBox_topPage #topTokushuCampaign_201101 {
	overflow:hidden;
	width:354px;
	margin:0 0 16px 0;
	padding:0 0 0 0;
	zoom:1;
}
	#ColumnBox_topPage #topTokushuCampaign_201101 img {
		vertical-align:bottom;
		margin:0;
		padding:0;
	}
	#ColumnBox_topPage #topTokushuCampaign_201101 #inner_FLASH_campaign {
		z-index:0;
		overflow:hidden;
		height:186px;
		margin:0;
		padding:0;
		clear:both;
	}
	/* 〓〓〓 iPhone／iPad 設定 〓〓〓 */
	#ColumnBox_topPage #topTokushuCampaign_201101 .bnr_iphone {
		background:#F4F4F4;
		margin:0;
		padding:0;
		text-align:center;
	}
	/* 〓〓〓 FLASH インストールガイド 〓〓〓 */
	#ColumnBox_topPage #topTokushuCampaign_201101 .instGuide {
		border:1px solid #ccc;
		margin:0;
		padding:0 0 17px 0;
		zoom:1;
		text-align:left;
	}
		#ColumnBox_topPage #topTokushuCampaign_201101 .instGuide .p1 {
			margin:13px 13px 0 13px;
			padding:0;
			line-height:1.2;
			font-weight:bold;
		}
		#ColumnBox_topPage #topTokushuCampaign_201101 .instGuide .p2 {
			margin:9px 13px 0 13px;
			padding:0;
			line-height:1.2;
		}
		#ColumnBox_topPage #topTokushuCampaign_201101 .instGuide .bnr {
			margin:12px 13px 0 13px;
			padding:0;
			line-height:1.2;
			overflow:hidden;
		}
			#ColumnBox_topPage #topTokushuCampaign_201101 .instGuide .bnr img {
				display:inline;
				float:right;
				margin:0 0 0 18px;
				padding:0;
				vertical-align:bottom;
			}

	#ColumnBox_topPage #topTokushuCampaign_201101 p.next {
		margin:11px 0 0 0;
		padding:0;
		font-size:85%;
		font-weight:bold;
		text-align:right;
		line-height:12px;
		clear:both;
	}




/*--------------------------------------------------------------------

	バナーエリア（2011/3/7）

--------------------------------------------------------------------*/
#top_hotel_link {
	overflow:hidden;
	margin:20px 0 18px 0;
}
#top_hotel_link .left {
	float:left;
}
#top_hotel_link .right {
	float:right;
}



/*--------------------------------------------------------------------

	都市名文字サイズ変更（2011/4/26）

--------------------------------------------------------------------*/
#ColumnBox_topPage #leftColumn #topSearchCity .step1_toshi_tab01B ul.left_row {
	width:102px;
	margin:12px 5px 0 21px;
}
#ColumnBox_topPage #leftColumn #topSearchCity .step1_toshi_tab01B ul.center_row {
	width:102px;
	margin:12px 5px 0 0;
}
#ColumnBox_topPage #leftColumn #topSearchCity .step1_toshi_tab01B ul.right_row {
	width:102px;
	margin:12px 0 0 0;
}
#ColumnBox_topPage #leftColumn #topSearchCity .step1_toshi_tab01B ul li {
	margin:0 0 8px 0;
}
	/* IE6・7 対応 */
	* html #ColumnBox_topPage #leftColumn #topSearchCity .step1_toshi_tab01B ul li,
	*+html #ColumnBox_topPage #leftColumn #topSearchCity .step1_toshi_tab01B ul li {
		margin:0 0 5px 0
	}
#ColumnBox_topPage #leftColumn #topSearchCity .step1_toshi_tab01B ul li h3 {
	font-family:"ＭＳ Ｐゴシック","ＭＳ ゴシック","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size:85%;
}



/*---------------------------------------------

	ADD20121031
	thickboxによるpopup表示領域設定

	thickboxによる表示領域のブロック要素に対して
	class="PopUp"を指定する

---------------------------------------------*/

/* thickboxの初期定義要素を上書き */
#TB_window #TB_title{ display: none;}/* デフォルトのタイトル帯部分非表示 */
#TB_window #TB_ajaxContent{
	padding: 0px;
}
	* html #TB_window #TB_ajaxContent {
		position: relative;
		overflow: scroll-y;
	}


div.PopUp {
	position: relative;
	padding: 20px;
}

div.PopUp p.closetop {/* 閉じるボタン　右上 */
	position: absolute;
	top: 5px;
	right: 5px;
	color: #006BE1;
	text-align: right;
}
div.PopUp p.closebottom {/* 閉じるボタン　右下 */
	position: absolute;
	bottom: 5px;
	right: 5px;
	color: #006BE1;
	text-align: right;
}
	/* 閉じるボタン　右下 for ie6,7 */
	* html div.PopUp p.closebottom {
		position: relative;
		clear: both;
		float: right;
		margin: -5px;
	}
	*+html div.PopUp p.closebottom {
		position: relative;
		clear: both;
		float: right;
		margin: -5px;
	}


div.PopUp p.closetop a,
div.PopUp p.closebottom a {
	padding: 4px 25px 4px 0px;
	color: #006BE1;
	background: url(../bkg/imgs/body/mark_pop_close.jpg) no-repeat right 50%;
}
	* html div.PopUp p.closetop a,
	* html div.PopUp p.closebottom a{padding: 5px 25px 5px 0px;}


div.PopUp .PopUpTTL {/* タイトル部 */
	margin: 10px auto;
	padding: 2px 0px 2px 10px;
	border-left: 4px solid #E73F3F;
}

div.PopUp p.PopUpAddress{
	margin: 5px auto 5px 15px;
	color: #666;
}

/* 
	ADD20130205
	ツールチップをライトボックス表示に変更
 */
	a.thickbox{
		line-height: 2;
	}

	div.PopUpWrap{
		display: none;
	}
	#TB_ajaxContent div.PopUp p.ttl{
		margin: 5px auto 10px;
		padding: 0px 5px;
		font-weight: bold;
		border-left: 3px solid #E73F3F;
	}
	#TB_ajaxContent div.PopUp span.bold{
		font-size: 100%;
	}










/*===================================================

	ADD20131001
	提携サイト簡易版用スタイル指定

	※bodyのclass属性に「bodypattern_simple」を
	　記述している場合のみ適用されます。

	※基本的にはsonet提携サイトの
	　CSSから引用したものが多くあります。

===================================================*/

.bodypattern_simple{}

.bodypattern_simple #ColumnBox_topPage #leftColumn #topsearch {
	margin: 0px;
	padding: 0px;
	overflow:visible;
}
.bodypattern_simple #ColumnBox_topPage #leftColumn #topsearch h2 {
	position: relative;
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
}
.bodypattern_simple #ColumnBox_topPage #leftColumn #topsearch h2 span#topsearch_maplink{
	position: absolute;
	display: block;
	top: 5px;
	right: 0px;
	padding: 5px 0px 5px 20px;
	font-size: 12px;
	font-weight: normal;
	background: url(../imgs/top/mark_searchmap.jpg) no-repeat left 2px;
}
.bodypattern_simple #ColumnBox_topPage #leftColumn #topsearch_line {
	width: auto;
	padding: 0px;
	background: #66B830;
	border: 1px solid #66B830;
}

.bodypattern_simple #ColumnBox_topPage #leftColumn #topsearch_line .topsection_bg {
	margin: 0px;
	padding: 10px;
	border: 3px solid #66B830;
	background: #fff url(../imgs/top/bg_searcharea_g.jpg) no-repeat left top;
}
.bodypattern_simple #ColumnBox_topPage #leftColumn #topsearch_line #topsearch_selectbox{
	display: block;
	position: relative;
	height: auto;
}

.bodypattern_simple #ColumnBox_topPage #leftColumn #topsearch_line .active{
	display: block;
}

.bodypattern_simple #ColumnBox_topPage #leftColumn #topsearch_line p.LinkNormal{
	margin: 0px 0px 10px;
	padding: 1px 0px 1px 10px;
	font-size: 93%;
	background: url(../imgs/top/mark_arrow_blue.gif) no-repeat left 4px;
}

/*.bodypattern_simple #ColumnBox_topPage #leftColumn #topsearch #topsearch_box02 { display: none;}*/


.bodypattern_simple #ColumnBox_topPage #leftColumn #topsearch_line dl{
	margin: 1px auto;
	padding: 0px;
	overflow: hidden;
	font-size: 93%;
	*zoom: 1;
}
.bodypattern_simple #ColumnBox_topPage #leftColumn #topsearch_line dl.LineBottom{
	padding-bottom: 3px;
	border-bottom: 1px dotted #ccc;
}

.bodypattern_simple #ColumnBox_topPage #leftColumn #topsearch_line .pop{
	font-size: 100%;
}
.bodypattern_simple #ColumnBox_topPage #leftColumn #topsearch_line .pop p.ttl {
	margin: 5px auto 5px;
	padding: 0px 5px;
}
.bodypattern_simple #ColumnBox_topPage #leftColumn #topsearch_line .pop iframe {/* ie6 プルダウン領域用 */
	position: absolute;
	display: none;
	margin: 0px;
	overflow: hidden;
	font-size: 0px;
	*zoom:1;
	background: none;
}
.bodypattern_simple #ColumnBox_topPage #leftColumn #topsearch_line .active iframe {/* ie6 プルダウン領域用 */
	display: block;
}
.bodypattern_simple #ColumnBox_topPage #leftColumn #topsearch_line dl dt{
	float: left;
	width: 65px;
	margin-top: 4px;
}
.bodypattern_simple #ColumnBox_topPage #leftColumn #topsearch_line dl.search_people dt{
	float: none;
	width: 100%;
	margin-top: 4px;
}
	.bodypattern_simple #ColumnBox_topPage #leftColumn #topsearch_line dl.search_people dt img{
		vertical-align: middle;
	}

.bodypattern_simple #ColumnBox_topPage #leftColumn #topsearch_line dl dd{
	float: right;
	width: 205px;
}
	.bodypattern_simple #ColumnBox_topPage #leftColumn #topsearch_line dl.search_people dd{
		float: none;
		width: 100%;
	}
.bodypattern_simple #ColumnBox_topPage #leftColumn #topsearch_line div.topsearch_box {
	display:none;
	margin: 5px 0px 0px;
	padding: 0px 0px 0px 70px;
	/*font-size: 93%;　20140318　*/
	padding-bottom: 5px;
	border-bottom: 1px dotted #999
}
	.bodypattern_simple #ColumnBox_topPage #leftColumn #topsearch_line div.topsearch_box .txt_howtouse{
		display:block;
		padding: 4px 0;
		font-size: 93%;
	}
	.bodypattern_simple #ColumnBox_topPage #leftColumn #topsearch_line div.topsearch_box .howtouse_input{
		margin-right: 0px;
	}

.bodypattern_simple #ColumnBox_topPage #leftColumn #topsearch_line div#topsearch_box1 { padding-top: 3px;	border-top: 1px dotted #ccc;}

.bodypattern_simple #ColumnBox_topPage #leftColumn #topsearch_line div#topsearch_roomcheck {/* 2人利用の部屋を1人で利用 */
	margin: 5px 0px 0px;
}


.bodypattern_simple #ColumnBox_topPage #leftColumn #topsearch_line dl dd span,
.bodypattern_simple #ColumnBox_topPage #leftColumn #topsearch_line div.topsearch_box span {
	margin: 0px 1px;
	/*font-size: 85%; 20130318 */
	height: auto;
}
.bodypattern_simple #ColumnBox_topPage #leftColumn #topsearch_line dl dd span a {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

.bodypattern_simple #ColumnBox_topPage #leftColumn #topsearch_line p#topsearch_box_checkout {/* チェックアウト日 */
	margin: 0px auto 2px;
	padding: 1px 0px 1px 13px;
	background: url(../imgs/common/mark_checkout.gif) no-repeat left 50%;
}

.bodypattern_simple #ColumnBox_topPage #leftColumn #topsearch_line p.BtnCenter{
	clear: both;
	display: block;
	margin: 10px auto 0px;
}

/* 旧検索領域表示iframe */
.bodypattern_simple #ColumnBox_topPage #leftColumn #topsearch_line #topsearch_oldarea {
	width: 260px;
	margin: 0px auto;
	border: none;
}
	.bodypattern_simple #ColumnBox_topPage #leftColumn #topsearch_line #topsearch_oldarea iframe {
		margin: 0px auto;
		border: none;
		background: none;
	}
	.bodypattern_simple #ColumnBox_topPage #leftColumn #topsearch_line #topsearch_oldarea p.LinkLeft{
		margin: 10px auto 0px;
	}





/*--------------------------------------------------------------------

	右カラム全体／トップページ専用

--------------------------------------------------------------------*/

/* 〓〓〓 右カラム全体／トップページ専用 〓〓〓 */
.bodypattern_simple #ColumnBox_topPage #rightColumn {
	display:inline;
	float:right;
	width: 635px;
	margin:0;
	padding: 0px 0px 0px 0px;
	font-size: 13px;
}


/*--------------------------------------------------------------------

	中央カラム／トップページ専用

--------------------------------------------------------------------*/

/* 〓〓〓 中央カラム／トップページ専用 〓〓〓 */
.bodypattern_simple #ColumnBox_topPage #centerColumn {
	overflow:hidden;
	display:inline;
	float:left;
	width:405px;
	margin:0px;
	padding:0px;
}
.bodypattern_simple #ColumnBox_topPage #centerColumn div.section {
	width:405px;
	padding: 0px;
}

body.bodypattern_simple #ColumnBox_topPage #centerColumn div.section div.ttlcenterColumn {
	margin: 1px 0px 0px;
	padding: 1px 0px 0px;
	border: 1px solid #ccc;
	border-bottom: 0px;
	background: url(../imgs/top/bg_ttl_grey.jpg) repeat-x left 1px;
	overflow: hidden;
	*zoom: 1;
}
.bodypattern_simple #ColumnBox_topPage #centerColumn div.section div.ttlcenterColumn-bg {
	padding: 2px 0px;
	background: url(../imgs/top/bg_ttl.gif) no-repeat left bottom;
	overflow: hidden;
	*zoom: 1;
}
	.bodypattern_simple #ColumnBox_topPage #centerColumn div.ttlcenterColumn h2 {
		padding: 4px 0px 6px 35px;
		color: #111;
		font-size: 14px;
	}
	
	.bodypattern_simple #ColumnBox_topPage #centerColumn div.section h3 strong,
	.bodypattern_simple #ColumnBox_topPage #centerColumn div.section div.ttlcenterColumn h3 {
		float: right;
		margin: 3px 5px 0px 0px;
		padding: 1px 0px 1px 15px;
		font-size: 100%;
		background: url(../imgs/top/mark_sq_ora.gif) no-repeat left 50%;
	}



/*--------------------------------------- 

	人気都市ランキング

---------------------------------------*/

.bodypattern_simple #rightColumn #topranking {
	width: 635px;
	margin: 0px auto 20px;
	padding: 0px;
	overflow: hidden;
	*zoom: 1;
}
.bodypattern_simple #rightColumn #topranking h2 {
	position: relative;
}
	.bodypattern_simple #rightColumn #topranking h2 span {
		position: absolute;
		top: 10px;
		right: 5px;
		margin: 0px;
		padding: 0px;
		font-weight: normal;
		font-size: 12px;
		color: #333;
	}
.bodypattern_simple #rightColumn #topranking div#topranking-bg {
	width: 617px;
	margin: 0px;
	padding: 5px 5px 0px;
	border: 4px solid #66B830;
	background: url(../imgs/top/bg_ranking.jpg) repeat-x left top;
	overflow: hidden;
	*zoom: 1;
}
.bodypattern_simple #rightColumn #topranking div#topranking-bg div.fleft {
	float: left;
	width: 305px;
	margin: 0px;
}
.bodypattern_simple #rightColumn #topranking div#topranking-bg div.fright {
	float: right;
	width: 305px;
	margin: 0px;
}
	.bodypattern_simple #rightColumn #topranking div#topranking-bg div.fright p#toprankinglist{
		font-size: 0px;
	}
.bodypattern_simple #rightColumn #topranking div#topranking-bg dl {
	width: 305px;
	margin: 0px auto 5px;
	padding: 0px;
	overflow: hidden;
	*zoom: 1;
}
.bodypattern_simple #rightColumn #topranking div#topranking-bg dl dt{
	float: left;
	width: 70px;
	margin: 0px;
	padding: 3px;
	font-size: 0px;
	border: 1px solid #ddd;
	background: #fff;
}
.bodypattern_simple #rightColumn #topranking div#topranking-bg dl dd{
	float: right;
	width: 220px;
	margin: 0px;
	padding: 0px;
}

	.bodypattern_simple #rightColumn #topranking div#topranking-bg dl dd h3{
		padding: 4px 0px 1px 25px;
	}
	.bodypattern_simple #rightColumn #topranking div#topranking-bg dl dd h3.ranking01{	background: url(../imgs/top/icon_ranking1.jpg) no-repeat scroll left 50%;}
	.bodypattern_simple #rightColumn #topranking div#topranking-bg dl dd h3.ranking02{	background: url(../imgs/top/icon_ranking2.jpg) no-repeat scroll left 50%;}
	.bodypattern_simple #rightColumn #topranking div#topranking-bg dl dd h3.ranking03{	background: url(../imgs/top/icon_ranking3.jpg) no-repeat scroll left 50%;}
	.bodypattern_simple #rightColumn #topranking div#topranking-bg dl dd h3.ranking04{	background: url(../imgs/top/icon_ranking4.jpg) no-repeat scroll left 50%;}
	.bodypattern_simple #rightColumn #topranking div#topranking-bg dl dd h3.ranking05{	background: url(../imgs/top/icon_ranking5.jpg) no-repeat scroll left 50%;}




/*---------------------------------------------
	世界地図から探す
---------------------------------------------*/
.bodypattern_simple #ColumnBox_topPage #worldmapsearch h2 {
	margin: 0px auto 0.1em;
	padding: 0.3em 0px 0.3em 30px;
	font-size: 108%;
	background: url(../imgs/common/ico_worldsearch.gif) no-repeat 2px top;
}
.bodypattern_simple #ColumnBox_topPage #worldmapsearch #worldmapsearch_boxwrap {
	width: 401px;
	height: 226px;
	padding: 1px;
	border: 1px solid #ddd;
}

.bodypattern_simple #ColumnBox_topPage #worldmapsearch #worldmapsearch_boxwrap ul{
	position: relative;
	width: 401px;
	height: 226px;
	margin: 0px;
	padding: 0px;
	background: url(../imgs/top/bg_tieup_worldsearch.jpg) no-repeat left top;
}

.bodypattern_simple #ColumnBox_topPage #worldmapsearch #worldmapsearch_boxwrap li{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 89px;/* 仮。以下で個別に幅指定する。 */
	height: 34px;
	margin: 0px;
	padding: 0px;
}

	.bodypattern_simple #ColumnBox_topPage #worldmapsearch #worldmapsearch_boxwrap li#worldmap_micropacific {height: 44px;}

.bodypattern_simple #ColumnBox_topPage #worldmapsearch #worldmapsearch_boxwrap li a{
	display: block;
	height: 34px;
	font-size: 0px;
	text-indent: -9999px;
	background: url(../imgs/common/btn_tieup_worldmap.png) no-repeat;
}
	.bodypattern_simple #ColumnBox_topPage #worldmapsearch #worldmapsearch_boxwrap li#worldmap_micropacific a{
		height: 44px;
		background: url(../imgs/common/btn_tieup_worldmap_guam.png) no-repeat;
	}


.bodypattern_simple #ColumnBox_topPage #worldmapsearch #worldmapsearch_boxwrap li#worldmap_europe {		top: 36px; left:28px; width: 89px;}
.bodypattern_simple #ColumnBox_topPage #worldmapsearch #worldmapsearch_boxwrap li#worldmap_asia {		top: 80px; left:132px; width: 74px;}
.bodypattern_simple #ColumnBox_topPage #worldmapsearch #worldmapsearch_boxwrap li#worldmap_ca {			top: 36px; left:226px; width: 74px;}
.bodypattern_simple #ColumnBox_topPage #worldmapsearch #worldmapsearch_boxwrap li#worldmap_um {			top: 80px; left:227px; width: 74px;}
.bodypattern_simple #ColumnBox_topPage #worldmapsearch #worldmapsearch_boxwrap li#worldmap_us {			top: 58px; left:310px; width: 84px;}
.bodypattern_simple #ColumnBox_topPage #worldmapsearch #worldmapsearch_boxwrap li#worldmap_carib {		top: 115px; left:272px; width: 121px;}
.bodypattern_simple #ColumnBox_topPage #worldmapsearch #worldmapsearch_boxwrap li#worldmap_oceania {	top: 181px; left:85px; width: 94px;}
.bodypattern_simple #ColumnBox_topPage #worldmapsearch #worldmapsearch_boxwrap li#worldmap_meafrica {	top: 118px; left:14px; width: 119px;}

.bodypattern_simple #ColumnBox_topPage #worldmapsearch #worldmapsearch_boxwrap li#worldmap_micropacific {		top: 151px; left:205px; width: 119px;}


	/* 通常時 */
	.bodypattern_simple #ColumnBox_topPage #worldmapsearch #worldmapsearch_boxwrap li#worldmap_europe a { 	background-position: 0px 0px;}
	.bodypattern_simple #ColumnBox_topPage #worldmapsearch #worldmapsearch_boxwrap li#worldmap_asia a { 	background-position: -89px 0px;}
	.bodypattern_simple #ColumnBox_topPage #worldmapsearch #worldmapsearch_boxwrap li#worldmap_ca a { 		background-position: -163px 0px;}
	.bodypattern_simple #ColumnBox_topPage #worldmapsearch #worldmapsearch_boxwrap li#worldmap_um a { 		background-position: -237px 0px;}
	.bodypattern_simple #ColumnBox_topPage #worldmapsearch #worldmapsearch_boxwrap li#worldmap_us a { 		background-position: -311px 0px;}
	.bodypattern_simple #ColumnBox_topPage #worldmapsearch #worldmapsearch_boxwrap li#worldmap_carib a { 	background-position: -395px 0px;}
	.bodypattern_simple #ColumnBox_topPage #worldmapsearch #worldmapsearch_boxwrap li#worldmap_oceania a { 	background-position: -516px 0px;}
	.bodypattern_simple #ColumnBox_topPage #worldmapsearch #worldmapsearch_boxwrap li#worldmap_meafrica a {	background-position: -610px 0px;}

	.bodypattern_simple #ColumnBox_topPage #worldmapsearch #worldmapsearch_boxwrap li#worldmap_micropacific a{		background-position: 0px 0px;}


	/* hover時 */
	.bodypattern_simple #ColumnBox_topPage #worldmapsearch #worldmapsearch_boxwrap li#worldmap_europe a:hover { 	background-position: 0px -34px;}
	.bodypattern_simple #ColumnBox_topPage #worldmapsearch #worldmapsearch_boxwrap li#worldmap_asia a:hover { 		background-position: -89px -34px;}
	.bodypattern_simple #ColumnBox_topPage #worldmapsearch #worldmapsearch_boxwrap li#worldmap_ca a:hover { 		background-position: -163px -34px;}
	.bodypattern_simple #ColumnBox_topPage #worldmapsearch #worldmapsearch_boxwrap li#worldmap_um a:hover { 		background-position: -237px -34px;}
	.bodypattern_simple #ColumnBox_topPage #worldmapsearch #worldmapsearch_boxwrap li#worldmap_us a:hover { 		background-position: -311px -34px;}
	.bodypattern_simple #ColumnBox_topPage #worldmapsearch #worldmapsearch_boxwrap li#worldmap_carib a:hover { 		background-position: -395px -34px;}
	.bodypattern_simple #ColumnBox_topPage #worldmapsearch #worldmapsearch_boxwrap li#worldmap_oceania a:hover { 	background-position: -516px -34px;}
	.bodypattern_simple #ColumnBox_topPage #worldmapsearch #worldmapsearch_boxwrap li#worldmap_meafrica a:hover {	background-position: -610px -34px;}

	.bodypattern_simple #ColumnBox_topPage #worldmapsearch #worldmapsearch_boxwrap li#worldmap_micropacific a:hover {		background-position: 0px -44px;}



/*---------------------------------------------
	海外ホテル人気ランキング
---------------------------------------------*/
.bodypattern_simple #ColumnBox_topPage #topranking {}

.bodypattern_simple #ColumnBox_topPage #topranking div.ttlcenterColumn h2 {
	float: left;
	background: url(../imgs/top/ico_ranking.gif) no-repeat 2px top;
}

.bodypattern_simple #ColumnBox_topPage #topranking p#topranking_monthcity {
	margin: 10px 5px;
	font-size: 93%;
	color: #666;
}
.bodypattern_simple #ColumnBox_topPage #topranking p#topranking_monthcity span{
	margin: 0px 5px 0px;
	padding: 0px 10px 0px 0px;
	background: url(../imgs/top/mark_arrow_blue.gif) no-repeat right 3px;
}

.bodypattern_simple #ColumnBox_topPage #topranking dl#topranking_box1,
.bodypattern_simple #ColumnBox_topPage #topranking div#topranking_box2,
.bodypattern_simple #ColumnBox_topPage #topranking div#topranking_box3 {
	margin-bottom: 5px;
	overflow: hidden;
	*zoom: 1;
}
.bodypattern_simple #ColumnBox_topPage #topranking #topranking_box1 dt {
	float: left;
	width: 80px;/*90*/
	padding: 2px;
	border: 1px solid #ddd;
	font-size: 0;
}
.bodypattern_simple #ColumnBox_topPage #topranking #topranking_box1 dt img{
	line-height: 1;
}
.bodypattern_simple #ColumnBox_topPage #topranking #topranking_box1 dd {
	float: right;
	width: 310px;
}
.bodypattern_simple #ColumnBox_topPage #topranking h4{ font-size: 100%;}
.bodypattern_simple #ColumnBox_topPage #topranking #topranking_box1 dd h4{
	padding: 5px 0px 4px 25px;
	background: url(../imgs/top/icon_ranking1.jpg) no-repeat left 50%;
}

.bodypattern_simple #ColumnBox_topPage #topranking #topranking_box1 dd strong,
.bodypattern_simple #ColumnBox_topPage #topranking #topranking_box2 strong,
.bodypattern_simple #ColumnBox_topPage #topranking #topranking_box3 strong{
	font-size: 116%;
	color: #f00;
}

.bodypattern_simple #ColumnBox_topPage #topranking #topranking_box2 h4{
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 5px 0px 4px 25px;
	background: url(../imgs/top/icon_ranking2.jpg) no-repeat left 50%;
}
.bodypattern_simple #ColumnBox_topPage #topranking #topranking_box3 h4{
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 5px 0px 4px 25px;
	background: url(../imgs/top/icon_ranking3.jpg) no-repeat left 50%;
}
.bodypattern_simple #ColumnBox_topPage #topranking #topranking_box2 span,
.bodypattern_simple #ColumnBox_topPage #topranking #topranking_box3 span{
	margin: 5px 3px 0px;
}

/* 人気国、人気都市 */
.bodypattern_simple #ColumnBox_topPage #topranking div#toprankingcountry,
.bodypattern_simple #ColumnBox_topPage #topranking div#toprankingcity {
	width: 200px;
	margin: 10px auto 0px;
	padding: 0px;
	overflow: hidden;
	*zoom: 1;
	border-top: 2px solid #ccc;
}

	.bodypattern_simple #ColumnBox_topPage #topranking div#toprankingcountry { float: left;}
	.bodypattern_simple #ColumnBox_topPage #topranking div#toprankingcity { float: right;}
	
	.bodypattern_simple #ColumnBox_topPage #topranking #toprankingcountry h3,
	.bodypattern_simple #ColumnBox_topPage #topranking #toprankingcity h3 {
		margin-bottom: 10px;
		padding: 5px 5px;
		overflow: hidden;
		*zoom:1;
		font-weight: bold;
		font-size: 100%;
		border-bottom: 1px solid #ddd;
	}
		.bodypattern_simple #ColumnBox_topPage #topranking #toprankingcountry h3 span,
		.bodypattern_simple #ColumnBox_topPage #topranking #toprankingcity h3 span{
			float: left;
		}
		.bodypattern_simple #ColumnBox_topPage #topranking #toprankingcountry h3 a,
		.bodypattern_simple #ColumnBox_topPage #topranking #toprankingcity h3 a {
			float: right;
			display: inline;
			margin: 0px;
			padding: 1px 0px 1px 15px;
			font-size: 93%;
			background: url(../imgs/common/mark_arrow_sq_red.gif) no-repeat left 50%;
		}
	.bodypattern_simple #ColumnBox_topPage  #topranking dl#toprankingcountry dd,
	.bodypattern_simple #ColumnBox_topPage #topranking dl#toprankingcity dd{
		margin: 0px auto 0px 5px;
	}
	
	.bodypattern_simple #ColumnBox_topPage #topranking #toprankingcountry li,
	.bodypattern_simple #ColumnBox_topPage #topranking #toprankingcity li{
		margin: 3px auto 7px;
	}
	
	.bodypattern_simple #ColumnBox_topPage #topranking #toprankingcountry li span,
	.bodypattern_simple #ColumnBox_topPage #topranking #toprankingcity li span{
		margin-right: 5px;
		font-size: 85%;
		color:  #666;
	}





/*---------------------------------------------
	ご存じですか？
	ニューオープン＆おすすめホテル！
---------------------------------------------*/

.bodypattern_simple #ColumnBox_topPage #toptopix div.ttlcenterColumn h2 {
	background: url(../imgs/top/ico_topics.gif) no-repeat scroll 3px top;

}


/*---------------------------------------------
	シティマップから探す
---------------------------------------------*/
.bodypattern_simple #ColumnBox_topPage #rightsideColumn #rightsideColumn_citymap {
	border: none;
}
.bodypattern_simple #ColumnBox_topPage #rightsideColumn #rightsideColumn_citymap h3 {
	margin: 0px auto 0.1em;
	padding: 0.3em 0px 0.3em 25px;
	border-bottom: none;
	font-size: 108%;
	background: url(../imgs/common/ico_citymap.gif) no-repeat 2px top;
}
/* 2重枠 */
.bodypattern_simple #ColumnBox_topPage #rightsideColumn #rightsideColumn_citymap .rightcolumn_box_wrap {
	height: 224px;
	padding: 2px;
	border: 1px solid #ccc;
	background: #e8e8e8;
}
.bodypattern_simple #ColumnBox_topPage #rightsideColumn #rightsideColumn_citymap .rightcolumn_box {
	height: 212px;
	padding: 5px 0px;
	border: 1px solid #ccc;
	background: #fff;
}
	.bodypattern_simple #ColumnBox_topPage #rightsideColumn #rightsideColumn_citymap .rightcolumn_box p{
		padding: 0.3em 1.0em;
		line-height: 1.4;
		font-size: 93%;
	}
	.bodypattern_simple #ColumnBox_topPage #rightsideColumn #rightsideColumn_citymap .rightcolumn_box p span{color: #f00;}
	
	.bodypattern_simple #ColumnBox_topPage #rightsideColumn #rightsideColumn_citymap .rightcolumn_box p.img{
		padding: 0px;
		text-align: center;
		font-size: 0px;
		line-height: 0;
	}
	/* シティマップを見る */
	.bodypattern_simple #ColumnBox_topPage #rightsideColumn #rightsideColumn_citymap .rightcolumn_box p.arrow_red a{
		display: block;
		padding: 0px 0px 0px 10px;
		line-height: 1.4;
		background: url(../imgs/common/mark_arrow_red.gif) no-repeat scroll left center;
	}


/*---------------------------------------------
	海外アシスタンスサービス 20141020 
---------------------------------------------*/

#ColumnBox_topPage #leftColumn #topassistant{
	padding: 3px;
	margin-bottom: 15px;
	border:1px solid #CCCCCC;
}
	#ColumnBox_topPage #leftColumn #topassistant dl{
		background: url(../imgs/common/img_assistant.jpg) no-repeat left center;
		padding: 10px 5px 10px 105px;
	}
	#ColumnBox_topPage #leftColumn #topassistant dl dt{
		margin-bottom: 10px;
	}
		#ColumnBox_topPage #leftColumn #topassistant dl dt a{
			padding: 0px 0px 0px 15px;
			background: url(../imgs/common/mark_arrow_sq_red.gif) no-repeat left 1px;
		}

	#ColumnBox_topPage #leftColumn #topassistant dl dd{
		line-height: 1.3;
	}


/*---------------------------------------------
	トップスライダー 20141020 
---------------------------------------------*/
#slidebox{
	max-width: 635px;
	height: 340px;
	margin-bottom: 20px;
	padding-top: 30px;
}
.flexslider{
margin: 0 auto;
max-width: 635px;
height: 340px;

}

/* Browser Resets */
.flex-container a:active,
.flexslider a:active{
	overflow: hidden;
	outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
} 

/* FlexSlider Necessary Styles
*********************************/ 

 /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li {
	display: none;
}
.flexslider .slides img {
	max-width: 100%;
	display: block;
}
.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility:	hidden;
	line-height: 0;
	height: 0;
} 
html[xmlns] .slides {
	display: block;
} 
* html .slides {
	height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
	display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
	position: relative;
	zoom: 1;
}
.flexslider .slides {
	zoom: 1;
}
.flexslider .slides > li {
	position: relative;
}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {
	zoom: 1;
	position: relative;
}

/* Caption style */
/* IE rgba() hack */
.flex-caption {
	background:none;
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;
}
.flex-caption {
	width: 96%;
	padding: 2%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,.3);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
	font-size: 14px;
	line-height: 16px;
}

/* Direction Nav */
.flex-direction-nav li a {
	width: 35px;
	height: 70px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -35px;
	cursor: pointer;
	z-index: 1000;
	font-size: 0;
}
.flex-direction-nav li .next {
	right: 0px;
	background: url(../imgs/top/ico_top_slide_right.png) no-repeat 0 0; 
}
.flex-direction-nav li .prev {
	left: 0px;
	background: url(../imgs/top/ico_top_slide_left.png) no-repeat 0 0;
}

.flex-direction-nav li .disabled {
	/*opacity: .3;
	filter:alpha(opacity=30);*/
	cursor: default;
}

/* Control Nav */
.flex-control-nav {
	background: url(../imgs/top/bkg_top_slide.png) ;
	position: absolute;
	bottom: 0px;
	left: 50%;
	width: 200px;
	height: 11px;
	margin-left: -100px;
	text-align: center;
	z-index: 1000;
	padding: 5px 0;
	border-radius: 5px 5px 0px 0px;
	overflow: hidden;
	vertical-align: top;

}
.flex-control-nav li {
	margin: 0 5px 0 5px;
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: top;
}
.flex-control-nav li:first-child {
	margin: 0 5px 0 0;
}
.flex-control-nav li a {
	width: 11px;
	height: 11px;
	margin:0;
	padding: 0;
	display: block;
	background: url(../imgs/top/ico_top_slide_cont.png) no-repeat top left;
	cursor: pointer;
	text-indent: -9999px;
}
.flex-control-nav li a:hover {
	width: 11px;
	height: 11px;
	margin:0;
	padding: 0;
	background-position: 0 -11px;
}
.flex-control-nav li a.active {
	width: 11px;
	height: 11px;
	margin:0;
	padding: 0;
	background-position: 0 -11px;
	cursor: pointer;
}
/*---------------------------------------------
簡易版表示用クチコミ
---------------------------------------------*/
#m_top_bbs > #topkuchikomi div.ttlcenterColumn {
	border: 1px solid #cccccc!important;
}
#m_top_bbs > #topkuchikomi div.ttlcenterColumn h3 {
	float: left!important;
	font-size: 108%!important;
	margin: 6px 8px!important;
	border-left:3px solid #FC6911!important;
}
#m_top_bbs > #topkuchikomi div.ttlcenterColumn em {
	padding: 5px 0!important;
}
#m_top_bbs > #topkuchikomi div.ttlcenterColumn .link_right {
	margin: 6px 6px 0!important;
}