@charset "UTF-8";

/* reset.css
--------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}img{border:0}address,th{font-style:normal;font-weight:normal}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display: block;}

.clearfix {width:100%;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}

/* base style
--------------------------------------------------*/
body {
	font: 13px "メイリオ","Meiryo","ヒラギノ角ゴ Pro w3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS P Gothic","Arial",sans-serif;
	*font-size: small;
	*font: x-small;
	color: #333;
	background: url(../images/bg_body.png);
}
/*
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
*/

#container {
	width: 960px;
	margin: 0 auto;
}
#content {
	width: 940px;
	margin: 0 auto;
}

/* ヘッダー
--------------------------------------------------*/
#header {
	width: 960px;
	background: url(../images/bg_headers.png) bottom right no-repeat;
	margin-bottom: 20px;
	padding-bottom: 6px;
}
#headerInner {
	background: url(../images/bg_header.png) repeat-x;
	padding: 10px 30px 0 30px;
	position: relative;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	height: 70px;
}
#headerInner h1 a {
	color: #333;
}
#headerInner h1 .kenmei {
	padding-left: 5px;
}
#header a {
	text-decoration: none;
}
#gNav {
	position: absolute;
	bottom: 10px;
	right: 30px;
}
#gNav ul li {
	border-right: 1px solid #ccc;
	float: left;
	list-style-type: none;
	text-align: center;
	margin-right: 10px;
	padding-right: 10px;
	position: relative;
	padding-left: 8px;
}
#gNav ul li:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 3px solid #e42f2f;
	position: absolute;
	top: 50%;
	margin-top: -3px;
	left: 0;
}
#gNav ul li.last {
	margin-right: 0;
	border-right: 0;
	padding-right: 0;
}
#gNav ul li a {
	color: #0000de;
	font-size: 85%;
}
#gNav ul li a:hover {
	text-decoration: underline;
}

/* ヘッダー画像
--------------------------------------------------*/
#mainImg {
	width: 960px;
	height: 300px;
	background: url(../images/mainImg.png) no-repeat;
	margin-bottom: 15px;
}
#mainImg h2 {
	color: #5d210f;
	font-size: 160%;
	padding: 20px 0 0 30px;
	width: 450px;
	line-height: 1.2;
}
#mainImg h2 strong {
	color: #c62929;
	display: block;
	font-size: 170%;
	letter-spacing: 0;
	margin-top: 10px;

	-moz-text-shadow: 1px 3px 0 #fefefe,1px 3px 0 #e5a326;
	-webkit-text-shadow: 1px 3px 0 #fefefe,1px 3px 0 #e5a326;
	text-shadow: 1px 3px 0 #fefefe,1px 3px 0 #e5a326;
}
#mainImg h2 strong .car {
	letter-spacing: -.2em;
}
#mainImg h2 .bold {
	font-size: 150%;

	-moz-text-shadow: 1px 2px 0 #e5a326;
	-webkit-text-shadow: 1px 2px 0 #e5a326;
	text-shadow: 1px 2px 0 #e5a326;
}


/* コンテンツ
--------------------------------------------------*/
#content {
	margin-bottom: 100px;
}
#content h3 {
	height: 37px;
	line-height: 37px;
	color: #fefefe;
	font-weight: bold;
	padding-left: 15px;
	text-shadow: -1px -1px 2px rgba(0,0,0,.2);
}
.contentBox {
	background: #fefefe;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.2);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.2);
	box-shadow: 0px 0px 5px rgba(0,0,0,.2);

	border: 1px solid #e6e6e6\9; /* forIE8andbelow */
}
#formContent,
#buyersContent {
	margin-bottom: 40px;
}
#formContent h3,
#entryContent h3 {
	background: url(../images/bg_midashi_r.png) no-repeat top left;
}
#buyersContent h3 {
	background: url(../images/bg_midashi_y.png) no-repeat top left;
}

/* 登録フォーム
--------------------------------------------------*/
#entryForm {
	width: 900px;
	margin: 0 auto;
	padding: 20px 0;
}
#entryForm .formTitle {
	background: #5d5d5d;
	border-left: 5px solid #d92d2d;
	color: #fff;
	font-size: 123.1%;
	line-height: 30px;
	padding-left: 10px;
	margin-bottom: 10px;
}
.formBox {
	width: 440px;
	float: left;
	margin-bottom: 20px;
}
.carForm {
	margin-right: 20px;
}

/* 登録フォーム テーブルスタイル
--------------------------------------------------*/
.formBox table {
	width: 440px;
	text-align: left;
}
.formBox table th,
.formBox table td {
	padding: 5px 0;
	font-size: 100%;
}
.formBox table th {
	width: 125px;
	padding-left: 15px;
	cursor: default;
	font-weight: bold;
	text-align: left;
}
.formBox table input.baseStyle {
	border: 0;
	padding: 8px 8px 8px 10px;
	border: 1px solid #ccc;
	font-size: 100%;
	width: 285px;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}
.formBox #yuubin {
	width: 120px;
	float: left;
}
.formBox .yuubinBtn {
	display: block;
	float: left;
	font-size: 85%;
	padding: 6px 0;
	margin-left: 13px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	border: 1px solid #4f4f4f;
	width: 150px;

	background: #4f4f4f;
	background: -moz-linear-gradient(top,  #4f4f4f 0%, #4f4f4f 50%, #2b2b2b 51%, #2b2b2b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f4f4f), color-stop(50%,#4f4f4f), color-stop(51%,#2b2b2b), color-stop(100%,#2b2b2b));
	background: -webkit-linear-gradient(top,  #4f4f4f 0%,#4f4f4f 50%,#2b2b2b 51%,#2b2b2b 100%);
	background: -o-linear-gradient(top,  #4f4f4f 0%,#4f4f4f 50%,#2b2b2b 51%,#2b2b2b 100%);
	background: -ms-linear-gradient(top,  #4f4f4f 0%,#4f4f4f 50%,#2b2b2b 51%,#2b2b2b 100%);
	background: linear-gradient(to bottom,  #4f4f4f 0%,#4f4f4f 50%,#2b2b2b 51%,#2b2b2b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4f4f', endColorstr='#2b2b2b',GradientType=0 );

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/*-- バリデーションチェック --*/
.formBox .check {
	color: #d92d2d;
	font-size: 77%;
}
.formBox table input.error {
    border: solid 1px #d92d2d;
}
.formBox table input.error:forcus {
    border: solid 1px #d92d2d;
}
/*-- フォーカス時 --*/
.formBox input.baseStyle:focus {
    border: solid 1px #ffba2a;
}

#submitForm {
	clear: both;
	background: #f1f1f1;
	padding: 25px 15px 15px 15px;
	text-align: center;
	*padding: 10px 15px 15px 15px; /*forIE7*/
}

#submitForm .message {
	margin-bottom: 20px;
}
#submitForm a {
	color: #0000de;
}
#submitForm a:hover {
	text-decoration: none;
}
.entryBtn {
	border: 0;
	text-indent: -9999px;
	display: block;
	width: 426px;
	height: 100px;
	background: url(../images/btn_submit.png) no-repeat;
	margin: 0 auto;
	cursor: pointer;
}
.entryBtn:hover,
.yuubinBtn:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity: 0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom: 1;
}

/* 買取業者リスト
--------------------------------------------------*/
.buyersList {
	width: 900px;
	margin: 0 auto;
	padding: 20px 0;
}
.buyersList li {
	list-style-type: none;
	float: left;
	margin-right: 20px;
}
.buyersList li.last {
	margin-right: 0;
}

/* フッター
--------------------------------------------------*/
#scrollTop {
	width: 940px;
	margin: 0 auto 10px auto;
	text-align: right;
	font-weight: bold;
}
#scrollTop a {
	color: #969696;
	text-decoration: none;
	background: url(../images/icon_top.gif) no-repeat 0% 40%;
	padding-left: 18px;
}

#footer {
	width: 960px;
	margin: 0 auto;
	background: #2d3740;
	background: -moz-linear-gradient(top,  #2d3740 0%, #1f262c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d3740), color-stop(100%,#1f262c));
	background: -webkit-linear-gradient(top,  #2d3740 0%,#1f262c 100%);
	background: -o-linear-gradient(top,  #2d3740 0%,#1f262c 100%);
	background: -ms-linear-gradient(top,  #2d3740 0%,#1f262c 100%);
	background: linear-gradient(to bottom,  #2d3740 0%,#1f262c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d3740', endColorstr='#1f262c',GradientType=0 );
}
#footer a {
	text-decoration: none;
}
#footer ul li {
	list-style-type: none;
	float: left;
	margin-right: 15px;
	text-align: center;
}
#footer ul li.last {
	margin-right: 0;
}

#subNav {
	padding: 20px 15px;
}
#subNav a {
	color: #fefefe;
	font-size: 85%;
}
#subNav a:hover {
	text-decoration: underline;
}

#footerNav {
	padding: 10px 15px;
	background: #fefefe;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.2);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.2);
	box-shadow: 0px 0px 5px rgba(0,0,0,.2);
}
#footerNav ul li {
	border-right: 1px solid #ccc;
	padding-right: 15px;
}
#footerNav ul li.last {
	border-right: 0;
}
#footerNav .blank {
	padding-left: 15px;
	background: url(../images/icon_blank.gif) 0 40% no-repeat;
}
#footerNav li a {
	color: #5a5a5a;
	font-weight: bold;
}
#footerNav li a:hover {
	color: #2d3740;
}

#footer p {
	color: #ccc;
	text-align: center;
	padding: 10px 0;
}

/* 登録完了ページ
--------------------------------------------------*/
#infoBox {
	margin-bottom: 30px;
	padding: 20px;
}
#infoBox a {
	color: #0000de;
}
#infoBox a:hover {
	text-decoration: none;
}
#entryContent {
	margin-bottom: 20px;
}
#entryContent .formBox {
	margin-bottom: 0;
}

.flowBox {
	width: 816px;
	height: 82px;
	margin: 0 auto;
	position: relative;
	font-size: 120%;
}
.flowBox p {
	font-weight: bold;
	font-size: 120%;
	text-align: center;
	line-height: 82px;
}
#flow01 {
	background: #ffba2a;
	border: 2px solid #dc9e24;
	margin-bottom: 20px;
}
#flow02 {
	background: #ffa21e;
	border: 2px solid #f28714;
}
.flowArrow {
	text-align: center;
	width: 816px;
	margin: 0 auto 20px;
}
.flowImg {
	position: absolute;
	top: -5px;
	left: 55px;
}

/* 個別ページ スタイル
--------------------------------------------------*/
.pageTitle {
	border-left: 5px solid #d92d2d;
	font-size: 123.1%;
	padding-left: 10px;
	margin-bottom: 20px;
}
.boxInner {
	width: 900px;
	margin: 0 auto;
	padding: 20px;
}
.boxInner p {
	margin-bottom: 15px;
}