/* CSS Document */
/*==============================
==============================*/
html,body {height:100%;}

body {
	text-align:center;
	margin:0;
	padding:0;
	font-size:12px;
	line-height: 1.5em;
}

img {border:0;}

.Text10px {
	font-size:10px;
	line-height: 1.2em;
}

.BackToTop {
	text-align:right;
	padding-top:10px;
	padding-bottom:20px;
	font-size:x-small;
	height:auto;
	clear:both;
}

h1 {
	margin:0;
	padding:0;
}

.LeftText {text-align:left;}

.RightText {text-align:right;}

.CenterText {text-align:center;}

#Container {
	width:930px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background-image:url(../img/Container_bg.gif);
	background-position:center;
	background-repeat:repeat-y;
}

#Container100 {
	width:930px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background-image:url(../img/Container_bg_100.gif);
	background-position:center;
	background-repeat:repeat-y;
}


#Header {
	width:910px;
	height:110px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

#HeaderTop {
	width:910px;
	height:110px;
	margin-left:auto;
	margin-right:auto;
}

#Footer {
	width:910px;
	height:auto;
	color:#FFFFFF;
	background-color:#203794;
	margin-left:auto;
	margin-right:auto;
}

#MainContBox {
	width:910px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

/* テキスト10px */
.jp10 {
	font-size:10px;
	line-height: 1.25em;
}
.jp12 {
	font-size:12px;
	line-height: 1.25em;
}
.jp14 {
	font-size:16px;
	line-height: 1.5em;
}
/* 軟風5K須項慢頻 */
.Attention {color:#FF0000}

/*=====================================
豪盾準肴・舶
=====================================*/

/* コンテンツボックス */
#ReserveBox {
	width:680px;
	padding:10px;
	padding-left:20px;
	float:left;
	text-align:left;
	background-color: #FFFFFF;
}

/* ページタイトル */
#PageTitle {
	font-size:16px;
	color:#ffffff;
	padding:5px 0px 5px 5px;
	margin:5px 0px;
	font-weight:bold;
	width:675px;


	#background-color:#5557b4;
	background-color:#003399;
	line-height: 1.5em;
	letter-spacing: 1px;
	text-indent: 8px;
}

/* ページタイトル */
#PageSubTitle {
	font-size:16px;
	font-weight:bold;
	line-height: 1.25em;
	letter-spacing: 1px;
}

/* 段・*/
#ReserveBox p {
	margin:0;
	padding:0;
	padding-bottom:10px;
}

/* 爆究リスト */
#ReserveBox ol {
	margin:0;
	margin-left:30px;
	padding:10px;
	font-size:12px;
}

/* 凹/闕曹・*/
#ReserveBox ul {
	margin:0;
	margin-left:20px;
	padding:0;
	padding-bottom:10px;
	font-size:12px;
}

#ReserveBox li {margin-bottom:10px;}

/* ボックス背景色用 */
.BGcolor {
	background-color:#E7EEF5;
	border:1px solid #003399;
	margin-bottom:10px;
	padding:10px;
}

/* STEP2 レストランタイトル */
.RestName {
	font-size:12px;
	color:#990000;
	font-weight:bold;
	padding:5px 0px;
}

/* カレンダーボックス澄2・*/
#Cal {
	background-color:#CCCCCC;
	font-size:13px;
}

/* STEP3 カレンダー内‘キスト澄2・*/
.LDselect {padding-left:13px;}
.Cal_year {font-size:14px;}

/* STEP3 カレンダー色澄2・*/
.Cal_title {background-color:#FFCC99;}

.Cal_Day {background-color:#FFFFFF;}

.Cal_Sunday {background-color:#FFCCCC;}

.Cal_Today {background-color:#FFCC66;}


/* STEP3 予夜/・・\ｦ澄2・*/
.Step3_InfoTitle {
	font-weight:bold;
	padding-bottom:5px;
}

.Step3_InfoText {
	padding-left:15px;
	padding-bottom:20px;
	font-size:12px;
}

.Step3_RsvDate {
	font-weight:bold;
	font-size:medium;
	color:#ffffff;
	padding:15px 0px 5px 5px;
	margin:0px;
	font-weight:bold;
	background-color:#003399;
}
.Step3_RsvDateSub {
	font-size:12px;
	color:#ffffff;
	padding:5px 0px 10px 5px;
	margin:0px;
	background-color:#003399;
	line-height: 1.5em;
}
/* STEP4 全数央㈹ｖ€юmゆ"座*/
.Step4_Caption {
	font-weight:bold;
	padding-top:10px;
	padding-bottom:5px;
}

/* STEP5 レストラン鮪*/
.Step5_RstName {
	font-weight:bold;
	padding-bottom:5px;
}
.Step5_InfoTitle {
	font-size:medium;
	font-weight:bold;
	padding-bottom:5px;
}
.Step5_RsvDate {
	font-weight:bold;
	font-size:medium;
	color:#ffffff;
	padding:5px 0px 5px 5px;
	margin:0px;
	font-weight:bold;
	background-color:#003399;
	width:510px;
}

/* STEP6 ケーキ選題蜘景色用 */
.CakeBGcolor {
	border:1px solid #F8C89C;
	background-color:#FFFFCC;
}

.Step8_Info{
  font-size:12px;
  line-height:150%;
}
/* 項慢博*/
.RsvFormTitle {color:#234567;}

/*=====================================
右曹々テップ表ｦ
=====================================*/

/* コンテンツボックス */
#ReserveNavi {
	width:190px;
	float:right;
	text-align:left;
	color:#999999;
	padding-bottom:20px;
	background-color:#FFFFFF;
	font-size:14px;
}

/* 段・*/
#ReserveNavi p {
	font-size:10px;
	margin:0;
	padding:0;
	color:#333333;
}

/* ステップ表ｦｖ碕1囀\ｦ用 */
.StepName {font-weight:bold;}

.StepNameNow {
	font-size:14px;
	font-weight:bold;
}

.StepBox {
	border-bottom:1px dotted #999999;
	width:165px;
	height:46px;
	padding-top:10px;
	padding-left:10px;
	margin-left:1px;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
}

.StepUnderBox {
	border-bottom:1px dotted #999999;
	width:165px;
	height:46px;
	padding-top:10px;
	padding-left:10px;
	margin-left:1px;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
}

.Step8Box {
	border-bottom:1px dotted #999999;
	width:165px;
	height:46px;
	padding-top:10px;
	padding-left:10px;
	margin-left:1px;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
}

.Step8UnderBox {
	border-bottom:1px dotted #999999;
	width:165px;
	height:46px;
	padding-top:10px;
	padding-left:10px;
	margin-left:1px;
	border:1px solid #999999;
}

/* STEPボタン（月-・j */
.StepNowBox {
	width:175px;
	height:76px;
	background-image:url(../img/step_now_bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	color:#FFFFFF;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}

.Step1NowBox {
	width:175px;
	height:76px;
	background-image:url(../img/step_now_bg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#E3F0CA;
	color:#000000;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
}
.Step8NowBox {
	width:175px;
	height:76px;
	background-image:url(../img/step_now_bg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#E3F0CA;
	color:#000000;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
}
.Step1NowBox .StepTitle {
	font-weight:bold;
	font-size:16px;
}
.Step8NowBox .StepTitle {
	font-weight:bold;
	font-size:16px;
}
.StepNowBox .StepTitle {
	font-weight:bold;
	font-size:16px;
}

/* STEPボタン（終絡5・j */
.StepAfterBox {
	width:165px;
	height:46px;
	background-color:#EBEBEB;
	background-image:url(../img/step_after_bg.gif);
	background-position:left;
	background-repeat:repeat-y;
	padding-top:10px;
	padding-left:10px;
	margin-left:1px;
	border-left:1px solid #999999;
	border-bottom:1px solid #999999;
}

a .StepAfterBox {
	color:#999999;
	text-decoration:none;
}

a:hover .StepAfterBox {
	border-bottom:1px solid #FFFFFF;
	background-color:#99CC99;
	background-image:url(../img/step_after_bg_on.gif);
	background-position:left;
	background-repeat:no-repeat;
	color:#FFFFFF;
	text-decoration:none;
	border-bottom:1px solid #999999;
}

.StepAfterEnd  {
	background-color:#EBEBEB;
}

a .StepAfter  {
	background-color:#EBEBEB;
	background-image:url(../img/step_after_bg.gif);
	background-position:right;
	background-repeat:no-repeat;
}

a:hover .StepAfter {
	background-color:#99CC99;
	background-image:url(../img/step_after_bg_on.gif);
	background-position:right;
	background-repeat:no-repeat;
}

a .StepAfterTD {
	background-color:#EBEBEB;
	border-bottom:1px solid #FFFFFF;
}

a:hover .StepAfterTD {
	background-color:#99CC99;
	border-bottom:1px solid #FFFFFF;
}

.Step1AfterBox {
	width:165px;
	height:46px;
	background-color:#EBEBEB;
	background-image:url(../img/step_after_bg.gif);
	background-position:left;
	background-repeat:repeat-y;
	padding-top:10px;
	padding-left:10px;
	margin-left:1px;
	border-Top:1px solid #999999;
	border-left:1px solid #999999;
	border-bottom:1px solid #999999;
}

a .Step1AfterBox {
	color:#999999;
	text-decoration:none;
}

a:hover .Step1AfterBox {
	border-bottom:1px solid #FFFFFF;
	background-color:#99CC99;
	background-image:url(../img/step_after_bg_on.gif);
	background-position:left;
	background-repeat:no-repeat;
	color:#FFFFFF;
	text-decoration:none;
	border-bottom:1px solid #999999;
}

.Step1AfterEnd  {
	background-color:#EBEBEB;
}

a .Step1After  {
	background-color:#EBEBEB;
	background-image:url(../img/step_after_bg.gif);
	background-position:right;
	background-repeat:no-repeat;
}

a:hover .Step1After {
	background-color:#99CC99;
	background-image:url(../img/step_after_bg_on.gif);
	background-position:right;
	background-repeat:no-repeat;
}

a .Step1AfterTD {
	background-color:#EBEBEB;
	border-bottom:1px solid #FFFFFF;
}

a:hover .Step1AfterTD {
	background-color:#99CC99;
	border-bottom:1px solid #FFFFFF;
}


#SelectSheet {padding-bottom:20px;}

#RsvTime {
	font-size:12px;
}

.RsvForm {
	text-align:left;
	font-size:small;
}

.RsvFormLeft {
	width:380px;
	float:left;
}

.RsvFormRight {
	width:280px;
	float:right;
}

/* "MainContBox"の背景色を表示させるためのハック */

#MainContBox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}