/**********************************************************************
JVC ProHD LineUp
CSS for index.html

Since         : 08.03.27
Last modified : 08.04.10
**********************************************************************/



/* INDEX
-------------------------------------------------
	Initialization
	Common Class
 Layout
------------------------------------------------- */




/* -----------------------------------------------
Initialization
------------------------------------------------- */
h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, img, a, div {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

ul {
	list-style-type: none;
}

/* Common Class
------------------------------------------------- */
.floatLeft  {float: left;}
.floatRight {float: right;}
.clearer    {clear: both;}

/* clearfixƒnƒbƒN */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* Layout
------------------------------------------------- */
div.Top h1 {
	width:172px;
	height:20px;
	background:url(../lineup/img/title.gif) left top no-repeat;
	position:absolute;
	top:34px;
	left:373px;
	text-indent:-9999px;
	overflow:hidden;
}
	
div.Top {
	position:relative;
}

div.Top p#Logo_HDV720p {
	position:absolute;
	top:6px;
	left:672px;
}

div.Top ul li.list01 {	position:absolute;	top:75px;	left:373px; }
div.Top ul li.list02 {	position:absolute;	top:106px;	left:373px; }
div.Top ul li.list03 {	position:absolute;	top:137px;	left:373px; }
div.Top ul li.list04 {	position:absolute;	top:168px;	left:373px; }

div.Contents {
	width:575px;
	color:#505050;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:140%;
	margin-left:20px;
}

div.Contents h2 {
	margin-bottom:20px;
}

div.Contents h3 {
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:10px;
}

div.Contents ul#Index li {
	float:left;
	margin-right:14px;
}

div.Contents ul#Index li h3 a {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:10px;
}


div.Contents ul#Index li h3#IndexTitle01 { width:138px; height:85px; }
div.Contents ul#Index li h3#IndexTitle02 { width:135px; height:85px; }
div.Contents ul#Index li h3#IndexTitle03 { width:131px; height:85px; }
div.Contents ul#Index li h3#IndexTitle04 { width:114px; height:85px; }
div.Contents ul#Index li h3#IndexTitle05 { width:138px; height:85px; }
div.Contents ul#Index li h3#IndexTitle06 { width:138px; height:85px; }

div.Contents ul#Index li h3#IndexTitle01 a {
	width:138px;
	height:85px;
	background:url(../lineup/img/index2_01.jpg) left top no-repeat;
}

div.Contents ul#Index li h3#IndexTitle02 a {
	width:135px;
	height:85px;
	background:url(../lineup/img/index2_02.jpg) left top no-repeat;
}

div.Contents ul#Index li h3#IndexTitle03 a {
	width:131px;
	height:85px;
	background:url(../lineup/img/index2_03.jpg) left top no-repeat;
}

div.Contents ul#Index li h3#IndexTitle04 a {
	width:114px;
	height:85px;
	background:url(../lineup/img/index2_04.jpg) left top no-repeat;
}

div.Contents ul#Index li h3#IndexTitle05 a {
	width:138px;
	height:85px;
	background:url(../lineup/img/index_01.jpg) left top no-repeat;
}

div.Contents ul#Index li h3#IndexTitle06 a {
	width:138px;
	height:85px;
	background:url(../lineup/img/index_02.jpg) left top no-repeat;
}



div.Contents div.Bar {
	margin:25px 0px 20px 0px;
}

div.Contents div.title {
	margin:0px 0px 20px 0px;
}

div.Contents h3#ProductTitle00 {
	width:251px;
	height:30px;
	background:url(../lineup/img/product00_title.gif) left top no-repeat;
}

div.Contents h3#ProductTitle01 {
	width:251px;
	height:30px;
	background:url(../lineup/img/product01_title.gif) left top no-repeat;
}

div.Contents h3#ProductTitle02 {
	width:290px;
	height:30px;
	background:url(../lineup/img/product02_title.gif) left top no-repeat;
}

div.Contents h3#ProductTitle03 {
	width:251px;
	height:30px;
	background:url(../lineup/img/product03_title.gif) left top no-repeat;
}

div.Contents h3#ProductTitle04 {
	width:155px;
	height:30px;
	background:url(../lineup/img/product04_title.gif) left top no-repeat;
}

div.Contents h3#ProductTitle05 {
	width:191px;
	height:15px;
	background:url(../lineup/img/product05_title.gif) left top no-repeat;
}

div.Contents h3#ProductTitle06 {
	width:191px;
	height:15px;
	background:url(../lineup/img/product06_title.gif) left top no-repeat;
}

div.Contents div p {
	margin:10px 0px 15px 0px;
}

div.Contents div h4 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
}

div.Contents div ul {
	color:#3358A6;
	line-height:110%;
}

div.Contents div ul li a {
	color:#3358A6;
	text-decoration:none;
}

div.Contents div ul li a:hover {
	color:#3358A6;
	text-decoration:underline;
}

div.Contents div div ul.Features {
	width:260px;
	color:#505050;
	margin-bottom:20px;
}

/* ---add 2009.06.16 --- */
div.Contents div div ul.Features_floatLeft {
	margin: 0px;
	padding: 0px;
	width:260px;
	color:#505050;
	float:left;
}

div.Contents div div ul.Features_floatRight {
	margin: 0px;
	padding: 0px;
	width:260px;
	color:#505050;
	float:right;
}

div.Contents div div ul.Features_floatLeft li,
div.Contents div div ul.Features_floatRight li {
	background:url(../lineup/img/icon_dot.gif) left 6px no-repeat;
	padding:0px 0px 6px 8px;
}

p.note_01 {
	clear: both;
	margin: 10px 0px 0px 0px;
}
/* ---  --- */

div.Contents div div ul.FeaturesFeatures {
	width:500px;
	color:#505050;
	margin-bottom:5px;
}

div.Contents div div ul.Features_2 {
	width:260px;
	color:#505050;
	margin-bottom:20px;
}

div.Contents div div ul.Features_3 {
	color:#505050;
	margin-bottom:20px;
	width:280px;
}
	
div.Contents div div ul.Features li {
	background:url(../lineup/img/icon_dot.gif) left 6px no-repeat;
	padding:0px 0px 6px 8px;
}

div.Contents div div ul.FeaturesFeatures li {
	background:url(../lineup/img/icon_dot.gif) left 6px no-repeat;
	padding:0px 0px 6px 8px;
}

div.Contents div div#InfoTitle01 {	width:563x; _width:575px; background:url(../lineup/img/product01_info_bg.jpg) left top repeat-y;	color:#FFFFFF; font-weight:bold; padding:3px 6px;}
div.Contents div div#InfoTitle02 {	width:563px; _width:575px; background:url(../lineup/img/product02_info_bg.jpg) left top repeat-y;	color:#FFFFFF; font-weight:bold; padding:3px 6px;}
div.Contents div div#InfoTitle03 {	width:563px; _width:575px; background:url(../lineup/img/product03_info_bg.jpg) left top repeat-y;	color:#FFFFFF; font-weight:bold; padding:3px 6px;}
div.Contents div div#InfoTitle04 {	width:563px; _width:575px; background:url(../lineup/img/product04_info_bg.jpg) left top repeat-y;	color:#FFFFFF; font-weight:bold; padding:3px 6px;}
div.Contents div div#InfoTitle05 {	width:563px; _width:575px; background:url(../lineup/img/product05_info_bg.jpg) left top repeat-y;	color:#FFFFFF; font-weight:bold; padding:3px 6px;}
div.Contents div div#InfoTitle06 {	width:563px; _width:575px; background:url(../lineup/img/product06_info_bg.jpg) left top repeat-y;	color:#FFFFFF; font-weight:bold; padding:3px 6px;}
div.Contents div div#InfoTitle07 {	width:563px; _width:575px; background:url(../lineup/img/product07_info_bg.jpg) left top repeat-y;	color:#FFFFFF; font-weight:bold; padding:3px 6px;}


div.Contents div div#Info01 {	width:561px; _width:575px; background-color:#DDEAF4;	border:1px #79B3D5 solid;	border-top:none; padding:3px 6px 4px 6px;}
div.Contents div div#Info02 {	width:561px; _width:575px; background-color:#EDFAF7;	border:1px #8EDCCD solid;	border-top:none; padding:3px 6px 4px 6px;}
div.Contents div div#Info03 {	width:561px; _width:575px; background-color:#F1FAFC;	border:1px #8DD5E9 solid;	border-top:none; padding:3px 6px 4px 6px;}
div.Contents div div#Info04 {	width:561px; _width:575px; background-color:#FCEBED;	border:1px #F4C5C9 solid;	border-top:none; padding:3px 6px 4px 6px; margin-bottom:20px}
div.Contents div div#Info05 {	width:561px; _width:575px; background-color:#E0F5E5;	border:1px #86C995 solid;	border-top:none; padding:3px 6px 4px 6px; margin-bottom:20px}
div.Contents div div#Info06 {	width:561px; _width:575px; background-color:#D8D9EA;	border:1px #9A9ECC solid;	border-top:none; padding:3px 6px 4px 6px; margin-bottom:20px}
div.Contents div div#Info07 {	width:561px; _width:575px; background-color:#FCE2DB;	border:1px #EEA28D solid;	border-top:none; padding:3px 6px 4px 6px;}


div.Contents div div#Info01 h4 {	font-size:12px;	font-weight:bold;	margin-bottom:0px;}
div.Contents div div#Info02 h4 {	font-size:12px;	font-weight:bold;	margin-bottom:0px;}
div.Contents div div#Info03 h4 {	font-size:12px;	font-weight:bold;	margin-bottom:0px;}
div.Contents div div#Info04 h4 {	font-size:12px;	font-weight:bold;	margin-bottom:0px;}
div.Contents div div#Info05 h4 {	font-size:12px;	font-weight:bold;	margin-bottom:0px;}
div.Contents div div#Info06 h4 {	font-size:12px;	font-weight:bold;	margin-bottom:0px;}
div.Contents div div#Info07 h4 {	font-size:12px;	font-weight:bold;	margin-bottom:0px;}

div.Contents div#Info01 ul li {	width:270px; _width:280px; background:url(../lineup/img/product01_info_arrow.gif) left 5px no-repeat;	padding:2px 0px 2px 10px;}
div.Contents div#Info02 ul li {	width:270px; _width:280px; background:url(../lineup/img/product02_info_arrow.gif) left 5px no-repeat;	padding:2px 0px 2px 10px;}
div.Contents div#Info02 ul li.LinkTBA {	width:270px; _width:280px; background:url(../lineup/img/product02_info_arrow2.gif) left 7px no-repeat;	padding:2px 0px 2px 10px; color:#505050;}
div.Contents div#Info03 ul li {	width:270px; _width:280px; background:url(../lineup/img/product03_info_arrow.gif) left 5px no-repeat;	padding:2px 0px 2px 10px;}
div.Contents div#Info04 ul li {	width:270px; _width:280px; background:url(../lineup/img/product04_info_arrow.gif) left 5px no-repeat;	padding:2px 0px 2px 10px;}
div.Contents div#Info05 ul li {	width:270px; _width:280px; background:url(../lineup/img/product05_info_arrow.gif) left 5px no-repeat;	padding:2px 0px 2px 10px;}
div.Contents div#Info06 ul li {	width:270px; _width:280px; background:url(../lineup/img/product06_info_arrow.gif) left 5px no-repeat;	padding:2px 0px 2px 10px;}
div.Contents div#Info07 ul li {	width:270px; _width:280px; background:url(../lineup/img/product07_info_arrow.gif) left 5px no-repeat;	padding:2px 0px 2px 10px;}
div.Contents div#Info08 ul li {	width:210px; _width:220px; background:url(../lineup/img/product08_info_arrow.gif) left 5px no-repeat;	padding:2px 0px 2px 10px; margin:0px 0px 0px 58px;}
div.Contents div#Info09 ul li {	width:270px; _width:280px; background:url(../lineup/img/product08_info_arrow.gif) left 5px no-repeat;	padding:2px 0px 2px 10px;}

div.Contents div.ToConcept {
	text-align:right;
	margin:10px 0px 40px 0px;
}


div.Contents div.ToTop {
	text-align:right;
	margin:10px 0px 40px 0px;
}

div.Contents ul#AboutLogo_HDV720p {
	margin-top:40px;
}

div.Contents ul#AboutLogo_HDV720p li {
	background:url(../concept/img/icon_asterisk.gif) left 6px no-repeat;
	font-size:11px;
	margin:0px 0px 4px 0px;
	padding:0px 0px 0px 10px;
}

div.Contents div img.floatLeftLeft {
	margin:0px 15px 15px 0px;
}