@charset "UTF-8";

/* CSS Document */
/******************************************************************
# 主に画像指定のみ（共通部分はdetail.cssに）
　DIU-5300とDIU-5310は同じものを使用
******************************************************************/

/*サイドメニューの点灯*/
div#main_box div#side ul.side_produts li.side_5300 a {
	background: url(../../img/side_5300_f2.jpg) no-repeat left top;
}

div#main_box div#side ul.side5310_hover li.side_5300 a {
	background: url(../../img/side_5300.jpg) no-repeat left top;
}
div#main_box div#side ul.side5310_hover li.side_5310 a {
	background: url(../../img/side_5310_f2.jpg) no-repeat left top;
}


/* diu5300のタイトル */
h1.diu5300_t {
	width: 355px;
	height: 22px;
	background: url(../../lineup2009/img/diu5300/title.jpg) no-repeat left top;
}
/* diu5310のタイトル */
h1.diu5310_t {
	width: 355px;
	height: 20px;
	background: url(../../lineup2009/img/diu5310/title.jpg) no-repeat left top;
}


/* 商品情報 */
div#main_box div#main div.strong_point table {
	border-collapse: collapse;
}
div#main_box div#main div.strong_point table {
	border-collapse: collapse;
}
div#main_box div#main div.strong_point table tr td {
	vertical-align: top;
	margin: 0;
	padding: 0;
}
div#main_box div#main div.strong_point ul.point li.point01 {
	background: url(../../lineup2009/img/diu5300/point01.jpg) no-repeat left top;
}
div#main_box div#main div.strong_point ul.point li.point02 {
	background: url(../../lineup2009/img/diu5300/point02.jpg) no-repeat left top;
}
div#main_box div#main div.strong_point ul.point li.point03 {
	background: url(../../lineup2009/img/diu5300/point03.jpg) no-repeat left top;
}
div#main_box div#main div.strong_point ul.point li.point04 {
	background: url(../../lineup2009/img/diu5300/point04.jpg) no-repeat left top;
}
div#main_box div#main div.strong_point ul.point li.point05 {
	background: url(../../lineup2009/img/diu5300/point05.jpg) no-repeat left top;
}
div#main_box div#main div.strong_point ul.point li.point06 {
	background: url(../../lineup2009/img/diu5300/point06.jpg) no-repeat left top;
}
div#main_box div#main div.strong_point ul.point li.point07 {
	width: 555px;
	background: url(../../lineup2009/img/diu5300/point07.jpg) no-repeat left top;
}

/* 音声案内の案内例 */
div#main_box div#main div.strong_point ul.point li {
	margin: -19px 0 5px 0;
}
div#main_box div#main div.strong_point ul.point li.point07_ex {
	width: 134px;
	height: 120px;
}

div#main_box div#main div.strong_point ul.point li.point07_01 {
	width: 146px;
	height: 140px;
	background: url(../../lineup2009/img/diu5300/point07_01.gif) no-repeat left top;
}
div#main_box div#main div.strong_point ul.point li.point07_02 {
	width: 134px;
	height: 140px;
	background: url(../../lineup2009/img/diu5300/point07_02.gif) no-repeat left top;
}
div#main_box div#main div.strong_point ul.point li.point07_03 {
	width: 124px;
	height: 140px;
	background: url(../../lineup2009/img/diu5300/point07_03.gif) no-repeat left top;
}
div#main_box div#main div.strong_point ul.point li.point07_04 {
	width: 132px;
	height: 140px;
	background: url(../../lineup2009/img/diu5300/point07_04.gif) no-repeat left top;
}
div#main_box div#main div.strong_point ul.point li.point07_05 {
	width: 146px;
	height: 100px;
	background: url(../../lineup2009/img/diu5300/point07_05.gif) no-repeat left top;
}
div#main_box div#main div.strong_point ul.point li.point07_06 {
	width: 134px;
	height: 100px;
	background: url(../../lineup2009/img/diu5300/point07_06.gif) no-repeat left top;
}
div#main_box div#main div.strong_point ul.point li.point07_07 {
	width: 190px;
	height: 85px;
	background: url(../../lineup2009/img/diu5300/point07_07.gif) no-repeat left bottom;
}


/* 商品概要 */
div#main_box div#main div.product_outline {
	width: 555px;
}

div#main_box div#main div.product_outline table.outline_table_border {
	border-collapse: collapse;
	width: 555px;
	border: 1px solid #333333;
	border-right: 0 none;
	border-left: 0 none;
}

div#main_box div#main div.product_outline table.outline_table_border tr {
	background: url(../../img/outline_table_border.gif) repeat-x left bottom;
}

div#main_box div#main div.product_outline table.outline_table_border tr th {
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}

div#main_box div#main div.product_outline table.outline_table_border tr th,
div#main_box div#main div.product_outline table.outline_table_border tr td {
	padding: 5px 10px 5px 10px;
	line-height: 130%;
	font-size: 60%;
	/*\*/
		*font-size: 60%;
}

div#main_box div#main div.product_outline table.outline_table_border tr.bg th,
div#main_box div#main div.product_outline table.outline_table_border tr.bg td {
	background: #EAEAEA url(../../img/outline_table_border.gif) repeat-x left bottom;
}

div#main_box div#main div.product_outline table.outline_table_border tr.border_none th,
div#main_box div#main div.product_outline table.outline_table_border tr.border_none td {
	background: #EAEAEA;
}



/* 商品詳細 */
div#main_box div#main div.product_detail {
	width: 100%;
	padding: 5px 15px 5px 10px;
	background: #EAEAEA;
}

div#main_box div#main div.product_detail div.detail_l {
	float: left;
	width: 180px;
}

/* 右側 */
div#main_box div#main div.product_detail div.detail_r {
	float: right;
	width: 345px;
}

div#main_box div#main div.product_detail div.detail_r ul li {
	padding: 0 0 0 10px;
	text-indent: -10px;
}

/* ダッシュボード置き〜ボタン */
div#main_box div#main div.product_detail div.detail_r p.about_dush {
	margin: 7px 0 0 0;
}
div#main_box div#main div.product_detail div.detail_r p.about_dush a {
	width: 270px;
	height: 20px;
	background: url(../../lineup2009/img/diu5300/about_dash.jpg) no-repeat left top;
}
div#main_box div#main div.product_detail div.detail_r p.about_dush,
div#main_box div#main div.product_detail div.detail_r p.about_dush a:hover {
	background: url(../../lineup2009/img/diu5300/about_dash_f2.jpg) no-repeat left top;
}


/* サイド　商品コピー */
div#side h2.side_copy {
	height: 400px;
	background: url(../../lineup2009/img/diu5300/side_copy.jpg) no-repeat center top;
}




/**/

/*特長*/
div#main_box div#main div.strong_point ul.point {
	padding: 18px 0 0 0;
}
div#main div.strong_point dl dd {
	font-size: 60%;
	/*\*/
		*font-size: 60%; 
		line-height: 1.3;
}
div#main div.strong_point dl.left_275 {
	float: left;
	width: 275px;
}
div#main div.strong_point dl.right_280 {
	float: right;
	width: 280px;
}

/*特長1*/
div#main div.strong_point dl.strong_point01 {
	height: 73px;
	background: url(../../lineup2009/img/diu5300/point01.jpg) no-repeat left top;
}
div#main div.strong_point dl.strong_point01 dt {
	height: 31px;
}
div#main div.strong_point dl.strong_point01 dd {
	padding-right: 33px;
	padding-left: 63px;
	>padding-right: 30px;
	>padding-left: 65px;
	color: #CC0000;
}

/*特長2*/
div#main div.strong_point dl.strong_point02 {
	height: 73px;
	background: url(../../lineup2009/img/diu5300/point02.jpg) no-repeat left top;
}
div#main div.strong_point dl.strong_point02 dt {
	height: 31px;
}
div#main div.strong_point dl.strong_point02 dd {
	color: #CC0000;
}

/*特長3*/
div#main div.strong_point dl.strong_point03 {
	background: url(../../lineup2009/img/diu5300/point03.jpg) no-repeat left top;
}
div#main div.strong_point dl.strong_point03 dt {
	height: 25px;
}

/*特長4*/
div#main div.strong_point dl.strong_point04 {
	background: url(../../lineup2009/img/diu5300/point04.jpg) no-repeat left top;
}
div#main div.strong_point dl.strong_point04 dt {
	height: 25px;
}

/*特長5*/
div#main div.strong_point dl.strong_point05 {
	background: url(../../lineup2009/img/diu5300/point05.jpg) no-repeat left top;
}
div#main div.strong_point dl.strong_point05 dt {
	height: 25px;
}

/*特長6*/
div#main div.strong_point dl.strong_point06 {
	background: url(../../lineup2009/img/diu5300/point06.jpg) no-repeat left top;
}
div#main div.strong_point dl.strong_point06 dt {
	height: 25px;
}
div#main div.strong_point dl.strong_point06 dd span {
	display: block;
	padding: 0 0 0 10px;
	text-indent: -10px;
}

/*特長7*/
div#main div.strong_point dl.strong_point07 {
	width: 555px;
	height: 50px;
	background: url(../../lineup2009/img/diu5300/point07.jpg) no-repeat left top;
}
div#main div.strong_point dl.strong_point07 dt {
	/*height: 25px;*/
	height: 10px;
}
div#main div.strong_point dl.strong_point07 dd {
	padding: 0 0 0 120px;
}

/* 音声案内の案内例 */
div#main_box div#main div.strong_point ul.point {
	margin: 0 0 0 16px;
}
div#main_box div#main div.strong_point ul.point li {
	float: left;
	width: 134px;
}