@charset "UTF-8";

/* ***************************************************
* CSS file For cyberstar.jp/
	FileName: contact.css
	data:2009/02/25 yoshii

■目次 ==========================================
■[00]:お問い合わせ
■[01]:フォーム部分
**************************************************** */

/*-----------------------------------------------------------
■[00]:お問い合わせ
------------------------------------------------------------*/
body { background: url(/img/contact/bg.jpg) no-repeat 0 0; }

div#Content{
	margin:72px 0 0;
}

div.ConContact {
	padding: 0 30px 0 23px;
	margin: 0 0 38px;
}

/* div.ConContact p {
	padding: 0 0 20px;
} */


p.TelMail {
	width: 224px;
	background: url(/img/contact/telmail.gif) no-repeat left top; 
	padding: 28px 0 0 67px;
	margin: 0 0 15px;
}

div.Readme{
	background: url(/img/contact/before_reserve.jpg) no-repeat left top;
	margin: 15px 0 0;
	padding: 0 20px;
	color: #976551;
	height: 494px;

}

div.Readme p{
	padding: 60px 0 5px;
	color: #976551;
}

p.TelMail a:link{color:#d40059; text-decoration:underline;}
p.TelMail a:visited{color:#d40059; text-decoration:underline;}
p.TelMail a:hover{color:#d40059; text-decoration:none;}

div.Step{
	float: left;
	width: 490px;
	height: 54px;
	background:  url(/img/contact/steps.gif) no-repeat 21px top;
	margin: 0 0 10px;
}

div.Step p.step01,
div.Step p.step02,
div.Step p.step03{
	float: left;
	font-size: 10px;
	line-height: 16px;
}

div.Step p.step01,
div.Step p.step02{
	padding:7px 0 0 61px;
}

div.Step p.step03{
	padding:7px 0px 0 61px;
}


p.ContactTtl {
	padding: 0 0 10px 23px;
}


/*-----------------------------------------------------------
■[01]:フォーム部分
------------------------------------------------------------*/
p.Instructions {
	font-size: 10px;
}

div.Reserve{
	padding: 0 30px 0 23px;
	margin: 0 0 20px;
}

table.RsrvForm {
	width:468px;
	clear: both;
}
table.RsrvForm th,
table.RsrvForm td{
	background: url(/img/contact/tbl_bg.gif) no-repeat left top;
	vertical-align:top;
	font-size:12px;
	text-align:left;
}

table.RsrvForm th{
	padding:16px 0 0 16px;
}

table.RsrvForm td{
	padding:13px 0 0 16px;
}



table.RsrvForm th.RFTtl {
	padding: 0;
}

table.RsrvForm td.TdBtm{
	padding:16px 0 16px 16px;
}

span.Annotation{
	color:#d40059;
	font-size: 10px;
	line-height: 16px;
	display: block;
	text-align: right;
	margin: 5px 0 0;
}

div.BtnBox{
	text-align: center;
}

div.BtnBox input{
	width: 164px;
}

input.Name,
input.NameKana{
	width: 165px;
}

input.Mail,
input.Address,
input.Tel,
input.Menu,
textarea{
	width: 320px;
}

input.Status{
	margin: 0 0 0 80px;
}

input.Job{
	margin: 0 0 0 7px;
}

select.Date1,
select.Date2{
	width: 50px;
}

select.Date2{
	margin: 0 0 0 7px;
}


input.Other,
select.Date3{
	width: 150px;
	margin: 0 0 0 7px;
}


input.Zip1{
	width: 60px;
}

input.Zip2{
	width: 80px;
}

div#Error {
	background-color: #fbe6ee;
	padding: 10px;
	color: #d6065b;
	margin: 0 30px 0 23px;
	clear: both;
}