@charset "UTF-8";

/*------------------------------------------------
 * File Name: style.css
 * Author:
 *------------------------------------------------*/


/*------------------------------------------------
 * 初期化
 *------------------------------------------------*/

html{ overflow-y: scroll; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h2, h3, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td{
	margin: 0; padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var{
	font-style: normal;
}
table{
	border-collapse: collapse; border-spacing: 0;
}
caption, th{ text-align: left; }
q:before ,q:after{ content: ''; }
object, embed { vertical-align: top; }

hr, legend{ display: none; }

h1, h2, h2, h3, h5, h6{ font-size: 100%; }
img, abbr, acronym, fieldset	{
	border: 0;
}

li{ list-style-type: none; }

/*------------------------------------------------
 * 各種共通
 *------------------------------------------------*/

/*-----フォント-----*/
body{
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	background: #FFF;
	color: #333;
	font-size: 100%;
	line-height: 160%;
	text-align: center;
	-webkit-text-size-adjust: 100%;
}

th,td{
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 85%;
}

.gr{ color:#0b7c25; font-size: 140%;}

/*-----<a>タグ style-----*/
a:link{
	text-decoration: none;
	color: #00F;
}

a:visited{
	text-decoration: none;
	color: #00F;
}

a:hover{
	text-decoration: underline;
	color: #00F;
}

a:active{
	text-decoration: none;
	color: #00F;
}


/*-----画像用-----*/

img { border:0; }

.common_img{ width:100%; max-width:640px; }
.in_img{ text-align:center; }


/*-----margin設定------*/
.mt-10{ margin-top:10px; }
.mt-15{ margin-top:15px; }
.mt-20{ margin-top:20px; }
.mt-30{ margin-top:30px; }


/*-----float用-----*/
.left{ float:left; }
.right{ float:right; }

/*-----float解除用-----*/
.cf:before,.cf:after{
	content: " ";
	display: table;
}
.cf:after { clear: both; }
.cf { *zoom: 1; }


/*-----フォームリンク用------*/
.form_link{ padding:7%; }


/*-----セクション内見出し用----*/
.box{
	width:100%;
	text-align:left;
}

.inner{
	margin:0 auto;
	max-width:640px;
}

.inner h3{
	padding:0 7%;
	font-size:140%;
}

.inner p{ padding:2% 9%; }


/*------------------------------------------------
 * ヘッダー用
 *------------------------------------------------*/

/*-----タップして通話-----*/

.tel_box{
	background:#e5e5e4;
	text-align:center;
}


/*-----ロゴ用-----*/

.header h1{ text-align:center; }



/*------------------------------------------------
 * コンテンツ用 .contents
 *------------------------------------------------*/

.contents{ margin-bottom:40px; }
.contents h2{ text-align:center; line-height:0; }


/*-----プレゼント告知用-----*/

.present_info{ padding:7% 0; }

.present_info h3, .present_info p{
	line-height:0;
}

/*-----各STEP用-----*/

.sec_h4{
	width:100%;
	background:#d6ebda;
	text-align:center;
}

.sec_h4_l{
	width:100%;
	background:#eae3d5;
	text-align:center;
}

.list{ padding-left:13%; }
.list li{ padding-right:9%; list-style-type:disc; color:#0b7c25; }

.list1{ padding-left:13%; }
.list1 li{ padding-right:9%; list-style-type:disc; }

.list2{ padding-left:9%; }
.list li, .list2 dt, .list2 dd{
	padding-right:9%;
}

/*-----お客様の声用------*/
.voice{ background:#e1edc6; }

.voice h4{
	padding:5px 7% 5px 7%;
	font-size:120%;
	font-weight:normal;
}


/*-----査定依頼申し込み用-----*/
.confirm_txt{
	padding:20px 0;
	text-align:center;
	font-size:20px;
	background:#ffffe0;
	
}
.form table{ width:100%; }
.form th{ width:100%; text-align:center; }
.form td{ padding:2% 7% 4% 7%; text-align:left; }
.form_text input{ width:100%; height:30px; }
.form textarea{ width:100%; height:100px; }

/*------ フォーム追加：入力エラーの場合 ------*/

label.input_error{
	color:#ff0000;
	font-weight:bold;
}

input.input_error, textarea.input_error,select.input_error{
	border:2px solid #ff8500;
	background#fdf5cf;
}

/*----- 送信ボタンなど -----*/

.cf_bt{
	padding:15px 50px;
	color:#fff !important;
	font-weight:bold;
	border-radius:5px;
	background:#9acd32;
}

/*------------------------------------------------
 * フッタ用
 *------------------------------------------------*/


.footer_nav li{
	padding-left:7%;
	padding-bottom:10px;
	line-height:120%;
	text-align:left;
	border-bottom:3px solid #ccc;
}

.footer_nav a{
	color:#333;
	font-size:110%;
}

.footer_nav a:hover{
	text-decoration:none;
}

.footer_bottom li{
	width:33%;
}

.footer_bottom li img{
	width:100%;
	max-width:235px;
}

/*--------------------------------------
 * 利用規約用
 *--------------------------------------*/
.aup p{
	font-size:75%;
}