@charset "utf-8";
/* CSS Document */

	
html, body{
	margin:0;
	padding:0;
	/*width:100%;
height:100%;*/
font-family:"ＭＳ Ｐゴシック", Osaka;
}
	
	form{
	margin: 0px 0px 0px 0px;	
	
	}
	
	/* ページの表題 */
	h1 {
		margin: 0px 0px 0px 0px;
		font-size:12px;
	}
	/* マーカーリストのヘッダ部 */
	.markerlist_header {
		margin: 0px 0px 10px 10px;
		padding: 2px 2px 2px 10px;
		background-color: lightsteelblue;
		font-size: 9pt;
		font-weight: bold;
	}
	/* マーカーリスト */
	ul.markerlist {
		font-size:9pt;
		list-style-type: none;
		margin: 0px 0px 0px 10px;
		padding: 0px;
		line-height: 130%;
	}
	/* マーカーリストのリンク */
	ul.markerlist a {
		text-decoration: none;
		color: mediumblue;
	}
	/* マーカー全体 */
	.marker {
		width: 310px;
		margin-top: 10px;
		padding:5px;
	}
	
	.marker_mini {
		width: 200px;
		margin-top: 0px;
		padding:5px;
	}

	
	/* マーカーの表題 */
	.marker .marker_subject {
		padding: 4px;
	}
	/* マーカーの画像 */
	.marker .marker_image {
		padding: 10px;
		text-align: center;
	}
	/* マーカーの参照リンク */
	.marker .marker_url {
		padding: 4px;
		font-size: 9pt;
		margin: 0px 0px 10px 0px;
	}
	/* マーカーの説明 */
	.marker .marker_desc {
		padding: 4px;
	}
	
	.fs11px {
	
	font-size:11px;
	
	}
	
	.fs12px {
	font-size: 12px;	
	}
	
	.fs14px {
	font-size: 14px;	
	}
	
	.fs16px {
	font-size: 16px;	
	}
	
	.l_list_table{
	border-bottom:#CCCCCC;
	}
	
	.window_copy {
	font-size:12px;
	color: #FF6600;
	font-weight: bold;	
	}
	
	.window_coment {
	font-size: 12px;
	padding: 5px;
	}
	
	.window_access {
	font-size: 12px;
	padding: 5px;
	border: 1px #000000 solid;
	margin: 5px 0px 0px 0px;
	}

	.window_ttitle {
	font-size: 12px;
	padding: 5px;
	background-color:#E3F0FD;
	border: 1px #000000 solid;
	margin: 5px 0px 0px 0px;
	}
	
	.window_tbody {
	font-size: 12px;
	padding: 5px;
	border: 1px #000000 solid;
	border-top:0px;
	margin: 0px 0px 0px 0px;

	}
	
	.citylist{
	font-size:12px;
	width:95%;
	}
	
	.citylist.list_title {
	clear: both;
	font-size: 12px;
	padding: 0px 0px 0px 15px;
	border-bottom:#CCCCCC 1px solid;
	margin:5px 0px 10px 0px;
	background-image:url(image/sq_icon_or2.gif);
	background-repeat:no-repeat;
	}

	
	.citylist.list {
	float:left;
	width:33%;
	font-size:12px;
	background-image:url(image/sq_icon_or.gif);
	background-repeat:no-repeat;
	padding:0px 0px 5px 15px;
	line-height: 150%;
	
	}
	
	#help_window {
	
	position:absolute;
	left:332px;
	top:207px;
	width:400px;
	height:323px;
	z-index:3;
	background-color: #FFFFFF;
	padding:10px;
	visibility:hidden;
	border:#666666 1px solid;
	filter: progid:DXImageTransform.Microsoft.dropshadow(color=#cccccc, offx=5, offy=5, positive=1);
	}
	
	#help_window .title{
	font-weight: bold;
	background-color: #ECECFF;
	padding: 3px 0px 3px 5px;	
	}
	
	#help_window_mini_open {
	
	position:absolute;
	text-align:center;
	left:332px;
	top:187px;
	width:100px;
	z-index:1;
	background-color: #FFFFFF;
	padding:2px;
	border:#000000 1px solid;

	}
	
	#help_window_mini_open a{
	text-decoration: none;
	color:#000000;
	
	}

	
	#help_window_mini_close {
	
	position:absolute;
	text-align:center;
	left:332px;
	top:105px;
	width:100px;
	z-index:1;
	background-color: #FFFFFF;
	padding:2px;
	border:#000000 1px solid;
	visibility:hidden;

	}
	
	#help_window_mini_close a{
	text-decoration: none;
	color:#000000;
	font-weight:bold;
	
	}
	
	#othercity_window {
	position:absolute;
	top:207px;
	z-index:3;
	background-color: #FFFFFF;
	padding:10px;
	visibility:hidden;
	border:#666666 1px solid;
	filter: progid:DXImageTransform.Microsoft.dropshadow(color=#cccccc, offx=5, offy=5, positive=1);
	left:330px;
	width:440px;
	}
	

	
	#othercity_window .title{
	font-weight: bold;
	background-color: #ECECFF;
	padding: 3px 0px 3px 5px;	
	}
	
	#othercity_window .winlist {
	float:left;
	width:25%;
	font-size:12px;
	padding:0px 0px 5px 3px;
	line-height: 110%;
	
	}
	
	#OtherCity {
	position:absolute;
	text-align:center;
	left:435px;
	top:187px;
	width:148px;
	z-index:3;
	background-color: #FFFFFF;
	padding:2px;
	border:#000000 1px solid;
	}
	
	#OtherCity a{
	text-decoration: none;
	color:#000000;
	
	}
	
	#OtherGroup {
	position:absolute;
	text-align:center;
	left:435px;
	top:187px;
	width:200px;
	z-index:3;
	background-color: #FFFFFF;
	padding:2px;
	border:#000000 1px solid;
	}
	
	#OtherGroup a{
	text-decoration: none;
	color:#000000;
	
	}
	
	
	#onsen_window {
	
	position:absolute;
	left:332px;
	top:232px;
	width:400px;
	z-index:3;
	background-color: #FFFFFF;
	padding:10px;
	visibility:hidden;
	border:#666666 1px solid;
	filter: progid:DXImageTransform.Microsoft.dropshadow(color=#cccccc, offx=5, offy=5, positive=1);
	}
	
	#onsen_window .title{
	font-weight: bold;
	background-color: #ECECFF;
	padding: 3px 0px 3px 5px;	
	}
	
	#onsen_window_mini_open {
	
	position:absolute;
	text-align:center;
	left:332px;
	top:212px;
	width:200px;
	z-index:0;
	background-color: #FFFFFF;
	padding:2px;
	border:#000000 1px solid;

	}
	
	#onsen_window_mini_open a{
	text-decoration: none;
	color:#000000;
	
	}
	
	#load_page {
	position:absolute;
	width:200px;
	text-align:left;
	visibility:hidden;
	margin:100px 0px 0px 40px;
	z-index:3;
	}
	
	.pagenavi{
	text-align:center;
	padding: 0px 0px 5px 0px;
	}
	
	.d_coment {
	
	padding:3px 0px 5px 0px;
	
	}
	
	.nomap_info {
	
	width:50%;
	float:left;
	}
	
	.clear{
	
	clear:both;
	
	}
	
#tab{border-bottom:1px solid #636363;font-size: 12px; margin-bottom:10px;}
#tab pre{font:1em;padding:0px 0px 4px 12px;margin-top:15px;margin-bottom:0px;}
#tab a{color:#3366cc;background:#F5F5F5;border:1px solid #999999;border-bottom:0px;padding:4px 15px;}
#tab a:hover{color: #FF3333; text-decoration: underline; background:#FFF4F4;}
#tab a.on{color:#666666;background:#ffffff;text-decoration:none;border:solid #666666;border-width:1px 1px 0px 1px;padding:4px 15px 5px;}
.tabbg{background:#FFFFFF;}

.pagetitle{
	background-image: url(image/pagetitle_bg.gif);
	background-repeat: repeat-x;
	border:#666666 solid 1px;

}

.grouplist {

font-size:12px;
padding:0px 0px 5px 0px;

}

.list_hotelname {

font-size:14px;
line-height:120%;
padding: 0px 0px 5px 0px;


}

	.list3 {
	float:left;
	width:130px;
	font-size:12px;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 5px 0px;
	
	}
	
	.list4 {
	float:left;
	width:25%;
	font-size:12px;
	background-image:url(image/sq_icon_or.gif);
	background-repeat:no-repeat;
	padding:0px 0px 0px 15px;
	margin-bottom:5px;
	
	}
	
	.list5 {
	float:left;
	width:20%;
	font-size:12px;
	background-image:url(image/sq_icon_or.gif);
	background-repeat:no-repeat;
	padding:0px 0px 0px 15px;
	margin-bottom:5px;
	
	}
	
	.list7 {
	float:left;
	width:14%;
	font-size:12px;
	background-image:url(image/sq_icon_or.gif);
	background-repeat:no-repeat;
	padding:0px 0px 0px 15px;
	margin-bottom:5px;
	
	}
	
	#menu_window {
	
	position:absolute;
	width:270px;
	height:80px;
	z-index:2;
	padding:10px;
	visibility:hidden;
	border:#666666 1px solid;
	margin: 8px 0px 0px 70px;
	background-image:url(image/menu_window/window_bg.gif);
	}
	
	#menu_window .title{
	font-weight: bold;
	background-color: #ECECFF;
	padding: 3px 0px 3px 5px;	
	}
	
	#search_window {
	
	position:absolute;
	width:350px;
	height:80px;
	z-index:8;
	background-color: #FFFFFF;
	padding:10px;
	visibility:hidden;
	border:#666666 1px solid;
	margin: 35px 0px 0px 70px;
	}
	
	#search_window .title{
	font-weight: bold;
	background-color: #ECECFF;
	padding: 3px 0px 3px 5px;	
	}
	
	#menu_bt {
	
	position:absolute;
	text-align:center;
	width:200px;
	z-index:10;
	background-color: #FFFFFF;
	padding:2px;
	border:#000000 1px solid;
	margin: 8px 0px 0px 70px;
	text-decoration: none;
	color:#000000;
	display: block
	
	}
	
/*---------マイリスト関連-------------------------*/	

.link {

color:#0033CC;
text-decoration:underline;
cursor:pointer;
font-size:12px;

}

.link:hover{

color:#FF0000;

}

#list_window {

width:400px;
position:absolute;
margin:50px 0px 0px 50px;
padding:10px;
border:#999999 5px solid;
border-top:1px #999999 solid;
border-left:1px #999999 solid;
visibility:hidden;
background-color:#FFFFFF;
z-index:4;

}

#list_window .body {

height:250px;
overflow:auto;


}

#list_window .title {

background-color:#EEEEFF;
padding: 3px 0px 5px 5px;
font-weight:bold;
margin:0px 0px 0px 0px;

}

#list_window .hotelname {

font-size:14px;
margin:2px 0px 2px 0px;

}


#list_window .hoteladdress {

margin:2px 0px 2px 0px;

}

#list_window .message {

margin:0px 0px 8px 0px;
color:#FF3300;

}

#list_window .list_menu {

margin:0px 0px 10px 0px;
padding:6px;
text-align:right;
/*border:#999999 1px solid;*/
}

#mylistbtarea {
	margin:10px 0px 10px 10px;
	width:80%;
	padding:10px;
	border:#999999 1px solid;
	height:20px;

}

#bookurl {

width:200px;
position:absolute;
background-color:#FFFFFF;
margin:30px 0px 5px 70px;
z-index:2;
font-size:12px;
padding:3px;
border:#000000 solid 1px;
text-align:center;

}

#bookurl a{

color:#000000;
text-decoration:none;

}

.detail_li {

margin:3px 0px 3px 0px;


}

#maindata {
	width:800px;
	position: relative;
	margin-left: auto;
	margin-right: auto;

}

.sidead {
	position: absolute;
	margin-left: 800px;

}