/*=======================CONTENTS===========================
▼ last-updated: 08/10/10 13:33:28 ashimizu;

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  ◆ネット予約ページのスタイル
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
div#Contents{
	margin-bottom:30px;
	text-align:center;
}

h3.heading3{
	background-image:url(/img/reservetitle.gif);
}

h3#H3re_dock	{background-position:0 0;}
h3#H3re_infl	{background-position:0 -45px;}
h3#H3form_def	{background-position:0 -90px;}
h3#H3form_check	{background-position:0 -135px;}
h3#H3form_ok	{background-position:0 -180px;}

div#Side{
	background:url(/reserve/img/flow.gif) 0 0 no-repeat;
}

div#Side ul{
	margin:0;
	padding:0;
}

div#Side li{
	width:198px;
	height:38px;
	margin:0 0 25px 0;
	padding:0;
	list-style-type:none;
	text-indent:-9999px;
	border:solid 1px #d1d1d1;
}

li#F01{background:url(/reserve/img/flow_in.gif) 57px 0 no-repeat #f1e2e6;}
li#F02{background:url(/reserve/img/flow_in.gif) 57px -40px no-repeat #f1e2e6;}
li#F03{background:url(/reserve/img/flow_in.gif) 57px -80px no-repeat #f1e2e6;}
li#F04{background:url(/reserve/img/flow_in.gif) 57px -120px no-repeat #f1e2e6;}

div#Contents p{
    margin:0 10px;
	text-align:left;
}

/*-----------------------------------------------------------
  予約状況
-----------------------------------------------------------*/
h4.heading4{
	text-align:left;
}

div#Course{
	margin:0 auto;
	text-align:center;
	padding-bottom:15px;
}

div#Course p{
	display:inline;
	font-weight:bold;
	margin:0;
}


div#Course form{
	display:inline;
	margin:0;
	padding:0;
}

/*予約カレンダー*/

div#cl{
	background:url(/reserve/img/bg_carendar_re.gif) 0 0 repeat-y;
}

div#Calendar{
	/*width:500px;*/
	margin:0 auto;
	padding-bottom:25px;
	background:url(/reserve/img/bg_carendar_bottom.gif) left bottom no-repeat;
}

h5#Monthtitle{
	margin:0;
	padding-top:20px;
	font-size:150%;
	background:url(/reserve/img/bg_carendar_top.gif) 0 0 no-repeat;
}

div#Calendar ul{
	margin:10px 30px 5px 30px;
	padding:0;
}

div#Calendar li{
	display:inline;
	margin:0;
	padding:0;
	list-style-type:none;
}

div#Calendar li.this{
	padding:0 160px;
}

div#Calendar table{
	margin:0 auto;
	background-color:#d2c7ca;
}

div#Calendar th{
	padding:3px 0;
	/*width:3.5em;*/
	color:#7d686e;
	background-color:#ecd7d9;
	border-top:solid 1px #fcf2f4;
	border-left:solid 1px #fcf2f4;
}

div#Calendar td{
	width:77px;
	padding:0;
	text-align:right;
	vertical-align:top;
	background-color:#fff;
}

div#Calendar td div.day{
	color:#7d686e;
	font-weight:bold;
	float:left;
	width:1.2em;
	padding:3px;
	border-right:solid 1px #d2c7ca;
	border-bottom:solid 1px #d2c7ca;
	background-color:#eee;
}

div#Calendar td div.time{
	float:right;
	min-height:6.5em;
	*height:6.5em;
	padding:3px 3px 3px 0;
	line-height:130%;
	font-size:95%;
}

/*div#Calendar td a{
	color:#666;
}*/

div#Calendar td.sun,
div#Calendar td.holi{
	background-color:#f7edef;
}

/*div#Calendar td.sun a,
div#Calendar td.holi a{
	color:#bb0000;
}*/

div#Calendar td.sat{
	background-color:#eef3f8;
}

/*div#Calendar td.sat a{
	color:#0000aa;
}*/

div#Calendar td.today{
	background-color:#cfe6cc;
}

div#Contents p.hosoku{
	margin:0;
	padding:5px 0 0 60px;
	background-color:#fff;
}


/*日別予約状況*/
div#status{
}

div#loading{
}

table#Date{
	width:450px;
	margin:0 auto;
	background-color:#d8d0d2;
}

table#Date th{
	padding:3px 8px;
	background-color:#f2eaec;
	border-top:solid 1px #fff;
	border-left:solid 1px #fff;
}

table#Date td{
	padding:6px 8px;
	background-color:#fff;
}


h5#Daytitle{
	text-align:left;
	margin:10px 0 20px 0;
	padding:10px 0 10px 23px;
	font-size:100%;
	background:url(/img/icon_doublecircle.gif) left center no-repeat;
	border-bottom:solid 2px #e4dcda;
}

ul#Attention{
	text-align:left;
	margin:30px 20px 0 20px;
	padding:0;
}

ul#Attention li{
	margin:2px 0;
	padding:0;
}
/*-----------------------------------------------------------
  フォーム
-----------------------------------------------------------*/
table#Confirm{
	margin:0 auto;
	border-collapse:collapse;
}

table#Confirm th{
	padding:10px 0;
	width:5.5em;
	text-align:center;
	background-color:#efe7d3;
	border:solid 1px #c3b9a3;
}

table#Confirm td{
	padding:10px 15px;
	text-align:left;
	border:solid 1px #c3b9a3;
}

div#Contents p.back{
	margin:15px 0;
	text-align:center;
}
/*-------------------------------------------*/

div.formbox form{
	margin:0;
	padding:0;
	text-align:left !important;
}

div.formbox form table{
	width:100%;
	margin:10px auto;
	background-color:#d8d0d2;
}

div.formbox form th{
	padding:10px;
	width:10em;
	background-color:#f2eaec;
	border-top:solid 1px #fff;
	border-left:solid 1px #fff;
	border-right:solid 3px #e8cccd;
}

div.formbox form span{
	color:#ff0000;
	font-weight:normal;
}

div.formbox form td{
	padding:10px;
	background-color:#fff;
}

div.formbox form td p{
	margin:0 !important;
	padding:0 0 3px 0;
	font-size:80%;
}

div#error,
div#ok{
	width:440px;
	margin:0 auto;
	padding-top:30px;
	text-align:center;
	background:url(/img/bg_inqtop.gif) 0 0 no-repeat;
}

div#error span,
div#ok span{
	display:block;
	padding-bottom:25px;
	background:url(/img/bg_inqbottom.gif) left bottom no-repeat;
}

div#ok p{
	text-align:left;
	margin:10px 20px;
}

div#ok p.cancel{
	text-align:center;
	margin:0 20px;
}

div#ok p.cancel span{
	color:#ff0000;
	display:inline;
	padding-bottom:0;
	background:none;
}


div#error img{
	vertical-align:middle;
	margin-right:2px;
}

div#error div{
	width:10em;
	margin:0 auto;
	padding:15px;
	text-align:left;
}

div#error p{
	text-align:center;
}

div#error form{
	border:solid 1px #ff000;
}

p.mail{
	padding:5px 0 15px 0;
}

div.ssl{
	text-align:center;
	padding-top:30px;
}

.right{
	text-align:right !important;
}