@charset "shift_jis";

/* ----------------------------------------------------------------

   01. Reset

----------------------------------------------------------------- */

/*! normalize.css v1.0.1 | MIT License | git.io/normalize */

/*
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary{
display:block;
}

audio,
canvas,
video{
display:inline-block;
*display:inline;
*zoom:1;
}

audio:not([controls]){
display:none;
height:0;
}

[hidden]{
display:none;
}

html{
font-size:100%;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
}

html,
button,
input,
select,
textarea{
font-family:sans-serif;
}

body{
margin:0;
}

a:focus{
outline:thin dotted;
}

a:active,
a:hover{
outline:0;
}

h1{
font-size:2em;
margin:0.67em 0;
}

h2{
font-size:1.5em;
margin:0.83em 0;
}

h3{
font-size:1.17em;
margin:1em 0;
}

h4{
font-size:1em;
margin:1.33em 0;
}

h5{
font-size:0.83em;
margin:1.67em 0;
}

h6{
font-size:0.75em;
margin:2.33em 0;
}

abbr[title]{
border-bottom:1px dotted;
}

b,
strong{
font-weight:bold;
}

blockquote{
margin:1em 40px;
}

dfn{
font-style:italic;
}

mark{
background:#ff0;
color:#000;
}

p,
pre{
margin:1em 0;
}

code,
kbd,
pre,
samp{
font-family:monospace, serif;
_font-family:'courier new', monospace;
font-size:1em;
}

pre{
white-space:pre;
white-space:pre-wrap;
word-wrap:break-word;
}

q{
quotes:none;
}

q:before,
q:after{
content:'';
content:none;
}

small{
font-size:80%;
}

sub,
sup{
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline;
}

sup{
top:-0.5em;
}

sub{
bottom:-0.25em;
}

dl,
menu,
ol,
ul{
margin:1em 0;
}

dd{
margin:0 0 0 40px;
}

menu,
ol,
ul{
padding:0 0 0 40px;
}

nav ul,
nav ol{
list-style:none;
list-style-image:none;
}

img{
border:0;
-ms-interpolation-mode:bicubic;
}

svg:not(:root){
overflow:hidden;
}

figure{
margin:0;
}

form{
margin:0;
}

fieldset{
border:1px solid #c0c0c0;
margin:0 2px;
padding:0.35em 0.625em 0.75em;
}

legend{
border:0;
padding:0;
white-space:normal;
*margin-left:-7px;
}

button,
input,
select,
textarea{
font-size:100%;
margin:0;
vertical-align:baseline;
*vertical-align:middle;
}

button,
input{
line-height:normal;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{
-webkit-appearance:button;
cursor:pointer;
*overflow:visible;
}

button[disabled],
input[disabled]{
cursor:default;
}

input[type="checkbox"],
input[type="radio"]{
box-sizing:border-box;
padding:0;
*height:13px;
*width:13px;
}

input[type="search"]{
-webkit-appearance:textfield;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{
-webkit-appearance:none;
}

button::-moz-focus-inner,
input::-moz-focus-inner{
border:0;
padding:0;
}

textarea{
overflow:auto;
vertical-align:top;
}

table{
border-collapse:collapse;
border-spacing:0;
}
*/


/* base
-------------------------------------------------- */
html{
overflow-y:scroll;
}

body{
font:87.5%/1.5 Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#333;
}

img{
vertical-align:bottom;
}

a:link,
a:visited{
color:#1c67ad;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

h1,h2,h3,h4,h5,h6{
margin:0;
font-size:1em;
}

p{
margin:0;
}

ol,ul{
margin:0;
padding:0;
}

li{
list-style:none;
}

dl,dd{
margin:0;
}



/* ----------------------------------------------------------------

   02. Structure

----------------------------------------------------------------- */

/* globalNav
-------------------------------------------------- */
/*
#globalNav{
position:relative;
z-index:1000;
margin-top:-1px;
padding-bottom:4px;
width:100%;
background:url(../image/bg_gn_02.png) no-repeat 50% 100%;
}

#globalNav.fixed{
position:fixed;
top:0;
}

#globalNav .category{
background:url(../image/bg_gn_01.png) repeat-x;
height:36px;
}

#globalNav .category dl{
margin:0 auto;
width:900px;
}

#globalNav .category dt{
float:left;
padding-top:10px;
line-height:1;
}

#globalNav .category dd{
margin-left:171px;
_margin-left:168px;
}

#globalNav .category li{
float:left;
}

#globalNav .sub{
margin-bottom:2px;
background-image:url(../image/bg_sub_nav_01.png);
color:#666;
font-size:78.6%;
}

#globalNav .sub a{
color:#999;
}

#globalNav .sub .inner{
margin:0 auto;
padding:10px 0 7px;
width:900px;
}

#globalNav .crumb{
float:left;
}

#globalNav .crumb li{
float:left;
}

#globalNav .crumb a{
margin-right:10px;
padding-right:20px;
background:url(../image/bg_topic_path_01.png) no-repeat 100% 50%;
}

#globalNav .crumb h1{
font-weight:normal;
}

#globalNav .page{
float:right;
}

#globalNav .page li{
display:inline;
float:left;
margin-left:30px;
padding-left:10px;
background:url(../image/icon_arrow_02.png) no-repeat 0 .5em;
}

#globalNav .page a{
color:#666;
}
*/


/* localNav
-------------------------------------------------- */
#localNav{
position:fixed;
_position:absolute;
top:50%;
right:0;
margin-top:-153px;
z-index:1001;
}

#localNav li{
position:relative;
left:111px;
margin-top:1px;
}

#localNav li:first-child{
margin-top:0;
}


/* content
-------------------------------------------------- */
#content{
margin-bottom:15px;
}

#content.top{
background:url(../image/bg_content_01.png) repeat-x;
}


/* main
-------------------------------------------------- */
#main{
margin:0 auto;
width:900px;
}



/* ----------------------------------------------------------------

   03. Module

----------------------------------------------------------------- */

/* clearfix
-------------------------------------------------- */
.cf:before,
.cf:after{
content:"";
display:table;
}

.cf:after{
clear:both;
}

.cf{
*zoom:1;
}


/* heading
-------------------------------------------------- */
/* heading01 */
.heading01{
position:relative;
margin:50px auto 0;
width:900px;
min-height:54px;
_height:54px;
}

.heading01 h2{
float:left;
}

.heading01 .btn{
position:absolute;
top:6px;
right:0;
}

.heading01 .mileage{
float:right;
padding-top:4px;
width:524px;
font-size:71.4%;
color:#666;
}

.heading01 .mileage .figure{
margin-bottom:5px;
}

/* heading02 */
.heading02{
margin:50px auto 0;
padding-top:20px;
width:900px;
border-top:1px solid #ccc;
}

/* heading03 */
.heading03{
position:relative;
margin:50px auto 0;
width:900px;
font-size:171.4%
}

.heading03 .langEn{
display:block;
padding-left:3px;
font-size:41.6%;
font-weight:normal;
}

/* heading04 */
.heading04{
position:relative;
margin:50px auto 0;
width:900px;
font-size:171.4%
}

.heading04 h1{
float:left;
}

.heading04 .langEn{
display:block;
padding-left:3px;
font-size:41.6%;
font-weight:normal;
}

.heading04 .figure{
float:right;
}


/* nav
-------------------------------------------------- */
.navbar{
margin:50px auto 0;
width:900px;
}

.navbar li,
.navbar a,
.navbar img{
float:left;
}


/* btn
-------------------------------------------------- */
.btnbar{
margin:35px auto;
width:900px;
}

.btnbar .btn{
margin:-2px -2px 0 0;
}

.btnbar li,
.btnbar a,
.btnbar img{
float:left;
}

.btnbar li{
margin:2px 2px 0 0;
}


/* paragraph
-------------------------------------------------- */
/* square */
.square li{
list-style-type:square;
margin:10px 0 10px 16px ;
line-height:1.71;
}

/* pageTop */
.pageTop{
margin:10px auto 0;
width:900px;
text-align:right;
}


/* section
-------------------------------------------------- */
/* photo */
.sectionPhoto{
padding: 40px 0 0;
margin:40px auto;
width:900px;
line-height:1.85;
}

.sectionPhoto .photo{
float:left;
}

.sectionPhoto .text{
float:right;
width:500px;
}

.sectionPhoto .heading{
margin:0 0 20px;
}

.sectionPhoto .column{
margin-top:20px;
background:#f5f5f5;
padding:25px;
}

.sectionPhoto .column .heading{
margin-bottom:10px;
font-weight:normal;
font-size:128.6%;
line-height:1.45;
}

.sectionPhoto .column .notice{
font-size:78.6%;
text-align:right;
}


/* notice */
.sectionNotice{
margin:80px auto;
border-top:solid 1px #ccc;
width:900px;
padding:5px 0 0;
}

.sectionNotice .notice{
margin-top:20px;
font-size:85.7%;
line-height:1.66;
color:#666;
}


/* top
-------------------------------------------------- */
/* promotion */
#promotion{ 
background:url(../image/bg_promotion_01.png) no-repeat 50% 0;
min-height:453px;
_height:453px;
}

#promotion .inner{
margin:0 auto;
width:900px;
}

#promotion .view{
position:relative;
float:left;
}

#promotion .view .bodyColor{
position:absolute;
top:394px;
left:0;
}

#promotion .view .bodyColor img{
vertical-align:top;
}

#promotion .view .bodyColor dt{
float:left;
margin-right:12px;
padding-top:7px;
}

#promotion .view .bodyColor dd{
float:left;
}

#promotion .view .bodyColor li{
position:relative;
float:left;
margin-right:2px;
padding-bottom:1px;
height:18px;
cursor:pointer;
}

#promotion .view .bodyColor .selected{
border-bottom:2px solid #016ba2;
}

#promotion .view .bodyColor .selected .name01{
position:absolute;
top:-22px;
left:-49px;
}

#promotion .view .bodyColor .selected .name02{
position:absolute;
top:-22px;
left:-59px;
}

#promotion .view .bodyColor .selected .name03{
position:absolute;
top:-22px;
left:-29px;
}

#promotion .view .around{
position:absolute;
top:387px;
right:0;
}

#promotion .view .around dt{
float:left;
margin-right:12px;
padding-top:10px;
line-height:0;
}

#promotion .view .around dd{
float:left;
}

#promotion .view .around li{
position:relative;
float:left;
cursor:pointer;
}

#promotion .info{
float:right;
margin-top:61px;
width:211px;
}

#promotion .btn{
margin:26px -5px 0 0;
}

#promotion .btn li{
float:left;
margin-right:5px;
}

#promotion .more{
margin-top:8px;
padding-left:16px;
background:url(../image/icon_arrow_01.png) no-repeat 0 .3em;
}

/* topics */
#topics{
margin:0 auto;
padding:10px 0;
width:900px;
}

#topics ul{
font-size:85.7%;
}

#topics li{
position:relative;
padding-left:7em;
*zoom:1;
}

#topics .date{
position:absolute;
top:0;
left:0;
color:#999;
}

#topics .title .icon{
position:relative;
top:-1px;
padding-right:5px;
}

#topics .title a{
color:#016ba2;
}

/* section */
.section{
position:relative;
}

/* heading */
.section .heading{
position:relative;
z-index:10;
}

.section .heading h2{
margin-bottom:20px;
}

.section .heading .btn{
float:left;
margin-right:15px;
}

.section .heading .search{
float:left;
margin-top:3px;
padding-left:18px;
background:url(../image/icon_search_01.png) no-repeat 0 .2em;
}

.section .heading .search a{
color:#016ba2;
}

/* styling */
#styling{
margin-top:50px;
min-height:400px;
_height:400px;
}

#styling .car,
#styling .wind{
position:absolute;
}

/* interior */
#interior{
margin-top:100px;
min-height:605px;
_height:605px;
}

#interior .car,
#interior .nav img,
#interior .contents img{
position:absolute;
}

#interior .nav img{
cursor:pointer;
}

/* trunk */
#trunk{
margin-top:100px;
min-height:550px;
_height:550px;
}

#trunk .scale{
position:relative;
z-index:10;
}

#trunk .graduation{
position:absolute;
top:55px;
left:0;
overflow:hidden;
margin-left:-50px;
width:600px;
}

#trunk .graduation img{
position:relative;
}

#trunk .graduation .mask{
position:absolute;
top:0;
left:0;
}

#trunk .capacity{
position:absolute;
top:18px;
left:0px;
overflow:hidden;
width:130px;
height:144px;
}

#trunk .capacity img{
position:absolute;
}

#trunk .capacity .number{
position:relative;
z-index:10;
margin:62px 0 0 -20px;
color:#fff;
font-size:34px;
font-weight:bold;
font-style:italic;
line-height:1.2;
text-align:center;
}

#trunk .capacity .number img{
left:70px;
}

#trunk .luggage img,
#trunk .car img{
position:absolute;
}

/* performance */
#performance{
margin-top:100px;
min-height:630px;
_height:630px;
}

#performance .car{
position:absolute;
}

/* spec */
#spec{
margin-top:100px;
}

#spec .box{
margin-top:50px;
}

#spec .box .image{
float:left;
width:448px;
_width:445px;
}

#spec .box .text{
overflow:hidden;
*zoom:1;
}

#spec .heading h2{
float:left;
}

#spec .heading .price{
float:right;
}

#spec table{
margin-top:13px;
width:100%;
}

#spec table td{
padding:5px;
text-align:center;
font-size:85.7%;
}

#spec .nav{
margin-top:10px;
}

#spec .nav .btn{
float:left;
margin-right:15px;
}

#spec .nav .estimate{
float:left;
margin-top:3px;
padding-left:18px;
background:url(../image/icon_estimate_01.png) no-repeat 0 .3em;
}

#spec .nav .estimate a{
color:#016ba2;
}

/* message */
#message{
position:relative;
margin-top:100px;
min-height:700px;
_height:700px;
}

#message .box1{
position:absolute;
top:100px;
left:10px;
width:450px;
}

#message .box1 .image{
float:left;
padding-right:15px;
}

#message .box1 h2{
position:absolute;
top:125px;
left:-30px;
}

#message .box1 .text{
overflow:hidden;
}

#message .box1 .text h3{
text-decoration:underline;
font-weight:bold;
}

#message .box1 .text p{
font-size:85.7%;
}

#message .box1 .text .date{
color:#999;
}

#message .box2{
position:absolute;
top:320px;
left:380px;
width:500px;
}

#message .box2 .image{
float:left;
padding-right:15px;
}

#message .box2 h2{
position:absolute;
top:-115px;
left:290px;
}

#message .box2 .text{
overflow:hidden;
}

#message .box2 .text h3{
text-decoration:underline;
font-weight:bold;
}

#message .box2 .text p{
font-size:85.7%;
}

#message .box2 .text .date{
color:#999;
}

#message .box3{
position:absolute;
top:520px;
left:230px;
width:450px;
}

#message .box3 .image{
float:left;
padding-right:15px;
}

#message .box3 .text{
overflow:hidden;
}

#message .box3 .text h3{
text-decoration:underline;
font-size:100%;
font-weight:bold;
}

#message .box3 .text p{
font-size:85.7%;
}

#message .box3 .text .date{
color:#999;
}

/* movie */
#movie{
margin-top:50px;
}

#movie .video{
float:left;
padding-right:35px;
}

#movie .text{
overflow:hidden;
padding-top:106px;
}

#movie .text h3{
margin-top:17px;
font-size:128.6%;
line-height:1.2;
font-weight:normal;
}

#movie .text .dateTime{
color:#666;
font-size:85.7%;
}

#movie .text .btn{
margin-top:15px;
}


/* equipment
-------------------------------------------------- */
/* sectionEquipment01 */
.sectionEquipment01{
margin:0 auto;
width:900px;
}

.sectionEquipment01 ul{
overflow:hidden;
margin-right:-33px;
width:933px;
letter-spacing:-.4em;
}

.sectionEquipment01 li{
display:inline-block;
*display:inline;
*zoom:1;
margin:30px 33px 0 0;
width:122px;
letter-spacing:normal;
vertical-align:top;
}

.sectionEquipment01 .pickup{
width:278px;
}

.sectionEquipment01 .caption{
display:block;
font-size:85.7%;
}

/* sectionEquipment02 */
.sectionEquipment02{
margin:0 auto;
width:900px;
}

.sectionEquipment02 li{
float:left;
margin-top:30px;
display:table;
width:450px;
}

.sectionEquipment02 span{
display:table-cell;
*display:inline;
*zoom:1;
vertical-align:middle;
}

.sectionEquipment02 .caption{
padding-right:30px;
font-size:128.6%;
*width:200px;
*padding-right:0;
}

.sectionEquipment02 .small{
display:block;
font-size:66.7%;
}

.sectionEquipment02 .photo{
padding-right:15px;
width:201px;
}

/* sectionEquipment03 */
.sectionEquipment03{
margin-top:15px;
height:657px;
background:url(../image/equipment_bg_01.png) repeat-x;
}

.sectionEquipment03 .inner{
margin:0 auto;
width:1043px;
height:657px;
}

/* sectionEquipment04 */
.sectionEquipment04{
margin:0 auto;
width:900px;
}

.sectionEquipment04 ul{
overflow:hidden;
margin-right:-33px;
width:933px;
letter-spacing:-.4em;
}

.sectionEquipment04 li{
display:inline-block;
*display:inline;
*zoom:1;
margin:30px 33px 0 0;
width:278px;
letter-spacing:normal;
vertical-align:top;
}

.sectionEquipment04 .col2{
width:589px;
}

.sectionEquipment04 .caption{
display:block;
font-size:85.7%;
}

.sectionEquipment04 .btn{
margin:30px 0 40px;
text-align:center;
}


/* equipmentList
-------------------------------------------------- */
/* sectionEquipmentList */
.sectionEquipmentList{
margin:0 auto;
width:900px;
}

.sectionEquipmentList .section{
margin:30px auto 0;
}

.sectionEquipmentList h2{
border-top:solid 1px #ccc;
padding:10px 0;
font-size:128.6%;
}

.sectionEquipmentList .first h2{
border:none;
padding-top:0;
}

.sectionEquipmentList ul.square.even{
float:left;
width:440px;
}

.sectionEquipmentList ul.square.odd{
float:right;
width:440px;
}


/* sectionEquipmentList04 */
.sectionEquipmentList04{
margin:50px auto 60px;
background:#f2f1f0;
width:870px;
padding:15px;
font-size:78.6%;
line-height:1.81;
color:#666;
}

.sectionEquipmentList04 .notice li{
display:inline;
margin-right:1em;
}

.sectionEquipmentList04 .square li{
margin-top:0;
margin-bottom:0;
}

.sectionEquipmentList04 .square strong{
display:block;
margin:10px 0;
font-weight:bold;
color:#333;
}


/* accessory
-------------------------------------------------- */
.sectionAccessory{
margin:0 auto 60px;
width:900px;
}

.sectionAccessory .accessories{
clear:both;
margin-top:12px;
margin-right:-33px;
width:933px;
overflow:hidden;
}

.sectionAccessory .accessories li{
float:left;
display:inline-block;
*display:inline;
*zoom:1;
margin:30px 33px 0 0;
width:278px;
vertical-align:top;
}

.sectionAccessory .accessories .caption{
display:block;
font-size:85.7%;
}

.sectionAccessory .sub{
float:left;
margin-top:30px;
}

.sectionAccessory .sub h2{
background:#e4e4e4 url(../image/accessory_bg_sub.png) no-repeat 50% 100%;
padding:6px 15px 14px;
font-weight:normal;
margin-bottom:-8px;
}

.sectionAccessory .sub .accessories{
clear:none;
width:auto;
margin-top:0;
}

.sectionAccessory .sub .accessories li{
margin-top:20px;
}


.sectionAccessory .childSeat{
width:589px;
}
.sectionAccessory .dogItem{
float:right;
width:278px;
}


/* dimensions
-------------------------------------------------- */
.sectionDimensions01{
margin:35px auto 60px;
width:900px;
text-align:center;
}


/* spirit
-------------------------------------------------- */
#ancSpirit3 .column .heading{
margin-top:-3px;
background:url(../image/spirit_ico_03.png) no-repeat 0 50%;
padding:3px 0 3px 40px;
}

#ancSpirit4 .column .heading{
background:url(../image/spirit_ico_04.png) no-repeat 0 50%;
padding-left:40px;
}

#ancSpirit5 .column .heading{
margin-top:-4px;
background:url(../image/spirit_ico_05.png) no-repeat 0 50%;
padding:4px 0 4px 40px;
}


/* driving
-------------------------------------------------- */
/* sectionDriving01 */
.sectionDriving01{
margin:40px auto 0;
padding-bottom:42px;
width:1000px;
background:url(../image/bg_line_01.png) no-repeat 0 100%;
}

.sectionDriving01 .inner{
margin:0 auto;
width:900px;
}

.sectionDriving01 .contents{
overflow:hidden;
width:900px;
height:395px;
}

.sectionDriving01 .view{
width:9999em;
}

.sectionDriving01 .view li{
float:left;
}

.sectionDriving01 .tab{
margin:0 auto;
width:605px;
}

.sectionDriving01 .tab li{
float:left;
}

/* sectionDriving02 */
.sectionDriving02{
padding:45px 0 10px;
background:url(../image/driving_bg_01.png) repeat-x 0 100%;
}

.sectionDriving02 .inner{
margin:0 auto;
width:900px;
}

.sectionDriving02 .box01{
padding-left:489px;
min-height:320px;
_height:320px;
background:url(../image/driving_bg_02.png) no-repeat;
}

.sectionDriving02 h3{
margin-bottom:25px;
}

.sectionDriving02 p{
line-height:1.7;
}

.sectionDriving02 .figure{
margin-top:15px;
}

.sectionDriving02 .btn{
margin-top:20px;
}

.sectionDriving02 .box02{
margin-top:30px;
padding-right:483px;
min-height:380px;
_height:380px;
background:url(../image/driving_bg_03.png) no-repeat 100% 0;
}

.sectionDriving02 .box02 .movie{
float:right;
padding-left:20px;
width:105px;
text-align:center;
}

.sectionDriving02 .box02 .movie span{
display:block;
}

.sectionDriving02 .box02 .text{
overflow:hidden;
}

/* sectionDriving03 */
.sectionDriving03{
padding:10px 0;
border-bottom:1px solid #ccc;
}

.sectionDriving03 .inner{
margin:0 auto;
width:900px;
}

.sectionDriving03 .box01{
margin-top:40px;
padding-left:489px;
min-height:275px;
_height:275px;
background:url(../image/driving_bg_04.png) no-repeat;
}

.sectionDriving03 .box02{
margin-top:40px;
padding-right:483px;
min-height:340px;
_height:340px;
background:url(../image/driving_bg_05.jpg) no-repeat 100% 0;
}

.sectionDriving03 .box03{
margin-top:-20px;
padding-left:489px;
min-height:523px;
_height:523px;
background:url(../image/driving_bg_06.png) no-repeat;
}

.sectionDriving03 h3{
margin-bottom:20px;
}

.sectionDriving03 p{
line-height:1.7;
}

.sectionDriving03 .btn{
margin-top:20px;
}

.sectionDriving03 .box02 .movie{
float:right;
padding-left:20px;
width:105px;
text-align:center;
}

.sectionDriving03 .box02 .movie span{
display:block;
}

.sectionDriving03 .box02 .text{
overflow:hidden;
}

.sectionDriving03 .pageTop{
margin-top:80px;
}

/* sectionDriving04 */
.sectionDriving04{
margin:40px auto 60px;
width:900px;
}

.sectionDriving04 .tab{
position:relative;
}

.sectionDriving04 .tab ul{
border-bottom:6px solid #606263;
}

.sectionDriving04 .tab li{
float:left;
}

.sectionDriving04 .pdf{
position:absolute;
top:5px;
right:0;
}

.sectionDriving04 .size{
font-size:71.4%;
}

.sectionDriving04 .icon{
position:relative;
top:-1px;
padding-right:5px;
vertical-align:middle;
}

.sectionDriving04 .contents{
margin-top:9px;
}

.sectionDriving04 table{
margin-bottom:10px;
border-collapse:separate;
border-bottom:1px solid #ccc;
width:100%;
}

.sectionDriving04 th{
padding:10px;
border-top:1px solid #ccc;
text-align:left;
font-size:128.6%;
font-weight:normal;
}

.sectionDriving04 td{
padding:10px;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
font-size:128.6%;
text-align:center;
}

.sectionDriving04 .small{
font-size:100%;
}

.sectionDriving04 .brackets{
font-size:55.6%;
}

.sectionDriving04 .small .brackets{
font-size:71.4%;
}

.sectionDriving04 .valignTop{
vertical-align:top;
}

.sectionDriving04 .shadow th{
background-image:url(../image/driving_bg_07.png);
background-repeat:no-repeat;
background-position:100% 0;
}

.sectionDriving04 .shadow td{
background-image:url(../image/driving_bg_08.png);
background-repeat:no-repeat;
}

.sectionDriving04 .shadow .last{
background-image:url(../image/driving_bg_09.png);
background-repeat:no-repeat;
}

.sectionDriving04 .current th,
.sectionDriving04 .current td{
background-color:#f1f1f1;
}

.sectionDriving04 .notice{
float:left;
width:750px;
font-size:78.6%;
color:#666;
}

.sectionDriving04 .link{
float:right;
padding-left:16px;
background:url(../image/icon_arrow_01.png) no-repeat 0 .3em;
}


/* styling
-------------------------------------------------- */
/* sectionStyling01 */
.sectionStyling01{
margin-top:-4px;
padding-top:50px;
background:url(../image/styling_bg_01.png) repeat-x;
min-height:693px;
_height:693px;
}

.sectionStyling01 .inner{
margin:0 auto;
width:1096px;
min-height:600px;
background:url(../image/styling_bg_04.png) no-repeat 0 100%;
}

.sectionStyling01 .heading01{
margin-top:0;
}

.sectionStyling01 .view{
position:relative;
overflow:hidden;
margin:25px auto 0;
width:900px;
height:480px;
}

.sectionStyling01 .view ul{
width:9999em;
}

.sectionStyling01 .view h3{
float:left;
padding-right:30px;
font-size:128.6%;
font-weight:normal;
}

.sectionStyling01 .text{
overflow:hidden;
font-size:85.7%;
line-height:1.8;
}

.sectionStyling01 .text a,
.sectionStyling01 .text a:visited{
text-decoration:underline;
color:#333;
}

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

.sectionStyling01 .description{
padding:20px 25px 0;
background:url(../image/styling_bg_02.png) no-repeat;
height:120px;
}

.sectionStyling01 .view ul li{
position:relative;
width:900px;
height:480px;
}

.sectionStyling01 .pointArea{
position:absolute;
border:2px solid #fff;
background-image:url(../image/styling_bg_03.png);
}

.sectionStyling01 .pointHidden{
position:absolute;
top:10px;
right:10px;
}

.sectionStyling01 .btn{
margin:0 auto;
width:900px;
}

.sectionStyling01 .nav{
float:left;
}

.sectionStyling01 .nav li{
float:left;
margin-right:13px;
}

.sectionStyling01 .otherView{
float:right;
margin-top:16px;
}

.sectionStyling01 .otherView li{
float:left;
padding-left:4px;
}

/* sectionStyling02 */
.sectionStyling02{
margin:0 auto;
width:900px;
min-height:550px;
_height:550px;
}

.sectionStyling02 .view{
position:relative;
overflow:hidden;
width:900px;
min-height:420px;
_height:420px;
}

.sectionStyling02 .view ul{
width:9999em;
}

.sectionStyling02 .view li{
float:left;
}

.sectionStyling02 .description{
margin-top:-25px;
text-align:center;
}

.sectionStyling02 .description h3{
margin-bottom:5px;
font-size:128.6%;
font-weight:normal;	
}

.sectionStyling02 .description .icon{
padding-right:10px;
vertical-align:middle;
}

.sectionStyling02 .nav li{
float:left;
}


/* photogallery
-------------------------------------------------- */
.sectionPhotogallery{
background:url(../image/photogallery_bg.png) no-repeat 50% 100%;
padding:0 0 95px;
}

.sectionPhotogallery .inner{
margin:0 auto;
width:900px;
}

.sectionPhotogallery .view{
position:relative;
overflow:hidden;
margin:30px auto 0;
width:900px;
height:448px;
}

.sectionPhotogallery .view ul{
width:9999em;
}

.sectionPhotogallery .view ul li{
position:relative;
width:900px;
height:448px;
}

.sectionPhotogallery .view .nav{
position:absolute;
top:50%;
left:0;
margin-top:-57px;
width:900px;
z-index:100;
}

.sectionPhotogallery .view .nav li{
position:absolute;
width:auto;
height:auto;
}

.sectionPhotogallery .view .nav .next{
right:0;
}

.sectionPhotogallery .btn{
margin:0 auto;
width:900px;
}

.sectionPhotogallery .btn .nav{
float:left;
margin:10px 13px 0 23px;
}

.sectionPhotogallery .btn .nav li{
float:left;
margin-top:10px;
margin-right:10px;
}


/* type
-------------------------------------------------- */
/* sectionType01 */
.sectionType01{
margin:0 auto 60px;
width:900px;
}

/* sectionType01 > sectionType */
.sectionType{
position:relative;
margin:50px auto 60px;
width:450px;
min-height:278px;
padding-left:450px;
}

.sectionType h3{
float:left;
}

.sectionType table{
margin:15px 0 20px -2px;
width:450px;
}

.sectionType table th{
border-left:solid 2px #fff;
padding:0;
}

.sectionType table td{
padding:5px 0;
text-align:center;
font-size:85.7%;
color:#000;
}

.sectionType h4{
font-weight:normal;
}

.sectionType h4 img{
float:left;
margin-right:15px;
}

.sectionType .description{
margin-top:10px;
font-size:85.7%;
color:#666;
}

.sectionType .buttons{
margin:30px 0 0;
}

.sectionType .buttons li,
.sectionType .buttons a,
.sectionType .buttons img{
float:left;
}

.sectionType .buttons li{
margin-right:10px;
}

.sectionType .photos{
position:absolute;
left:0;
top:0;
width:397px;
height:278px;
}

.sectionType .tab{
position:absolute;
bottom:0;
}

.sectionType .tab li,
.sectionType .tab a,
.sectionType .tab img{
float:left;
}

.sectionType .bodyColor{
float:left;
margin:0 0 5px;
width:397px;
}

.sectionType .bodyColor img{
vertical-align:top;
}

.sectionType .bodyColor dt{
float:left;
width:85px;
}

.sectionType .bodyColor dd{
float:left;
}

.sectionType .bodyColor li{
position:relative;
float:left;
display:inline;
margin-left:2px;
padding-bottom:1px;
height:18px;
cursor:pointer;
}

.sectionType .bodyColor .selected{
border-bottom:2px solid #016ba2;
}

.sectionType .bodyColor .selected .name01{
position:absolute;
top:-22px;
left:-49px;
}

.sectionType .bodyColor .selected .name02{
position:absolute;
top:-22px;
left:-59px;
}

.sectionType .bodyColor .selected .name03{
position:absolute;
top:-22px;
left:-29px;
}

.sectionType .notice{
clear:both;
font-size:78.6%;
color:#666;
}

/* sectionType01_03 */
.sectionType01_03{
border:solid 1px #ccc;
padding:29px;
}

.sectionType01_03 h3{
margin-bottom:18px;
}

.sectionType01_03 .text{
float:right;
width:473px;
}

.sectionType01_03 .photo{
float:left;
margin:0;
}

.sectionType01_03 dt,
.sectionType01_03 dd{
float:left;
margin-top:18px;
}

/* sectionType02 */
.sectionType02{
margin:0 auto 60px;
width:900px;
}

.sectionType02 table{
margin:15px 0 5px;
width:100%;
}

.sectionType02 table th,
.sectionType02 table td{
border-bottom:solid 1px #fff;
border-left:solid 2px #fff;
padding:5px 10px;
text-align:center;
}

.sectionType02 table thead th{
background:#cfcfcf;
font-weight:normal;
}

.sectionType02 table tbody th,
.sectionType02 table tbody td{
background:url(../image/type_table_bg.png) no-repeat 0 0;
padding-top:20px;
padding-bottom:20px;
}

.sectionType02 table img{
margin-right:1px;
}

.sectionType02 .notice{
font-size:78.6%;
line-height:2;
color:#666;
}

.sectionType02 .notice .color{
text-align:right;
display:block;
margin:0 0 20px;
}

/* interior
-------------------------------------------------- */
/* sectionInterior01 */
.sectionInterior01{
margin-top:-4px;
padding-top:50px;
background:url(../image/interior_bg_01.png) repeat-x;
min-height:693px;
_height:693px;
}

.sectionInterior01 .inner{
margin:0 auto;
width:1096px;
min-height:600px;
background:url(../image/interior_bg_04.png) no-repeat 0 100%;
}

.sectionInterior01 .heading01{
margin-top:0;
}

.sectionInterior01 .view{
position:relative;
overflow:hidden;
margin:25px auto 0;
width:900px;
height:480px;
}

.sectionInterior01 .view ul{
width:9999em;
}

.sectionInterior01 .view h3{
float:left;
padding-right:30px;
font-size:128.6%;
font-weight:normal;
color:#fff;
}

.sectionInterior01 .text{
overflow:hidden;
font-size:85.7%;
line-height:1.8;
color:#fff;
}

.sectionInterior01 .text a,
.sectionInterior01 .text a:visited{
text-decoration:underline;
color:#fff;
}

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

.sectionInterior01 .description{
padding:20px 25px 0;
background:url(../image/interior_bg_02.png) no-repeat;
height:120px;
}

.sectionInterior01 .view ul li{
position:relative;
width:900px;
height:480px;
}

.sectionInterior01 .pointArea{
position:absolute;
border:2px solid #fff;
background-image:url(../image/interior_bg_03.png);
}

.sectionInterior01 .pointHidden{
position:absolute;
top:10px;
right:10px;
}

.sectionInterior01 .btn{
margin:0 auto;
width:900px;
}

.sectionInterior01 .nav{
float:left;
}

.sectionInterior01 .nav li{
float:left;
margin-right:13px;
}

.sectionInterior01 .otherView{
float:right;
margin-top:16px;
}

/* sectionInterior02 */
.sectionInterior02{
position:relative;
margin:45px auto 0;
padding-left:490px;
width:410px;
min-height:460px;
_height:460px;
background:url(../image/interior_photo_05.jpg) no-repeat;
}

.sectionInterior02 h3{
padding-top:6px;
}

.sectionInterior02 .btn{
margin-top:40px;
}

.sectionInterior02 .btn li{
margin-top:6px;
}

.sectionInterior02 .number .num1{
position:absolute;
top:120px;
left:344px;
}

.sectionInterior02 .number .num2{
position:absolute;
top:328px;
left:87px;
}

.sectionInterior02 .number .num3{
position:absolute;
top:246px;
left:259px;
}

.sectionInterior02 .number .num4{
position:absolute;
top:272px;
left:97px;
}

.sectionInterior02 .number .num5{
position:absolute;
top:323px;
left:384px;
}

/* sectionInterior03 */
.sectionInterior03{
margin-top:-15px;
background:url(../image/interior_bg_05.png) no-repeat 50% 54px;
}

.sectionInterior03 .inner{
margin:0 auto;
padding-left:25px;
width:900px;
min-height:365px;
_height:365px;
background:url(../image/interior_photo_06.jpg) no-repeat 100% 0;
}

.sectionInterior03 h3{
padding-top:77px;
}

.sectionInterior03 p{
margin-top:26px;
}

/* sectionInterior04 */
.sectionInterior04{
margin:66px auto 50px;
width:900px;
}

.sectionInterior04 .layout{
margin-bottom:20px;
}

.sectionInterior04 .movie{
float:right;
padding-left:70px;
width:151px;
text-align:center;
}

.sectionInterior04 .movie span{
display:block;
}

.sectionInterior04 .text{
overflow:hidden;
}

.sectionInterior04 .text p{
margin-top:20px;
}


/* modal
-------------------------------------------------- */
.modal{
margin:0 auto;
width:900px;
}

.modal .inner{
margin:0 auto;
padding:30px 30px 0;
width:682px;
background-color:#fff;
}

.modal .layout .image{
float:left;
padding-right:20px;
}

.modal .layout .text{
overflow:hidden;
}

.modal .layout .title{
font-size:171.4%;
line-height:1.2;
}

.modal .layout .description{
margin-top:10px;
font-size:114.2%;
color:#666;
}

.modal .closeBtn{
margin:30px -30px 0;
padding-top:8px;
min-height:31px;
_height:31px;
background:url(../image/modal_bg_01.png) no-repeat;
text-align:center;
}

.modal .nav .prev{
position:absolute;
top:152px;
left:0;
}

.modal .nav .next{
position:absolute;
top:152px;
right:0;
}


/* wallpaper
-------------------------------------------------- */

.sectionWallpaper{
width:888px;
margin:30px auto 60px;
background:#282828;
padding:6px;
}

.sectionWallpaper ul{
letter-spacing: -.40em;
}

.sectionWallpaper li{
display:inline-block;
*display:inline;
*zoom:1;
letter-spacing:normal;
background:#000000;
}

.sectionWallpaper ul.device{
border-left:1px solid #3c3c3c;
padding:10px 0;
text-align:center;
}

.sectionWallpaper ul.device li a{
color:#fff;
background:url(../image/icon_download_01.png) no-repeat left 0.3em;
padding: 0 0 0 10px;
margin:0 16px;
}



/* question
-------------------------------------------------- */

.sectionQuestion{
width:900px;
margin:30px auto 60px;
background:#f2f1f0 url(../image/question_bg_01.jpg) no-repeat 10px 10px;
border:1px solid #cdcdcd;
}

.sectionQuestion ul{
padding:9px 0 0 480px;
letter-spacing: -.40em;
}

.sectionQuestion ul li{
display:inline-block;
*display:inline;
*zoom:1;
margin:0 9px 9px 0;
}



/* thankyou
-------------------------------------------------- */

.sectionThanks01{
width:900px;
margin:30px auto 0;
}

.sectionThanks01 ul{
background:#f2f1f0;
border:1px solid #cdcdcd;
letter-spacing: -.40em;
padding:10px 0 0 10px;
margin:15px 0 0 ;
}


.sectionThanks01 ul li{
display:inline-block;
*display:inline;
*zoom:1;
margin:0 9px 9px 0;
}

.sectionThanks02{
width:900px;
margin:30px auto 60px;
text-align:center;
}