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



 *



 * ホテル タイセイ



 *



 * ＣＳＳ定義



 * 2009.05.02 netwave.co,ltd.



 *



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



@charset "Shift_JIS";



* {



	font-family:"ＭＳ Ｐゴシック", "細明朝体", "ヒラギノ明朝 Pro W3";



	font-size: 13px;



	margin: 0px;



	padding: 0px;



	list-style-type: none;



}



body {



	font-size: 13px;



	color: #333333;



	background-color: #f7f1d5;



	height:100%;



}



h1 {



	font-size: 12px;



	color: #513822;



	margin: 0;



	font-weight: normal;



	padding: 10px 0 5px 5px;



	letter-spacing: 1em;



}



h1 span{



	display:none;



}



h2 {



	font-size: 12px;



	color: #FFFFFF;



	padding: 6px 5px 5px 20px;



	margin: 0;



}



h2 span{



	display:none;



}



h3 {



	font-size: 12px;



	color: #FFFFFF;



	padding: 6px 5px 5px 20px;



	margin: 0;



}



h4{



	color:#427DD3;



	font-size:13px;



}



img {



	border-width:0px;



}



form {



	margin: 0px;



	padding-top: 3px;



	padding-bottom:3px;



}



a {



	text-decoration: underline;



	color: #333333;



}



a:hover {



	text-decoration: underline;



	color: #669966;



}



ul{



	margin:0;



	padding:0;



}



li{



	list-style-position: outside;



	list-style-type:none;



	font-size:13px;



}



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



 *



 * レイアウト用



 *



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



#idMain {



	margin: 0px auto;



	padding: 0px;



	width: 780px;



	height:auto;



	background:url(../images/bg.gif) repeat-y 0 0;



}



#idHeader {



	margin:0 0 0 10px;



	padding:0;



}



/* bottan レイアウト */



#bottan{



	width:760px;



	height:50px;



	margin:0;



}



#bottan ul li span{



	display:none;



}



#bottan ul li{



	float:left;



}



#bottan li#bottan1 a{



	display:block;



	width:127px;



	background:url(../images/top_menu.gif) no-repeat 0px 0px;



	height:50px;



}



#bottan li#bottan1 a:hover{



	background:url(../images/top_menu.gif) no-repeat 0px -50px;



	width:127px;



	height:50px;



}



#bottan li#bottan2 a{



	display:block;



	width:127px;



	background:url(../images/top_menu.gif) no-repeat -127px 0px;



	height:50px;



}



#bottan li#bottan2 a:hover{



	background:url(../images/top_menu.gif) no-repeat -127px -50px;



	width:127px;



	height:50px;



}



#bottan li#bottan3 a{



	display:block;



	width:127px;



	background:url(../images/top_menu.gif) no-repeat -254px 0px;



	height:50px;



}



#bottan li#bottan3 a:hover{



	background:url(../images/top_menu.gif) no-repeat -254px -50px;



	width:127px;



	height:50px;



}



#bottan li#bottan4 a{



	display:block;



	width:127px;



	background:url(../images/top_menu.gif) no-repeat -381px 0px;



	height:50px;







}



#bottan li#bottan4 a:hover{



	background:url(../images/top_menu.gif) no-repeat -381px -50px;



	width:127px;



	height:50px;



}



#bottan li#bottan5 a{



	display:block;



	width:126px;



	background:url(../images/top_menu.gif) no-repeat -508px 0px;



	height:50px;







}



#bottan li#bottan5 a:hover{



	background:url(../images/top_menu.gif) no-repeat -508px -50px;



	width:126px;



	height:50px;



}



#bottan li#bottan6 a{



	display:block;



	width:126px;



	background:url(../images/top_menu.gif) no-repeat -634px 0px;



	height:50px;







}



#bottan li#bottan6 a:hover{



	background:url(../images/top_menu.gif) no-repeat -634px -50px;



	width:126px;



	height:50px;



}



/* bottan レイアウト　ここまで */



#idContents {



	margin: 0 auto 0px auto;



	width:760px;



	height:100%;



	overflow:hidden;



}



#menu {



	width: 217px;



	margin-right:10px;



	height:auto;



	margin-top:30px;



	float:right;



}



#topicpath {



	padding: 5px 0 5px 10px;



	border-bottom:1px dotted #808080;



	width:520px;



	margin-bottom:10px;



	color:#29abe2;



}



#toppageunder {



	text-align: left;



	width: 533px;



	margin-top:1px;



	float: left;



	background-color: #ffffff;



	padding-top: 2px;



	padding-right: 0px;



	padding-bottom: 0;



	padding-left: 0px;



}



#footer {



	width: 780px;



	height:54px;



	clear:both;



	margin:0 auto;



	background:url(../images/footer.gif) no-repeat 0 0;



}



#footer span{



	display:none;



}



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



 *



 * 共通



 *



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



.padding {



	padding: 0;



}



.clear {



	clear: both;



}



.address {



	line-height: 130%;



	text-align: left;



	color: #000000;



	background-repeat: no-repeat;



	padding: 10px 3px 10px 3px;



	font-size:12px;



}



h2.pagetitle {



	font-size: 14px;



	color: #E8AB00;



	padding: 6px 5px 5px 10px;



	margin: 0;



	margin-bottom: 5px;



	border-bottom: 1px solid #E8AB00;



}



.pagetitle2{



	margin: 0;



	height:28px;



	width:533px;



	background:url(../images/kyakushitu1.gif) no-repeat 0 0;



	display:block;



}



.centeryohaku {



	text-align: center;



	margin-top: 8px;



	margin-bottom: 8px;



}



.nodisplay {



	display:none;



}



.hide {



	width: 0px;



	height: 0px;



}



.pagelink {



	text-align:right;



	width:200px;



	float:right;



}



.price {



	color: #CC0000;



}



.red {



	color: #CC0000;



	font-size:11px;



}



ul li{



	display:block;



}



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



 *



 * 予約特典



 *



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



h3.res {



	font-size: 12px;



	color: #FF6600;



	padding: 15px 5px 10px 20px;



	margin: 0;



}



.resimg1 {



	float:left;



	padding:5px;



}



.rescomment {



	padding:5px;



	line-height:110%;



}



.rescomment dl {



	padding:10px;



}



.rescomment dt {



	padding-bottom:5px;



}



.rescomment dd {



	margin-top:-40px;



	margin-left:210px;



	height:35px;



	padding-bottom:10px;



}



.booking {



	width: 530px;



	margin-top: 20px;



	margin-bottom: 20px;



}



.resicon {



	float:left;



	padding-right:3px;



}



.resbtn {



	width: 200px;



}



.resbtn a {



	display: block;



	width: 200px;



	height: 25px;



	padding: 5px 5px 5px 15px;



	margin: 0;



	text-decoration: none;



	color: #FFFFFF;



	background-image: url("../images/reserve_btn_1.jpg");



	background-repeat: no-repeat;



}



.resbtn a:hover {



	display: block;



	width: 200px;



	height: 25px;



	padding: 5px 5px 5px 15px;



	margin: 0;



	text-decoration: none;



	color: #FFFFFF;



	background-image: url("../images/reserve_btn_2.jpg");



	background-repeat: no-repeat;



}



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



 *



 * サイドメニュー用



 *



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



#koukoku{



	width:180px;



	overflow:hidden;



}



.clsMenu {



	padding: 5px;



	background-color: #000000;



	color: #FFFFFF;



}



div.clsItem {



	width:208px;



	height:auto;



	font-size:11px;



	padding-top:10px;



	overflow:hidden;

	

	margin:0 auto;



}



.clsItem ul {



	list-style:none;



}



p.address div{



	background:



}



p.address div span{



	display:none;



}



.clsMenuBanner0S {



	color:#E8AB00;



	padding: 10px 5px 5px 20px;



	text-decoration: none;



	width: 155px;



	height: 20px;



	font-weight: bold;



	background:url(../images/menu_menu.gif) 0 0 no-repeat;



}



.clsMenuBanner1S {



	color:#999;



	padding: 10px 5px 5px 20px;



	text-decoration: none;



	width: 155px;



	height: 20px;



	font-weight: bold;



	background:url(../images/menu_menu.gif) 0 0 no-repeat;



}



.clsMenuBanner2S {



	color:#999;



	padding: 10px 5px 5px 20px;



	text-decoration: none;



	width: 155px;



	height: 20px;



	font-weight: bold;



	background:url(../images/menu_menu.gif) 0 0 no-repeat;



}



.clsMenuBanner0 {



	color:#999;



	vertical-align: 70%;



	font-weight: bold;



}



.clsMenuBanner0 a {



	display: block;



	padding: 10px 5px 5px 20px;



	color:#999;



	text-decoration: none;



	width: 155px;



	height: 20px;



	background:url(../images/menu_menu.gif) 0 0 no-repeat;



}



.clsMenuBanner0 a:hover {



	display: block;



	padding: 10px 5px 5px 20px;



	color:#E8AB00;



	text-decoration: none;



	width: 155px;



	height: 20px;



	background:url(../images/menu_menu.gif) 0 0 no-repeat;



}



.clsMenuBanner1 {



	color:#999;



	vertical-align: 70%;



	font-weight: bold;



}



.clsMenuBanner1 a {



	display: block;



	padding: 10px 5px 5px 20px;



	color:#999;



	text-decoration: none;



	width: 155px;



	height: 20px;



	background:url(../images/menu_menu.gif) 0 0 no-repeat;



}



.clsMenuBanner1 a:hover {



	display: block;



	padding: 10px 5px 5px 20px;



	color:#E8AB00;



	text-decoration: none;



	width: 155px;



	height: 20px;



	background:url(../images/menu_menu.gif) 0 0 no-repeat;



}



.clsMenuBanner2 {



	color:#999;



	vertical-align: 70%;



	font-weight: bold;



}



.clsMenuBanner2 a {



	display: block;



	padding: 10px 5px 5px 20px;



	color:#999;



	text-decoration: none;



	width: 155px;



	height: 20px;



	background:url(../images/menu_menu.gif) 0 0 no-repeat;



}



.clsMenuBanner2 a:hover {



	display: block;



	padding: 10px 5px 5px 20px;



	color:#E8AB00;



	text-decoration: none;



	width: 155px;



	height: 20px;



	background:url(../images/menu_menu.gif) 0 0 no-repeat;



}



.clsMenuBanner3 {



	color:#999;



	vertical-align: 70%;



	font-weight: bold;



}



.clsMenuBanner3 a {



	display: block;



	padding: 10px 5px 5px 20px;



	color:#999;



	text-decoration: none;



	width: 155px;



	height: 20px;



	background:url(../images/menu_menu.gif) 0 0 no-repeat;



}



.clsMenuBanner3 a:hover {



	display: block;



	padding: 10px 5px 5px 20px;



	color:#E8AB00;



	text-decoration: none;



	width: 155px;



	height: 20px;



	background:url(../images/menu_menu.gif) 0 0 no-repeat;



}



.clsMenuBanner4 {



	color:#999;



	vertical-align: 70%;



	font-weight: bold;



}



.clsMenuBanner4 a {



	display: block;



	padding: 10px 5px 5px 20px;



	color:#999;



	text-decoration: none;



	width: 155px;



	height: 20px;



	background:url(../images/menu_menu.gif) 0 0 no-repeat;



}



.clsMenuBanner4 a:hover {



	display: block;



	padding: 10px 5px 5px 20px;



	color:#E8AB00;



	text-decoration: none;



	width: 155px;



	height: 20px;



	background:url(../images/menu_menu.gif) 0 0 no-repeat;



}



#menu5{



	display:block;



	height:auto;



	width:180px;

	

	margin:0 auto;



}



#menu10{



	text-decoration: none;



	width: 180px;



	height: 35px;



	background:url(../images/sub_menu2.gif) no-repeat 0 0;



	display:block;



}



#menu10 span{



	display:none;



}



ul#subbottan{



	height:200px;



	width:100%;



}



ul#subbottan{



	height:auto;



	width:150px;

	

	margin:0 auto;

	

	display:block;

	

}



ul#subbottan li{



	display:block;



	height:80px;



	width:150px;



	margin:0 auto 7px auto;

	

}



#subbottan ul li.subbottan1 a{



	display:block;



	height:80px;



	width:150px;



	margin-bottom:3px;



	background:url(../images/reserve2.gif) no-repeat 0 0;



}



#subbottan ul li.subbottan2 a{



	display:block;



	height:80px;



	width:150px;



	margin-bottom:3px;



	background:url(../images/reserve1.gif) no-repeat 0 0;



}



#subbottan ul li.subbottan1 a span{



	display:none;



}



#subbottan ul li.subbottan2 a span{



	display:none;



}



ul#yoyaku{



	width:150px;

	

	margin:0 auto 10px auto;

	

	display:block;

	

	height:50px;

	

}



ul#yoyaku li{



	width:150px;



	display:block;



}



#kusitu1{



	width:100%;



	height:320px;



}



#kusitu1 form {



	width:150px;



	margin:0 auto;



}



#kusitu1 #ken1 ul{



	width:150px;



	display:block;



	margin:0 auto;



}



#ken1{



	width:180px;



	height:50px;



}



#ken1 ul li{



}



#ken2{



	width:180px;



}



#ken2 ul{



	margin:0 auto;



	width:150px;



}



#ken2 ul li{



	font-size:10px;



	color:#F00;



}





ul#qr{



	width:150px;



	height:160px;



	display:block;

	

	margin:20px auto;



}



li#qr1{



	width:100%;



	height:30px;



	display:block;



	background-color:#87cefa;
	
	text-align:center;



}



li#qr2{



	width:123px;



	height:110px;



	display:block;



	padding:20px 0 0 25px;



	border:solid 1px #ccc;



}



ul#hako{



	width:170px;



	height:112px;

	

	margin:0 auto;



}



ul#hako li{



	width:170px;



	height:50px;



	margin:3px auto;



	display:block;



	border:1px solid #ccc;



}



div#reserve_menu {

	

	width:150px;

	

	margin:0 auto 5px auto;

	

	background-color:#87cefa;

	

}



div#reserve_menu form p.moji1 {

		

	font-size:11px;

			

}



div#reserve_menu form a {

		

	font-size:9px;



}



p#syukuhakubi {

			

	margin:5px auto 0 auto;

	

	display:block;

	

	width:150px;

	

	height:30px;

	

	background:url(../images/syukuhaku.gif) 0 0 no-repeat;

	

}



p#syukuhakubi span {

	

	display:none;

	

}



div#reserve1 {

	

	margin:0 auto;

	

	background-color:#ffffff;

	

	padding:5px;

	

	width:130px;

	

}



div#reserve2 {

	

	margin:0 auto;

	

	background-color:#ffffff;

	

	padding:5px;

	

	width:130px;

	

}



div#reserve3 {

	

	margin:0 auto;

	

	background-color:#ffffff;

	

	padding:5px;

	

	width:130px;

		

}



div#reserve4 {

	

	margin:0 auto;

	

	background-color:#ffffff;

	

	padding:5px;

	

	width:130px;

	

}



div#reserve5 {

	

	margin:0 auto;

	

	width:150px;

		

}



div#reserve5 input {

	

	width:120px;

	

	height:24px;

	

	margin:5px auto;

	

	display:block;

	

}



#jyouhou {

	width:180px;

	

	height:180px;

	

	margin:0 auto;

}





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



 *



 * 各ページ共通項目整理



 *



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



.commentimg {



	float: left;



	width: 200px;



	text-align: center;



	padding-top: 5px;



	padding-right: auto;



	padding-bottom: 5px;



	padding-left: 8px;



}



#commentborder02 {



	border: 1px solid #006666;



	background-color: #FFFFFF;



	margin-top: 2px;



	width: 530px;



}



.commenttxt {



	font-size: 12px;



	line-height: 150%;



	padding: 2px;



	float: right;



	width: 312px;



}



.commenttxt2 {



	font-size: 12px;



	line-height: 150%;



	padding: 2px;



	float: right;



	width: 528px;



}



#commentborder01 {



	border: 1px solid #27652e;



	background-color: #FFFFFF;



	margin-top: 2px;



	width: 530px;



}



.comment01 {



	background-color: #333333;



}



.comment02 {



	background-color: #666666;



}



#commentborder03 {



	border: 1px solid #4D4D26;



	background-color: #FFFFFF;



	margin-top: 2px;



	width: 530px;



}



.comment03 {



	background-color: #999999;



}



#commentborder04 {



	border: 1px solid #4D4D26;



	background-color: #FFFFFF;



	margin-top: 2px;



	width: 530px;



}



.comment04 {



	background-color: #FF9900;



}



#commentunder {



	clear: both;



}



.commentlink {



	text-align: right;



	padding: 0 5px 0 0;



}



.commentlink a{



	text-decoration: none;



	color: #333333;



	font-weight: bold;



}