@charset "shift_jis";
/* common setting for Daihatsu Website(Japanese) */

/* initialize and redefinition */
*{margin:0; padding:0;border:0;}
body{text-align:center; background:#ffffff; color:#515151;}

/* 3 Column */
/*
#dk_3column_left-area{width:190px; float:left;}
#dk_3column_right-area{width:790px; float:right;}
#dk_3column_main-area{width:790px; float:right;}
#dk_3column_relatedlink-area{width:790px; float:right;}

#dk_main-area {width:580px; float:left;}
#dk_main {width:580px; margin:0 0 0 20px;}
*/

/* relatedlink */
/*
#dk_3column_relatedlink-area {width:170px; float:right;}
#dk_3column_relatedlink {width:170px; padding-bottom:20px;}
*/



#lineup_cmn_3column_left-area{width:190px; float:left;}
#lineup_cmn_3column_right-area{width:790px; float:right;}
#lineup_cmn_3column_main-area{width:790px; float:right;}
#lineup_cmn_3column_relatedlink-area{width:790px; float:right;}

#lineup_cmn_main-area {width:580px; float:left;}
#lineup_cmn_main {width:580px; margin:0 0 0 20px;}

#lineup_cmn_3column_relatedlink-area {width:170px; float:right;}
#lineup_cmn_3column_relatedlink {width:170px; padding-bottom:20px;}


/* flash 980 */
#flash_980 { margin-bottom: 15px; }
#flash_580 { margin-bottom: 15px; }

/* localnavi */
#lineup_cmn_navi {width:190px; margin: 0 0 10px 0;}
#lineup_cmn_navi .navi_tit{ height: 56px; overflow:hidden; background:url(../img/cmn_navibg_001.gif) repeat-y; }
#lineup_cmn_navi .navi_mimg{ height: 88px; overflow:hidden; background:url(../img/cmn_navibg_001.gif) repeat-y; text-align:center; }
#lineup_cmn_navi ul { list-style-type:none; background:url(../img/cmn_navibg_001.gif) repeat-y; text-align:center; }
#lineup_cmn_navi .minfo { margin-bottom: 6px; }
#lineup_cmn_navi li { text-indent:-9999px; }

#lineup_cmn_navi a.i01 { width: 190px; display: block; height: 26px; overflow:hidden; background:url(../img/cmn_navi_001.gif);}
#lineup_cmn_navi a.i02 { width: 190px; display: block; height: 26px; overflow:hidden; background:url(../img/cmn_navi_002.gif);}
#lineup_cmn_navi a.i03 { width: 190px; display: block; height: 26px; overflow:hidden; background:url(../img/cmn_navi_003.gif);}
#lineup_cmn_navi a.i04 { width: 190px; display: block; height: 26px; overflow:hidden; background:url(../img/cmn_navi_004.gif);}
#lineup_cmn_navi a.i05 { width: 190px; display: block; height: 26px; overflow:hidden; background:url(../img/cmn_navi_005.gif);}
#lineup_cmn_navi a.i06 { width: 190px; display: block; height: 26px; overflow:hidden; background:url(../img/cmn_navi_006.gif);}
#lineup_cmn_navi a.i07 { width: 190px; display: block; height: 26px; overflow:hidden; background:url(../img/cmn_navi_007.gif);}
#lineup_cmn_navi a.i08 { width: 190px; display: block; height: 26px; overflow:hidden; background:url(../img/cmn_navi_008.gif);}
/* ローカルナビ9〜11の背景画像は各車種のフォルダのCSSで設定 */
/* background image of items 09 to 11 of local navigation shall be configured by local css file located at each model's directory (lineup_local.css) */
#lineup_cmn_navi a.i09 { width: 190px; display: block; height: 26px; overflow:hidden;}
#lineup_cmn_navi a.i10 { width: 190px; display: block; height: 26px; overflow:hidden;}
#lineup_cmn_navi a.i11 { width: 190px; display: block; height: 31px; overflow:hidden;}

#lineup_cmn_navi a.i01on { width: 190px; display: block; height: 26px; overflow:hidden; background:url(../img/cmn_navi_001so.gif);}
#lineup_cmn_navi a.i02on { width: 190px; display: block; height: 26px; overflow:hidden; background:url(../img/cmn_navi_002so.gif);}
#lineup_cmn_navi a.i03on { width: 190px; display: block; height: 26px; overflow:hidden; background:url(../img/cmn_navi_003so.gif);}
#lineup_cmn_navi a.i04on { width: 190px; display: block; height: 26px; overflow:hidden; background:url(../img/cmn_navi_004so.gif);}
#lineup_cmn_navi a.i05on { width: 190px; display: block; height: 26px; overflow:hidden; background:url(../img/cmn_navi_005so.gif);}
#lineup_cmn_navi a.i06on { width: 190px; display: block; height: 26px; overflow:hidden; background:url(../img/cmn_navi_006so.gif);}
#lineup_cmn_navi a.i07on { width: 190px; display: block; height: 26px; overflow:hidden; background:url(../img/cmn_navi_007so.gif);}
#lineup_cmn_navi a.i08on { width: 190px; display: block; height: 26px; overflow:hidden; background:url(../img/cmn_navi_008so.gif);}
/* ローカルナビ9〜11の背景画像は各車種のフォルダのCSSで設定 */
/* background image of items 09 to 11 of local navigation shall be configured by local css file located at each model's directory (lineup_local.css) */
#lineup_cmn_navi a.i09on { width: 190px; display: block; height: 26px; overflow:hidden;}
#lineup_cmn_navi a.i10on { width: 190px; display: block; height: 26px; overflow:hidden;}
#lineup_cmn_navi a.i11on { width: 190px; display: block; height: 31px; overflow:hidden;}

#lineup_cmn_navi a.i01:hover { background:url(../img/cmn_navi_001so.gif);}
#lineup_cmn_navi a.i02:hover { background:url(../img/cmn_navi_002so.gif);}
#lineup_cmn_navi a.i03:hover { background:url(../img/cmn_navi_003so.gif);}
#lineup_cmn_navi a.i04:hover { background:url(../img/cmn_navi_004so.gif);}
#lineup_cmn_navi a.i05:hover { background:url(../img/cmn_navi_005so.gif);}
#lineup_cmn_navi a.i06:hover { background:url(../img/cmn_navi_006so.gif);}
#lineup_cmn_navi a.i07:hover { background:url(../img/cmn_navi_007so.gif);}
#lineup_cmn_navi a.i08:hover { background:url(../img/cmn_navi_008so.gif);}
/* ローカルナビ8〜11の背景画像の切り替えは各車種のフォルダのCSSで設定 */
/* background image of items 09 to 11 of local navigation shall be configured by local css file located at each model's directory (lineup_local.css) */


/* purchase support */
#lineup_cmn_psup {width:170px; padding 0; margin: 0 0 10px 0;}
#lineup_cmn_psup img {vertical-align: bottom;}
#lineup_cmn_psup .box_tit{ height: 37px; background:url(../img/cmn_psupbg_001.gif) repeat-y; }
#lineup_cmn_psup ul { list-style-type:none; background:url(../img/cmn_psupbg_001.gif) repeat-y; }
#lineup_cmn_psup li { text-indent:-9999px; }

#lineup_cmn_psup a.i01 { width: 170px; display: block; height: 26px; overflow:hidden; background:url(../img/cmn_psup_001.gif);}
#lineup_cmn_psup a.i02 { width: 170px; display: block; height: 26px; overflow:hidden; background:url(../img/cmn_psup_002.gif);}
#lineup_cmn_psup a.i03 { width: 170px; display: block; height: 26px; overflow:hidden; background:url(../img/cmn_psup_003.gif);}
#lineup_cmn_psup a.i04 { width: 170px; display: block; height: 26px; overflow:hidden; background:url(../img/cmn_psup_004.gif);}
#lineup_cmn_psup a.i05 { width: 170px; display: block; height: 30px; overflow:hidden; background:url(../img/cmn_psup_005.gif);}

#lineup_cmn_psup a.i01:hover { width: 170px; background:url(../img/cmn_psup_001o.gif);}
#lineup_cmn_psup a.i02:hover { width: 170px; background:url(../img/cmn_psup_002o.gif);}
#lineup_cmn_psup a.i03:hover { width: 170px; background:url(../img/cmn_psup_003o.gif);}
#lineup_cmn_psup a.i04:hover { width: 170px; background:url(../img/cmn_psup_004o.gif);}
#lineup_cmn_psup a.i05:hover { width: 170px; background:url(../img/cmn_psup_005o.gif);}


/* banner area */
#lineup_cmn_bnr { width:170px;}
#lineup_cmn_bnr img {border: 0; margin: 0 0 7px 0;}
#lineup_cmn_bnr img.bnr_last {border: 0; margin: 0 0 20px 0;}

/* link tanto series */
#lineup_cmn_tantoseries { width: 170px; margin-bottom: 20px; background:url(../img/cmn_dline_170.gif) no-repeat;
}
#lineup_cmn_tantoseries ul { width: 170px; list-style-type: none; }
#lineup_cmn_tantoseries li { overflow:hidden; width: 85px; float:left; text-indent:-9999px;
}
#lineup_cmn_tantoseries img.margin_h { margin: 10px 0 0 0; }

/* タントシリーズのリンク画像は各車種のフォルダのCSSで設定 */
/* Link images of TANTO series shall be configured by local css file located at each model's directory (cmn_tanto.css) */
#lineup_cmn_tantoseries a.i01 { width: 85px; height: 60px; display: block;}
#lineup_cmn_tantoseries a.i02 { width: 85px; height: 60px; display: block;}
#lineup_cmn_tantoseries a.i03 { width: 85px; height: 60px; display: block;}
#lineup_cmn_tantoseries a.i04 { width: 85px; height: 60px; display: block;}
#lineup_cmn_tantoseries a.i05 { width: 85px; height: 60px; display: block;}
#lineup_cmn_tantoseries a.i06 { width: 85px; height: 60px; display: block;}




/* lineup_main */
#lineup_main { width:580px; margin:0 0 30px 20px;}
#lineup_main h1 { width: 580px; height: 22px; margin: 0 0 10px 0; display: block; overflow:hidden; text-indent:-9999px; }
#lineup_main h2 { width: 580px; height: 37px; margin: 0 0 20px 0; text-indent: -9999px;}
#lineup_main h3 { margin: 0 0 12px 0; }
#lineup_main h4 { font-size: 115%; font-weight: bold; margin-bottom: 12px;}
#lineup_main .b { font-weight: bold; }

#lineup_main #contents_area { width: 570px; margin-left: 10px; }
#lineup_main #contents_area .textarea_w_mgb20 { margin-bottom: 20px; padding-right: 20px; }
#lineup_main #contents_area .textarea_w_mgb12 { margin-bottom: 10px; padding-right: 20px; }


/* layout type image width 185 */
#layout_type_img185 { width: 570px; padding: 20px 0; background:url(../img/cmn_dline_570.gif) top no-repeat; }
#layout_type_img185 .imagearea_l { width: 185px; float: left; margin-right: 15px; }
#layout_type_img185 .textarea_r { width: 355px; float: left;  padding: 0; }
#layout_type_img185 .textarea_l { width: 370px; float: right; padding: 0; }
#layout_type_img185 .imagearea_r { width: 185px; float: right; margin-left: 15px; }
#layout_type_img185 img.notes { margin-bottom: 10px;}
#layout_type_img185 .bm40 { margin-bottom: 40px;}

/* layout type image width 185 w/o bg */
#layout_type_img185_nbg { width: 570px; padding: 10px 0 20px 0; }
#layout_type_img185_nbg .imagearea_l { width: 185px; float: left; margin-right: 15px; }
#layout_type_img185_nbg .textarea_r { width: 355px; float: left;  padding: 0; }
#layout_type_img185_nbg .textarea_l { width: 370px; float: right; padding: 0; }
#layout_type_img185_nbg .imagearea_r { width: 185px; float: right; margin-left: 15px; }
#layout_type_img185_nbg img.notes { margin-bottom: 10px;}
#layout_type_img185_nbg .bm40 { margin-bottom: 40px;}

/* layout type image width 250 */
#layout_type_img250 { width: 570px; padding: 0; }
#layout_type_img250 .imagearea_l { width: 250px; float: left; margin-right: 15px; }
#layout_type_img250 .textarea_r { width: 290px; float: left; padding: 0; }
#layout_type_img250 .textarea_l { width: 305px; float: right; padding: 0; }
#layout_type_img250 .imagearea_r { width: 250px; float: right; margin-left: 15px; }
#layout_type_img250 img.notes { margin-bottom: 10px;}
#layout_type_img250 .bm40 { margin-bottom: 40px;}

/* layout type image width 270 w/o bg */
#layout_type_img270_nbg { width: 570px; padding: 10px 0 20px 0; }
#layout_type_img270_nbg .imagearea_l { width: 270px; float: left; margin-right: 15px; }
#layout_type_img270_nbg .textarea_r { width: 270px; float: left;  padding: 0; }
#layout_type_img270_nbg .textarea_l { width: 285px; float: right; padding: 0; }
#layout_type_img270_nbg .imagearea_r { width: 270px; float: right; margin-left: 15px; }
#layout_type_img270_nbg img.notes { margin-bottom: 10px;}
#layout_type_img270_nbg .bm40 { margin-bottom: 40px;}

/* layout type image width 270 */
#layout_type_img270 { width: 570px; padding: 20px 0; background:url(../img/cmn_dline_570.gif) top no-repeat; }
#layout_type_img270 .imagearea_l { width: 270px; float: left; margin-right: 15px; }
#layout_type_img270 .textarea_r { width: 270px; float: left;  padding: 0; }
#layout_type_img270 .textarea_l { width: 285px; float: right; padding: 0; }
#layout_type_img270 .imagearea_r { width: 270px; float: right; margin-left: 15px; }
#layout_type_img270 img.notes { margin-bottom: 10px;}
#layout_type_img270 .bm40 { margin-bottom: 40px;}

/* layout type image width 300 w/o bg */
#layout_type_img300_nbg { width: 570px; padding: 10px 0 20px 0; }
#layout_type_img300_nbg .imagearea_l { width: 300px; float: left; margin-right: 15px; }
#layout_type_img300_nbg .textarea_r { width: 240px; float: left;  padding: 0; }
#layout_type_img300_nbg .textarea_l { width: 255px; float: right; padding: 0; }
#layout_type_img300_nbg .imagearea_r { width: 300px; float: right; margin-left: 15px; }
#layout_type_img300_nbg img.notes { margin-bottom: 10px;}
#layout_type_img300_nbg .bm40 { margin-bottom: 40px;}

/* layout type image width 300 */
#layout_type_img300 { width: 570px; padding: 20px 0; background:url(../img/cmn_dline_570.gif) top no-repeat; }
#layout_type_img300 .imagearea_l { width: 300px; float: left; margin-right: 15px; }
#layout_type_img300 .textarea_r { width: 240px; float: left;  padding: 0; }
#layout_type_img300 .textarea_l { width: 255px; float: right; padding: 0; }
#layout_type_img300 .imagearea_r { width: 300px; float: right; margin-left: 15px; }
#layout_type_img300 img.notes { margin-bottom: 10px;}
#layout_type_img300 .bm40 { margin-bottom: 40px;}

/* layout type image width 570 w/o bg */
#layout_type_img570_nbg { width: 570px; padding: 0 0 20px 0; }
#layout_type_img570_nbg .textarea { width: 550px; margin: 0 20px 0 0; padding: 0; }
#layout_type_img570_nbg .img_area { float: left; }
#layout_type_img570_nbg .img_area_mr { float: left; margin: 0 5px 0 0; }
#layout_type_img570_nbg p { margin-bottom: 10px; }

/* layout type image width 570 */
#layout_type_img570 { width: 570px; padding: 20px 0; background:url(../img/cmn_dline_570.gif) top no-repeat; }
#layout_type_img570 .textarea { width: 550px; margin: 0 20px 0 0; padding: 0; }
#layout_type_img570 .img_area { float: left; }
#layout_type_img570 .img_area_mr { float: left; margin: 0 5px 0 0; }
#layout_type_img570 p { margin-bottom: 10px; }

/* caution red_box */
#caution_r { color: #FF3300; margin-bottom: 20px; background:url(../img/cmn_explanation_001.gif) 0 5px no-repeat; }
#caution_r p { margin-left: 45px; }


/* caution normal */
#caution { width: 570px; margin-bottom: 20px;}

/* caution text color */
.r { color: #FF0000; }
.o { color: #FF3300; }

/* related link */
#related_link { width: 170px;}
#related_link .tit { height: 32px; display: block; overflow:hidden; text-indent: -9999px; background:url(../img/cmn_relatedlinktit_001.gif) no-repeat;}
#related_link #body { padding: 15px 15px 15px 15px; background:url(../img/cmn_dline_170.gif) bottom no-repeat;}
#related_link ul { list-style: none; list-style-position: outside; }
#related_link li { text-indent: 12px; background:url(../img/cmn_arrow_001.gif) 0 7px no-repeat;}
#related_link .dline { height: 32px; display: block; overflow:hidden; text-indent: -9999px; background:url(../img/cmn_relatedlinktit_001.gif) no-repeat;}

/* pagetop button */
#lineup_cmn_pgtop { width: 580px; height: 16px; margin: 10px 0 50px 0;}
#lineup_cmn_pgtop p{ width: 100px; float: right; display: block; text-indent: -9999px; }
#lineup_cmn_pgtop a { width: 100px; height: 16px; display: block; overflow:hidden; background:url(../img/cmn_pagetop_001.gif) 20px 0 no-repeat; }
#lineup_cmn_pgtop a:hover { width: 100px; background:url(../img/cmn_pagetop_001o.gif) 20px 0 no-repeat; }