@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
 *
 */
#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;
}


/**
 * Relatedlink
 *
 */
#lineup_cmn_3column_relatedlink-area {
	width:170px;
	float:right;
}

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


/**
 * Main Area
 *
 */
#lineup_cmn_main-area {
	width:600px;
	float:left;
}

#lineup_main {
	width:580px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 20px;
	padding-bottom: 10px;
}

#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 h3 img {
	margin-bottom: 0;
}

#lineup_main h4 {
	font-size: 115%;
	font-weight: bold;
	margin-bottom: 12px;
}

#lineup_main p {
	padding-bottom: 1.43em;
}

#lineup_main img {
	margin-bottom: 1.43em;
}

#lineup_main .pb0 {
	padding-bottom: 0;
}

#lineup_main .pb36 {
	padding-bottom: 0.36em;
}

#lineup_main .pb72 {
	padding-bottom: 0.72em;
}

#lineup_main .pb143 {
	padding-bottom: 1.43em;
}

#lineup_main .mb0 {
	margin-bottom: 0;
}

#lineup_main .mb36 {
	margin-bottom: 0.36em;
}

#lineup_main .mb72 {
	margin-bottom: 0.72em;
}

#lineup_main .mb143 {
	margin-bottom: 1.43em;
}

#lineup_main .b {
	font-weight: bold;
}

#lineup_main .contents_area {
	width: 570px;
	margin-left: 10px;
}

#lineup_main .padder {
	padding-top: 20px;
	background:url(../img/cmn_dline_570.gif) top no-repeat;
}


/**
 * Full Layout
 *
 */
.col_full
{
	margin-bottom: 15px;
}


/**
 * Wide Layout
 *
 */
#lineup_main .col_wide
{
}

#lineup_main .col_wide p
{
	padding-right: 15px;
}

#lineup_main .col_wide .round_box {
	width: 570px;
}


/**
 * Box Layout
 *
 */
#lineup_main .col_box { 
	width: 285px;
	float: left;
	margin: 0 10px 10px 0;
	text-align: center;
	background:url(../img/cmn_lin_boxbg_001.gif) repeat-y;
}

#lineup_main .col_box_right {
	margin-right: 0;
}

#lineup_main .col_box_wide {
	border: 1px #D1D1D1 solid;
	margin-bottom: 1em;
	background-color: #F0F0F0;
	text-align:center
}

#lineup_main .col_box h2 {
	width: 285px;
	height: 34px;
	margin: 0;
	display: block;
	overflow:hidden;
	text-indent:-9999px;
}

#lineup_main .col_box_wide h2 {
	border-bottom: 1px #D1D1D1 solid;
	height: 40px;
	margin: 0;
	display: block;
	overflow:hidden;
	text-indent:-9999px;
	width:578px;
}

#lineup_main .col_box h2 a { 
	width: 285px;
	height: 34px;
	display: block;
}

#lineup_main .col_box p {
	width: 285px;
	margin: 0;
	display: block;
	overflow:hidden;
}

#lineup_main .col_box img {
	padding-bottom: 0;
}


/**
 * Two Column Layout
 *
 */
#lineup_main .col_2 {
	float: left;
	margin-right: 15px;
}

#lineup_main .col_2_right {
	float: right;
	margin-right: 0;
}

#lineup_main .col_2 h4, #lineup_main .col_2 p, #lineup_main .col_2 .round_box {
	width: 270px;
}

#lineup_main .col_2_right h4, #lineup_main .col_2_right p {
	width: 270px;
	margin-right: 15px;
}

#lineup_main .col_2_right .round_box {
	width: 285px;
}


/**
 * Three Column Layout
 *
 */
#lineup_main .col_3 {
	float: left;
	margin-right: 15px;
}

#lineup_main .col_3_right {
	float: right;
	margin-right: 0;
}

#lineup_main .col_3 h4, #lineup_main .col_3 p, #lineup_main .col_3 .round_box {
	width: 160px;
}

#lineup_main .col_3 h4.x2, #lineup_main .col_3 p.x2, #lineup_main .col_3 .round_box_x2 {
	width: 365px;
}

#lineup_main .col_3_right h4, #lineup_main .col_3_right p, #lineup_main .col_3_right .round_box {
	width: 160px;
	margin-right: 15px;
}

#lineup_main .col_3_right h4.x2, #lineup_main .col_3_right p.x2 {
	width: 365px;
	margin-right: 15px;
}

#lineup_main .col_3-img {
	float: left;
	margin-right: 6px;
}


#lineup_main .col_3_right-img {
	float: right;
	margin-right: 0;
}

#lineup_main .col_3_right-img p , #lineup_main .col_3_right-img .round_box {
	width: 186px;
	margin-right: 0px;
}



/*
 * Option Column
 *
 */
#lineup_main .col_option {
	width: 570px;
	margin: 0 0 20px 0;
	border: none;
	background:url(../img/cmn_boxarea570bg_001.gif) repeat-y;
}

#lineup_main .col_option_wide {
	width: 580px;
	background:url(../img/cmn_boxarea580bg_001.gif) repeat-y;
}

#lineup_main .col_option h4 {
	font-size: 1em;
	margin-bottom:0.29em;
}

#lineup_main .col_option p {
	margin-left: 15px;
}

#lineup_main .col_option .title {
	display: block;
	overflow: hidden;
	text-indent:-9999px;
}

#lineup_main .col_option .title_wide {
	width: 580px;
}

#lineup_main .col_option .title a {
	width: 570px;
	height: 39px;
	display: block;
	margin-bottom:0.72em;
}

#lineup_main .col_option .title a.wide {
	width: 580px;
}

#lineup_main .col_option dl {
}

#lineup_main .col_option dl p {
	margin-left: 0;
	padding-bottom: 0.72em;
}

#lineup_main .col_option dl dt {
	clear: both;
	float: left;
}

#lineup_main .col_option dl dt {
	padding-right: 16px;
	padding-top: 15px;
	margin-left: 16px !important;
	margin-left: 8px;
	border-top: 1px solid #d0d0d0;
}

#lineup_main .col_option_wide dl dt {
	padding-left: 12px;
	padding-right: 13px;
	padding-top: 12px;
	margin-left: 0 !important;
	border: none;
	background:url(../img/cmn_boxarea580dline_001.gif) top no-repeat;
}

#lineup_main .col_option dl dt.nb, #lineup_main .col_option_wide dl dt.nb {
	padding-top: 0;
	background:none;
	border:none;
}

#lineup_main .col_option dl dt.hidden {
	display:none;
}

#lineup_main .col_option dt img {
	margin-bottom: 0;
}

#lineup_main .col_option dl dd {
	padding-top: 15px;
	margin-right: 15px;
	margin-left: 190px;
	min-height:140px;
	height: auto !important;
	height: 140px;
	border-top: 1px solid #d0d0d0;
}

#lineup_main .col_option_wide dl dd {
	padding-right: 15px;
	margin-right: 0;
	border:none;
	background:url(../img/cmn_boxarea580dline_001.gif) top no-repeat;
}

#lineup_main .col_option dl dd.nb, #lineup_main .col_option_wide dl dd.nb {
	padding-top: 0;
	border:none;
	background:none;
}


#lineup_main .col_option dl dd.autoh {
	min-height:0;
	height: auto;
}

#lineup_main .col_option dl dd.wide {
	margin-left: 16px;
}

#lineup_main .col_option dl dd.iconbox {
	margin-left: 8px;
	padding-right: 8px;
	min-height: 0;
	height: auto;
}

#lineup_main .col_option_wide dl dd {
	padding-top: 12px;
	margin-left: 105px;
	min-height:77px;
	height: auto !important;
	height: 77px;
}

#lineup_main .col_option dl dd a {
	text-indent: 12px;
	background:url(../img/cmn_arrow_001.gif) 0 7px no-repeat;
	font-weight: bold;
	display: block;
}

#lineup_main .col_option .col_option_wide dl dd.nb, #lineup_main .col_option_wide dl dd.nb {
	background:none;
}

#lineup_main .col_option .bottom {
	height:2px
}

#lineup_main .col_option ul {
	list-style:none;
	padding-bottom: 0.72em;
}

#lineup_main .col_option_wide ul {
	width: 455px;
}

#lineup_main .col_option li.equip_index {
	float: left;
	background-color: #d0d0d0;
	margin-top: 2px;
	margin-right: 2px;
}

#lineup_main .col_option li.equip_index span {
	display:block;
}

#lineup_main .col_option li.equip_index span.lt {
	background:url(../img/cmn_equip_idx_lt.gif) top left no-repeat;
}

#lineup_main .col_option li.equip_index span.lb {
	background:url(../img/cmn_equip_idx_lb.gif) left bottom no-repeat;
}

#lineup_main .col_option li.equip_index span.rt {
	background:url(../img/cmn_equip_idx_rt.gif) right top no-repeat;
}

#lineup_main .col_option li.equip_index span.rb {
	padding: 1px 12px 1px 2px;
	background:url(../img/cmn_equip_idx_rb.gif) right bottom no-repeat;
}

#lineup_main .col_option li.equip_index a {
	font-size: 72%;
	line-height: 100%;
	text-indent: 22px;
	text-decoration: none;
	white-space: nowrap;
	padding: 0.36em 0 0.1em 0;
	background:none;
	background:url(../img/cmn_arrow_small.gif) 12px 0.4em no-repeat;
	background-color: #e0e0e0;
	display: block;
}


/*
 * Local Navi
 *
 */
#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);
}

#lineup_cmn_navi a#i12 {
	width: 190px;
	display: block;
	height: 26px;
	overflow:hidden;
	background:url(../img/cmn_navi_012.gif);
}

#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#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);
}

#lineup_cmn_navi a#i12:hover {
	background:url(../img/cmn_navi_012so.gif);
}


/* 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);}


/**
 * Related Link
 *
 */
#related_link {
	width: 170px;
	margin-bottom: 1.43em;
}

#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;
	margin-bottom: 0.22em
}

#related_link li {
	text-indent: 12px;
	background:url(../img/cmn_arrow_001.gif) 0 7px no-repeat;
	font-size: 84%;

}

#related_link p {
	font-size: 84%;
	line-height: 130%;
}

#related_link .dline {
	height: 32px;
	display: block;
	overflow:hidden;
	text-indent: -9999px;
	background:url(../img/cmn_relatedlinktit_001.gif) no-repeat;
}


/* 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;
}

#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_cmn_tantoseries a.i07 { width: 85px; height: 60px; display: block;}
#lineup_cmn_tantoseries a.i08 { width: 85px; height: 60px; display: block;}


/**
 * Round Box
 *
 */
#lineup_main .round_box {
	margin-top: 2px;
}

#lineup_main .round_box span {
	float:left;
	display:block;
	line-height: 100%;
}


#lineup_main .round_box_right span {
	float: right;
	margin-right: 0;
	margin-left: auto;
}

#lineup_main .round_box span.lt {
	background:url(../img/cmn_box_round_lt.gif) top left no-repeat;
}

#lineup_main .round_box span.makerop {
	background-color: #f0f0f0;
}


#lineup_main .round_box span.dealerop {
	background-color: #d0d0d0;
}

#lineup_main .round_box span.lb {
	background:url(../img/cmn_box_round_lb.gif) left bottom no-repeat;
}

#lineup_main .round_box span.rt {
	background:url(../img/cmn_box_round_rt.gif) right top no-repeat;
}

#lineup_main .round_box span.rb {
	padding: 0px 8px 0px 8px;
	background:url(../img/cmn_box_round_rb.gif) right bottom no-repeat;
}

#lineup_main .round_box dl {
	border-top: solid 1px #d9d9d9;
	border-bottom: solid 1px #d9d9d9;
}

#lineup_main .round_box dt.title, #lineup_main .round_box dd.lineup {
	font-size: 72%;
	color: #333333;
	padding: 0.21em 0 0.1em 0;
	background:none;
}

#lineup_main .round_box dt.title {
	float: left;
}

#lineup_main .round_box dd.lineup {
	padding-left: 0.5em;
	background:url(../img/cmn_line_dotted_v100.gif) left top no-repeat;
	background-color: #ffffff;
}

#lineup_main .round_box dd a {
	text-indent: 12px;
	text-decoration: none;
	background: url(../img/cmn_arrow_small_gr.gif) no-repeat left 0.25em;
	display: block;
}

#lineup_main .round_box dd a:hover {
	text-indent: 12px;
	text-decoration: none;
	background: url(../img/cmn_arrow_small_rr.gif) no-repeat left 0.25em;
	display: block;
}

#lineup_main .round_box dt.check_here {
	font-weight:bold;
}

#lineup_main .round_box dd.lineup_normal {
	margin-left: 4.5em;	
}

#lineup_main .round_box dd.lineup_op {
	margin-left: 9em;
}

#lineup_main .round_box dd.lineup_dop {
	margin-left: 10em;
}

#lineup_main .round_box dd.check_here {
	margin-left: 7em;
}



/**
 * Equipment selector
 *
 */
#lineup_main .equipment_select {
	width: 578px;
	height: 48px;
	border: 1px #D1D1D1 solid;
}

#lineup_main .equipment_select ul {
	width: 578px;
	list-style-type:none;
}

#lineup_main .equipment_select li {
	float: left;
	text-indent:-9999px;
}

#lineup_main .equipment_select a { 
	display: block;
	overflow:hidden;
}



/**
 * Equipment sub selector
 *
 */
#lineup_main .equipment_subselect {
	margin-bottom: 20px;
}

#lineup_main .equipment_subselect ul {
	width: 580px;
	height: 24px;
	list-style-type:none;
	background:url(../img/cmn_equip_hnavibg.gif) left bottom no-repeat;
	clear:both;
	display: none;
}

#lineup_main .equipment_subselect li {
	float: left;
}

#lineup_main .equipment_subselect li a {
	line-height:12px;
	text-indent: -9999px;
	height: 12px;
	margin: 5px 0 3px 12px;
	display: block;
}



/**
 * PageTop
 *
 */
#lineup_main .lineup_cmn_pgtop {
	padding: 0.5em 0 3.5em 0;
}

#lineup_main .lineup_cmn_pgtop p {
	width: 100px;
	float: right;
	display: block;
	text-indent: -9999px;
	padding-bottom: 0;
}

#lineup_main .lineup_cmn_pgtop a {
	width: 100px;
	height: 16px;
	display: block;
	overflow:hidden;
	background:url(../img/cmn_pagetop_001.gif) 20px 0 no-repeat;
}

#lineup_main .lineup_cmn_pgtop a:hover {
	background:url(../img/cmn_pagetop_001o.gif) 20px 0 no-repeat;
}


/**
 * Notes
 *
 */
#lineup_main .notes {
	padding: 1em 0 2.15em 0;
}

#lineup_main .notes p {
	margin: 0;
	padding-left:1em;
	text-indent:-1em;
	line-height: 1.4em;
}

#lineup_main .snote {
	line-height: 1.6em;
	padding-bottom: 0.36em;
}


/**
 * Caution
 *
 */
.caution {
	color: #FF3300;
	margin-top: 1.3em;
	margin-bottom: 1.3em;
	background:url(../img/cmn_explanation_001.gif) 0 5px no-repeat;
	min-height:40px;
	height: auto !important;
	height: 40px;
 }
 
.caution p {
	padding-top: 0.3em;
	margin-left: 45px;
	font-size:84%;
	line-height: 1.4em;
}

.caution a {
	color: #FF3300;
}


/**
 * Caption
 *
 */
.caption {
	line-height: 1.2em;
	font-size:84%;
}

.minimum {
	font-size:72%;
}


/**
 * Utilities
 *
 */
.r {
	color: #FE0000;
}

.o {
	color: #FF3300;
}

.float_right {
	float: right;
}

.cb {
	line-height:0;
	height:0;
    visibility: hidden;
	clear:both;
}


/**
 * Top
 *
 */
#top-contents {
  height: 498px;
  position: relative;
}

#lineup-top-navi {
  position: absolute;
  top: 14px;
  left: 13px;
}

#lineup-top-navi ul {
  list-style: none;
}

#lineup-top-navi li {
  width: 192px;
  height: 26px;
  overflow: hidden;
  position: relative;
}

#lineup-top-navi li.last {
  height: 33px;
}

#lineup-top-navi li a {
  width: 192px;
  overflow: hidden;
  position: relative;
  display: block;
  height: 26px;
  background: url(../img/cmn_top_nav.png) no-repeat;
  text-indent: -9999px;
}

#lineup-top-navi li #i01 {background-position: 0 0;}
#lineup-top-navi li #i02 {background-position: 0 -26px;}
#lineup-top-navi li #i03 {background-position: 0 -52px;}
#lineup-top-navi li #i04 {background-position: 0 -78px;}
#lineup-top-navi li #i05 {background-position: 0 -104px;}
#lineup-top-navi li #i06 {background-position: 0 -130px;}
#lineup-top-navi li #i07 {background-position: 0 -156px;}
#lineup-top-navi li #i08 {background-position: 0 -182px;}
#lineup-top-navi li #i12 {background-position: 0 -208px;}
#lineup-top-navi li #i09 {background-position: 0 -260px;}
#lineup-top-navi li #i10 {background-position: 0 -286px;}
#lineup-top-navi li #i11 {background-position: 0 -312px; height:33px;}
#lineup-top-navi li #i13 {background-position: 0 -234px;}

#lineup-top-navi li #i01:hover {background-position: -192px 0;}
#lineup-top-navi li #i02:hover {background-position: -192px -26px;}
#lineup-top-navi li #i03:hover {background-position: -192px -52px;}
#lineup-top-navi li #i04:hover {background-position: -192px -78px;}
#lineup-top-navi li #i05:hover {background-position: -192px -104px;}
#lineup-top-navi li #i06:hover {background-position: -192px -130px;}
#lineup-top-navi li #i07:hover {background-position: -192px -156px;}
#lineup-top-navi li #i08:hover {background-position: -192px -182px;}
#lineup-top-navi li #i12:hover {background-position: -192px -208px;}
#lineup-top-navi li #i09:hover {background-position: -192px -260px;}
#lineup-top-navi li #i10:hover {background-position: -192px -286px;}
#lineup-top-navi li #i11:hover {background-position: -192px -312px;}
#lineup-top-navi li #i13:hover {background-position: -192px -234px;}


#right-nav-container {
  position: absolute;
  top: 13px;
  left: 795px;
}

#lineup-top-support {
  position: relative;
  margin-bottom: 4px;
}

#lineup-top-support ul {
  position: relative;
  list-style: none;
}

#lineup-top-support ul li {
  position: relative;
  display: block;
  height: 26px;
}

#lineup-top-support ul li.last {
  height: 33px;
}

#lineup-top-support li a {
  width: 172px;
  overflow: hidden;
  position: relative;
  display: block;
  height: 26px;
  background: url(../img/cmn_support_nav.png) no-repeat;
  text-indent: -9999px;
}

#lineup-top-support li a.i01 {background-position: 0 0;}
#lineup-top-support li a.i02 {background-position: 0 -26px;}
#lineup-top-support li a.i03 {background-position: 0 -52px;}
#lineup-top-support li a.i04 {background-position: 0 -78px;}
#lineup-top-support li a.i05 {background-position: 0 -104px; height: 33px;}

#lineup-top-support li a.i01:hover {background-position: -172px 0;}
#lineup-top-support li a.i02:hover {background-position: -172px -26px;}
#lineup-top-support li a.i03:hover {background-position: -172px -52px;}
#lineup-top-support li a.i04:hover {background-position: -172px -78px;}
#lineup-top-support li a.i05:hover {background-position: -172px -104px;}

#lineup-top-series {
  position: relative;
  width: 172px;
  height: 104px;
  margin-bottom: 6px;
  background: url(../img/cmn_series_bg.png) no-repeat;
}

#lineup-top-series .box_tit {
  position: absolute;
  top: 2px;
  left: 7px;
}

#series-slider {
  width: 168px;
  position: absolute;
  top: 37px;
  left: 2px;
}

#series-slider .next,
#series-slider .prev {
  width: 10px;
  height: 13px;
  position: absolute;
  top: 19px;
  cursor: pointer;
}

#series-slider .next {
  background: url(../img/cmn_arrow_right.png) no-repeat;
  right: 4px;
}

#series-slider .prev {
  background: url(../img/cmn_arrow_left.png) no-repeat;
  left: 4px;
}

#series-slider .disable {
  display: none;
}

#series-slider .frame {
  width: 140px;
  height: 60px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 14px;
}

#series-slider ul {
  list-style: none;
  position: relative;
  width: 20000px;
}

#series-slider li {
  display: block;
  float: left;
  cursor: pointer;
}

#series-slider li a {
  position: relative;
  display: block;
  width: 70px;
  height: 60px;
  background: none;
  overflow: hidden;
}

#series-slider li a img {
  position: absolute;
  top: 2px;
  left: -8px;
}

#lineup-top-tvcm {
  position: relative;
  width: 172px;
  height: 100px;
  margin-bottom: 8px;
}

#lineup-top-tvcm a.cm-btn {
  display: block;
  height: 67px;
  background: url(../img/cmn_cm_check.png) no-repeat left bottom;
}

#lineup-top-tvcm a.cm-btn:hover {
  background-position: -172px bottom;
}

#top-contents .lineup-top-banner ul {
  list-style: none;
}

#top-contents .lineup-top-banner li {
  line-height: 0;
  font-size: 0;
}

#top-contents .lineup-top-banner a {
  display: block;
}

#lineup-top-banner-right {
  width: 172px;
  position: relative;
}

#lineup-top-banner-right li {
  display: block;
  padding-bottom: 3px;
}

#lineup-top-banner-center {
  position: absolute;
  left: 223px;
  bottom: 14px;
}

#lineup-top-banner-center li {
  display: block;
  float: left;
  margin-right: 10px;
}

#news{
	margin: 0 0 15px 0;
	background-color: #212121;
	width: 980px;
	hight:28px;
}

#news .title_img{
	float: left;
}

#news #topics{
	margin: 6px 0 0 12px;
	float: left;
	padding-left: 12px;
  background: url(../../../img/arrow.gif) no-repeat 0px 0.475em;
   list-style: none;
	font-size: 12px;
	line-height: 140%;
	color: #FFFFFF;
	letter-spacing: 0.01em;
	white-space: nowrap;
}

/** Style Interior **/
#style-interior img {
  margin: 0;
}

#style-interior #panel {
  height: 351px;
}

#style-interior #panel img {
  border: solid 1px #c0c0c0;
}

#style-interior #nav {
  height: 80px;
  position: relative;
  margin-top: 10px;
  background: url(../img/cmn_style_navi_frame.png) no-repeat 0 0;
}

#style-interior #style,
#style-interior #interior {
  width: 97px;
  height: 29px;
  position: absolute;
  left: 9px;
  cursor: pointer;
  background-color: #fff;
}

#style-interior #style {
  top: 9px;
  background: url(../img/cmn_style_button.png) no-repeat 0 0;
}

#style-interior #interior {
  bottom: 9px;
  background: url(../img/cmn_interior_button.png) no-repeat 0 0;
}

#style-interior #buttons .hover-active {
  background-position: -97px 0;
}

#style-interior #style:hover {}

#style-interior #interior:hover {}

#style-interior #style.selected,
#style-interior #interior.selected {
  cursor: default;
  background-position: -97px 0;
}

#style-interior .slider .prev,
#style-interior .slider .next {
  width: 12px;
  height: 62px;
  position: absolute;
  top: 9px;
  background-color: #fff;
  cursor: pointer;
}

#style-interior .slider .prev {
  left: 123px;
  background: url(../img/cmn_style_arrow_left.png) no-repeat -12px 0;
}

#style-interior .slider .next {
  right: 9px;
  background: url(../img/cmn_style_arrow_right.png) no-repeat -12px 0;
}

#style-interior .slider .hover-active {
  background-position: -24px 0;
}

#style-interior .slider div.disable {
  cursor: default;
  background-color: #fff;
  background-position: 0 0;
}

#style-interior .slider .frame {
  width: 408px;
  height: 62px;
  position: absolute;
  top: 9px;
  left: 143px;
  overflow: hidden;
}

#style-interior .slider ul {
  list-style: none;
  width: 20000px;
  position: relative;
}

#style-interior .slider li {
  float: left;
  width: 74px;
  height: 60px;
  margin-right: 7px;
  cursor: pointer;
  border: solid 1px #b5b3b3;
  background: url(../img/cmn_style_dot.png);
}

#style-interior .slider li.selected img,
#style-interior .slider li.hover-active img {
  filter: alpha(opacity=70);
  -moz-opacity:0.7;
  opacity:0.7;
}

#style-interior .slider img {
}


/** Color Valiation **/
#color-variation {
  padding-bottom: 1.2em;
}

#color-variation img {
  margin: 0;
}

#color-variation #slider ul {
  list-style: none;
}

#color-variation #slider li {
  float: left;
  margin-right: 8px;
  width: 90px;
  height: 50px;
  cursor: pointer;
}

#color-variation #slider li.nm {
  margin: 0;
}

#color-variation #slider li.selected {
  cursor: default;
}

#color-variation #panel {
  height: 270px;
}
