@charset "utf-8";
/* CSS Document for DRIVE System */

/**************************************************************************/
/* このCSSは、ページの骨格を決めるもののみ記述してください                */
/*                                                                        */
/* drive.common.css    : ページの骨格の指定                               */
/* drive.form.css      : form（疑似）要素の指定                           */
/* drive.subwindow.css : ポップアップ要素の指定                           */
/* drive.xx.css        : サイト固有（上記を override）                    */
/*                                                                        */
/* drive.form.css, drive.subwindow.css は書き換え不可です                 */
/* ご協力よろしくお願いいたします 2013-12-02 shindo                       */
/* @history	ver1.7	2014-01-29 hidaka@cstyle.co.jp : sumaistar対応追加中  */
/**************************************************************************/

html {
	overflow-y		: scroll; /* FF で常に縦スクロールバーを出す */
}
html, body {
	height			: auto;
}
	body.noscroll {
		position	: fixed;
		overflow	: hidden;
		width		: 100%;
	}

body,
table {
	margin:0;
	padding:0;
}

.clearfix:after,
.cl{
	content:".";
	display:block;
	margin:0;
	padding:0;
	height:0;
	line-height:0;
	font-size:0;
	visibility:hidden;
	clear:both;
}

h1,
h2,
h3,
h4,
h5,
h6,
p{
	margin:0;
	padding:0;
	font-size:1.0em;
	font-weight:normal;
}

img{
	border:none;
	vertical-align:bottom;
}

a:link,
a:visited,
a:active,
a:hover{
/*	color:#333333;*/
	text-decoration:none;
}

/*【drive.pc.cssより移動】START*/
/*㎡の２が原因でラジオボタンの高さがずれてしまうのでこれで調整/START*/
sup{
	height			: 0;
	line-height		: 1;
	vertical-align	: baseline;
	_vertical-align	: bottom;
	position		: relative;
}

sup{
	bottom			: 1ex;
}
/*㎡の２が原因でラジオボタンの高さがずれてしまうのでこれで調整/END*/
/*【drive.pc.cssより移動】END*/

.buttonShort{
	padding:5px;
	background:-moz-linear-gradient(#ffffff, #eeeeee);
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
	box-shadow:10px 10px 20px 0 rgba(255,255,255,0.5) inset;
	border:1px solid #999999;
	border-radius:10px;
}

.paddingBottom0{
	margin:0;
	padding:0;
}

.paddingBottom5px{
	margin:0;
	padding:0 0 5px 0;
}

.padingBottom10px{
	margin:0;
	padding:0 0 10px 0;
}

.padingBottom20px{
	margin:0;
	padding:0 0 20px 0;
}

.w0{
	width:7.0em;
}

.w1{
	width:16.0em;
}

.radioWidth{
	display:block;
	width:auto;
	margin:0;
	padding:5px 0 5px 2.0em;
	text-indent:-2.0em;
}

.red{
	color:#f30000;
}

.blue{
	color:#1442BD;
}

.orange{
	color:#ff8822;
}

.bol{
	font-weight:bold;
}

.bigTitle{
	display:block;
	margin:0;
	padding:0 0 10px 0;
	text-align:center;
	font-size:1.8em;
	font-weight:bold;
}

.subTitle{
	display:block;
	margin:10px 0 5px 0;
	padding:2px 5px 2px 10px;
	background:-moz-linear-gradient(#f6f6f6, #ffffff);
	background:-webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#ffffff));
	border-left:5px solid #00bbee;
	border-right:5px solid #00bbee;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #999999;
	font-size:1.2em;
	font-weight:bold;
}

.paragrapheTitle{
	display:block;
	margin:10px 0 5px 0;
	padding:5px;
	background-color:#eeeeee;
	border-radius:5px;
}

.textArea{
	display:block;
	margin:0;
	padding:10px;
}

/*レイアウト START*/
header{
	margin:0;
}

#mainClient{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	/*background:url(/sp/images/dot1.png) bottom repeat-x;*/
}

#bodyTel{
	display:block;
	margin:0 5px 10px 5px;
	padding:10px;
	border:1px solid #cccccc;
	border-radius:10px;
}

#bodyBottomLink{
	margin:0;
	padding:0;
}

footer{
	display:block;
	margin:0;
	padding:10px 0;
	text-align:center;
	border-top:1px solid #999999;
}

#information{
	margin:0;
	padding:10px;
}
	
/*レイアウト END*/


/*header START*/
.width100{
	width:100%;
}

h1#pageTop{
	margin:0;
	padding:2px 5px;
	font-size:1.0em;
	font-size:0.6em;
	background-color:#eeeeee;
}

#topLogo,
#topLogoForm{
	width:100%;
	margin:5px 0;
}

#topLogoForm{
	display:none;
}
/*header END*/


/*form START*/

/*【flexibleForm.cssより移動】START*/
form {
	text-align		: center;
}

h2.h2Form {
	display			: none;
	margin			: 1px 0 0 0;
	padding			: 7px 10px 7px 120px;
	background		: left top no-repeat;
	border			: none;
	text-align		: left;
	font-size		: 20px;
	line-height		: 36px;
	cursor			: pointer;
}

/*【flexibleForm.cssより移動】START*/
h2.h2Form.disable {
	color			: #555555;
	cursor			: default;
}
/*【flexibleForm.cssより移動】END*/

table.formTable {
	margin			: 20px 0 0;
	border-collapse	: collapse;
}

table.formTable th,
table.formTable td {
	text-align		: left;
	border			: 1px solid #cccccc;
}
/*【flexibleForm.cssより移動】END*/


.topFlow{
	margin:0;
	padding:5px 0;
	text-align:center;
}

.topFlow img{
	width:100%;
}

.borderTop{
	border-top:3px solid #00175E;
}

h2.step{
	display:block;
	margin:0 0 10px 0;
	padding:5px;
	background:#002595 url(/sp/images/step.gif) right bottom no-repeat;
	color:#ffffff;
	font-size:1.2em;
	font-weight:bold;
	zoom:100%;
}

h2.step .stepIn{
	margin:0 5px 0 0;
	padding:0 10px;
	background-color:#ffffff;
	color:#333333;
	border-radius:70px;
	font-size:0.8em;
	float:left;
}

.example{
	clear:both;
	display:block;
	margin:0;
	padding:0 0 10px 0;
}

.inputArea{
	margin:0;
	padding:0 5px 5px 5px;
}

.confirmArea{
	display:block;
	margin:0;
	padding:0 5px 10px 1.5em;
}

.formHeadline{
	margin:0 0 10px 0;
	padding:0 5px 10px 5px;
	background:url(/sp/images/dot1.png) bottom repeat-x;
}

#clientList,
#companyBox{
	display:block;
	margin:0 0 10px 0;
	padding:0;
	border-top:1px solid #999999;
	border-bottom:1px solid #eeeeee;
}

#clientList dt,
#companyBox dt{
	clear:both;
	display:block;
	width:auto;
	margin:0;
	padding:5px 5px 0 5px;
	float:left;
}

#clientList dd,
companyBox dd{
	display:block;
	margin:0;
	padding:5px;
	border-top:1px solid #eeeeee;
	border-bottom:1px solid #999999;
}

.must{
	padding:2px 5px;
	background-color:#CC0000;
	color:#ffffff;
	border-radius:3px;
	font-size:0.8em;
	font-weight:normal;
}

.notMust {
	padding: 2px 5px;
	background-color: #0088cc;
	color: #ffffff;
	border-radius: 3px;
	font-size: 0.8em;
	font-weight: normal;
}

/*コメントにする1ページで全て表示する*/
.reWrite,
#openAddress,
.inputArea table{
	display:none;
}

#formArea1,
#formArea2,
#formArea3,
#formArea4,
#formArea5,
#formArea6{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	/*background:url(/sp/images/dot1.png) bottom repeat-x;*/
}


label.howSatei{
	display:block;
	margin:0;
	padding:0;
}

#zipCordBox{
	margin:0;
	padding:0 0 10px 0;
}

#zipCordBox h4{
	padding:0 5px;
	margin:10 0 5px 0;
	background-color:#eeeeee;
}


/*フリーダイヤルエリア START*/
#bodyTel .freeDial{
	display:block;
	margin:0 0 5px 0;
	padding:0 0 0 40px;
	font-size:1.8em;
	font-weight:bold;
	background:url(/sp/images/spFreeDial.png) left no-repeat;
	white-space:nowrap;
}

.freeDialTitle{
	display:block;
	margin:0;
	padding:3px 10px;
	background-color:#009933;
	color:#ffffff;
	border-radius:5px;
}

#bodyTel .freeDial .tel{
	display:block;
	margin:0;
	padding:10px 0;
	font-size:0.5em;
	font-weight:normal;
}

#bodyTel a:link,
#bodyTel a:visited,
#bodyTel a:active,
#bodyTel a:hover{
	padding			: 0 0 0 30px;
	color			: #3399ee;
	text-decoration : underline;
}
/*フリーダイヤルエリア END*/

/*topPageClientList START*/
#mainClient #clientBanList{
	display:block;
	margin:0;
	padding:0 10px;
}

#mainClient #clientBanList li{
	display:block;
	padding:1px;
	list-style:none;
	float:left;
}
/*topPageClientList END*/

/*ボトムナビ START*/
#bodyBottomLink .bottomLink{
	display:block;
	margin:0;
	padding:1px 0 1px 1px;
	background-color:#999999;
	overflow:hidden;
}

#bodyBottomLink .bottomLink li{
	display:block;
	margin:0 1px 0 0;
	padding:0;
	line-height:3.0em;
	background:-moz-linear-gradient(#666666, #444444);
	background:-webkit-gradient(linear, left top, left bottom, from(#666666), to(#444444));
	font-size:0.8em;
	text-align:center;
	color:#ffffff;
	list-style:none;
	float:left;
}

#bodyBottomLink .bottomLink li a:link,
#bodyBottomLink .bottomLink li a:visited,
#bodyBottomLink .bottomLink li a:active,
#bodyBottomLink .bottomLink li a:hover{
	color:#ffffff;
}
/*ボトムナビ END*/


/*【drive.pc.cssより移動】START*/
/*査定の流れフロー追記 131219 byKj*/
#formFlowArea{
	margin:0;
	padding:0;
}

#formFlowArea img {
	width			: 20px;
	height			: 50px;
	background-image:url(/new/form/images/form/formFlowArrow.gif);
	background-repeat:no-repeat;
}
#formFlowArea img#step1,
#formFlowArea img#step2,
#formFlowArea img#step3,
#formFlowArea img#step4 {
	width			: 220px;
	height			: 50px;
	background-image:url(/new/form/images/form/formFlow1.gif);
	background-repeat:no-repeat;
}
#formFlowArea img#step2 {
	background-image:url(/new/form/images/form/formFlow2.gif);
}
#formFlowArea img#step3 {
	background-image:url(/new/form/images/form/formFlow3.gif);
}
#formFlowArea img#step4 {
	background-image:url(/new/form/images/form/formFlow4.gif);
}

/* 連続入力 2013-12-19 使わないことに*/
#area0 {
	margin			: 0 0 12px 0;
	padding			: 8px 12px;
	border			: solid 1px #ff8822;
	border-radius	: 5px;
	text-align		: left;
}
	#area0 a {
		display		: block;
		float		: right;
		margin		: 10px 0 0 0;
		height		: 36px;
		width		: 180px;
		background	: url('/new/form/images/form/sequential.gif') 0px 0px;
		border-radius:10px;
		box-shadow	:2px 2px 3px 0 rgba(0,0,0,0.5);
		vertical-align : middle;
		cursor:pointer;
	}

/* 新フォームの注意書き */
#area1 p.caution {
	margin			: 12px 0;
	padding			: 8px 12px;
	border			: solid 1px #ff8822;
	border-radius	: 5px;
	text-align		: left;
}
#area1 p.caution span {
	display			: block;
	margin			: 6px 0;
	font-weight		: bold;
	font-size		: 16px;
}

/* 見出し */
h2.h2Form.area1title{
	background-image:url(/new/form/images/form/h2Form1.gif);
}

h2.h2Form.area2title{
	background-image:url(/new/form/images/form/h2Form2.gif);
}

h2.h2Form.area3title{
	background-image:url(/new/form/images/form/h2Form3.gif);
}

h2.h2Form.area4title{
	background-image:url(/new/form/images/form/h2Form4.gif);
}

h2.h2Form a {
	display			: block;
	float			: right;
	width:5.0em;
	margin			: 0;
	padding			: 0;
	background-color: #ff8822;
	background		: -moz-linear-gradient(#ffaa55, #ff8822);
	background		: -webkit-gradient(linear, left top, left bottom, from(#ffaa55), to(#ff8822));
	border			: solid 1px #cccccc;
	border-radius	: 10px;
	font-size		: 16px;
	line-height		: 34px;
	color			: #ffffff;
	text-align:center;
	text-decoration	: none;
	box-shadow:1px 1px 2px 0 rgba(0,0,0,0.5);
}

h2.h2Form a:hover{
	background-color: #ffaa55;
	background		: -moz-linear-gradient(#ff8822, #ffaa55);
	background		: -webkit-gradient(linear, left top, left bottom, from(#ff8822), to(#ffaa55));
}

/* ページ遷移ボタン */
form .nextButton,
form .backButton {
	display			: inline-block;
	margin			: 20px auto;
	padding			: 10px 0;
	width			: 480px;
	background-color: #ff8822;
	background		: -moz-linear-gradient(#ffaa55, #ff8822);
	background		: -webkit-gradient(linear, left top, left bottom, from(#ffaa55), to(#ff8822));
	text-align		: center;
	border			: solid 1px #cccccc;
	border-radius	: 10px;
	font-size		: 1.8em;
	line-height		: 30px;
	font-weight		: bold;
	font-family		: "メイリオ", Meiryo;
	color			: #ffffff;
	box-shadow:2px 2px 3px 0 rgba(0,0,0,0.5);
	cursor:pointer;
}
form .backButton {
	margin-right	: 20px ;
	width			: 120px;
}
	form .nextButton.disable {
		background-color: #f6f6f6;
		background		: -moz-linear-gradient(#f6f6f6, #dddddd);
		background		: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#dddddd));
		border			: 1px solid #cccccc;
		color			: #999999;
	}
/*【drive.pc.cssより移動】END*/