@charset "utf-8";

#menuArea{
	width:200px;
	float:left;
}

#contentsArea{
	width:720px;
	float:right;

}

p#contactImage{
	position:absolute;
	left:680px;
	top:60px;
}

.paragraph{
	margin:0 0 40px 0;
}
.paragraph h3{
	margin:0 0 20px 0;
}

p#introTxt{
	margin:0 0 60px 0;
}



/*-------------- entry --------------*/
.contact{
	position:relative;
	display:inline-block;
	margin:0 0 40px 0;
	padding:0;
}

.contactTitle{
	padding:3em 0;
	display:block;
	width:110px;
	float:left;
}

.contactBody{
	display:block;
	width:579px;
	float:left;
	margin:0;
	padding:3em 0 3em 30px;
	border-left:1px solid #333333;
}

p.last{
	margin:0;
}

.formArea,
.formAreaBtn{
	position:relative;
	background:url(/contact/img/formBack.gif) repeat 0 0;
	padding:0;
	margin:0 0 1px 0;
	width:579px;
}
.formAreaBtn{
	text-align:center;
	padding:15px 0;
}

dl,
.formAreaBody{
	margin:0 0 20px 0;
	padding:20px;

}

dl dt {
	float:left;
	clear:both;
	width:160px;
	margin:0 0 15px 0;
}
dl > dd {
	float:left;
	width:350px;
	margin:0 0 15px 0;
}
*+html dl > dd {
	float:none;
}

dt.message{
	float:none;
	margin:0 0 5px 0;
}

.formsizeS{
	width:100px;
	border:1px solid #c3c3c3;
	line-height:1.4em;
	padding:2px 4px;
}

.formsizeM{
	width:340px;
	border:1px solid #c3c3c3;
	line-height:1.4em;
	padding:2px 4px;
}

.formsizeL{
	width:500px;
	border:1px solid #c3c3c3;
	line-height:1.4em;
	padding:2px 4px;
}

.notice{
	color:#ff0000;
}


dt.postcode img{
	margin:4px 0 0 0;
	vertical-align:middle;
}

dd.postcode input{
	vertical-align:middle;
}

input#btn{
	border:1px solid #efefef;
	background-color:#aaaaaa;
	color:#ffffff;
	padding:5px;
	cursor:pointer;

}

h3{
	margin:0 0 5px 0;
}

select{
	margin:0 0 30px 0;
}

.finish{
	width:100%;

}

.finish h3{
	margin:0 0 15px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #a0a0a0;
	font-size:140%;
	font-weight:normal;
}


input#btn{
	border:0px;
	padding:2px;
	cursor:hand;
}