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


/*=====================
Tags
=====================*/
* 		{ font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
strong 	{ color:#FAD29E;}
img 	{ border:none;}
a  		{ color:#D69225;font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
a:hover { color:#FFFFFF;}
a.arwTop,
a.arwBottom,
a.arwLeft,
a.arwRight 	{ padding:0 0 0 15px; background-position:left center; background-repeat:no-repeat; font-size:11px; text-decoration:none;}
a.arwTop 	{ background-image:url(elements/icon_arw_top.gif)}
a.arwBottom { background-image:url(elements/icon_arw_bottom.gif)}
a.arwLeft 	{ background-image:url(elements/icon_arw_left.gif)}
a.arwRight 	{ background-image:url(elements/icon_arw_right.gif)}

span.small,
div.small { font-size:10px;}

ol,ul 		{}
ol li,ul li { font-size:11px; margin:1em 0; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}

p.tag { font-size:14px!important}

div.toPageTop { text-align:right; padding:10px 0; width:100%; overflow:hidden; clear:both;}

/*=====================
Layout
=====================*/
html,body { margin:0; padding:0; min-height:100%;}


body { background:#000000 url(elements/bg_body.gif) repeat-y center top;; height:100%;}
div#container 	{width:900px; padding:0; margin:0 auto; color:#FFFFFF; overflow:hidden;}

div#bodyBlock { width:860px; margin:0; padding:0 20px; overflow:hidden; clear:both;}
	
	div#header 	{}
		h1#logo 	{ width:188px; float:left  }
		h1#logo a 	{ display:block; height:0; padding-top:48px; overflow:hidden; background:url(elements/logo.gif) no-repeat left top;}
		
		ul#subMenu 				{ float:right; list-style:none; height:48px;}
		ul#subMenu li			{ display:inline; padding:0 10px; /*line-height:48px;*/}
		ul#subMenu li a			{}		
		ul#subMenu li a:hover	{}
		
		ul#menu 							{ padding:0; margin:20px 0 10px 0; list-style:none; width:860px; height:46px; clear:both; overflow:hidden}
		ul#menu li 							{ display:inline; margin:0; padding:0;}
		ul#menu li a 						{ background:url(elements/menu.gif) no-repeat top left;  float:left; height:0; padding:46px 0 0 0; overflow:hidden;}
		ul#menu li#menuTop a 				{ width:85px; 	background-position:0px 0px}
		ul#menu li#menuRoom a 				{ width:169px; 	background-position:-85px 0px}
		ul#menu li#menuService a 			{ width:123px; 	background-position:-254px 0px}
		ul#menu li#menuMembers a 			{ width:134px; 	background-position:-377px 0px}
		ul#menu li#menuReservation a 		{ width:159px; 	background-position:-511px 0px}
		ul#menu li#menuAccess a 			{ width:190px; 	background-position:-670px 0px}
		ul#menu li#menuTop a:hover,
		ul#menu li#menuTop.focus a			{ 				background-position:0px -46px}
		ul#menu li#menuRoom a:hover,
		ul#menu li#menuRoom.focus a			{ 				background-position:-85px -46px}
		ul#menu li#menuService a:hover,
		ul#menu li#menuService.focus a		{ 			 	background-position:-254px -46px}
		ul#menu li#menuMembers a:hover,
		ul#menu li#menuMembers.focus a		{ 				background-position:-377px -46px}
		ul#menu li#menuReservation a:hover,
		ul#menu li#menuReservation.focus a 	{				background-position:-511px -46px}
		ul#menu li#menuAccess a:hover,
		ul#menu li#menuAccess.focus a		{ 				background-position:-670px -46px}

div#pageimageBlock		{ width:100%; overflow:hidden; margin:10px 0; clear:both}

div#content { width:100%; overflow:hidden; clear:both;}
div#content p { font-size:11px; line-height:18px; margin:1em 0; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"}

	div#mainBlock 			{ width:590px; margin-right:20px; float:left;}
	div#mainBlock.fullsize 	{ width:860px!important; float:none!important; margin:0;}
		div#pagePath 		{ margin:0 0 10px 0; font-size:10px;}
		div#pagePath a 		{ text-decoration:none;}
	div#sideBlock { width:250px; margin:0px; float:right;}
	div#sideBlock p { line-height:1.2em;}
	
	div#mainBlock div.oneBlock {margin:10px 0 17px 0; padding:0 0 7px 0; border-bottom:#999999 solid 1px; clear:both; width:100%; overflow:hidden}
	div#sideBlock div.oneBlock {margin:10px 0 16px 0; padding:0 0 6px 0; border-bottom:#999999 solid 1px; clear:both; width:100%; overflow:hidden}
	div#mainBlock div.noborder,
	div#sideBlock div.noborder { border:none!important; clear:both;}

table.listTable { border-collapse:collapse; width:100%; margin:0 0 6px 0;}
table.listTable th,
table.listTable td 		{ font-size:11px; font-weight:normal; padding:6px 0; background:url(elements/border_dot_999.gif) repeat-x left bottom;}
table.listTable th 		{ width:100px; text-align:left;}
table.listTable td a 	{ text-decoration:none;}
table.listTable tr.noborder th,
table.listTable tr.noborder td 	{ background:none;}

div#footer 				{ border-top:#666666 solid 1px; height:40px; line-height:40px; padding:0 10px; width:880px; overflow:hidden; clear:both;}
	address#copyrights 	{ background:url(elements/copyrights.gif) no-repeat left top; width:136px; height:0; padding-top:11px; overflow:hidden; margin:14px 0;}
	

/*-----------------------
TITLE
-----------------------*/
div#content h3		{ overflow:hidden; height:0; margin:5px 0; padding:30px 0 0 0; line-height:1em; background-repeat:no-repeat; background-position: left top;}
h3#titleConcept 	{ background-image:url(elements/title_concept.gif); }
h3#titleTopics 		{ background-image:url(elements/title_topics.gif);}
h3#titleAccess		{ background-image:url(elements/title_access.gif);}
h3#titleCroissant 	{ background-image:url(elements/title_croissant.gif);}
h3#titleCroissantTop 	{ background-image:url(elements/title_croissant_.gif);}

h3#titleRoomtype 	{ background-image:url(elements/title_roomtype.gif);}
h3#titleRoomlist 	{ background-image:url(elements/title_roomlist.gif);}
h3#titleRoom101 	{ background-image:url(room/images/roomnum_101.gif);}
h3#titleRoom201 	{ background-image:url(room/images/roomnum_201.gif);}
h3#titleRoom202 	{ background-image:url(room/images/roomnum_202.gif);}
h3#titleRoom203 	{ background-image:url(room/images/roomnum_203.gif);}
h3#titleRoom205 	{ background-image:url(room/images/roomnum_205.gif);}
h3#titleRoom206 	{ background-image:url(room/images/roomnum_206.gif);}
h3#titleRoom301 	{ background-image:url(room/images/roomnum_301.gif);}
h3#titleRoom302 	{ background-image:url(room/images/roomnum_302.gif);}
h3#titleRoom303 	{ background-image:url(room/images/roomnum_303.gif);}
h3#titleRoom305 	{ background-image:url(room/images/roomnum_305.gif);}
h3#titleRoom306 	{ background-image:url(room/images/roomnum_306.gif);}
h3#titleRoom307 	{ background-image:url(room/images/roomnum_307.gif);}
h3#titleRoom308 	{ background-image:url(room/images/roomnum_308.gif);}
h3#titleRoom401 	{ background-image:url(room/images/roomnum_401.gif);}
h3#titleRoom403 	{ background-image:url(room/images/roomnum_403.gif);}
h3#titleRoom405 	{ background-image:url(room/images/roomnum_405.gif);}
h3#titleRoom406 	{ background-image:url(room/images/roomnum_406.gif);}
h3#titleRoom407 	{ background-image:url(room/images/roomnum_407.gif);}
h3#titleRoom408 	{ background-image:url(room/images/roomnum_408.gif);}
h3#titleRoom410 	{ background-image:url(room/images/roomnum_410.gif);}
h3#titleRoom501 	{ background-image:url(room/images/roomnum_501.gif);}
h3#titleRoom502 	{ background-image:url(room/images/roomnum_502.gif);}
h3#titleRoom503 	{ background-image:url(room/images/roomnum_503.gif);}
h3#titleRoom505 	{ background-image:url(room/images/roomnum_505.gif);}
h3#titleRoom506 	{ background-image:url(room/images/roomnum_506.gif);}
h3#titleRoom507 	{ background-image:url(room/images/roomnum_507.gif);}
h3#titleRoom508 	{ background-image:url(room/images/roomnum_508.gif);}
h3#titlePricelist 	{ background-image:url(elements/title_pricelist.gif); width:300px; float:left;}
h3#titleFacility 	{ background-image:url(elements/title_facility.gif);}

h3#titleService 		{ background-image:url(elements/title_service.gif);}
h3#titleRoomService 	{ background-image:url(elements/title_roomservice.gif);}
h3#titleWelcomeService 	{ background-image:url(elements/title_welcomeservice.gif);}
h3#titleMorningService 	{ background-image:url(elements/title_morningservice.gif);}
h3#titleNetService 	{ background-image:url(elements/title_netservice.gif);}
h3#titleMembers 		{ background-image:url(elements/title_members.gif);}
h3#titleReservation		{ background-image:url(elements/title_reservationguide.gif);}
h3#titleParking			{ background-image:url(elements/title_parking.gif);}

h3#titleReservationHowto { background-image:url(elements/title_reservationhowto.gif);}


h4#iconPriceTypeA,
h4#iconPriceTypeB,
h4#iconPriceTypeC,
h4#iconPriceTypeD 	{ height:0; padding:26px 0 0 0; width:102px; float:right; overflow:hidden; margin:5px 0; background-position:left top; background-repeat:no-repeat;}
h4#iconPriceTypeA 	{ background-image:url(elements/icon_pricetype_a.gif);}
h4#iconPriceTypeB 	{ background-image:url(elements/icon_pricetype_b.gif);}
h4#iconPriceTypeC 	{ background-image:url(elements/icon_pricetype_c.gif);}
h4#iconPriceTypeD 	{ background-image:url(elements/icon_pricetype_d.gif);}


/*=====================
ROOM
=====================*/
div#roomTypes 	{ width:100%; overflow:hidden; margin:0 0 14px 0;}
	div.roomType 		{ width:200px; float:left; margin-right:20px;}
	div.roomType h5 	{ margin:8px 0; color:#D69225; font-size:14px; }
	div.roomType h5 a	{ text-decoration:none;}
	div.roomType p 		{ margin:3px 0!important; line-height:1.2em!important}

table#roomListTable 	{ border-collapse:collapse; width:100%;}
table#roomListTable th,
table#roomListTable td	{ font-weight:normal; font-size:11px; padding:10px 0; border-top:#999999 solid 1px;}
table#roomListTable th	{ text-align:left;}
table#roomListTable td	{ text-align:center; background:url(elements/border_dot_999_v.gif) repeat-y left top;/*border-left:#999999 dotted 1px;*/ }
table#roomListTable td a{ }
table#roomListTable tr.pricetype th		{ text-align:center; border-top:none;background:url(elements/border_dot_999_v.gif) repeat-y left top/*border-left:#999999 dotted 1px*/}
table#roomListTable td div.roomlistThumbWrapper1 { margin:0 auto; width:64px;}
table#roomListTable td div.roomlistThumbWrapper2 { margin:0 auto; width:128px;}
table#roomListTable td div.roomlistThumbWrapper3 { margin:0 auto; width:192px;}
table#roomListTable td div.roomlistThumbWrapper4 { margin:0 auto; width:256px;}
table#roomListTable td div.roomlistThumb { width:60px; margin:0 auto; background:#D69225; color:#000000; float:left; margin:0 2px; }
table#roomListTable td div.roomlistThumb p { margin:1px 2px; padding:0; text-align:center; font-size:12px; line-height: 1em; display:block; width:60px;}


/*detail*/

div#roomImages 		{ width:860px; overflow:hidden; clear:both; margin:14px 0 0 0;}
div#roomImageLarge 	{ width:530px; float:left; overflow:hidden; margin:0 5px 14px 0;}
div#roomImageThumbs { width:325px; float:right;}
div#roomImageThumbs img { float:left; padding:0 1px 1px 0;}
div#roomImageThumbs p { clear:both;}
div#priceAndFacility { width:860px; overflow:hidden; background:url(elements/bg_priceandfacility.gif) repeat-y left top; margin:10px 0; padding:0 0 20px 0!important;}
div#priceListBlock 	{ width:540px; margin:0 20px 0 0; float:left;}
div#facilityBlock 	{ width:300px; float:right;}

table#pricelistTable { width:100%; border-collapse:collapse; clear:both; overflow:hidden}
table#pricelistTable th,
table#pricelistTable td	{ text-align:left; font-size:12px; font-weight:normal; vertical-align:top}
table#pricelistTable th { color:#FAD29E; font-size:14px; font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"; padding:14px 4px 8px 4px; background:url(elements/border_dot_999.gif) repeat-x left top;}
table#pricelistTable td { padding:8px 4px;}
table#pricelistTable td.price { text-align:right;}
table#pricelistTable tr.noborder th { background:none;}
table#pricelistTable tr.oneline td {padding:14px 4px 8px 4px; background:url(elements/border_dot_999.gif) repeat-x left top;}


h4 { color:#FAD29E; margin:14px 0; font-size:14px; line-height:1.4em; font-weight:normal; font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";}

div.facilityOneBlock { padding:6px 0 10px 0; background:url(elements/border_dot_999.gif) repeat-x left top;}


/*=====================
SERVICE
=====================*/

div.blockLink { float:right;}



/*=====================
MEMBERS
=====================*/
ul#membersFeature { padding:0; margin:0; list-style:none;}
ul li#tagMembers1,
ul li#tagMembers2 { height:0; padding-top:18px; margin:14px 20px; overflow:hidden; background-position:left top; background-repeat:no-repeat  }

ul li#tagMembers1 { background-image:url(elements/tag_members_1.gif)}
ul li#tagMembers2 { background-image:url(elements/tag_members_2.gif)}

table#membersFeatureTable 			{ border-collapse:collapse; width:100%;}
table#membersFeatureTable th,
table#membersFeatureTable td		{ text-align:left; vertical-align:top; padding:10px 0; font-size:12px;line-height:1.8em; background:url(elements/border_dot_999.gif) repeat-x left bottom;}
table#membersFeatureTable th		{ width:160px;}
table#membersFeatureTable td		{}
table#membersFeatureTable td strong	{ }


/*=====================
RESERVATION
=====================*/
div#reservationHowTo {}
div#reservationHowTo h4 			{ float:left; width:150px;}
div#reservationHowTo p 				{ float:right; width:690px; margin:14px 0 30px 0;}
div#reservationHowTo br.resDevide 	{ clear:both; display:block;}


/*=====================
ACCESS
=====================*/


/*Parking*/

div.parkingA	{ background:url(elements/bg_parking_devide.gif) repeat-y left top; clear:both; width:100%; overflow:hidden; margin:20px 0;}
div.parkingB 	{ width:420px; float: left; margin:0;}

h4#parkingShukuhaku,
h4#parkingRest		{ background-position:left top; background-repeat:no-repeat; padding-top:40px; width:395px; height:0; overflow:hidden; margin:0;}
h4#parkingShukuhaku { background-image:url(elements/tag_parking_shukuhaku.gif); }
h4#parkingRest		{ background-image:url(elements/tag_parking_rest.gif); padding-top:63px; }



/*=====================
CROISSANT
=====================*/



div#corissantBlock 		{ background:#FFFFFF url(elements/bg_croissant.jpg) no-repeat left bottom; margin:0 0 20px 0!important; padding:10px 20px 20px 20px!important; clear:both; width:820px!important; overflow:hidden}
div#corissantBlock h4 	{ color:#FF6600 }
div#corissantBlock p 	{ color:#333333;}


div#policyBlock 		{ width:100%; overflow:hidden;}
div.crossantPolicy 		{ width:173px; border:#FFCC99 solid 1px; margin:0 0 5px 5px ; background:#FFFFCC; float:left; padding:10px; height:120px;}
div.crossantPolicy h4 	{ margin:4px 0; font-size:13px; color:#CC6600}
div.crossantPolicy p 	{ font-size:11px; line-height:1.3em!important; color:#660000}
/*
div#policyBlock 		{ width:400px; float:right;}
div.crossantPolicy 		{ width:173px; border:#FFCC99 solid 1px; margin:0 0 5px 5px ; background:#FFFFCC; float:left; padding:10px; height:120px;}
div.crossantPolicy h4 	{ margin:4px 0; font-size:13px; color:#CC6600}
div.crossantPolicy p 	{ font-size:11px; line-height:1.3em!important; color:#660000}
*/

table.croissantTable 			{ width:820px; border-collapse: collapse; clear:both}
table.croissantTable td,
table.croissantTable th			{ padding:10px;  background:url(elements/border_dot_999.gif) repeat-x center bottom;}
table.croissantTable td 		{ vertical-align:top;}
table.croissantTable th 		{ text-align:center; vertical-align:middle;}
table.croissantTable th h4		{ height:240px; line-height:240px; margin:0;}
table.croissantTable td h5		{ color:#FF6600; margin:3px 0; padding:3px 0; line-height:1.4em; border-bottom:#666666 solid 2px; }
table.croissantTable td div.croissantImage { text-align:center;}
table.croissantTable td p		{ margin:0; margin:4px 0!important; padding:0!important;}
table.croissantTable td p.price	{ font-size:14px!important; font-weight:bold!important; text-align:right!important;}
table.croissantTable td p.note	{ line-height:1.2em!important;}

/*
div#policyBlock 		{ float:right; width:400px; }
div.crossantPolicy 		{ width:178px; border:#666666 solid 1px; margin:0 0px; background:#333333; float:left; padding:10px; height:144px;}
div.crossantPolicy h4 	{ margin:4px 0; font-size:13px;}
div.crossantPolicy p 	{ font-size:11px; line-height:1.5em;}

table.croissantTable 			{ width:100%; border-collapse: collapse; table-layout:fixed;}
table.croissantTable td,
table.croissantTable th			{ padding:10px;  background:url(elements/border_dot_999.gif) repeat-x center bottom;}
table.croissantTable td 		{ vertical-align:top;}
table.croissantTable th 		{ text-align:center; vertical-align:middle;}
table.croissantTable th h4		{ background:#333300; color:#FFFFFF; height:240px; line-height:240px; margin:0;}
table.croissantTable td h5		{ margin:3px 0; padding:3px 0; line-height:1.4em; border-bottom:#666666 solid 2px; }
table.croissantTable td div.croissantImage { text-align:center;}
table.croissantTable td p		{ margin:0; margin:4px 0!important; padding:0!important;}
table.croissantTable td p.price	{ font-size:14px!important; font-weight:bold!important; text-align:right!important;}
table.croissantTable td p.note	{ line-height:1.3em;}
*/



/*=====================
TOPICS
=====================*/
table#topicsTable 		{ border-collapse:collapse; width:860px; /*background:url(elements/border_dot_999_v.gif) repeat-y 430px top;*/}
table#topicsTable th,
table#topicsTable td	{ font-size:11px; width:328px; padding:8px 3px; text-align:left; background:url(elements/border_dot_999.gif) repeat-x left top; vertical-align:top;}
table#topicsTable th	{ width:90px; font-weight:normal; color:#FFFFFF; }
table#topicsTable td	{}
table#topicsTable tr.noborder th,
table#topicsTable tr.noborder td { background:none;}


/*detail*/

div#entryWrapper 	{ width:860px; overflow:hidden; background:url(elements/bg_entrywrapper.gif) repeat-y left top; }
div#entryBlock  	{ width:580px; float:left;}
	div#entryToList	{ margin:20px 0;}
div#entryList 		{ width:260px; float:right; margin:0 0 0 20px;}
div#entryList ul 	{ list-style:none; margin:0; padding:0; }