@charset "UTF-8";

/**************************************************************************

							Aglaia Art Studio
							reserve.html				
							レイアウト用CSS
							
**************************************************************************/

@import url("initialize.css");
@import url("common.css");
@import url("text.css");



/*////////////////////////////////////////////////
	レイアウト
////////////////////////////////////////////////*/

#reserve_box{
	padding:0 20px;
	position:relative;
}


#reserve_box p#reserve_greeting{
	padding:10px 0 0 0;
	text-align:justify;
}

#reserve_box h4{
	margin:20px 0 5px 0;
}


#reserve_box ul{
	margin:5px 0 0 25px;
}


/*////////////////////////////////////////////////
	フォームのレイアウト
////////////////////////////////////////////////*/

/*---------------------------------
	カレンダー、テーブル配置
----------------------------------*/


#contentsArea table.formArea,#reserve_calender,#calender_title{
	margin-left:25px;
}

#contentsArea table.formArea td{
	padding:8px;
}

#contentsArea table.formArea textarea,#contentsArea table.formArea select,#contentsArea table.formArea .formtext{
	width:238px;
}


/*---------------------------------
	カレンダー上の翌月ボタン
----------------------------------*/

p#calender_next a{
	position:absolute;
	top: 457px;
	left: 404px;
	_left: 384px;
	background:url(../img/reserve/btn_reserve01.gif) left top no-repeat;
	width:41px;
	height:17px;
	text-indent:-5000px;
	background-image: url(../img/reserve/btn_reserve01.gif);
	overflow:hidden;
}

p#calender_next a:link{
	position:absolute;
	top: 457px;
	left: 404px;
	_left: 384px;
	background:url(../img/reserve/btn_reserve01.gif) left top no-repeat;
	width:41px;
	height:17px;
	text-indent:-5000px;
	background-image: url(../img/reserve/btn_reserve01.gif);
	overflow:hidden;
}

p#calender_next a:hover,#calender_next a:active{
	background:url(../img/reserve/btn_reserve01.gif) left -17px no-repeat;
}




/*////////////////////////////////////////////////
	タイトル
////////////////////////////////////////////////*/

#contentsArea h3{
	background:url(../img/reserve/title_reserve01.gif) left top no-repeat;
	width:500px;
	height:35px;
	text-indent:-5000px;
}


/*////////////////////////////////////////////////
	サブタイトル
////////////////////////////////////////////////*/

#contentsArea h4#subtitle_reserve01{
	background:url(../img/reserve/subtitle_reserve01.gif) left top no-repeat;
	width:440px;
	height:28px;
	text-indent:-5000px;
}

#contentsArea h4#subtitle_reserve02{
	background:url(../img/reserve/subtitle_reserve02.gif) left top no-repeat;
	width:440px;
	height:28px;
	text-indent:-5000px;
}

#contentsArea h4#subtitle_reserve03{
	background:url(../img/reserve/subtitle_reserve03.gif) left top no-repeat;
	width:440px;
	height:28px;
	text-indent:-5000px;
}

#contentsArea h4#subtitle_reserve04{
	background:url(../img/reserve/subtitle_reserve04.gif) left top no-repeat;
	width:440px;
	height:28px;
	text-indent:-5000px;
}

/*////////////////////////////////////////////////
	ヤタベ追加
////////////////////////////////////////////////*/

#contentsArea table.formArea td #sel_day{
	width:47px;
}

#calender_next a{
	top: 267px;
}

#calender_back a{
	position:absolute;
	top: 267px;
	left: 404px;
	_left: 384px;
	background:url(../img/reserve/btn_reserve02.gif) left top no-repeat;
	width:41px;
	height:17px;
	text-indent:-5000px;
	background-image: url(../img/reserve/btn_reserve02.gif);
	overflow:hidden;
}

#calender_back a:link{
	position:absolute;
	top: 267px;
	left: 404px;
	_left: 384px;
	background:url(../img/reserve/btn_reserve02.gif) left top no-repeat;
	width:41px;
	height:17px;
	text-indent:-5000px;
	background-image: url(../img/reserve/btn_reserve02.gif);
	overflow:hidden;
}

#calender_back a:hover,#calender_next a:active{
	background:url(../img/reserve/btn_reserve02.gif) left -17px no-repeat;
}