@charset "UTF-8";
@import "clearfix.css" ;
/*---------------------------------------------------------------- 
	目次；
	
		・基本構造
		・リンク
		・ヘッダ
		・TOPページナビゲーション
		・下層ページナビゲーション
		・メインコンテンツ
		・サイドバー
		・フォーム
		・フッタ
		・その他とflash

---------------------------------------------------------------- */
form#srch {margin:10px 1px -10px;padding:0;font-size:small;text-align:center;clear:both;}
div#exectv form#srch {margin:10px 1px 10px;}
form#srch table {width:678px;margin:0 auto;border-top:1px solid #213C65;border-bottom:1px solid #213C65;}
form#srch table table {width:auto;margin:0;border-top:0;border-bottom:0}
form#srch table td {text-align:left;background:#DDDDDD;}
form#srch table td select {margin:2px;}
form#srch table td#submit {text-align:right;}

div#nonuse-flash {font-size:small;margin:10px 0;}



/*　基本構造
---------------------------------------------------------------- */

/*　リンク
---------------------------------------------------------------- */
/*　ヘッダ
---------------------------------------------------------------- */
#logo01{
	margin: 0;
	padding:0;
	width: 397px;
	height: 45px;
	float: left;
	display: inline;
	}
h1{
	width: 397px;
	height: 45px;
	margin: 0;
	padding: 0;
}

/*　TOPページナビゲーション
---------------------------------------------------------------- */
/*　下層ページナビゲーション
---------------------------------------------------------------- */
/*　メインコンテンツ
---------------------------------------------------------------- */
#contents-main {
	width: 680px;
	margin: 20px 30px 40px 0;
	padding: 0;
	float: right;
	display: inline;	
	background: #FFFFFF url(../img/cont-main.jpg) repeat-y left top;
	border-bottom: 1px solid #D6D6D6;
}
div#contents-main ul {
	width: 600px;
	margin: 10px 0 30px 50px;
	padding: 0;	
}
div#contents-main ul li {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: small;
}
div#contents-info {
	width: 680px;
	padding: 0;
}
div#contents-main div#contents-info ol {
	width: 600px;
	margin: 10px 0 30px 50px;
	padding: 0;	
	list-style-type: none;
}
div#contents-main div#contents-info ol li {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: small;
}

.info-list {
	list-style-type: disc;
	}

#main-center {
	width: 620px;
	margin: 25px 30px 30px 30px;
	padding: 0;
}
#main-center h3 {
	margin: 10px 0 0 0;
	padding: 0;
	color: #061B4D;
}

#main-center p {
	margin: 0;
	padding: 10px 15px 10px 15px;
}
#main-center ul {
	width: 575px;
	margin: 0;
	padding: 10px 15px 10px 30px;
}
#main-center ul li {
	margin: 0 0 5px 0;
	padding: 0;
}
#main-center ol {
	margin: 0;
	padding: 10px 15px 10px 30px;
	font-size: small;
}
#main-center ol li {
	margin: 0 0 5px 0;
	padding: 0;
}

#door {
	width: 590px;
	margin: 10px 0 30px 15px;
	padding: 0;
	vertical-align:middle;
}
#qr-gif {
	width: 252px;
	margin: 0;
	padding: 0;
	font-size: small;
}
div#door ol li {
	width: 420px;
	margin: 0 0 5px 10px;
	padding: 0;
	text-align: left;
	font-size: small;
	list-style-type: decimal;
}

#main-center table td a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
 	 opacity:0.75;
	 }
.bt-sky {
	background-color: #E9F1F9;
	}
.bg-blu{
	color: #FFFFFF;
	background-color:#061B4D;
}
#main-center table ul {
	width: 540px;
	margin: 0;
	padding: 5px 15px 5px 25px;
}
#main-center table ul li {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: small;
}

.head-left {
	width: 488px;
	margin: 20px 0 20px 0;
	padding: 0;
	float: left;
	display: inline;	
}
.head-left-plan {
	width: 488px;
	margin: 20px 0 20px 0;
	padding: 0;
	float: left;
	display: inline;	
	background: url(../accom/img/plan/head-img.jpg) no-repeat left top;
}
#plan-door {
	width: 627px;
	margin: -20px 0 30px 25px;
	padding: 0;
	background: url(../accom/img/plan/plan-tobira-bg.jpg) repeat-y left top;
}
.plan-door-left {
	width: 270px;
	margin: 3px 0 2px 7px;
	padding: 0;
	float: left;
	display: inline;
	border: 1px solid #D6D6D6;
}
.plan-door-rigth {
	width: 305px;
	margin: 13px 25px 20px 0;
	padding: 0;
	float: right;
	display: inline;
	font-size: small;
}
.plan-door-rigth p a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
 	 opacity:0.75;
	 }
.plan-left {
	width: 284px;
	margin: 30px 0 25px 25px;
	padding: 0;
	float: left;
	display: inline;
}
.plan-left h3 {
	margin: 0 0 0 0;
	padding: 0;
	color: #061B4D;
	font-size: 100%;
}
.plan-photo {
	width: 284px;
	margin: ;
	padding: 0;
	background: url(../accom/img/plan/plan-photo-bg.jpg) repeat-y left top;
}
.plan-photoimg {
	width: 270px;
	margin: 0 0 5px 6px ;
	padding: 0;
	border: 1px solid #D6D6D6;
}
.plan-photo-text {
	width: 260px;
	margin: 0 0 15px 12px ;
	padding: 0;
	font-size: small;
}
.plan-left-mark {
	width: 270px;
	margin: 5px 0 5px 10px;
	padding: 0;
}
.plan-right {
	width: 325px;
	margin: 30px 20px 25px 0;
	padding: 0;
	float: right;
	display: inline;
}
.plan-right p {
	font-size: small;
}

div #contents-main div.plan-right ul {
	width: 280px;
	margin: 5px 0 10px 25px;
	padding: 0;
	list-style-type:none;
}
div #contents-main div.plan-right ul li {
	margin: 0;
	padding-bottom: 2px;
	list-style-type:none;
}
div #contents-main div.plan-right ol {
	width: 280px;
	margin: 5px 0 10px 25px;
	padding: 0;
	list-style-type: none;
	font-size: small;
}
div #contents-main div.plan-right ol li {
	margin: 0;
	padding-bottom: 2px;
}
div.head-left-plan table {
	width: 445px;
	margin: 5px 0 0 35px;
	padding: 0;
	}
div.head-left-plan ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: small;
	}
div.head-left-plan ol li {
	margin: 0;
	padding: 0 0 5px 0;
	}

.head-left-exe {
	width: 488px;
	margin: 0 0 20px 0;
	padding: 0;
	float: left;
	display: inline;	
}
.head-left-room {
	width: 468px;
	margin: 20px 0 20px 20px;
	padding: 0;
	float: left;
	display: inline;	
}
.head-left-room ol {
	width: 400px;
	margin: 0 0 20px 20px;
	padding: 0;
	list-style: none;
	font-size: small;
}
.head-right {
	width: 192px;
	margin: 20px 0 20px 0;
	padding: 0;
	float: right;
	display: inline;	
}
.left-room-suite {
	width: 285px;
	margin: 20px 0 20px 20px;
	padding: 0;
	float: left;
	display: inline;	
}
.left-room-suite ol {
	width: 235px;
	margin: 20px 0 20px 20px;
	padding: 0;
	list-style: none;
	font-size: small;
}
.plan-menu{
	margin: 0;
	padding:0 0 5px 15px;
}
div.left-room-suite table {
	width: 260px;
	margin: 20px 0 20px 7px;
	padding: 0;
	border-top: 1px solid #A6A6A6;
	border-right: 1px solid #A6A6A6;
	font-size: small;
}
div.left-room-suite table td {
	margin: 0;
	padding: 2px 5px 2px 5px;
	border-left: 1px solid #A6A6A6;
	border-bottom: 1px solid #A6A6A6;
}
.right-room-twin {
	width: 285px;
	margin: 20px 20px 20px 0;
	padding: 0;
	float: right;
	display: inline;	
}
div.right-room-twin table {
	width: 260px;
	margin: 20px 7px 20px 0;
	padding: 0;
	border-top: 1px solid #A6A6A6;
	border-right: 1px solid #A6A6A6;
	font-size: small;
}
div.right-room-twin table td {
	margin: 0;
	padding: 2px 5px 2px 5px;
	border-left: 1px solid #A6A6A6;
	border-bottom: 1px solid #A6A6A6;
}

.room-data-bg{
	background-color:#EEF3F3;
	text-align: right;
	}
.right-room-suite {
	width: 360px;
	margin: 20px 5px 20px 0;
	padding: 0;
	float: right;
	display: inline;
	text-align: center;	
}

#exe-body{
	width: 621px;
	margin: 10px 0 20px 29px;
	padding: 0;
}
.exe-left01 {
	width: 415px;
	margin: 20px 0 20px 0;
	padding: 0;
	float: left;
	display: inline;	
}
div#exe-body div.exe-left01 p {
	width: 395px;
	margin: 8px;
	padding: 0;
	font-size: small;
}
.exe-left02 {
	width: 206px;
	margin:  20px 0 20px 0;
	padding: 0;
	float: left;
	display: inline;	
}


#online {
	margin: 0 0 7px 0;
	padding: 0;
	width: 192px;
	height: 103px;
	background: #FFFFFF url(../accom/img/online-bg.jpg) no-repeat left top;
	}
div#online p.head {
	margin: 0;
	padding: 0;
	}

div#online p {
	margin: 0 0 6px 0;
	padding: 0;
	}
div#online p a {
	display: block;
	width: 192px;
	height: 25px;	
	}
div#online p a:hover img {
	visibility:hidden;
	filter: alpha(opacity=00);
	}
	
#member {
	margin: 0 0 10px 0;
	padding: 0;
	width: 192px;
	height: 215px;
	background: #FFFFFF url(../accom/img/member-bg.jpg) no-repeat left top;
	}
div#member p.head {
	margin: 0;
	padding: 0;
	}

div#member p {
	margin: 0 0 6px 0;
	padding: 0;
	}
div#member p a {
	display: block;
	width: 192px;
	height: 25px;	
	}

div#member p a:hover img {
	visibility:hidden;
	filter: alpha(opacity=00);
	}

.line680 {
 margin:0;
 padding:0;
 clear: both;
}

/*　サイドバー
---------------------------------------------------------------- */
#s-nav {
	width: 211px;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;	
}
#s-nav ul {
	margin: 3px 0 7px 0;
	padding: 0;
	width: 207px;
	border: 1px solid #D2D3D5;
	background: url(../img/s-nav/s-nav-main.jpg) repeat-y left top;
	list-style: none;
	font-size: small;
	line-height: 1.4;
	}
#s-nav ul li {
	margin: 0 9px 0 9px;
	padding: 15px 0 15px 17px;
	background: url(../img/s-nav/s-nav-a.gif) 0 1.3em no-repeat;
	border-bottom: 1px solid #DDDDDD;
	}
#s-nav ul li#end {
	border: none;
	}
#s-nav ul li a {
	color: #133572;
	text-decoration: none;
	}
#s-nav ul li a:hover {
	color: #FF9900;
	text-decoration: underline;
	}
	
/*サイドバー */
.s-bannerarea {
	width: 200px;
	margin: 5px auto 5px auto;
	padding: 0;
	text-align:center;
}
.s-bannerarea ul {
	margin:0 auto!important;
	padding: 0!important;
	background-image:none!important;
	list-style-type:none!important;
	width: 200px!important;
	background-color:#99CC00;
}
.s-bannerarea img {
	margin:0 auto!important;
	padding: 0!important;
	border: none;
}
.s-bannerarea li {
	margin:0 auto!important;
	padding: 0!important;
	background-image:none!important;
	list-style-type:none!important;
}	
	

/*　フォーム
---------------------------------------------------------------- */

/*　フッタ
---------------------------------------------------------------- */
/*　その他
---------------------------------------------------------------- */
.clear {
	clear: both;
}
.font-small {
	font-size: small;
	}
.font-xxsmall {
	font-size: 75%;
	line-height:120%;
	}
.top680 {
	width: 680px;
	margin: 0 0 15px 0;
	padding: 0;
	clear: both;
	}

/*　新着NEW表示
---------------------------------------------------------------- */
.newred { 
	color:#FF0000;
	font-weight:bold;
}