/* CSS Document */
body{
	/*text-align:center;*/
	}
hr{
	border:dotted 1 #000000;
	}
h2.point{
	width:95%;
	margin:0px;
	color:#FFFFFF;
	font-size:130%;
	background-color:#06C;
	border:solid 1 #000000;
	padding:10px;
	vertical-align:-20px;
	}
/*
ul{
	color:#ffffff;
	}
li{
	list-style-type: square;
	float:left;
	margin-left:10px;
	}
	*/
#box{
	text-align:left;
	width:960px;
	background-color:#ECECED;
	padding-top:10px;
	margin:auto;
	margin-top:-15px;
}
#desnavi {
	width:960px;
	display:block;
	background-color:#34A4F9;
	}
#pan{
	margin-top:10px;
	margin-left:10px;
	font-size:90%;
	}
#contents{
	width:960px;
	margin:auto;
	}
#left{
	width:750px;
	margin-top:20px;
	margin-left:10px;
	float:left;
	background-color:#FFFFFF;
	}
#right{
	width:180px;
	margin-top:10px;
	padding-right:10px;
	float:right;
	}
#navi{
	width:180px;
	background-color:#FFFFFF;
	font-size:12px;
	line-height:150%;
	float:none;
	margin-bottom:10px;
	background-image:url(image/rightback.gif);
	border-bottom:solid 1px #999999;
	}
#navi p{
	padding:5px;
	margin:0px;
	}
#right img{
	margin:0px;
	padding:0px;
	}
.waku{
	width:340px;
	margin:10px;
	float:left;
	border:solid 1px #AAA;
	background-color:#FFFFFF;
	position:relative;
	}
.none{
	float:left;
	background-image:url(../index_image/none.jpg);
	margin:10px;
	height:370px;
	width:340px;
	}
.pic img{
	margin:5px;
	width: 330px;

}
.flight{
	position:absolute;
	left:3px;
	top:3px;
	border:3px solid #FFF;
	width:auto;
	border-radius:3px;
	}
.title{
	font-size:18px;
	font-weight:bold;
	line-height:120%;
	text-align:center;
	margin: 0px;
	padding: 5px;
	background-color: #EBF2F3;
	}
.icon{
	text-align:left;
	margin-top:0px;
	margin-left:5px;
	margin-bottom:5px;
}
.kakaku{
	color:#FF0000;
	font-weight:bold;
	font-size:26px;
	text-align:center;
	width:100%;
	height: 30px;
	}
.shosai{
	font-size:14px;
	line-height:130%;
	padding:5px;
	text-align:left;
	 }
.hatsu{
	font-size:14px;
	padding:5px;
	text-align:center;
	 }
.setsumei{
	clear:both;
	font-size:12px;
	line-height:120%;
	background-color:#39F;
	color:#fff;
	padding:5px;
	margin-bottom:5px;
	}
.botan{
	text-align:left;
	margin-left:4px;
	margin-bottom:5px;
	margin-top:3px;
}
.botan2{
	margin-left:4px;
	margin-bottom:5px;
	margin-top:3px;
}
.botan img{
	width:108px;
	padding-right:4px;
	}
#banner{
	float:none;
	margin-left:0px;
	list-style-type: none;
	margin-bottom:10px;
	}
#shiten{
	float:none;
	margin-left:0px;
	list-style-type: none;
	margin-bottom:10px;
	background-color:#FFFFFF;
	}
	
	
/*---ホテルから選ぶ---*/
#hotel_contents{ width: 730px;}
#hotel_contents dl{ width: 750px; clear: both; padding-top: 10px; }
#hotel_contents dt{ width: 743px; margin-left:0px; margin-bottom:0px; }
#hotel_contents h3{ height: 34px; margin-bottom:5px; padding-top: 10px; padding-left: 60px; background-image: url(image/hotelarea_titlebar.jpg); background-repeat:no-repeat; }
#hotel_contents dd{ float: left; margin-top: 5px; margin-bottom: 5px; margin-left: 4px; text-align:center; width: 179px; height: 215px; background-image: url(image/hotelbox_back.jpg); background-repeat: no-repeat; overflow: hidden; }
#hotel_contents table{ margin-left: auto; margin-right: auto; width: 179px; border: 0; }
#hotel_contents tr{ width: 179px; border: 0; }
#hotel_contents td{ text-align: center; }
#hotel_contents td.lux{ height: 21px; background-image: url(image/lux_icon.gif); background-repeat:no-repeat; background-position: 50% 100%; }
#hotel_contents td.dlx{ height: 21px; background-image: url(image/dlx_icon.gif); background-repeat:no-repeat; background-position: 50% 100%; }
#hotel_contents td.sup{ height: 21px; background-image: url(image/sup_icon.gif); background-repeat:no-repeat; background-position: 50% 100%; }
#hotel_contents td.std{ height: 21px; background-image: url(image/std_icon.gif); background-repeat:no-repeat; background-position: 50% 100%; }
#hotel_contents td.eco{ height: 21px; background-image: url(image/eco_icon.gif); background-repeat:no-repeat; background-position: 50% 100%; }
#hotel_contents td.title a{ font-weight: bold; font-size: 15px; text-align: center; }
#hotel_contents td p{
	width: 150px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}

/*---ページ切り替え偽タブ---*/
#select_p{ margin-left: 0px; margin-right: 0px; margin-top: 10px; margin-bottom:0px; width: 750px; height: 40px; }
#select_p ul{ margin-left: 0px; }
#select_p li{ margin-left: 0px; margin-right: 0px; list-style-type: none; float:left; }
#select_h{ margin-left: 0px; margin-right: 0px; margin-top: 10px; margin-bottom:0px; width: 750px; height: 40px; }
#select_h ul{ margin-left: 0px; }
#select_h li{ margin-left: 0px; margin-right: 0px; list-style-type: none; float:left; }



/*** 新しくスタイルを追加する場合は、新しいクラス名を作ること。 ***/
.s {font-size:12px;line-height:130%;}
.sb {font-size:12px;line-height:130%;font-weight:bold;} 
.sss {font-size:10px;line-height:130%;}
.ss {font-size:11px;line-height:130%;} 
.ms {font-size:13px;line-height:130%;}
.m {font-size:14px;line-height:130%;}
.ml {font-size:15px;line-height:130%;}
.l {font-size:16px;line-height:130%;}
.ll {font-size:17px;line-height:130%;}
.lll {font-size:18px;line-height:130%;}
.llll {font-size:30px;line-height:130%;}
.price{font-size:26px;line-height:120%;color:#ff0000}
.rs {font-size:12px;line-height:130%;color:#ff0000}
.rm {font-size:14px;line-height:130%;color:#ff0000}
.rl {font-size:16px;line-height:130%;color:#ff0000}
.rsb {font-size:12px;font-weight:bold;line-height:130%;color:#ff0000}
.rmb {font-size:14px;font-weight:bold;line-height:130%;color:#ff0000}
.rlb {font-size:16px;font-weight:bold;line-height:130%;color:#ff0000}
.bs {font-size:12px;color:#0000ff}
.bm {font-size:14px;color:#0000ff}
.bl {font-size:16px;color:#0000ff}
.ws {font-size:12px;line-height:130%;color:#ffffff}
.wmb {font-size:14px;font-weight:bold;line-height:130%;color:#ffffff} 
/* ********** link ********** */ 
.ps{font-size:8pt;line-height:130%;}
.t_os {font-size:12px;line-height:130%;color:#ff6600}
.ss120 {font-size: 11px;line-height:120%;}
.t-os {font-size:12px;line-height:130%;color:#ff6600}
.ss120 {font-size: 11px;line-height: 120%;}
.mb {font-size: 14px; line-height: 130%; font-weight: bold; color: #000000}
.nn7 {FONT-SIZE: 7pt; COLOR: #000000}
.nn8 {FONT-SIZE: 8pt; COLOR: #000000}
.nn11 {FONT-SIZE: 11pt; COLOR: #000000}
.rn7 {FONT-SIZE: 7pt; COLOR: #ff0000}
.rn8 {FONT-SIZE: 8pt; COLOR: #ff0000}
.rn9 {FONT-SIZE: 9pt; COLOR: #ff0000}
.rn11 {FONT-SIZE: 11pt; COLOR: #ff0000}
.bn7 {FONT-SIZE: 7pt; COLOR: #0000ff}
.bn9 {FONT-SIZE: 9pt; COLOR: #0000ff}
.bn11 {FONT-SIZE: 11pt; COLOR: #0000ff}
.nb7 {FONT-WEIGHT: bold; FONT-SIZE: 7pt; COLOR: #000000}
.nb9 {FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #000000}
.nb8 {FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #000000}
.nb11 {FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #000000}
.rb7 {FONT-WEIGHT: bold; FONT-SIZE: 7pt; COLOR: #ff0000}
.rb9 {FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #ff0000}
.rb11 {FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #ff0000}
.bb7 {FONT-WEIGHT: bold; FONT-SIZE: 7pt; COLOR: #0000ff}
.bb9 {FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #0000ff}
.bb11 {FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #0000ff}
.on9 {FONT-SIZE: 9pt; COLOR: #ff6600}
.on11 {FONT-SIZE: 11pt; COLOR: #ff6600}
.ob9 {FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #ff6600}
.ob11 {FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #ff6600}
.gn9 {FONT-SIZE: 9pt; COLOR: #009966}
.gn11 {FONT-SIZE: 11pt; COLOR: #009966}
.gb9 {FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #009966}
.gb11 {FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #009966}
.imp {FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #cc33cc}
.oasis {FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #996633}
.ep {FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #33cc33}
.dome {FONT-SIZE: 9pt; COLOR: #ff6600}
.wb9 {FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #ffffff}
.lh {LINE-HEIGHT: 17px}
.NN9 {
	font-size: 9pt;
	text-decoration: none;
	color: #333333;

}
.wb11 {font-size: 14px; font-weight: bold; color: #FFFFFF}


/* ▽2013/02/19追記▽ */
/* タブ用 */
ul.tab {margin:0px;}
.tab li {display: inline; margin:0px;}
.tab li a img{border:none; margin:0px;}
#tabArea1 #tab1-1, #tabArea1 #tab1-2, #tabArea1 #tab1-3 {clear: both;}
div.tabPanelGroup {margin:0px;}
div#tab1-1 {border:solid 1px #333333; width:745px; margin:0px; padding:5px;}
div#tab1-2 {border:solid 1px #333333; width:745px; margin:0px; padding:5px 0px;}
div#tab1-3 {border:solid 1px #333333; width:745px; margin:0px; padding:5px 0p;}

/* タブ内ホテル一覧用 */
#hotel_contents2 {width:745px; margin:0px; padding:2px;}
#hotel_contents2 dl {clear:both; padding-top:0px;}
#hotel_contents2 dt {margin-left:0px; margin-bottom:0px;}
#hotel_contents2 h3 {height:34px; margin-bottom:5px; padding-top:10px; padding-left:60px; background-image:url(image/hotelarea_titlebar.jpg); background-repeat:no-repeat; font-weight:bold; font-size:16px;}
#hotel_contents2 dd{ float: left; margin-top: 5px; margin-bottom: 5px; margin-left: 4px; text-align:center; width: 179px; height: 215px; background-image: url(image/hotelbox_back.jpg); background-repeat: no-repeat; overflow: hidden; }
#hotel_contents2 table{ margin-left: auto; margin-right: auto; width: 179px; border: 0; }
#hotel_contents2 tr{ width: 179px; border: 0; }
#hotel_contents2 td{ text-align: center; }
#hotel_contents2 td.lux{ height: 21px; background-image: url(image/htl_icon_lux.gif); background-repeat:no-repeat; background-position: 50% 100%; }
#hotel_contents2 td.dlx{ height: 21px; background-image: url(image/htl_icon_dlx.gif); background-repeat:no-repeat; background-position: 50% 100%; }
#hotel_contents2 td.sup{ height: 21px; background-image: url(image/htl_icon_sup.gif); background-repeat:no-repeat; background-position: 50% 100%; }
#hotel_contents2 td.std{ height: 21px; background-image: url(image/htl_icon_std.gif); background-repeat:no-repeat; background-position: 50% 100%; }
#hotel_contents2 td.eco{ height: 21px; background-image: url(image/htl_icon_eco.gif); background-repeat:no-repeat; background-position: 50% 100%; }
#hotel_contents2 td.title a{ font-weight: bold; font-size: 15px; text-align: center; }
#hotel_contents2 td p{ width: 145px; margin:3px auto; text-align:left; font-size:15px;}
/* △2013/02/19追記△ */


.other{
	width: 800px;
	margin: 20px auto 20px auto;
	padding: 10px;
	border: 3px solid #DDDDDD;
}
a.other{
	display: block;
}
.other li:hover {
	border: 1px solid #004098;
}
.other li{
	/*width: 100px;*/
	height: 120px;
	border: 1px solid #DDDDDD;
	margin: 5px;
	padding: 10px;
	border-radius: 5%;
	box-shadow:1px 2px #DDDDDD;
	float: left;
	font-size: 12px;
	height: 20px;
}
.other li img{
	width: 95px;
	height: 95px;
	object-fit:cover;
	border-radius: 100%;
}
.other p{
	margin-top: 10px;
	margin-bottom: 10px;
}
.other-ttl{
	font-size: 23px;
	color:#004098;
	font-weight: bold;
}