@charset "utf-8";

/* Body */

body
{
	background-color			:	#ccddee;
	background-image			:	url(./library/image/Body/Background/Paper.jpg);
	background-position			:	center top;
	margin					:	0px 0px 0px 0px;
}

/* Panel */
#PanelContent
{
	margin						:	0px 0px 50px 0px;
	font-size					:	14px;
	line-height					:	1.6em;
}
#PanelContentOuter
{
	padding					:	0px;
}
div.PanelContentInner
{
	width					:	960px;
	margin					:	0px auto;
	padding					:	0px 0px;
}

/* Header */
#PanelHeader
{
	background-image			:	url(../image/common/Header/Background/Background.jpg);
	background-position			:	top center;
	height					:	360px;
}
#PanelHeaderInner
{
	position						:	relative;
}
#PanelHeaderMenu
{
	height					:	60px;
	margin					:	0px 0px 30px 0px;
	background-image			:	url(../image/common/Header/Menu/Background/Background.jpg);
	background-position			:	bottom center;
}
#PanelHeaderLogo
{
}
#PanelHeaderLogoDoll
{
	position						:	absolute;
	top							:	20px;
	left							:	20px;
	z-index						:	100;
}
#PanelHeaderLogoYuraku
{
	position						:	absolute;
	top							:	20px;
	left						:	80px;
}
#PanelHeaderCopy
{
	position						:	absolute;
	top							:	40px;
	left							:	360px;
}
#PanelHeaderTelephone
{
	position						:	absolute;
	top						:	0px;
	right						:	20px;
}


/* Footer */
#PanelFooter
{
	background-image			:	url(../image/common/Footer/Background/Background.jpg);
	margin						:	50px 0px 0px 0px;
	padding						:	30px 0px;
}
#PanelFooter *
{
	color						:	#ffffff;
}
#PanelFooterInner
{
	position						:	relative;
	height						:	280px;
}
#PanelFooterMenu
{
	position						:	absolute;
	width						:	100%;
	top							:	0px;
	text-align					:	center;
}
#PanelFooterMenu span.LabelFooterMenu
{
	margin						:	0px 10px;
}
#PanelFooterLogo
{
	position				:	absolute;
	bottom				:	40px;
	left					:	0px;
}
#PanelFooterAddress
{
	position				:	absolute;
	bottom				:	0px;
	right				:	0px;
}
#PanelFooterCopyright
{
	position				:	absolute;
	bottom				:	0px;
	left					:	0px;
	width				:	960px;
	text-align			:	center;
	border-top			:	solid 1px #999999;
	padding				:	10px 0px 0px 0px;
}
#PanelProducer
{
	display						:	none;
}



/* Content */
#PanelContentBody
{
	margin						:	0px auto;
	width						:	700px;
}

#PanelContentBodyHeader
{
	margin						:	0px auto 30px auto;
	background-position				:	top center;
}
#PanelContentBodyHeader img
{
	width						:	960px;
}

#PanelContentBodyTitle
{
	margin						:	0px 0px 10px 0px;
}
#PanelContentBodyPath
{
	margin						:	0px 0px 10px 0px;
	text-align					:	right;
}
#PanelContentBodyPath img.Arrow
{
	margin						:	0px 0px 0px 5px;
}
div.PanelTitle
{
	margin						:	0px 0px 10px 0px;
}

div.PanelLine
{
	height						:	6px;
	background-image				:	url(./image/Body/Line/Line.gif);
	background-repeat				:	none;
	margin						:	30px 0px;
}


#PanelMap
{
	border						:	solid 1px #999999;
}


div.PanelColumn3Left
{
	float					:	left;
	width					:	220px;
	margin-right				:	20px;
}
div.PanelColumn3Center
{
	float					:	left;
	width					:	220px;
}
div.PanelColumn3Right
{
	float					:	right;
	width					:	220px;
}


div.PanelParagraphGap
{
	height					:	30px;
	margin					:	0px;
}

div.PanelMovie
{
	background-color			:	#000000;
	background-image			:	url(./image/Facility/Panel/Movie.jpg);
	text-align				:	center;
}

div.PanelInformation
{
	border					:	solid 1px #999999;
	padding					:	15px;
	background-color		:	#fff7ee;
}

div.PanelTitleBar
{
	background-color		:	#dddddd;
	font-weight				:	bold;
	padding					:	4px 8px;
}

.PanelCornerRound
{
	border-radius		:	10px;	/* CSS3‘�ˆÄ */  
	-webkit-border-radius	:	10px;	/* Safari,Google Chrome—p */  
	-moz-border-radius	:	10px;	/* Firefox—p */  
}
.PanelShadow
{
	-webkit-box-shadow	:	2px 2px 10px #000000;
	 -moz-box-shadow	:	2px 2px 10px #000000;
	box-shadow		:	2px 2px 10px rgba(0, 0, 0, 1.0);
}

.PanelSeo
{
	display					:	none;
}


div.left
{
	float				:	left;
}
div.right
{
	float				:	right;
}
div.clear
{
	clear				:	both;
}


table
{
	border-collapse		:	collapse;
	border			:	0px;
}
td
{
	padding			:	0px;
}

/* List */
table.Layout
{
	width					:	100%;
	margin					:	0px 0px 20px 0px;
}
table.Layout td
{
	padding						:	0px;
}

table.List
{
	border						:	none;
	border-collapse			:	collapse;
	width						:	100%;
}
td.ListHeader
{
	border-collapse			:	collapse;
	border-top					:	solid 1px #998888;
	border-bottom			:	solid 1px #998888;
	font-weight				:	bold;
	background-color			:	#ddccdd;
	padding						:	2px 8px;
	white-space				:	nowrap;
}
td.ListName, td.ListNameRequire
{
	border-top					:	solid 1px #998888;
	border-bottom			:	solid 1px #998888;
	font-weight				:	bold;
	background-color			:	#eeeeee;
	padding						:	2px 8px;
	white-space				:	nowrap;
}
td.ListNameRequire
{

}
td.ListContent
{
	border-top					:	solid 1px #998888;
	border-bottom			:	solid 1px #998888;
	background-color			:	#ffffff;
	padding						:	2px 8px;
}
td.ListStripe0
{
	border-top					:	solid 1px #998888;
	border-bottom			:	solid 1px #998888;
	background-color			:	#ffffff;
	padding						:	2px 8px;
}
td.ListStripe1
{
	border-top					:	solid 1px #998888;
	border-bottom			:	solid 1px #998888;
	background-color			:	#eeeeee;
	padding						:	2px 8px;
}
td.ListError
{
	border-top					:	solid 1px #998888;
	border-bottom			:	solid 1px #998888;
	background-color			:	#ffeeee;
	padding						:	2px 8px;
}


#PanelSpaMap
{
	margin					:	-50px 0px 0px 0px;
}

/* Headline */
h1, h2, h3
{
	margin-top				:	0em;
	margin-bottom				:	0.5em;
}
h1
{
	color					:	#cc0000;
	letter-spacing				:	0.25em;
	line-height				:	1.8em;
}
h2
{
	color					:	#664400;
	line-height				:	1.5em;
}
h3
{
	color					:	#662200;
	line-height				:	1.5em;
}

/* Image */
a img
{
	border					:	none;
}
a:hover img.RollOver, a:hover img.Button
{
	opacity					:	0.5;
	-moz-opacity				:	0.5;
	filter					:	alpha(opacity=50);
}
img.ButtonInactive
{
	opacity					:	0.3;
	-moz-opacity				:	0.3;
	filter					:	alpha(opacity=30);
	border					:	none;
}

img.Photo
{
	margin-bottom				:	0.5em;
}
img.PhotoLeft
{
	float					:	left;
	margin					:	0em 1em 1em 0em;
}
img.PhotoRight
{
	float					:	right;
	margin					:	0em 0em 1em 1em;
}
img.Title
{
	margin-bottom				:	10px;
}
img.PhotoFrame
{
	border					:	solid 1px #999999;
	background-color			:	#ffffff;
	padding					:	10px;
}

/* Top */
#PanelOpening
{
	margin					:	0px 0px 0px 0px;
}
div.PanelTopMovie
{
	float					:	left;
	background-color			:	#000000;
	background-image			:	url(./image/Top/Panel/Movie.jpg);
	text-align				:	center;
	width					:	480px;
}

div.PanelTopComment
{
	float					:	right;
	width					:	440px;
}
div.PanelTopCommentTitle
{
	float					:	left;
	margin-right				:	30px;
}
div.PanelTopCommentBody
{
	float					:	left;
	width					:	280px;
	line-height				:	1.6em;
}
div.PanelTopCommentPhoto
{
	float					:	right;
}

#PanelTopPlanRecommendList
{
	width					:	960px;
	height					:	210px;
	background-image			:	url(./image/Top/Panel/PlanRecommend/Background.gif);
	background-repeat			:	no-repeat;
	padding					:	25px 0px 25px 25px;
	margin					:	0px 0px 20px 0px;
	color					:	#ffffff;
}
div.PanelTopPlanRecommendX
{
	float					:	left;
	width					:	160px;
	margin					:	0px 0px 20px 0px;
	visibility					:	hidden;
}
div.PanelTopPlanRecommend
{
	float					:	left;
	width					:	230px;
	margin					:	0px 0px 20px 20px;
	text-align				:	center;
}
div.PanelTopPlanRecommendPhoto
{
	width					:	200px;
	margin					:	0px auto 5px auto;
}
div.PanelTopPlanRecommendPhoto img
{
	width					:	190px;
	border					:	solid 1px #999999;
	background-color			:	#ffffff;
	padding					:	5px;
}
div.PanelTopPlanRecommendTitle
{
	font-size				:	14px;
	font-weight				:	bold;
	display					:	none;
}
div.PanelTopPlanRecommendComment
{
}

div.PanelContact
{
	position					:	relative;
	width					:	960px;
	height					:	120px;
}
div.PanelContactBackground
{
	position					:	absolute;
}
div.PanelContactButton
{
	position					:	absolute;
	right					:	35px;
	bottom					:	10px;
}
div.PanelContactButton img
{
	margin-left				:	30px;
}


div.PanelTopScore
{
	position					:	relative;
	height					:	120px;
	margin					:	0px 0px;
}
div.PanelTopScore img
{
	position					:	absolute;
	left					:	-12px;
}


/* Room */
#PanelRoomBlack
{
	background-color			:	#333333;
	color					:	#ffffff;
	padding					:	20px;
}
#PanelRoomWhite
{
	background-color			:	#ffffff;
	padding					:	20px;
}
#PanelRoomOrange
{
	background-color			:	#aa3300;
	color					:	#ffffff;
	padding					:	20px;
}


div.PanelRoomPhoto
{
	float					:	left;
}
div.PanelRoomComment
{
	float					:	right;
	width					:	320px;
}


div.PanelRoomComment h2
{
	margin					:	0.25em 0em 1em 0em;
}