@charset "utf-8";
@import "/web/20111014230916cs_/http://itcj.jp/css/pager.css";
@import "/web/20111014230916cs_/http://itcj.jp/css/button_guest.css";
@media all{
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } 
table {  border-collapse:collapse;border-spacing:0;} 
fieldset,img { border:0; } 
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } 
ol,ul {  list-style:none;} 
caption,th { text-align:left; } 
h1,h2,h3,h4,h5,h6,p,ul,li { font-size:100%; font-weight:normal; color:#505050;} 
q:before,q:after {  content:''; } 
abbr,acronym { border:0; }  
/*hr 		{ display:none;}*/
hr 		{ margin:0; padding:0;}
img 	{vertical-align:bottom;margin: 0;padding: 0;border:none;}
p 		{margin: 0;padding: 0;line-height:140%;}
small 	{ font-size:80%;}
big 	{ font-size:115%;}
strong 	{ font-weight:bold;}
a, a:link, a:visited, a:active { color:#0000CC; outline:0; text-decoration:none;}
a:hover { text-decoration:underline; color:#FF6600}
input 	{ padding-right:1px;}
th, td	{ vertical-align:top; padding:3px 0;}

/*  ****************/

#wrap {
	width:980px;
	margin:0 auto;
	border:solid #999999;
	border-width:0 1px;
	position:relative;
	}
	
#header {
	height:102px;
	background:url(/img/guest_tmpl/header_bg.jpg) no-repeat;
	font-size:90%;
	border-bottom:1px solid #E6E6E6;}
	#header img { vertical-align:middle }
	
	#head_logo 	{ position:absolute; left:14px; top:9px;}/* ロゴ画像 */
	#head_text 	{ position:absolute; left:14px; top:78px;}/* リード文 */
	#head_logoff{ position:absolute; left:460px; top:9px; width:70px;}
	#head_rsrv	{ position:absolute; left:520px; top:9px; width:110px;}
	#head_help	{ position:absolute; left:630px; top:9px; width:120px;}
	#head_faq	{ position:absolute; left:725px; top:9px; width:60px;}	
		#head_rsrv a, #head_help a, #head_logoff a,#head_faq a { color:white; text-decoration:underline; }
	#head_eng 	{ position:absolute; left:779px; top:9px;}/* 英文アイコン */
	#head_chc 	{ position:absolute; left:844px; top:9px;}/* 繁体中文アイコン */
	#head_kor 	{ position:absolute; left:914px; top:9px;}/* 韓文アイコン */
	#search_box	{ display:block; position:absolute; right:18px; top:75px; line-height:20px; font-weight:bold;}
		#search_box #free_word { line-height:18px; width:130px;}
#path	{
	height:24px;
	padding:0 14px;
	border-bottom: 2px solid #D60000;
	line-height:26px;}

#main	{
	padding:0 20px;
	line-height:140%;}
	
	#main a { text-decoration:underline; color:#003399;}
	#main a.red { text-decoration:underline; color:#C00000;}
	#main img { vertical-align:middle }
	
	/* 左側のサブカラム */
	#col_left {
		width: 220px;
		float:left;
		margin-right:20px;
		background-color:#EDEDED;
		}
		#col_left dl { padding:15px;}
		#seek dt { color:#990000; font-weight:bold; padding:5px 0;}	/*　絞り込み検索　*/
		#seek dd { padding-bottom:10px; margin-bottom:5px;border-bottom:1px solid #BBB;}
		/* 会員ページ用 */
		#col_left_member {
			width: 220px;
			float:left;
			margin-right:20px;
			background:url(/img/guest_tmpl/mypage/menu_bg.jpg) repeat-x white;}
		#col_left_member em { display:block; height:80px; line-height:80px; color:#666600; font-weight:bold; font-size:16px; padding-left:20px;}
		#col_left_member table { border-top:1px solid #CCCC99; font-weight:bold;}
		#col_left_member td { 
			background:url(/img/guest_tmpl/mypage/arrow_double.gif) no-repeat 7px 22px; 
			border-bottom:1px solid #CCCC99;			
			height:48px;
			vertical-align:middle;
			padding-left:22px;
			color:#999999} 
		#col_left_member td.on { background-color:#666600; color:white; background-image:none;}
		#col_left_member td a {  text-decoration:none; color:#666600}
	
	/* メインのカラム */
	#col_main {
		width: 700px;
		float:left;
		background:url(/img/guest_tmpl/headings_fish.jpg) no-repeat;}
		#col_main div, #col_main dl { margin-left:auto; margin-right:auto;}
		#col_main .title { height:75px;border:1px solid white; padding-top:25px;}
		#col_main h1 { margin: 0 0 0 75px; font-size:24px; line-height:27px; }
		#col_main h2 { margin: 0 0 0 75px; color:#C00000; margin-bottom:5px; font-size:12px; }
		#col_main h3 { font-size:18px; line-height:24px; color:#C00000; border-bottom:3px solid #C00000; padding-bottom:5px; } /* 都道府県一覧 */
		#col_main h4 { font-size:16px; font-weight:bold; padding-top:15px; margin-bottom:10px;
						background:url(/img/guest_tmpl/brush.gif) no-repeat; } /* 施設詳細の施設名 */
		#col_main h5 { font-size:14px; font-weight:bold;}
		#col_main .body {
			margin:0 10px;
			width: 630px;
			padding: 15px 23px;
			background:url(/img/guest_tmpl/tab_bg.jpg) no-repeat; }
		/* 全幅のメインカラム */
		#col_main.expand { width:938px;}
			#col_main.expand .title {}
			#col_main.expand .body { 
				width:765px;
				margin:0 auto;
				padding: 20px 80px;
				background:url(/img/guest_tmpl/tab_expand_bg.jpg) no-repeat }
	
	/* 右側のサブカラム */
	#col_right {
		width: 220px;
		float:left;
		margin-left:20px;
		background-color:#EDEDED;}
		
		#features_vrt { margin:5px auto 15px auto; width:200px;}
			#features_vrt dt { color:#990000; font-weight:bold; font-size:12px; padding:5px 0;}
		

#footer {
	height:58px;
	clear:both;
	background:url(/img/guest_tmpl/footer_bg.gif) repeat-x;
	margin-top:15px;
	font-size:90%;}
	#footer p { height:16px; position:absolute; left:14px; bottom:15px; width:830px; color:white;} /* フッターのリンク部 */
	#footer a { color:white; text-decoration:underline;}
	#foot_logo { position:absolute; left:894px;}  /* フッターロゴ */
	
	
/*  クラス *******************************************************/
.ta_c { text-align:center;}
.ta_r { text-align:right;}
.ta_l { text-align:left;}
.fl_r { float:right; margin-left:10px;}
.fl_l { float:left; margin-right:10px;}
.red_city { padding-left:15px; background:url(/img/share/icon_list_city.gif) no-repeat 0 0.2em;}
.red_sight { padding-left:15px; background:url(/img/share/icon_list_sight.gif) no-repeat 0 0.2em;}
.red { color:#D60000 !important;}
.gray { color:#999999;}
.tbl_no_pad td { padding:0;}
	.tbl_no_pad td{ padding:0;}

/* 地域地図の観光地一覧 */
.tbl_city_list { border-top:1px solid #CCCCCC;}
	.tbl_city_list td { padding:10px 15px; border-bottom:1px solid #CCCCCC }
	.tbl_city_list h4 { color:#008FD5; font-weight:bold; font-size:14px; margin-bottom:7px;}
	.tbl_city_list li { margin:0 0 5px 0; width:33%; float:left}
		.tbl_city_list table td { width:33%; border:none; padding:0 0 5px 0;}
		.tbl_city_list table ul { margin-top:5px;}
		.tbl_city_list table li { width:auto; float:none; padding-left:10px;}

/* ホテル一覧 */
.tbl_hotel_list {}
	.tbl_hotel_list th, .tbl_hotel_list td { padding:5px;}
	.tbl_hotel_list td.img80 { 
		width:80px; height:80px; 
		border:1px solid #CCCCCC;
		background-color:#EFEFEF;
		vertical-align:middle;
		padding:0;}
	tr.altRow td,tr.altRow th { background-color:#F6F7FB;}
	td.altRow { background-color:#F6F7FB;}

/* ホテル詳細 料金カテゴリなど */
.tbl_hotel_detail { border:solid #ACD0F0; border-width:2px 0 0 2px; }
	.tbl_hotel_detail td, .tbl_hotel_detail th { border:solid #ACD0F0; border-width:0 2px 2px 0; height:3em }
	.tbl_hotel_detail th { text-align:center; vertical-align:middle; font-weight:bold;background-color:#ECF3F9}
	.tbl_hotel_detail td { text-align:center; vertical-align:middle; }
		.tbl_hotel_detail td.off { color:#BBB;}
		.tbl_hotel_detail td.on { background:#3399CC; color:white; font-weight:bold;}

/* ホテル詳細 部屋種類など */
.tbl_hotel_detail2 { border:solid #ACD0F0; border-width:1px 0 0 1px; }
	.tbl_hotel_detail2 td, .tbl_hotel_detail2 th { border:solid #ACD0F0; padding:5px; border-width:0 1px 1px 0; }
	.tbl_hotel_detail2 th { font-weight:bold;background-color:#ECF3F9; font-weight:bold;}

/* ホテル詳細　施設など */
dl.facil { border:1px solid #C5C6A7; padding:1px;}
	dl.facil dt { height:31px; background:url(/img/hotel_detail/dt_bg1.gif) no-repeat; padding-left:30px; 
					font-size:14px; font-weight:bold; line-height:30px; color:#60613F;}
	dl.facil th { color:#003366; text-align:center; border-right:1px solid #DDD; 
					background:#F9FCEE url(/img/hotel_detail/facil_th_bg.gif) repeat-x left bottom ;}
					
/* 施設詳細のタブ */
ul.hotel_detail_tab { }
	.hotel_detail_tab li { float:left; }
	.hotel_detail_tab li a {
		display:block; 
		width:160px; height:36px;
		font-size:14px; font-weight:bold; text-decoration:none !important; line-height:36px;
		text-align:center;
		color:#777 !important;
		background:url(/img/hotel_detail/tab_bg_off.gif) no-repeat;}
	.hotel_detail_tab li a.on {
		background-image:url(/img/hotel_detail/tab_bg_on.gif);
		color:white !important;}
	
/* 汎用的な矢印型リスト */
.list_1 li { 
	padding-left:16px; 
	margin:5px 0;
	background:url(/img/share/li_bg_1.gif) no-repeat 0 0.1em;}
/* 汎用的なハイフンリスト */
.list_2 li { 
	padding-left:8px; margin-left:5px;
	background:url(/img/share/li_bg_2.gif) no-repeat 0 0.2em;}
a.list_3, .list_3 li { 
	padding-left:14px; 
	background:url(/img/share/li_bg_3.gif) no-repeat 1px 0.4em;}
a.list_4, .list_4 li { 
	padding-left:14px; 
	background:url(/img/share/li_bg_4.gif) no-repeat 0 0.3em;}

/* 入力フォーム */
.tbl_form_1 { line-height:150%; border-top:2px solid #C00000; border-bottom:2px solid #C00000;}
	.tbl_form_1 td, .tbl_form_1 th { padding:6px 5px; border-bottom:1px solid #DDD;}
	.tbl_form_1 th { font-weight:bold; color:#333333;}
	.tbl_form_1 .hint	{ color:#666666; font-size:90%; line-height:120%; margin-top:5px;}
	.tbl_form_1 em { color:#CC0000; font-weight:bold;}
	.tbl_form_1 .alert	{ color:#CC0000;}

/* 予約ホテル名などを表示 */
.tbl_form_2 { line-height:150%; border:solid #DDD; border-width:1px 0 0 1px;}
	.tbl_form_2 td, .tbl_form_2 th { padding:4px; border:solid #DDD; border-width:0 1px 1px 0;}
	.tbl_form_2 th { background-color:#EFEFEF;}
	
.tbl_my_res { border:solid #C2C5B4; border-width:1px 0 1px 1px;}
	.tbl_my_res th, .tbl_my_res td { padding:3px 5px; }
	.tbl_my_res thead th { background-color:#C2C5B4; color:#333333; font-size:120%; font-weight:bold; text-align:left; }
	.tbl_my_res th { color:#003366; font-weight:bold; text-align:center; border-right:solid 1px #C2C5B4; border-bottom:solid 1px #C2C5B4; }
	.tbl_my_res td { border-right:solid 1px #C2C5B4; border-bottom:dotted 1px #C2C5B4; }

/* 予約テーブル ****/

.tbl_res_detail { border:2px solid #999; }
	
	.tbl_res_detail th , .tbl_res_detail td { 
		padding:3px;
		vertical-align:top;
		border:solid #AAA;
		border-bottom: dotted;
		border-width:0 1px 1px 0;}
	.tbl_res_detail tr.pause td, .tbl_res_detail tr.pause th, .tbl_res_detail td.pause, .tbl_res_detail th.pause {
		border-bottom:solid 1px #999;}
	.tbl_res_detail th { 
		background-color:#CEE7FF;}
	.tbl_res_detail td {}

/* 画像 **/
img.img_gray_frame {
	padding:2px;
	border:1px solid #BBB;}
	
/* 番号リスト */
ol.numbering_list {
	list-style:decimal;
	margin:15px 30px;}
	ol.numbering_list li { margin-bottom:1em;}

/* 先頭文字拡大 */
.init_cap { font-size:22px; line-height:120%; font-weight:bold;}
}

@media print{ /* 印刷時のクレジットカード表示 */
	.tbl_hotel_detail td.on		{ background-color:white; color:black;}
	.tbl_hotel_detail td.off	{ background-color:white; color:white; visibility:hidden;}
}