/*---------------------------------------------------------------------------------
COMMON
---------------------------------------------------------------------------------*/

*{
margin:0;
padding:0;
font-weight:normal;
font-style:normal;}

img{border:0;}

body{
color:#666;
text-align:center;
font-family:"Trebuchet MS",Meiryo,Verdana,sans-serif;
background:#ddd url("img/bg_body.jpg") 0 0 repeat-x;}

a{outline:none;color:#135B92;}
a:visited{color:#135B92;}
a:hover{color:#00AEEF;}

strong{font-weight:bold;}
em{font-style:italic;}
.notice{color:#f30;}
.noticestrong{color:#f30;font-weight:bold;}
.noticegray{color:#888;}

/*---------------------------------------------------------------------------------
HEAD
---------------------------------------------------------------------------------*/

#head{
width:900px;
height:70px;
margin:0 auto;}

	h1{
	display:block;
	float:left;
	width:300px;
	height:70px;
	line-height:70px;
	text-indent:-9999px;
	background:url("img/bg_h1.jpg") 0 0 no-repeat;}

		h1 a{
		display:block;
		width:300px;
		height:70px;
		line-height:70px;}

	#head ul#nav{
	width:380px;
	height:70px;
	line-height:70px;
	list-style:none;
	float:right;}

		#head ul#nav li{
		float:left;
		text-indent:-9999px;}

			#head ul#nav li a{
			display:block;
			height:70px;
			line-height:70px;
			background-image:url("img/menu/headmenu.jpg");}

			#head ul#nav li#h01 a{width:55px;background-position:0 0 ;}
			#head ul#nav li#h01 a:hover{width:55px;background-position:0 -70px ;}
			#head ul#nav li#h02 a{width:77px;background-position:-55px 0 ;}
			#head ul#nav li#h02 a:hover{width:77px;background-position:-55px -70px ;}
			#head ul#nav li#h03 a{width:44px;background-position:-132px 0 ;}
			#head ul#nav li#h03 a:hover{width:44px;background-position:-132px -70px ;}

			#head ul#nav li#h04 a{width:126px;background-position:-176px 0 ;}
			#head ul#nav li#h04 a:hover{width:126px;background-position:-176px -70px ;}
			#head ul#nav li#h05 a{width:78px;background-position:-302px 0 ;}
			#head ul#nav li#h05 a:hover{width:78px;background-position:-302px -70px ;}

	#head ul#switch{
	width:74px;
	height:70px;
	line-height:70px;
	margin-left:20px;
	list-style:none;
	float:right;}

		#head ul#switch li{
		float:left;
		width:24px;
		text-indent:-9999px;}

			#head ul#switch li a{
			display:block;
			width:24px;
			height:70px;
			line-height:70px;
			background-image:url("img/menu/switch.jpg");}

			#head ul#switch li.smallswitch a{background-position:0 0 ;}
			#head ul#switch li.smallswitch a:hover{background-position:0 -70px ;}
			#head ul#switch li.mediumswitch a{background-position:-24px 0 ;}
			#head ul#switch li.mediumswitch a:hover{background-position:-24px -70px ;}
			#head ul#switch li.largeswitch a{background-position:-48px 0 ;}
			#head ul#switch li.largeswitch a:hover{background-position:-48px -70px ;}

/*---------------------------------------------------------------------------------
CONTENTS
---------------------------------------------------------------------------------*/

	#contents{
	width:900px;
	margin:10px auto;}

	#main{
	width:700px;
	float:right;
	text-align:left;}

		#bread{
		width:700px;
		height:30px;
		line-height:30px;
		padding:0 10px;
		margin-bottom:10px;
		background:url("img/bg_bread.jpg") 0 0 no-repeat;}

			#bread a{
			padding-right:30px;
			text-decoration:none;
			background:url("img/bg_bread_arrow.jpg") center right no-repeat;}

		h2{
		width:700px;
		height:230px;
		line-height:230px;
		margin-bottom:10px;
		text-indent:-9999px;}

		#title_concept{background-image:url("img/title/concept.jpg");}
		#title_guestroom{background-image:url("img/title/guestroom.jpg");}
		#title_facilities{background-image:url("img/title/facilities.jpg");}
		#title_payment{background-image:url("img/title/payment.jpg");}
		#title_faq{background-image:url("img/title/faq.jpg");}
		#title_access{background-image:url("img/title/access.jpg");}
		#title_bestrate{background-image:url("img/title/bestrate.jpg");}
		#title_rebrand{background-image:url("img/title/rebrand.jpg");}
		#title_lanking{background-image:url("img/title/lanking.jpg");}
		#title_lan{background-image:url("img/title/lan.jpg");}
		#title_checkout{background-image:url("img/title/checkout.jpg");}


		#title_company{background-image:url("img/title/company.jpg");}
		#title_sitemap{background-image:url("img/title/sitemap.jpg");}
		#title_link{background-image:url("img/title/link.jpg");}
		#title_privacy{background-image:url("img/title/privacy.jpg");}
		#title_inq{background-image:url("img/title/inq.jpg");}

		#title_room1{background-image:url("img/title/room1.jpg");}
		#title_room2{background-image:url("img/title/room2.jpg");}
		#title_room3{background-image:url("img/title/room3.jpg");}
		#title_room4{background-image:url("img/title/room4.jpg");}
		#title_room5{background-image:url("img/title/room5.jpg");}

		h3,h2.title_index{
		width:700px;
		height:30px;
		line-height:30px;
		margin-bottom:10px;
		text-indent:10px;
		color:#fff;
		background:url("img/title/subtitle.jpg");}

		h4{
		width:700px;
		height:30px;
		line-height:30px;
		margin-bottom:10px;
		text-indent:20px;
		color:#f60;
		font-weight:bold;
		border-bottom:1px solid #fff;
		background:url("img/bg_list.jpg") 0 50% no-repeat;}

		.box_white{
		width:700px;
		margin-bottom:10px;
		background:#fff;}

			.box_white p{
			padding:10px;}

			.box_white ul{
			padding:10px;
			margin:0 20px;}

			.box_white dl{
			padding:10px;}

				.box_white dl dt{
				padding-left:20px;
				background:url("img/bg_list_arrow.jpg") 0 50% no-repeat;}

				.box_white dl dd{
				padding-left:20px;
				padding-bottom:10px;
				color:#999;}

			.box_white th,.box_white td{
			padding:5px;
			text-align:left;}

		.box_white th{
		width:200px;
		background:#efefef;}

		.box_white td{
		background:#f6f6f6;}

		.photo{margin-bottom:10px;}


		#back{
		display:block;
		width:700px;
		height:30px;
		line-height:30px;
		text-indent:-9999px;}

		#back a{
		display:block;
		float:right;
		width:150px;
		height:30px;
		line-height:30px;
		background:url("img/bg_back.jpg");}

	#side{
	width:180px;
	float:left;
	text-align:left;}

		#side img{
		margin-top:10px;}

		.box_reserve{
		width:180px;
		min-height:270px;
		margin-bottom:10px;
		background:#022e51;}

			.box_reserve img{
			width:160px;
			height:35px;
			margin:0 10px 0;}

			.box_reserve a:hover img{opacity:0.9;}

			.box_reserve img.panel{
			width:160px;
			height:160px;
			margin:0 10px 0;}

			.box_reserve form{
			width:160px;
			margin:0;
			display:inline;}

				.box_reserve form #sel_ym,
				.box_reserve form #sel_pkey_1,
				.box_reserve form #sel_pkey_2,
				.box_reserve form label{
				margin-left:10px;
				}

			.box_reserve form img{
			width:15px;
			height:15px;
			line-height:15px;
			margin:0 0 0 5px;
			padding:0 0 0;}



				.box_reserve form label{
				height:30px;
				display:block;
				color:#ffffff;
				}
		


		#menu{
		margin:0 auto 10px;}

			#menu li{
			width:180px;
			height:50px;
			line-height:50px;
			margin-bottom:5px;
			list-style:none;
			text-indent:-9999px;}

			#menu li a{
			display:block;
			width:180px;
			height:50px;
			line-height:50px;
			background-image:url("img/bg_menu.jpg");}

			#menu li#m01 a{background-position:0 0;}
			#menu li#m02 a{background-position:0 -50px;}
			#menu li#m03 a{background-position:0 -100px;}
			#menu li#m04 a{background-position:0 -150px;}
			#menu li#m05 a{background-position:0 -200px;}
			#menu li#m06 a{background-position:0 -250px;}
			#menu li#m01 a:hover{background-position:-180px 0;}
			#menu li#m02 a:hover{background-position:-180px -50px;}
			#menu li#m03 a:hover{background-position:-180px -100px;}
			#menu li#m04 a:hover{background-position:-180px -150px;}
			#menu li#m05 a:hover{background-position:-180px -200px;}
			#menu li#m06 a:hover{background-position:-180px -250px;}



		#sideinfo{
		width:180px;
		margin-top:10px;
		color:#fff;
		background:#0D1F37 url("img/bg_sideinfo.jpg") 0 0 no-repeat;}

			#sideinfo p{
			padding:100px 10px 10px;}

		#freespot{
		width:180px;
		margin-top:10px;
		color:#777;
		background:#fff url("img/bg_freespot.jpg") 0 0 no-repeat;}

			#freespot p{
			line-height:1.3em;
			padding:70px 10px 10px;}



		ul#sideplan{
		margin:0 0 10px;
		list-style:none;
		border:1px solid #ccc;
		background:#fff;}

		ul#sideplan li{
		padding:0 5px;}

		#box_reason{
		margin:10px 0;
		padding:5px 0;
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;}

			#box_reason img{
			margin-bottom:5px;}


		#side h5{
		margin-top:10px;
		font-weight:bold;}

/*---------------------------------------------------------------------------------
FOOT
---------------------------------------------------------------------------------*/

#foot{
width:900px;
margin:0 auto 20px;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
padding:10px 0;
text-align:center;}




address{
width:100%;
height:75px;
line-height:75px;
text-align:center;
color:#fff;
background:url("img/bg_address.jpg") 0 0 repeat-x;}

/*---------------------------------------------------------------------------------
INDEX
---------------------------------------------------------------------------------*/
/*部屋バナーエリア*/

#blk_topbn{
width:700px;
margin:10px auto;}

	#blk_topbn td{
	width:20%;
	margin:0;
	padding:0;}

	#blk_topbn td img{
	margin:0;
	padding:0;}


#blk_room_1c{
width:700px;
height:90px;
line-height:90px;
margin-top:10px;
margin-bottom:10px;
text-indent:-9999px;}

#blk_room_1c a{
display:block;
width:700px;
height:90px;
line-height:90px;
background:url("img/bn_widesingle.jpg") 0 0 no-repeat;}

#blk_rooms,#blk_rooms2{
margin:10px 0;
width:700px;}

	#blk_rooms div,#blk_rooms2 div{
	width:345px;
	height:90px;
	line-height:90px;
	text-indent:-9999px;}

	#blk_rooms div a,#blk_rooms2 div a{
	display:block;
	width:345px;
	height:90px;
	line-height:90px;}

#blk_rooms_right{
float:right;
background:url("img/bn_family.jpg") 0 0 no-repeat;}
#blk_rooms_left{
float:left;
background:url("img/bn_single.jpg") 0 0 no-repeat;}
#blk_rooms_right2{
float:right;
background:url("img/bn_double.jpg") 0 0 no-repeat;}
#blk_rooms_left2{
float:left;
background:url("img/bn_twin.jpg") 0 0 no-repeat;}



/*更新情報リスト*/
ul#blk_news{
list-style:none;
margin-bottom:10px;}

	ul#blk_news li{
	line-height:2em;
	text-indent:20px;
	border-bottom:1px solid #fff;
	background:url(img/bg_list.jpg) 0 50% no-repeat;}

.points{
width:700px;
height:40px;
line-height:40px;
text-indent:-9999px;}

#point1{background:url("img/point1.jpg") 0 0 no-repeat;}
#point2{background:url("img/point2.jpg") 0 0 no-repeat;}
#point3{background:url("img/point3.jpg") 0 0 no-repeat;}
#point4{background:url("img/point4.jpg") 0 0 no-repeat;}


#indexphoto{
text-align:center;
margin:0 auto;}
/*---------------------------------------------------------------------------------
メールフォーム
---------------------------------------------------------------------------------*/
#tbl_mailform{
width:700px;
margin-bottom:10px;
background:#fff;}

#tbl_mailform th,#tbl_mailform td{
padding:5px;
text-align:left;
vertical-align:top;}

#tbl_mailform th{width:180px;}
#tbl_mailform td{}

#tbl_mailform input,#tbl_mailform select,#tbl_mailform textarea{
padding:2px;
border:1px solid #ccc;}

#f_name{width:200px;}
#f_ad1{width:200px;}
#f_ad2{width:300px;}
#f_tel{width:200px;}
#f_mail{width:300px;}

#sendbutton{text-align:center;margin:10px;}
.send{
width:100px;padding:5px;
border:1px solid #666;}

/*---------------------------------------------------------------------------------
客室
---------------------------------------------------------------------------------*/

#roombox{
margin-bottom:10px;}

div#tp1,div#tp2,div#tp3,div#tp4,div#tp5{
float:left;}

.roominfo{
float:right;
width:330px;
height:310px;
text-align:left;
padding-top:30px;}

.facinfo{
float:right;
width:330px;
height:170px;
text-align:left;
padding-top:30px;}

.facinfo2{
float:right;
width:330px;
height:240px;
text-align:left;
padding-top:30px;}

#room1{background:#fff url("img/title/roomtitle_single.jpg") 0 0 no-repeat;}
#room2{background:#fff url("img/title/roomtitle_wide.jpg") 0 0 no-repeat;}
#room3{background:#fff url("img/title/roomtitle_twin.jpg") 0 0 no-repeat;}
#room4{background:#fff url("img/title/roomtitle_double.jpg") 0 0 no-repeat;}
#room5{background:#fff url("img/title/roomtitle_family.jpg") 0 0 no-repeat;}

#fac1{background:#fff url("img/title/breakfast.jpg") 0 0 no-repeat;}
#fac2{background:#fff url("img/title/lobby.jpg") 0 0 no-repeat;}

#ten1{background:#fff url("img/title/azuma.jpg") 0 0 no-repeat;}
#ten2{background:#fff url("img/title/ruan.jpg") 0 0 no-repeat;}
#ten3{background:#fff url("img/title/ar.jpg") 0 0 no-repeat;}
#ten4{background:#fff url("img/title/2ndar.jpg") 0 0 no-repeat;}

	.roominfo p,.facinfo p,.facinfo2 p{
	padding:10px;}


	.roomprice{
	padding:10px;}
	
	.roomprice th{
	width:100px;
	text-align:left;}

	.roomprice2{}
	
	.roomprice2 th{
	width:60px;
	text-align:left;}

/*---------------------------------------------------------------------------------
周辺情報
---------------------------------------------------------------------------------*/
.arround{
width:700px;
border-collapse:collapse;
border:0;}

	.arround th{
	width:25%;
	text-indent:18px;
	text-align:left;
	background:url(img/bg_list.jpg) 0 50% no-repeat}

	.arround td{
	vertical-align:top;
	padding:0 0 10px;}

/*---------------------------------------------------------------------------------
FAQ
---------------------------------------------------------------------------------*/
.box_faq{
width:700px;
margin-bottom:10px;
background:#fff;}

	.box_faq dt{
	padding:10px;
	text-indent:20px;
	color:#333333;
	background:url(img/bg_list_arrow.jpg) 10px 50% no-repeat;}

	.box_faq dd{
	padding:0 10px 10px;}

/*---------------------------------------------------------------------------------
CLEARFIX-HACK
---------------------------------------------------------------------------------*/
		.box_plan{
		width:700px;
		margin-bottom:10px;
		background:#fff;}

			.box_plan th,.box_plan td{
			padding:5px;
			text-align:left;}

		.box_plan th{
		width:300px;
		background:#efefef url("img/bg_plan_arrow.jpg") 5px 50% no-repeat;
		text-indent:20px;}

		.box_plan td{
		background:#f6f6f6;}


/*---------------------------------------------------------------------------------
予約
---------------------------------------------------------------------------------*/
	/*--部屋タイプ選択--*/
	.typeselect{
	margin:10px;
	background:#ffffff;
	border:1px solid #ccc;}

		.typeselect td{
		padding:5px;
		background:#fff;}

	/*--ステータス一覧--*/
	.statuslist{
	width:680px;
	margin:10px;
	background:#fff;}

		.statuslist td{
		padding:5px;
		background:#fff;}

	/*--カレンダー--*/
		table.entryform{
		width:680px;
		margin:10px;
		background:#EAF2F9;}

			.entryform th,.entryform2 th{width:150px;}

			.entryform2,.entryform2 th,.entryform2 td{background:#ccccccc;}

				.entryform,.reservelist{border-collapse:collapse;}

				.entryform th,.entryform td{border:1px solid #fff;}

				.reservelist th,.reservelist td{border-bottom:1px solid #fff;}

				.entryform td a,.entryform td a img{border:0;}


		/*--プラン選択--*/
		.planlist{
		width:700px;
		background:#fff;
		border-bottom:1px solid #ccc;
		margin-top:0;
		margin-bottom:0;}

			.planlist th{width:350px;}

		.planlist2{
		width:700px;
		background:#f6f6f6;
		border:1px solid #ccc;
		margin10px;}

			.planlist2 th{width:220px;}

			.planlistopen,.planlistclose{width:120px;}

				.planlist2 th img{padding-right:5px;}

/*---------------------------------------------------------------------------------
Vewer
---------------------------------------------------------------------------------*/

.viewer {
	margin: 0 auto;
	width: 700px;
	height: 270px;
	text-align: left;
	overflow: hidden;
}

.viewer ul {
	width: 700px;
	height: 270px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

.viewer ul li {
	top: 0;
	left: 0;
	width: 700px;
	height: 270px;
	display: none;
	position: absolute;
}



.indexpick{
	margin-top:20px;
	padding:20px;
	background:#fff;
}

.indexpick img{
	float:left;
	width:120px;
	height:120px;
	margin-right:20px;
}

.indexpick ul{
	float:right;
	width:520px;
}

.indexpick ul li{
	margin-bottom:20px;
list-style: none;
}

.indexpick ul li:last-child{
	margin-bottom:0px;
}
/*---------------------------------------------------------------------------------
CLEARFIX-HACK
---------------------------------------------------------------------------------*/

#head:after,#head ul:after,#contents:after,#foot:after,.clearfix:after,#back:after,.indexpick:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#head,#head ul,#contents,#foot,.clearfix,#back,.indexpick{display: inline-block;}

/* Hides from IE-mac \*/
* html #head,* html #head ul,* html #contents,* html #foot,* html .clearfix,* html #back,* html .indexpick{height: 1%;}
#head,#head ul,#contents,#foot,.clearfix,#back,.indexpick{display: block;}
/* End hide from IE-mac */