@charset "utf-8";

/* ===================================================================

ロックパートナーズ株式会社

Copyright (C) RockPartners Inc. All Rights Reserved.
--------------------------------------------------------------------

file name  :  contact.css
info :  トップページの設定
contents :
	01. レイアウト・共通部分の設定
	02. .serviceCntBoxの設定
	
=================================================================== */

/*--------------------------------------------------------------------
	01. レイアウト・共通部分の設定
--------------------------------------------------------------------*/


/*--------------------------------------------------------------------
	02. #contactBoxの設定
--------------------------------------------------------------------*/
#contactBox {
	font-size:75%;
}
#contactBox p {
	padding:0 0 2em;
}

#contactBox {
	/*padding:20px;
	background-color:#fff;
	border:5px solid #000;*/
}
#contactBox p {
}
#contactBox #contactForm {
	border:1px solid #e3e3e3;
	padding:19px;
	margin:0 0 0 0;
	background-color:#f9f9f9;
}
#contactBox .complete {
	margin:0;
	padding:39px;
	text-align:center;
}
#contactBox .complete strong {
	font-size:1.167em;
	color:#AF0C00;
}

#contactBox dl {
	position:relative;
	padding:0 0 15px 0;
	margin:0 0 15px 0;
	border-bottom:1px solid #ded7d3;
}
#contactBox dl.end {
	padding:0;
	margin:0;
	border-bottom:none;
}
#contactBox dt {
	position:absolute;
	top:1px;
	left:10px;
}
#contactBox dt span {
	color:#e72e18;
	margin:0 0 0 3px;
	font-weight:bold;
}
#contactBox dd {
	padding:0 0 0 170px;
	color:#555;
}
#contactBox dd span {
	display:block;
	color:#AF0C00;
	font-weight:bold;
}
#contactBox input {
	font-size:12px;
}
#contactBox textarea {
	width:350px;
	height:100px;
	font-size:12px;
	position:relative;
}

.btn {
	margin:30px auto;
	position:relative;
}
.btn input {
	display:block;
	width:180px;
	height:41px;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
	border:none;
	cursor:pointer;
	background-image:url(../images/contact/btn_contact.png);
}

.top .btn {	width:180px; }
.top .btn input.off { background:url(../images/contact/btn_contact.png) no-repeat 0 0; }
.top .btn input.on { background:url(../images/contact/btn_contact.png) no-repeat -180px 0; }

.confirm .btn {	width:390px; height:41px; }
.confirm .btn input { position:absolute; }

.confirm .btn input#btnRevision { left:0; top:0; }
.confirm .btn input#btnSend { left:210px; top:0; }

.confirm .btn input#btnRevision.off { background:url(../images/contact/btn_contact.png) no-repeat 0 -41px; }
.confirm .btn input#btnRevision.on { background:url(../images/contact/btn_contact.png) no-repeat -180px -41px; }
.confirm .btn input#btnSend.off { background:url(../images/contact/btn_contact.png) no-repeat 0 -82px; }
.confirm .btn input#btnSend.on { background:url(../images/contact/btn_contact.png) no-repeat -180px -82px; }

#contactBox.complete .btn {
	padding:0 0 1em;
	margin:0;
}