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

/*---------------------------------------------------*/
/* 共通設定
-----------------------------------------------------*/
#container #form h2{
	width:95%;
	text-align:center;
	padding:4px 0;
	font-size:1.6rem;
	margin:0 auto 8px;
	color:#fff;
	background:#14508e;
	border:none;
	border-radius:4px;        /* CSS3草案 */  
	-webkit-border-radius:4px;    /* Safari,Google Chrome用 */  
	-moz-border-radius:4px;   /* Firefox用 */}
#container #form h3{
	color:#E21919;
	background:none;
	text-align:left;}
	#container #form h3 span{
		font-weight:bold;
		font-size:2.0rem;}
#container #form h4 {
	position: relative;
	display: inline-block;
	width:95%;
	margin:0 auto 16px;
	padding:4px 0;
	background: #ccc;
	z-index: 0;}
	#container #form h4:after {
		content: "";
		position: absolute;
		bottom: -8px; left: 50%;
		margin-left: -8px;
		display: block;
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 8px 8px 0 8px;
		border-color: #ccc transparent transparent transparent; }

/* テーブル */
table{
	border:1px solid #ccc;}
	table th,
	table td{
		padding:8px 1.0rem;
		display:block;}
	table tr{
		border-bottom:1px solid #ccc;}
	table th{
		text-align:center;
		border-top:1px solid #ccc;
		background:#eeeeee;}
		table th:first-child{ border:none;}

/* ボタン */
.btn{
	text-align:center!important;}
	.btn a{
		text-decoration:none;
		display:block;}
ul.btn{
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */}
		ul.btn li{
			width:48%;
			display:inline-block;
			*display: inline; *zoom: 1;
			letter-spacing: normal; /* 文字間を通常に戻す */}
		ul.btn li:first-child{
			margin-right:4%;
			text-align:left;}
		ul.btn li:last-child{
			text-align:right;}
	.btn a:hover,
	.btn .hover{
		opacity:0.8;
		filter:alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";}
	.btn input{
		max-width:100%;}

.addition a,
.application a,
input[type="submit"],
input[type="button"],
input[type="reset"]{
	font-weight:bold;
	font-size:1.8rem;
	letter-spacing:0.1em;
	min-width:48px;
	min-height:48px;
	line-height:48px;}
	
input[type="submit"],
input[type="button"],
input[type="reset"]{
	width:100%;
	border: 3px solid #FFF;
	color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 2px 2px 2px rgba(000,000,000,0.2);
	-webkit-box-shadow: 2px 2px 2px rgba(000,000,000,0.2);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);}


/* キャッチコピー */
p.catch{
	font-size:139%;
	color:#E21919;}

/* 任意 */
form th{ position: relative; }
	form th:before{
		font-size:1.2rem;
		color:#fff;
		padding:0 0.4rem;
		content:"任意";
		position: absolute;
		right: 0.8rem;
		top: 50%;
		margin-top:-1.0rem;
		background:#14508e;
		border-radius:4px;        /* CSS3草案 */  
		-webkit-border-radius:4px;    /* Safari,Google Chrome用 */  
		-moz-border-radius:4px;   /* Firefox用 */
		}
/* 必須 */
	form th.required:before{
		content:"必須";
		background:#E21919; }
	form .required th:before{
		content:"必須";
		background:#E21919; }
	form .text_error{
		display:none;
		color:#F00;}

/* 確認画面 */
#form .confirm table{ }
	#form .confirm table th{ 
		background-color:#d9e9f1;}
		#form .confirm table th:before{
			content:none;}
		
/* エラーメッセージ */
form p#error_message{
	font-size:108%;
	letter-spacing:0.1em;
	text-align:left;
	color:#E21919;
	font-weight:bold;}
form td .alert-error{
	color:#E21919;
	font-size:13px;
	display:block;
	margin-top:4px;}


/* フォーム */
form{
	width:95%;
	margin:0 auto 16px;}
	
textarea,
input[type="text"]{
	width:92.4%;
	display:block;
	padding:8px 1.0rem;}
label{
	padding:8px 2.0rem;
	font-size:1.6rem;}
	input[type="radio"]{
		font-size:200%;
		height:24px;
		width:24px;
		margin-right:4px;
		vertical-align:middle;}
select{
	width:90%;
	padding:8px 0;
	font-size:1.6rem;
	box-sizing:content-box;}


/* Powered by MicroEngine */
.by{
	font-size: 1.0rem;
	color:#999;
	text-align:right;}
	.by a{ color:#999;}
	

/*---------------------------------------------------*/
/* お問い合わせ
-----------------------------------------------------*/
#mform .gender td{
	text-align:center;}

#mform input[type="submit"],
#mform input[type="button"],
#mform input[type="reset"]{
	border-radius: 48px;
	-moz-border-radius: 48px;
	-webkit-border-radius: 48px;
	background: -moz-linear-gradient(top,#b5b5b5, #8e8e8e 50%,#707070 50%,#5c5c5c);
	background: -webkit-gradient(linear, left top, left bottom, from(#b5b5b5), color-stop(0.5,#8e8e8e), color-stop(0.5,#707070), to(#5c5c5c));
}

/*---------------------------------------------------*/
/* オンライン自動査定
-----------------------------------------------------*/
#container #satei h2{
	color:#14508e;
	background:#ff0;}

#satei form{
	width:100%;}


/* ３ステップでかんたん買取査定
-----------------------------------------------------*/
#satei #sela{}

#sela th{
	color:#fff;
	background:#14508e;}
	#form #sela th:before{
		content:none;}
#sela td{
	text-align:center;}
	#sela td select{
		width:94%;}
		
/* 『自動査定スタート』ボタン */
#sela .main_satei_submit{
	font-size:2.4rem;
	padding:0 2.4rem;
	background: -moz-linear-gradient(top,#e21a1a, #ef4747 50%,#e21a1a 50%,#ef4747);
	background: -webkit-gradient(linear, left top, left bottom, from(#e21a1a), color-stop(0.5,#ef4747), color-stop(0.5,#e21a1a), to(#ef4747));}
	

/* 査定結果
-----------------------------------------------------*/
/* id名がresultで始まるdivの中にあるtable */
div[id|='result'] table th,
div[id|='result'] table td{
	display:table-cell;}
div[id|='result'] table tr{}
div[id|='result'] table th{
	color:#fff;
	background:#14508e;}

div[id|='result'] .btn a{
	width:100%;
	letter-spacing:0.1em;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 2px 2px 2px rgba(000,000,000,0.2);
	-webkit-box-shadow: 2px 2px 2px rgba(000,000,000,0.2);}
	/* 『追加で査定』ボタン */
	div[id|='result'] .addition a{
		background: -moz-linear-gradient(top,#eeeeee, #eeeeee 50%,#e4e4e4 50%,#e4e4e4);
		background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), color-stop(0.5,#eeeeee), color-stop(0.5,#e4e4e4), to(#e4e4e4));
		color:#333;}
	/* 『買取申込』ボタン */
	div[id|='result'] .application a{
		background: -moz-linear-gradient(top,#e21a1a, #ef4747 50%,#e21a1a 50%,#ef4747);
  		background: -webkit-gradient(linear, left top, left bottom, from(#e21a1a), color-stop(0.5,#ef4747), color-stop(0.5,#e21a1a), to(#ef4747));
		color:#fff;}


/* 査定結果 */
#result-area{}
	#result-area table th{
		width:30%;
		border-bottom:1px solid #39699a;}
	#result-area table.outline tr:nth-child(1),
	#result-area table.outline tr:nth-child(2),
	#form #result-area table.outline tr:nth-child(1) *,
	#form #result-area table.outline tr:nth-child(2) *{
		line-height:0;
		text-indent:-9999px;
		padding:0;
		border-bottom:none;}
	#result-area table.outline td,
	#result-area table.outline td span#mbn,
	#result-area table td span.price,
	#result-area table .price td,
	#result-area table td span#price{
		font-weight:bold;}
	#result-area table .price td{
		font-size:1.6rem;}
		#result-area table span.price,
		#result-area table span#price{
			font-size:3.2rem;
			margin-right:0.5rem;
			line-height:normal;}
	/* 買取価格上限 */
	#result-area table.outline .price td{
		color:#666;}
	/* 査定金額 */
	#result-area .terminalbox table .price th{
		color:#ff0;}
	#result-area .terminalbox table .price td{
		color:#E21919;}
	

/* 査定結果一覧 */
#result-list{
	margin-bottom:24px;}	
	#result-list table{
		border:none;
		margin-bottom:0;}
		#result-list table td,
		#result-list table th{
			padding:8px 0;}
		#result-list table th{
			border:none;}
		/* 機種名 */
		#result-list table td:nth-child(1){
			padding-right:0.4rem;}
			#result-list table td aside{
				font-size:1.2rem;
				background:#f2f2f2;}
		/* 台数 */
		#result-list table th:nth-child(2),
		#result-list table td:nth-child(2){
			text-align:center;
			white-space:nowrap;}
		/* 価格 */
		#result-list table td:nth-child(3){
			white-space:nowrap;
			text-align:right;
			font-weight:bold;
			padding:8px 0.4rem;}
		/* 削除 */
		#result-list table td:nth-child(4){
			text-align:center;}
		/* 合計金額 */
		#result-list table tr:last-child{
			border-top:3px double #ccc;
			border-bottom:none;
			text-align:right;
			font-size:1.6rem;}
			#result-list table tr:last-child td,
			#result-list table tr:last-child span{
				color:#E21919;
				font-weight:bold;}
			#result-list table tr:last-child span{
				font-size:3.2rem;
				margin-right:0.5rem;
				line-height:normal;}
	/* 『削除』ボタン */
	#result-list .delete_btn{
		width:44px;
		height:44px;
		color:#fff;
		font-weight:bold;
		font-size:1.3rem;
		letter-spacing:0.15rem;
		border:none;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		background: -moz-linear-gradient(top,#b5b5b5, #8e8e8e 50%,#707070 50%,#5c5c5c);
		background: -webkit-gradient(linear, left top, left bottom, from(#b5b5b5), color-stop(0.5,#8e8e8e), color-stop(0.5,#707070), to(#5c5c5c));}
	/* 『追加で査定』ボタン */
	#result-list .addition a{
		position: relative;}		
		#result-list .addition a:after{
			font-family: 'icomoon';
			position: absolute;
			content: "\ea0a";
			top: 50%;
			left:1.0rem;
			margin-top: -1.2rem;
			font-weight:normal;
			display:inline-block;
			color:#fff;
			font-size:1.4rem;
			line-height:normal;
			padding:4px;
			border-radius: 4px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			background:#666;}		

/* 買取申込
-----------------------------------------------------*/
#container #application h2{
	color:#231815;
	text-align:left;
	font-size:2.4rem;
	line-height:1.4;
	padding-left:0.8em;
	margin-bottom:16px;
	background:url(../images/h1_bg.jpg) no-repeat left center;
	border-radius:0;        /* CSS3草案 */  
	-webkit-border-radius:0;    /* Safari,Google Chrome用 */  
	-moz-border-radius:0;   /* Firefox用 */}
#container #application  h3{
	text-align:center;
	color:#14508e;
	background:#ff0;}

/* 『確認画面』ボタン */
		
/* 『同意して次へ進む』ボタン */
#application .btn05{
	font-size:2.4rem;
	padding:0 2.4rem;
	background: -moz-linear-gradient(top,#145dd4, #3e7ee6 50%,#145dd4 50%,#3e7ee6);
	background: -webkit-gradient(linear, left top, left bottom, from(#145dd4), color-stop(0.5,#3e7ee6), color-stop(0.5,#145dd4), to(#3e7ee6));}

/* 『内容を修正』ボタン */
#app-check .btn_back{
	background: -moz-linear-gradient(top,#b5b5b5, #8e8e8e 50%,#707070 50%,#5c5c5c);
	background: -webkit-gradient(linear, left top, left bottom, from(#b5b5b5), color-stop(0.5,#8e8e8e), color-stop(0.5,#707070), to(#5c5c5c));
}

/* 『買取申し込み』ボタン */
#app-check .btn_next{
	background: -moz-linear-gradient(top,#2b6199, #2b6199 50%,#14508e 50%,#14508e);
	background: -webkit-gradient(linear, left top, left bottom, from(#2b6199), color-stop(0.5,#2b6199), color-stop(0.5,#14508e), to(#14508e));
}


/*---------------------------------------------------*/
/* お問い合わせ
-----------------------------------------------------*/

/* ボタン */
#form .btn{
	text-align:center;}
	#form .btn a{
		text-decoration:none;
		display:block;}
#form .btn2{
	text-align:center!important;}
		#form ul.btn li{
			margin-bottom:8px;}
	#form .btn a:hover,
	#form .btn .hover{
		opacity:0.8;
		filter:alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";}


/* フォームタグ */
#form form table label,
#form form table input,
#form form table textarea,
#form form table select{
	padding:8px 1.0rem;
	box-sizing:border-box;}
#form form textarea,
#form form input[type="text"]{
	width:100%;}
#form form table label{
	font-size:1.6rem;
	display:inline-block;}
	#form form table label input[type="radio"]{
		font-size:200%;
		height:24px;
		width:24px;
		margin-right:4px;
		vertical-align:middle;}
#form .gender{
	text-align:center;}

/* 確認画面 */
#form form.confirm table{ }
		#form form.confirm table *{
			display:block;
			border:none;}
		#form form.confirm table th:before{
			content:none;}