@charset "UTF-8";
/* CSS Document */



/* ----------------
 HEADER
---------------- */

#header #header-top .inner,
#header #header-gnavi .inner,
#contents #contents-inner {
	margin: 0 auto;
	width: 960px;
}
#contents #contents-inner {
	margin-bottom: 100px;
}

/* ウィンドウ幅いっぱいのレイアウト用 */
/* このクラスを 横幅いっぱいではない方に。 ※元の#contents-innerは削除する。 */
.contents-inner-not100 {
	margin: 0 auto;
	width: 960px;
}

#header {
	width: 100%;
	/* reset style */
	float: none;
	height: auto;
}

#header #site-logo {
	width: 200px;
	float: left;
}

/* ---------------
 FOOTER
--------------- */

#footer {
	min-width: 960px;
	width: auto !important;
	width: 100%;
	clear: both;
	border-bottom: 1px solid #444;
	border-top: 1px solid #4e4e4e;
	background: #444444;
	color: #cccccc;
	padding-top:24px;
	padding-bottom:24px;
}

#footer #copyright{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	font-size: 80%;
}
h1,h2,h3{color:#535964;}

.sub-title{font-size:16px;padding-left:8px;margin:20px 0 5px 0;border-left:3px solid #535964;font-weight:bold;}

h1 {
	/*margin-bottom: 20px;*/
}
.service {
	font-size:14px;
	margin-bottom:30px;
}
textarea {
	font-size: 100%;
	resize: vertical;
	line-height:1.5em;
	padding:5px !important;
}

div.action-block p.logo {
	float: left;
}
div.action-block div.text {
	float: right;
	width: 645px;
}
div.action-block div.text p.number {
	margin-bottom: 0;
	font-size: 116%;
	font-weight: bold;
}
div.action-block div.text p.time {
	margin-top: 0;
}

div.form-block {
	padding-bottom: 22px;
}


div.form-block table {
	font-size:14px;
	margin-bottom: 1px;
	width: 100%;
	border-collapse: collapse;
}
div.form-block table tr th,
div.form-block table tr td {
	padding: 8px 10px;
	text-align: left;
	border: 1px solid #dddddd;
}
div.form-block table tr th {
	width: 200px;
	color: #ffffff;
	font-weight: bold;
	background-color: #6391c1;
	vertical-align: top;
}
div.form-block table tr th span.req {
	/* color: #e81747; */
	font-weight: normal;
	font-size:12px;
	padding:2px 6px;
	margin-left:5px;
	background:#C33;
	color:#FFF;
	border-radius:5px;
	float:right;
}
/*div.form-block table tr td.field {
	padding: 5px 10px 2px;
	font-size:12px;
}*/
div.form-block table tr td.field input:focus {
	background:#e8fafe;
}
div.form-block table tr td.field .radio{
	display:inline;
	margin-right:20px;
}
div.form-block table tr td.field p,
div.form-block table tr td.field textarea {
	padding:2px 0;
}
div.form-block table tr td.field p.radio-list span,
div.form-block table tr td.field p.select-list span {
	margin-right: 10px;
}
div.form-block table tr td.field p.note {
	color: #e81747;
	padding:0 0;
	margin-left: 10px;
	margin-bottom:10px;
}
/*
div.form-block table tr td.ex {
	width: 250px;
	color: #426b97;
	font-size:12px;
	background-color: #e9eff5;
}*/

div.privacy-block {
	margin: 0 0 40px;
	padding: 1px;
}

div.privacy-block .inner {
	padding: 20px 20px 30px 20px;
	background-color: #f5f5f5;

}
div.privacy-block h2 {
	margin-bottom: 8px;
	text-align: center;
	background: none;
}
div.privacy-block div.txt-block {
	padding-bottom: 0;
}
div.privacy-block div.privacy-accept {
	margin: 20px 0;
	padding: 10px 20px;
	border: 1px solid #dddddd;
	color: #e81747;
	font-weight: bold;
	background-color: #e9eff5;
}

.block_tel {
	background:#f5f5f5;
	padding:20px;
}
.block_tel h3 {
    font-size: 16px;
}
.block_tel p {
	padding:0 10px 10px 80px;
}
.block_tel span {
	color:#3481C9;
	font-weight: bold;
    font-size: 20px;
}
.block_tel #tel.inner {
    background: url("https://www.sakura.ad.jp/request_form/e-contract-platform/images/tel_icon_foot.png") no-repeat;
    margin-top: 10px;
}

div.submit-block {
	margin: 0 40px 80px 0;
	text-align: center;
}
div.submit-block p.submit-notice {
	margin: 0 0 10px;
	font-size: 116%;
	font-weight: bold;
}
div.submit-block p.submit-button input {
	vertical-align: bottom;
}

#header{
	margin-bottom:20px;
}
#header #header-top .inner{
	padding-bottom:10px;
}

div.prearea{
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: pre-wrap;      /* CSS3 */
    word-wrap: break-word;      /* IE 5.5+ */
}
span#atten{
	font-size:90%;
	color:#ee0000;
}

.stepBox{
	display:block;
	background:#FFF;
	margin-bottom:20px;
}
.stepBox .step-block{
	display:block;
	padding:0 0 !important;
}
p.step-block {
	margin-bottom:10px;
}
.step-lead{
	padding:0;
}
.textareaWordWrap{
	word-wrap: break-word;
}
.mailConfirmText{
	padding:0 !important;
	margin:5px 0 !important;
	font-size:12px;
	color:#6391c1;
}
/*
.mailField{
	padding-top:15px !important;
	padding-bottom:15px !important;
}
*/
#header{
	margin-bottom:50px;
}

#main-area{
	width:960px;
}

#main-area h1{
	margin-top:20px;
}

/*error message*/
.errorMsg{color:#F00;}