@charset "UTF-8";

/* ------------------------------
detail_image
------------------------------ */
html   { overflow-y:scroll; }
sup    { font-size:85%; }
sub    { font-size:85%; }
a:hover{ text-decoration:none; }
div.centering { visibility:hidden; }

/*HeaderBar*/
div.header_bar  { width:100%; height:26px; background-image:url("../../../common/images/yearscale_background_1.png"); background-repeat:repeat-x; }
p.classification{ font-size:85%; text-align:left; margin:3px 0 0 20px !important;margin:3px 0 0 10px; padding-top:2px; color:#ffffff; float:left; }
p.country       { font-size:85%; text-align:left; margin:3px 0px 0 10px; padding-top:2px; color:#ffffff; float:left; }
p.makers        { font-size:85%; text-align:left; margin:3px 0px 0 5px; padding-top:2px; color:#ffffff; float:left; }
p.catalogid     { font-size:85%; text-align:left; margin:3px 10px 0 0px; padding-top:2px; color:#ffffff; float:right; }

/*header_contents*/
div.h_contents        { width:980px; height:58px; position: relative; margin: 0; padding: 0; }
div.generation_season { font-size:85%; text-align:center; color:#ffffff; padding-top:1px;width:175px; height:16px; margin:14px 0 0 20px !important;margin:14px 0 0 10px; float:left; background-image:url("../images/number_car_bg.png"); background-repeat:repeat-x; float:left; }
div.generation        { font-size:85%; text-align:center; color:#ffffff; padding-top:1px; width:150px; height:16px; margin:14px 0 0 20px !important;margin:14px 0 0 10px; float:left; background-image:url("../images/number_car_bg.png"); background-repeat:repeat-x; }
div.car_name          { width:68%; height:60px; background-image:url("../images/car_title_bg.png"); background-repeat:repeat-x; float:left; clear:both; }
p.car_name         { font-size:167%; font-weight:bold; position:absolute; top:15px; left:210px; }
p.carname_long     { font-size:160%; font-weight:bold; position:absolute; top:15px; left:210px; }
p.car_releasedate  { font-size:85%; text-align:center; position:absolute; top:35px; left:20px }

div.bodytype       { width:32%; height:60px; float:left; background-image:url("../images/bodytype_bk.png"); background-repeat:repeat-x; position: relative; margin-right: -3px; }
div.img_bodytype   { text-align:left; padding:2px 0 0 12px; *padding:8px 0 0 12px; }
p.bodytype         { font-weight:bold; font-size:131%;  *font-size:125%; padding:0 0 0 12px; *padding:10px 0 0 12px; float:left; }
p.bodytype_short   { font-size:85%; float:left; padding:4px 0 0 5px; *padding:15px 0 0 5px;vertical-align:bottom; }


/*main_contents*/
div.main_contents  { width:100%; height:100%; min-height: 100%; background-color:#efefef; position:relative;  }
* html div.contents{ height:100%; }  /*IE6用　*/

/*Generation List*/
div.century        { width:16%; height:100%; position: relative; float:left;  }
div.haikei         { width:114px; background-color:#d9d9d9; position:absolute; top:20px; left:20px; right:20px; bottom:50px;  }
* html div.haikei  { height:91%; }
#up_btn            { cursor:pointer; } /*DD_belatedPNG   detail.js*/
#down_btn          { cursor:pointer; } /*DD_belatedPNG   detail.js*/
img.up             { position:absolute; top:8px; left:40px;  }
img.down           { position:absolute; bottom:8px; left:40px; }

#gene_list         { width:100px; }
#gene_list li      { width:100%; height:96px; vertical-align:bottom; position: relative; }

a.generation_top   { cursor: pointer; display:block; position:absolute; top:0; left:0; }
a.generation_bottom{ cursor: pointer; display:block; position:absolute; top:16px; left:0; width:100%; height:80px; vertical-align:bottom; background-image:url("../images/lineage_thumb_bk.png"); background-repeat:repeat-x; }

div.gene_bar { font-size:77%; color:#ffffff; text-align:center; width:100px; height:16px; background-image:url("../images/number_car_bg.png"); background-repeat:repeat-x; }
/*div.gene_thumb  { width:100px; height:80px; vertical-align:bottom; background-image:url("../images/lineage_thumb_bk.png"); background-repeat:repeat-x;}*/
img.gene_car    { vertical-align:bottom; }
img.selectmask_off { position:absolute; top:0px; left:0px; display:none; }
img.selectmask_on  { position:absolute; top:0px; left:0px; }
div.overflowline   { width:100px; position: absolute; top:38px; bottom:38px; left:5px; overflow:hidden; *height:89%; }

/*main_panel*/
div.panel     { float:left; margin-top:20px; position: relative;  }
img.pic_main  { border:solid 1px #b5b5b5; vertical-align:bottom; background-color:#ffffff; }

div.shadow    {float:left;  }
div.frame     {position:relative;display:block; *display: inline; 
               -moz-box-shadow:#666 1px 3px 5px;
               -webkit-box-shadow:#666 1px 3px 5px;
               box-shadow:#666 1px 3px 5px;
               behavior:url(../common/inc/PIE.htc);
}

img.mask_t { position:absolute; top:0px; left:0px;}
img.mask_b { position:absolute; bottom:0px; left:0px;}

/*thmubnail image*/
ul.car_thmubnail     { margin:20px 0 0 30px; position: relative; float:left; height:322px; }
li.thmubnail1        { position:absolute; top:0px; left:0px;}
li.thmubnail2        { position:absolute; bottom:0px; left:0px;}

/*car_detail*/
div.information  { width:74%; float:left; position: relative; margin:30px 0px 60px 0px; }
#spec_tab        { width:724px; height:27px; list-style:none; cursor:pointer; }
#spec_tab li     { width:181px; float:left; }

div.tab_area     { width:722px; height:100%; position:absolute; top:27px; left:0px; border-right:solid 1px #c1bdbd; border-left:solid 1px #c1bdbd; border-bottom:solid 1px #c1bdbd; background-color:#ffffff; overFlow:hidden; }
#spec_area       { width:2880px; position:absolute; top:20px; left:20px; }
#spec_area div.table { width:715px; position: relative; top:0; left:0; float:left; text-align:left; }
#spec_area div.text  { width:682px; position: relative; top:0; left:0; float:left; font-size:100%; line-height:21px; text-align:left; }

/*sepc_table*/
table.spec{ width:680px; height:100%; font-size:85%; margin:0; padding:0; background-color:#c1bdbd; border:solid 1px #b2b2b2; }
table.t_seisanhanbai{ font-size:85%; width:682px; height:100%; padding:0; background-color:#c1bdbd; border:solid 1px #b2b2b2;}

/*th*/
th       { font-style:normal; font-weight:normal; padding-left:5px; text-align:left; background-color:#e8e8e8; }
th.th1_w { width:75px; table-layout:fixed; }
th.th2_w { width:150px; table-layout:fixed; }
th.th3_w { width:150px; table-layout:fixed; }
th.th_cartype { padding:6px 10px 6px 10px; }
th.text_center{ text-align:center; }

th.th_t0x00r  { border-top:solid 1px #000000; border-right:solid 1px #b2b2b2;}
th.th_t0x00rb { border-top:solid 1px #000000; border-right:solid 1px #b2b2b2; border-bottom:solid 1px #b2b2b2; }
th.th_tr      { border-top:solid 1px #b2b2b2; border-right:solid 1px #b2b2b2;}
th.th_r       { border-right:solid 1px #b2b2b2;}
th.th_rb      { border-right:solid 1px #b2b2b2; border-bottom:solid 1px #b2b2b2;}
th.th_rb0x00  { border-right:solid 1px #b2b2b2; border-bottom:solid 1px #000000;}
th,th_spec    { padding-top:5px; padding-left:5px; }


/*td*/
td.td1_w { width:470px; table-layout:fixed; }
td.td2_w { width:235px; table-layout:fixed; }
td.td3_w { width:150px; table-layout:fixed; }
html>/**/body td.td1_w { width:400px; table-layout:fixed;}
html>/**/body td.td2_w { width:200px; table-layout:fixed;}
html>/**/body td.td3_w { width:133px; table-layout:fixed;}
* html td.td1_w { width:430px; table-layout:fixed; }
* html td.td2_w { width:215px; table-layout:fixed; }
* html td.td3_w { width:143px; table-layout:fixed; }
td.td_colortext{ background-color:#ffffff; text-align:center; }

td.td_tr       { border-top:solid 1px #b2b2b2; border-right:solid 1px #b2b2b2; }
td.td_t0x00rb  { border-top:solid 1px #000000; border-right:solid 1px #b2b2b2; border-bottom:solid 1px #b2b2b2; }
td.td_t0x00b   { border-top:solid 1px #000000; border-bottom:solid 1px #b2b2b2; }
td.td_r        { border-right:solid 1px #b2b2b2;  }
td.td_rb       { border-right:solid 1px #b2b2b2; border-bottom:solid 1px #b2b2b2; }
td.td_rb0x00   { border-right:solid 1px #b2b2b2; border-bottom:solid 1px #000000; }
td.td_b        { border-bottom:solid 1px #b2b2b2; }
td.td_b0x00    { border-bottom:solid 1px #000000; }

table.specinfo        { width:680px; table-layout: fixed; }
td.specindex          { font-size:85%; width:20px; vertical-align:top; }
td.specdate           { font-size:85%; width:660px; word-wrap:break-word; }

/*ul.SpecMessage{ width:680px; border:solid 1px #ff0000; }
li.SpecMessage1 { font-size:85%; margin-top:10px; }
li.SpecMessage2 { font-size:85%; margin-top:0px; }
li.SpecMessage3 { font-size:85%; margin-top:0px; white-space : normal ;  }*/

/*tr*/
table.t_prosales{ font-size:85%; width:682px; height:100%; padding:0; background-color:#c1bdbd; border:solid 1px #b2b2b2;}
tr.tr_prosale{ height:40px; }

/*button*/
div.button{ width:2%; float:left; margin:30px 0 0 18px !important;margin:20px 0 0 10px; }
#img_news { padding:10px 0 0 0; }
#img_movie{ padding:10px 0 0 0; }

/*caution*/
div.cautionmessage  { width:980px; text-align: left; position: relative; float:left; background-color:#efefef; }
div.cautionmessage p{ font-size:70%; position:absolute; left: 20px; bottom:0px; }

div.footer {
    position: relative;
    width: 100%;
    height: 20px;
    min-width: 980px;
    background-color: #545454;
    background-image: url('../../../common/images/footer_bg.png');
    background-repeat: repeat-x;
    background-position: bottom;
    overflow: hidden;
}

div.footer a.remark {
    margin-left: 17px;
    padding-left: 12px;
    vertical-align: middle;
    font-size: 8pt;
    white-space: nowrap;
    color: white;
    text-decoration: none;
    background-image: url('../../../common/images/right_arrow.png');
    background-repeat: no-repeat;
    background-position: left center;
}

div.footer a.remark2 {
    margin-left: 17px;
    padding-left: 12px;
    vertical-align: middle;
    font-size: 8pt;
    white-space: nowrap;
    color: white;
    text-decoration: none;
    background-image: url('../../../common/images/right_arrow.png');
    background-repeat: no-repeat;
    background-position: left center;
}