@charset "UTF-8";

@import "reset.css";



/*--------------------------------------------------
   全体
---------------------------------------------------*/

/* Body
===================================================*/
body {
font-size: 100%;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro",Osaka,"ＭＳゴシック","MSGothic",sans-serif;
line-height: 1.6;
background: url(../images/back.gif) repeat-y center center #cbe7f4;
}



/* Link
===================================================*/
a{
color: #0275be;
}

a:visited {
color: #a73862;
}

a:hover {
color: #78a1c4;
}



/* Wrap
===================================================*/
#wrap {
width: 785px;
margin: 0 auto;

}



/* Common size
===================================================*/
#header, #footer {
width: 785px;
}



/* Header
===================================================*/
#header {
margin-bottom: 20px;
}
#header .sub {
height: 65px;
}


/* Topicpath
===================================================*/
#topicpath {
width: 757px;
margin: 0 14px;
}
#topicpath li {
float: left;
width: 153px;
height: 45px;
}
#topicpath li.last {
width: 145px;
height: 45px;
margin-bottom: 27px;
}



/* Contenst
===================================================*/
#contents {
width: 757px;
margin: 0 14px;
}

/*見出し用（青）*/
#contents .title {
margin-bottom: 10px;
background-color: #cbe7f4;
}
#contents .title h2 {
padding: 3px 0;
font-weight: bold;
font-size: 110%;
}
#contents .title h2 img {
vertical-align: middle;
}


/* Footer
===================================================*/
#footer {
clear: both;
margin-top: 55px;
border-top: 2px #0275be solid; 
font-size: 83%;
}

#footer .fnavi, 
#footer .copyright {
margin: 5px 0;
text-align: center;
color: #8e8e8e;
}
#footer .copyright {
margin: 10px 0 25px;
}




/* Clearfix
===================================================*/
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
display:inline-block;
min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */




/*--------------------------------------------------
  個別コンテンツ
---------------------------------------------------*/

/* インデックス
===================================================*/

/*--- ヘッダー ---*/
#header h1 {
height: 275px;
margin: 0;
}
#header .bonus {
height: 147px;
margin: 0;
}
#header .apply {
height: 197px;
margin: 0;
}

/*--- コンテンツ ---*/

/*車種選択*/
#contents .choice {
text-align: center;
font-weight: bold;
color: #CC0000;
}
#contents .lineup {
margin-top: 15px;
}
#contents .lineup li {
width: 145px;
height: 150px;
float: left;
margin-bottom: 34px;
margin-right: 8px;
}
#contents .lineup li.br {
margin-right: 0;
}

/*Flox概要*/
#contents .h_flox {
clear: both;
width: 757px;
background-color: #7f7f7f;
}
#contents .h_flox h3 {
padding: 1px 0;
font-weight: bold;
font-size: 110%;
color: #fff;
}
#contents .h_flox h3 img {
vertical-align: middle;
}

#contents .flox {
width: 755px;
border: 1px solid #ccc;
}
#contents .flox li {
margin: 7px 7px 0 25px;
list-style-image: url(../images/li_point.gif);
font-size: 88%;
line-height: 1.4;
color: #666;
}
#contents .flox li.last {
margin-bottom: 15px;
}



/* 車両一覧
===================================================*/

/*--- コンテンツ ---*/
#contents .car_box {
clear: both;
width: 757px;
margin-top: 35px;
margin-bottom: 65px;
}

/*スペック*/
.car_box .thumb {
width: 298px;
height: 150px;
float: left;
}
.car_box .spec {
width: 449px;
/*margin-left: 298px;*/
font-size: 88%;
}
.car_box .spec th {
width: 85px;
color: #0079c4;
font-weight: bold;
vertical-align: top;
}
.car_box .spec img {
padding: 0 5px;
vertical-align: middle;
}
.car_box .spec td {
/*width: 374px;*/
vertical-align: top;
}

/*価格情報*/
.car_box .priceinfo {
width: 757px;
margin: 10px 0;
clear: both;
background: url(../images/back_price.gif) left bottom repeat-x #feffda;
}
.priceinfo .monthly {
padding: 15px 0;
width: 298px;
float: left;
}
.priceinfo .monthly p {
text-align: center;
}
.priceinfo .monthly .price {
font-weight: bold;
font-size: 150%;
}
.priceinfo .monthly .price strong {
font-weight: bold;
font-size: 170%;
color: #cc0000;
}
.priceinfo .discript {
width: 449px;
margin-left: 298px;
padding: 15px 0;
font-size: 88%;
line-height: 1.5;
}
.priceinfo .discript li {
margin-left: 20px;
list-style-image: url(../images/li_point.gif);
color: #313131;
}
.priceinfo .discript p {
margin-top: 7px;
padding-top: 3px;
border-top: 1px #777 solid;
font-weight: bold;
color: #eb6100;
}

/*応募ボタン*/
.car_box .monitor {
text-align: center;
}


/* 応募フォーム
===================================================*/

/*--- コンテンツ ---*/
/*注意書き*/
#contents .caution {
clear: both;
margin-bottom: 25px;
text-align: center;
background-color: #fcdcad;
}
.caution h1 {
padding: 5px;
text-align: center;
color: #eb6100;
font-weight: bold;
}

/*募集要項*/
#contents .guide {
width: 730px;
margin: 0 auto 50px;
border-collapse: collapse;
border-spacing: 0;
}
.guide th,
.guide td {
padding: 6px 10px;
border-bottom: 4px #fff solid;
vertical-align:middle;
font-size: 88%;
}
.guide th {
width: 110px;
background-color: #b8def0;
color: #002e73;
font-weight: bold;
}
.guide td {
width: 580px;
background-color: #f4fafd;
}


/*フォーム */
#contents .form_txt {
margin: 15px 0 10px;
text-align: center;
}

#contents .form {
width: 730px;
margin: 0 auto;
border-collapse: collapse;
border-spacing: 0;
}
.form th,
.form td {
padding: 6px 10px;
border-bottom: 4px #fff solid;
vertical-align:middle;
font-size: 88%;
}
.form th {
width: 275px;
background-color: #0075c1;
color: #fff;
font-weight: bold;
}
.form td {
width: 415px;
background: url(../images/arrow.gif) left center no-repeat #fff;
}
.form span {
color: #ffc675;
}
.form input,
.form select,
.form textarea {
margin: 0 8px;
}
.form input#name,
.form input#kana,

.form input#tel {
width: 200px;
}
.form input#add,
.form input#email,
.form textarea {
width: 390px;
}
.form input#age {
width: 50px;
}
.form input#zipcode {
width: 120px;
margin-bottom: 5px;
}
.form input#carname {
width: 150px;
}
.form input#caryear {
width: 80px;
}

.form td.submit {
padding-top: 40px;
padding-left: 200px;
background-image: none;
}
.form .submit input {
margin: 0 10px;
}
.form .submit input#reset {
width: 113px;
height: 41px;
}
.form .submit input#prev {
width: 180px;
height: 40px;
}

/*フォーム確認*/
#contents .form_check {
width: 730px;
margin: 0 auto;
border-collapse: collapse;
border-spacing: 0;
}
.form_check th,
.form_check td {
padding: 6px 10px;
border-bottom: 4px #fff solid;
vertical-align:middle;
font-size: 88%;
}
.form_check th {
width: 275px;
background-color: #eae3c3;
color: #6a3906;
font-weight: bold;
}
.form_check td {
width: 415px;
background-color: #f7f4ed;
color: #303030;
}
.form_check .submit {
padding-top: 40px;
padding-left: 170px;
background-image: none;
background-color: #fff;
}
.form_check .submit input {
margin: 0 10px;
}
.form_check .submit input#revision {
width: 141px;
height: 40px;
}
.form_check .submit input#submit {
width: 203px;
height: 40px;
}

/*完了*/
#contents .comp {
clear: both;
margin-bottom: 35px;
text-align: center;
background-color: #cbe7f4;
}
#contents .comp strong{
display: block;
padding: 2px;
font-weight: bold;
font-size: 135%;
color: #006eba;
}
#contents .comp_txt,
#contents .close {
margin-bottom: 50px;
text-align: center;
}