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

/*---------------------------------------------------*/
/* 共通設定
-----------------------------------------------------*/
#form{ text-align:center;}
	#form table{
		text-align:left;
		width:100%;
		margin-bottom:32px;}
		#form table th,
		#form table td{
			padding:8px 16px;}
		#form table th{
			white-space: nowrap;}
			#form table th.required{
				padding-right:50px;}
	p.btn{
		text-align:center!important;}
	ul.btn{
		text-align:center;
		letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
		margin-bottom:10px;}
		.btn li{
			margin:0 8px;
			display:inline-block;
			*display: inline; *zoom: 1;
			letter-spacing: normal; /* 文字間を通常に戻す */}
			.btn li input{
				padding:8px 16px;
				letter-spacing: normal; /* 文字間を通常に戻す */}
	.text_error{
		font-size:13px;
		color:#e21919;}
  	select,
	input{ padding:4px 2px;}


/* フォーム */
form td textarea {
	max-width:460px;}
form td input{
	max-width:200px;}

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



/*---------------------------------------------------*/
/* 買取査定フォーム
-----------------------------------------------------*/
#satei{}

	#satei p{
		text-align:center;}
	#satei #sela,
	#satei #result-area,
	#satei #result-list,
	#satei #application{
		margin-bottom:40px;}

#satei table{
	margin-bottom:24px;}

#satei .application a,
#satei .addition a{}

#satei p.addition{
	text-align:right;}

#satei #sela h2,
#satei #result-area h2,
#satei #result-list h3,
#satei #application h3,
#satei #app-check h2{
	font-size:143%;
	text-align:center;
	line-height:48px;
	margin-bottom:16px;
	color:#14508e;
	background:#ff0;
	border-radius: 5px;        /* CSS3草案 */  
   	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
   	-moz-border-radius: 5px;   /* Firefox用 */  }




/* オンライン自動査定
-----------------------------------------------------*/
#satei #sela{}
#satei #sela table{
	width:100%;
	margin-bottom:40px;
	border:1px solid #ccc;}
	#satei #sela table th,
	#satei #sela table td{
		padding:8px 16px;}
	#satei #sela table tr{}
		#satei #sela table th{
			width:25%;
			color:#fff;
			text-align:center;
			background:#14508e;
			border-bottom:1px solid #295b8e;}
		#satei #sela table td{
			border-bottom:1px solid #eeeeee;}


/* 査定結果
-----------------------------------------------------*/
#satei #result-area{}
	#satei #result-area h3{
		font-size:172%;
		color:#e21919;
		margin-bottom:16px;}
	#satei #result-area h4 {
		position: relative;
		display: inline-block;
		width:100%;
		height: 40px;
		line-height: 40px;
		text-align: center;
		background: #ccc;
		z-index: 0;
		margin-bottom:16px;}
		#satei #result-area h4:after {
			content: "";
			position: absolute;
			bottom: -10px; left: 50%;
			margin-left: -10px;
			display: block;
			width: 0px;
			height: 0px;
			border-style: solid;
			border-width: 10px 10px 0 10px;
			border-color: #ccc transparent transparent transparent; }
	#satei #result-area table{
		border:1px solid #ccc;}
		#satei #result-area tr{
			}
			#satei #result-area th{
				text-align:center;
				width:25%;
				color:#fff;
				background:#14508e;
				border-bottom:1px solid #295b8e;}
			#satei #result-area td{
				border-bottom:1px solid #eeeeee;}

#result-area .price{}
	#result-area .price td{
		font-size:122%;
		font-weight:bold;
		line-height:normal;}
		#result-area .price td .price,
		#result-area .price td #price{
			font-size:163%;
			font-weight:bold;
			margin-right:4px;}
		#result-area .price td .aside{
			font-size:12px;
			color:#333;}


/* 買取価格 */
#result-area .pricearea{}
	#satei #result-area .pricearea .mbn th{}
	#result-area .pricearea .mbn td,
	#result-area .pricearea .mbn td span{
		font-weight:bold;}
	#satei #result-area .pricearea .price th{}
	#result-area .pricearea .price td{
		color:#808080;}

/* 端末詳細 */
#result-area .terminalbox{}
	#satei #result-area .terminalbox .price th{
		color:#FF0;}
	#result-area .terminalbox .price td{
		color:#e21919;}


/* 査定結果一覧
-----------------------------------------------------*/
#satei #result-list{}

#satei #result-list table{}
	#satei #result-list th,
	#satei #result-list td{
		padding:8px;}
		#satei #result-list th{
			white-space: nowrap;
			text-align:center;
			color:#fff;
			background:#14508e;
			border-bottom:1px solid #ccc;}
		#satei #result-list td{
			border-bottom:1px dotted #ccc;}
		
#result-list .kinds{
	width:160px;}
#result-list .details{}
#result-list .number{}
#result-list .price{}
#result-list .total{
	text-align:right;
	color:#e21919;
	border-top:3px double #ccc;
	vertical-align:30px;
	font-size:115%;}
	#satei #result-list .total th{
		text-align:right;
		color:#e21919;
		background:#fff;}
	#satei #result-list td.total{
		padding:0 16px;
		font-weight:bold;
		border-bottom:none;}
		#satei #result-list td.total span{
			font-weight:bold;
			font-size:163%;
			margin-right:4px;}


/* 1列目 */ #satei #result-list td:nth-of-type(1){}
/* 2列目 */ #satei #result-list td:nth-of-type(2){}
/* 3列目 */ #satei #result-list td:nth-of-type(3){
				text-align:right;}
/* 4列目 */ #satei #result-list td:nth-of-type(4){
	  			text-align:right;
				font-weight:bold;
				padding:8px 16px;}
				#satei #result-list td:nth-of-type(4) span{
					font-weight:bold;
					margin-right:2px;}
/* 5列目 */ #satei #result-list td:nth-of-type(5){
				padding:0;}

/* 3～5列目 */
#satei #result-list td:nth-of-type(3),
#satei #result-list td:nth-of-type(4),
#satei #result-list td:nth-of-type(5){
	white-space: nowrap;}


/* 申し込み
-----------------------------------------------------*/
#satei #application{}

#satei #application h2{
	font-size:186%;
	line-height:45px;
	text-indent:24px;
	margin-bottom:15px;
	background:url(../images/h1_bg.jpg) no-repeat left top;}

#satei #application p{
	text-align:left;}
#satei #application form p{
	text-align:center;}

#satei #application table,
#satei #app-check table{
	width:100%;
	margin-bottom:40px;
	border:1px solid #ccc;}
	#satei #application table th,
	#satei #application table td,
	#satei #app-check table th,
	#satei #app-check table td{
		padding:8px 16px;}
	#satei #application table tr,
	#satei #app-check table tr{
		border-bottom:1px dotted #ccc;}
		#satei #application table th,
		#satei #app-check table th{
			width:25%;
			background:#f2f2f2;}
		#satei #application table th.must{
			background:#f2f2f2 url(../images/icon_must.gif) no-repeat 95% center;}

#satei #application textarea{
	width:100%;}

/* 確認画面 */
#satei #app-check{}
#satei #app-check p{
	text-align:left;}




/*---------------------------------------------------*/
/* お問い合わせフォーム
-----------------------------------------------------*/
#form form {
	font-size:115%;}

#form form p img{
	vertical-align:middle;}

#form form p,
#form form table{
	text-align:left;
	margin-bottom:24px;}


/* フォーム
-----------------------------------------------------*/
#form form table{
	line-height:1.5;
	border:1px solid #ccc;}
	#form form table tr{
		border-bottom:1px dotted #ccc;}
		#form form table tr:last-child { border-bottom:none; }
	#form form table th,
	#form form table td{ padding:8px 16px;}
	
	#form form table th{
		text-align:left;
		width:32%;
		background-color:#eeeeee;
	 	background-repeat:no-repeat;
		background-position:95% center;}


/* 必須 */
#form form table .must th{
	background-image:url(../images/form_hissu.gif);}

/* 注意書き */
#form form table td .aside{}
#form form table td span{
	font-size:88%;}

/* 入力エラー */
#form form .text_error{
	display:none;
	color:#F00;}

/* ラジオボタン */
#form form table label{
	margin-right:10px;}
	#form form table label input{
		margin-right:5px;
		background:none;}

/* テキストエリア */
#form form table textarea{
	width:100%;}

/* フォームタグ */
#form form table label,
#form form table input,
#form form table textarea,
#form form table select{
	padding:4px 8px;
	box-sizing:border-box;}



/*---------------------------------------------------*/
/* （旧）お問い合わせ
-----------------------------------------------------*/

/* 必須 */
#form form th.required{
	background:#eeeeee url(../images/icon_must.gif) no-repeat 95% center;}

/* エラーメッセージ */
#form form .alert-error{
	font-size:108%;
	letter-spacing:0.1em;
	text-align:left;
	color:#f00;
	font-weight:bold;}
#form form td span{
	color:#f00;
	font-size:13px;
	display:block;
	margin-top:4px;}

/* フォーム */
#form form td textarea,
#form form td input{
	padding:4px 8px;}
	
#form .form h2{
	color:#fff;
	text-align:center;
	background:#14508e;
	margin-bottom:16px;
	font-size:125%;
	line-height:32px;
	margin-bottom:16px;
	border-radius: 3px;        /* CSS3草案 */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;   /* Firefox用 */}



/* 確認画面
-----------------------------------------------------*/
#form form .confirm table{ }
	#form form .confirm table tr{ }
	#form form .confirm table th{ 
		background-color:#d9e9f1;}
	#form form .confirm table td{}