@charset "utf-8";

/* Body */
body
{
	background-color			:	#ddddee;
	background-image			:	url(../image/common/Body/Background/LinedLeft.jpg);
	background-position			:	center top;
	margin						:	0px 0px 0px 0px;
	border-top					:	solid 5px #9c2a5b;
}

/* Panel */
#PanelContent
{
	margin						:	0px;
}
#PanelContentOuter
{
	padding					:	0px;
}
div.PanelContentInner
{
	width					:	960px;
	margin					:	0px auto;
	padding					:	0px 0px;
}

/* Header */
#PanelHeader
{
	position						:	relative;
	background-color			:	#000000;
	background-position			:	bottom center;
	background-repeat			:	no-repeat;
	height						:	600px;
	margin-bottom				:	30px;
}
#PanelHeaderUpper
{
	background-image			:	url(../image/common/Header/Background/Background.jpg);
	background-position			:	top center;
	background-repeat			:	no-repeat;
	height						:	90px;
}
#PanelHeaderOpening
{
	position						:	absolute;
	width						:	100%;
	bottom						:	0px;
	left							:	0px;
	z-index						:	0;
}
#PanelHeaderInner
{
	position						:	relative;
}
#PanelHeaderMenu
{
	position						:	absolute;
	left							:	0px;
	top							:	90px;
	width						:	100%;
	height						:	60px;
	background-image			:	url(../image/common/Header/Menu/Background/Background.gif);
	background-position			:	bottom center;
	z-index						:	100;
}
#PanelHeaderMenuTop
{
	position						:	absolute;
	left							:	0px;
	bottom						:	10px;
	width						:	100%;
	text-align					:	left;
	z-index						:	50;
}
#PanelHeaderMenuTop img
{
	margin-left					:	15px;
}
#PanelHeaderLogo
{
}
#PanelHeaderLogoDoll
{
	position						:	absolute;
	top							:	15px;
	left							:	0px;
	z-index						:	200;
}
#PanelHeaderLogoYuraku
{
	position						:	absolute;
	top							:	0px;
	left							:	0px;
}
#PanelHeaderLink
{
	position						:	absolute;
	top							:	50px;
	left							:	200px;
	display						:	none;
}
#PanelHeaderSmart
{
	position						:	absolute;
	top							:	25px;
	left							:	250px;
	font-size					:	24px;
}
#PanelHeaderSmart a
{
	color						:	#ffffff;
	font-weight					:	bold;
}
#PanelHeaderCopy
{
	position						:	absolute;
	top							:	40px;
	left							:	360px;
	display						:	none;
}
#PanelHeaderTelephone
{
	position						:	absolute;
	top							:	0px;
	right						:	0px;
}
#PanelHeaderReservation
{
	position						:	absolute;
	top							:	0px;
	left							:	215px;
	width						:	465px;
	padding						:	10px 15px;
	z-index						:	100;
	background-image			:	url(../image/common/Header/Reservation/Background.png);
	color						:	#ffffff;
}
#PanelHeaderReservation table.List
{
	width						:	370px;
}
#PanelHeaderReservation td
{
	padding						:	1px 1px;
}
#PanelHeaderReservationButton
{
	position						:	absolute;
	right						:	10px;
	top							:	15px;
}
#PanelHeaderReservationGreeting
{
	font-size					:	16px;
	line-height					:	1em;
	margin-bottom				:	4px;
}
#PanelHeaderButtonGroup
{
display:none;
	position						:	absolute;
	top							:	5px;
	left							:	600px;
	z-index						:	50;
}
#PanelHeaderButtonReservation
{
display:none;
	position						:	absolute;
	top							:	5px;
	left							:	600px;
	z-index						:	100;
}
#PanelHeaderShadow
{
	position						:	absolute;
	bottom						:	-6px;
	width						:	100%;
	height						:	6px;
	background-image			:	url(../image/common/Header/Background/Shadow.png);
	background-position			:	bottom center;
	z-index						:	300;
}


/* 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						:	220px;
}
#PanelFooterMenu
{
	position						:	absolute;
	width						:	100%;
	top							:	0px;
	text-align					:	center;
}
#PanelFooterMenu span.LabelFooterMenu
{
	margin				:	0px 8px;
}
#PanelFooterMenu span.LabelName
{
	font-size					:	16px;
}
#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;
}


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

/* Side */
#PanelSide
{
	float						:	left;
	width						:	200px;
	padding						:	0px 15px 30px 15px;
}

#PanelSidePlan
{
	margin							:	0px 0px 15px 0px;
}
#PanelSideCalendar
{
	background-color				:	#ffffff;
	margin							:	0px 0px 20px 0px;
}
#PanelSideCalendar h3
{
	margin						:	0px;
}
#PanelSideCalendar form
{
	margin						:	0px;
}
#PanelSideCalendar table
{
	margin						:	0.5em 0em;
	width						:	100%;
}
#PanelSideCalendar select.List2
{
	width						:	43px;
}
#PanelSideCalendar select.List4
{
	width						:	60px;
}
#PanelSideCalendarHeader
{
}
#PanelSideCalendarBody
{
	padding						:	10px 10px 15px 10px;
}
div.PanelSideCalendarRoom
{
	float						:	left;
	width						:	80px;
}
table.PanelSideCalendarMember
{
	border-collapse				:	collapse;
}
table.PanelSideCalendarMember td
{
	padding					:	2px;
	border						:	solid 1px #999999;
}
td.PanelSideCalendarMemberName
{
	background-color				:	#ddddee;
}
td.PanelSideCalendarMemberNameSub
{
	background-color				:	#ddddee;
	white-space					:	nowrap;
	font-size					:	10px;
}
td.PanelSideCalendarMemberQuantity
{
	background-color				:	#eeeeee;
	white-space					:	nowrap;
	width						:	80px;
}
td.PanelSideCalendarMemberQuantity select
{
	width						:	40px;
	margin						:	0px 2px 0px 0px;
}


/* Content */
#PanelContentRight
{
	float						:	left;
	width						:	200px;
	padding						:	0px 15px 30px 15px;
}
#PanelContentBody, #PanelContentLeft
{
	float						:	right;
	width						:	700px;
}

#PanelContentBodyHeader
{
	margin						:	0px auto 30px auto;
	height						:	300px;
	background-position			:	top center;
	display						:	none;
}
#PanelContentBodyHeader h1
{
	display					:	none;
}

#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/common/Body/Line/Line.gif);
	background-repeat			:	none;
	margin						:	30px 0px;
}

/* Content */
#PanelContentRight
{
	float						:	right;
	width						:	200px;
}
#PanelContentLeft
{
	float						:	left;
	width						:	700px;
}

/* Common */
#PanelMap
{
	border				:	solid 1px #999999;
}

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

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.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用 */  
	-moz-border-radius	:	10px;	/* Firefox用 */  
}
.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;
}