/**********************************************************************
JVC ProHD Concept
CSS for conceptIndex.html, 01.html, 02.html, 03.html

Since         : 08.03.26
Last modified : 08.04.10
**********************************************************************/


/* INDEX
-------------------------------------------------
	Initialization
	Common Class
 Common Layout
 00_Concept Index
	01_Advance
	02_NLE interoperability/ DTE slution
	03_2 in 1 solution
------------------------------------------------- */




/* -----------------------------------------------
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
------------------------------------------------- */
.ConceptColor01 { color:#3358A6; }
.ConceptColor02 { color:#00B37C; }
.ConceptColor03 { color:#ED1C24; }
.ConceptColor04 { color:#329448; }

.floatLeft  {float: left;}
.floatRight {float: right;}
.clearer    {clear: both;}
.floatLeftLeft  {float: left;}
.floatRightRight  {float: none;}

/* clearfixハック */
.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 */

/* tuika */
.clearclearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearclearfix {display: inline-block;}

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




/* Common Layout
------------------------------------------------- */
div.Top {
	width:750px;
	height:210px;
	position:relative;
}

div.Top h1 {
	position:absolute;
	top:34px;
	left:373px;
	text-indent:-9999px;
	overflow:hidden;
}

div#Concept_01 h2,
div#Concept_02 h2,
div#Concept_03 h2,
div#Concept_04 h2 {
	font-size:16px;
	margin-bottom:14px;
}

div#Concept_01 h3,
div#Concept_02 h3,
div#Concept_03 h3,
div#Concept_04 h3 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:6px;
}

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

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

div.Contents div.Bottom {
	margin-bottom:40px;
}

div.Contents div h4 {
	color:#505050;
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
}

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

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

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

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

div.Contents div img.Wide {
	margin-top:8px;
}

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


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 a {
	width:124px;
	height:35px;
	background:url(../concept/img/menu_01_on.jpg) left top no-repeat;
}

div.Contents ul#Index li h3#IndexTitle02 a {
	width:124px;
	height:35px;
	background:url(../concept/img/menu_02_on.jpg) left top no-repeat;
}

div.Contents ul#Index li h3#IndexTitle03 a {
	width:124px;
	height:35px;
	background:url(../concept/img/menu_03_on.jpg) left top no-repeat;
}

div.Contents ul#Index li h3#IndexTitle04 a {
	width:124px;
	height:35px;
	background:url(../concept/img/menu_04_on.jpg) left top no-repeat;
}

div.Contents ul#Index li h3#IndexTitle01 { width:124px; height:35px; }
div.Contents ul#Index li h3#IndexTitle02 { width:124px; height:35px; }
div.Contents ul#Index li h3#IndexTitle03 { width:124px; height:35px; }
div.Contents ul#Index li h3#IndexTitle04 { width:124px; height:35px; }

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

div#Contents ul.clearclearfix li {
	background:transparent url(../concept/img/00_arrow.gif) no-repeat scroll left 5px;
	padding:0 0 10px 12px;
	color:#505050;
	font-weight:bold;
	text-decoration:none;
}



/* 00_ConceptIndex
------------------------------------------------- */
div#Concept_Index div.Top {
	background:url(../concept/img/00_title_bg.jpg) left top no-repeat;
}


div#Concept_Index h1 {
	width:190px;
	height:20px;
	background:url(../concept/img/00_title.gif) left top no-repeat;
}

div#Concept_Index h3 {
	font-size:12px;
}

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



div#Concept_Index div.Concept {
	margin-bottom:30px;
}

div#Concept_Index div.Concept h2 {
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:10px;
}

div#Concept_Index div.Concept h2#ConceptTitle_01 a {	width:150px;	height:180px;	background:url(../concept/img/00_photo_01.jpg) left top no-repeat;	display:block; }
div#Concept_Index div.Concept h2#ConceptTitle_02 a {	width:150px;	height:180px;	background:url(../concept/img/00_photo_02.jpg) left top no-repeat;	display:block; }
div#Concept_Index div.Concept h2#ConceptTitle_03 a {	width:150px;	height:180px;	background:url(../concept/img/00_photo_03.jpg) left top no-repeat;	display:block; }
div#Concept_Index div.Concept h2#ConceptTitle_04 a {	width:150px;	height:180px;	background:url(../concept/img/00_photo_04.jpg) left top no-repeat;	display:block; }
div#Concept_Index div.Concept h2#ConceptTitle_05 a {	width:150px;	height:180px;	background:url(../concept/img/00_photo_05.jpg) left top no-repeat;	display:block; }

div#Concept_Index div.Concept div.floatRight p,
div#Concept_Index div.Concept div.floatRight ul {
	width:395px;
}

div#Concept_Index div.Concept div.floatLeftLeft ul li,
div#Concept_Index div.Concept div.floatRight ul li {
	background:url(../concept/img/00_arrow.gif) left 5px no-repeat;
	padding:0px 0px 10px 12px;
}

div#Concept_Index div.Concept div.floatLeftLeft ul li a,
div#Concept_Index div.Concept div.floatRight ul li a,
div#Concept_Index div.Concept div.floatRight ul li a:hover {
	color:#505050;
	text-decoration:none;
	font-weight:bold;
}





/* 01_Advance
------------------------------------------------- */
div#Concept_01 div.Top {
	background:url(../concept/img/01_title_bg.jpg) left top no-repeat;
}

div#Concept_01 h1 {
	width:247px;
	height:77px;
	background:url(../concept/img/01_title.gif) left top no-repeat;
}

div.Top ul#Index01 li.list01 {	position:absolute;	top:101px;	left:373px; }
div.Top ul#Index01 li.list02 {	position:absolute;	top:125px;	left:373px; }
div.Top ul#Index01 li.list03 {	position:absolute;	top:149px;	left:373px; }
div.Top ul#Index01 li.list04 {	position:absolute;	top:174px;	left:373px; }

	
div.Top ul#Index01_2 li.list01 {	position:absolute;	top:121px;	left:373px; }
div.Top ul#Index01_2 li.list02 {	position:absolute;	top:121px;	left:569px; }
div.Top ul#Index01_2 li.list03 {	position:absolute;	top:150px;	left:373px; }
div.Top ul#Index01_2 li.list04 {	position:absolute;	top:150px;	left:569px; }
div.Top ul#Index01_2 li.list05 {	position:absolute;	top:184px;	left:464px; }
div.Top ul#Index01_2 li.list06 {	position:absolute;	top:184px;	left:660px; }

div.Top ul#Index01_2 li.list08 {	position:absolute;	top:184px;	left:382px; }
div.Top ul#Index01_2 li.list09 {	position:absolute;	top:184px;	left:576px; }
div.Top ul#Index01_2 li.list11 {	position:absolute;	top:116px;	left:373px; }
div.Top ul#Index01_2 li.list12 {	position:absolute;	top:116px;	left:568px; }
div.Top ul#Index01_2 li.list13 {	position:absolute;	top:144px;	left:373px; }
div.Top ul#Index01_2 li.list14 {	position:absolute;	top:144px;	left:568px; }
	
	
	
div#Concept_01 div div.floatRight {
	margin:0px 0px 15px 15px;
}

div#Concept_01 div table {
	width:575px;
	border-collapse:collapse;
	empty-cells:show;
	font-size:11px;
	line-height:120%;
	margin-top:20px;
}

div#Concept_01 div table.Short {
	width:455px;
	margin-top:10px;
}

div#Concept_01 div table tr th,
div#Concept_01 div table tr td {
	text-align:center;
	border:1px #CCCCCC solid;
	padding:4px 4px 4px 6px;
	font-weight:normal;
}

div#Concept_01 div table tr td {
	width:115px;
}

div#Concept_01 div table tr td.Img {
	padding:0px;
}

/* 行タイトル */
div#Concept_01 div table thead th {
	width:463px;
	text-align:center;
}

div#Concept_01 div table.Short thead th {
	width:115px;
}

div#Concept_01 div table thead th.corner {
	width:109px;
	text-align:left;
	background-color:#414141;
	color:#FFFFFF;
}

/* 列タイトル */
div#Concept_01 div table tbody th {
	vertical-align:middle;
	text-align:left;
	background-color:#414141;
	color:#FFFFFF;
}


/* 02_NLE interoperability/ DTE slution
------------------------------------------------- */
div#Concept_02 div.Top {
	background:url(../concept/img/02_title_bg.jpg) left top no-repeat;
}

div#Concept_02 h1 {
	width:292px;
	height:75px;
	background:url(../concept/img/02_title.gif) left top no-repeat;
}

div.Top ul#Index02 li.list01 {	position:absolute;	top:121px;	left:373px; }
div.Top ul#Index02 li.list02 {	position:absolute;	top:150px;	left:373px; }
div.Top ul#Index02 li.list03 {	position:absolute;	top:184px;	left:573px; }
div.Top ul#Index02 li.list04 {	position:absolute;	top:184px;	left:660px; }

div#Concept_02 div#Zoom {
	text-align:right;
	margin-top:4px;
}

div.Contents ul#AboutLogo_HDV720p {
	margin:20px 0px 0px 0px;
}

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

/* 03_2 in 1 solution
------------------------------------------------- */
div#Concept_03 div.Top {
	background:url(../concept/img/03_title_bg.jpg) left top no-repeat;
}

div#Concept_03 h1 {
	width:247px;
	height:74px;
	background:url(../concept/img/03_title.gif) left top no-repeat;
}

div.Top ul#Index03 li.list01 {	position:absolute;	top:121px;	left:373px; }
div.Top ul#Index03 li.list02 {	position:absolute;	top:184px;	left:467px; }
div.Top ul#Index03 li.list03 {	position:absolute;	top:184px;	left:554px; }


/* 04_ProHD Memory Card Camcorder
------------------------------------------------- */
div#Concept_04 div.Top {
	background:url(../concept/img/04_title_bg.jpg) left top no-repeat;
}
div#Concept_04 h1 {
	width:284px;
	height:77px;
	background:url(../concept/img/04_title.gif) left top no-repeat;
}

div.Top ul#Index04 li.list01 {	position:absolute;	top:110px;	left:373px; }
div.Top ul#Index04 li.list02 {	position:absolute;	top:127px;	left:373px; }
div.Top ul#Index04 li.list03 {	position:absolute;	top:144px;	left:373px; }
div.Top ul#Index04 li.list04 {	position:absolute;	top:161px;	left:373px; }

div.Top div#to_05html {
	position:absolute;
	top:174px;
	left:505px;
}

div#Concept_04 div table {
	width:575px;
	border-collapse:collapse;
	empty-cells:show;
	font-size:11px;
	line-height:120%;
	margin-top:20px;
}

div#Concept_04 div table.Short {
	width:455px;
	margin-top:10px;
}

div#Concept_04 div table tr th,
div#Concept_04 div table tr td {
	text-align:center;
	border:1px #999999 solid;
	padding:4px 4px 4px 6px;
	font-weight:normal;
}


div#Concept_04 div table tr td {
	width:115px;
}

div#Concept_04 div table tr td.color{
	width:115px;
	background-color:#B5B5B6;
}

div#Concept_04 div table tr td.color_02{
	width:115px;
	background-color:#DCDDDD;
}

div#Concept_04 div table tr td.Img {
	padding:0px;
}

/* 行タイトル */
div#Concept_04 div table thead th {
	width:463px;
	text-align:center;
}

div#Concept_04 div table.Short thead th {
	width:115px;
}

div#Concept_04 div table thead th.corner {
	width:109px;
	text-align:center;
}

div#Concept_04 div table thead th.corner_02 {
	width:109px;
	text-align:center;
	background-color:#727172;
	color:#FFFFFF;
}


/* 列タイトル */
div#Concept_04 div table tbody th {
	vertical-align:middle;
	background-color:#DCDDDD;
	color:#505050;
	text-align:center;
}

div#Concept_04 div table tbody th.white {
	vertical-align:middle;
	text-align:center;
	background-color:#FFFFFF;
}

#to_cn {
	margin:0px;
	padding:15px 0px 0px 0px;
	font-size: 100%;
	line-height:100%;
}



/* Addition In 2010.04.12▼▼▼
------------------------------------------------- */
/* 05_ProHD Compatibility with NLE systems
------------------------------------------------- */
div.Top05 {
	width:750px;
	height:210px;
	position:relative;
}

div.Top05 h1 {
	position:absolute;
	top:34px;
	left:373px;
	text-indent:-9999px;
	overflow:hidden;
}

div#Concept_04 div.Top05 {
	background:url(../concept/img/05_title_bg.jpg) left top no-repeat;
}

#Concept_04 .Top05 h1 {
	width:284px;
	height:77px;
	background:url(../concept/img/05_title.gif) left top no-repeat;
}

	
div.Top05 ul#Index01_2 li.list05 {	position:absolute;	top:184px;	left:470px; }
div.Top05 ul#Index01_2 li.list07 {	position:absolute;	top:184px;	left:575px; }
/* Addition In 2010.04.12▲▲▲
------------------------------------------------- */

/* 06_ProHD Memory Card Camcorder
------------------------------------------------- */
div.Top06 {
	width:750px;
	height:210px;
	position:relative;
}

div.Top06 h1 {
	position:absolute;
	top:34px;
	left:373px;
	text-indent:-9999px;
	overflow:hidden;
}

div#Concept_04 div.Top06 {
	background:url(../concept/img/06_title_bg.jpg) left top no-repeat;
}
#Concept_04 .Top06 h1 {
	width:284px;
	height:77px;
	background:url(../concept/img/06_title.gif) left top no-repeat;
}


#new06_img{
	float:left;
	width:187px;
	height:124px;
	font-size:9px;

}

#new06_txt{
	float:left;
	width:358px;
	margin:0px 0px 0 16px;
}

#new06_clear{
	clear:both;
}
div.Top06 ul#Index01 li.list01 {	position:absolute;	top:101px;	left:373px; }
div.Top06 ul#Index01 li.list02 {	position:absolute;	top:125px;	left:373px; }
div.Top06 ul#Index01 li.list03 {	position:absolute;	top:149px;	left:373px; }
div.Top06 ul#Index01 li.list04 {	position:absolute;	top:174px;	left:373px; }

	
div.Top06 ul#Index01_2 li.list01 {	position:absolute;	top:116px;	left:373px; }
div.Top06 ul#Index01_2 li.list02 {	position:absolute;	top:116px;	left:435px; }
div.Top06 ul#Index01_2 li.list03 {	position:absolute;	top:116px;	left:496px; }
div.Top06 ul#Index01_2 li.list04 {	position:absolute;	top:150px;	left:569px; }
div.Top06 ul#Index01_2 li.list05 {	position:absolute;	top:184px;	left:470px; }
div.Top06 ul#Index01_2 li.list07 {	position:absolute;	top:184px;	left:568px; }

/* Addition In 2010.04.13▲▲▲
------------------------------------------------- */


/* Compatibility with NLE systems 2009.06.16
------------------------------------------------- */

div#Contents_05 div.chart {
margin:0px 0px 25px 0px;
padding:0px;
}

div#Contents_05 div.chart h3 {
margin:0px;
padding:0px;
	font-size: 110%;
	line-height:170%;
}

div#Contents_05 div.chart table.chart_table {
	margin:0px;
	padding:0px;
	width: 575px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

div#Contents_05 div.chart table.chart_table th.top_left {
margin:0px;
padding:0px;
	background-color: #FFFFFF;
	border-top-style: none;
	border-left-style: none;
}

div#Contents_05 div.chart table.chart_table th.product {
margin:0px;
padding:5px;
	text-align:left;
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
	background-color: #E2F0E5;
}

div#Contents_05 div.chart table.chart_table th.product h4 {
margin:0px;
padding:0px;
	font-size: 115%;
	line-height:130%;
}

div#Contents_05 div.chart table.chart_table th.product p {
margin:0px;
padding:0px;
	font-size: 100%;
	line-height:130%;
}

div#Contents_05 div.chart table.chart_table td {
	margin:0px;
	padding:5px;
	width: 219px;
	text-align:left;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

div#Contents_05 div.chart table.chart_table th.format {
	margin:0px;
	padding:5px;
	text-align:center;
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
	font-size: 115%;
	line-height:130%;
	background-color: #BFDEC7;
	font-weight: bold;
}

div#Contents_05 div.chart ul.note_01 {
margin:0px;
padding:5px 0px 0px 0px;
}

div#Contents_05 div.chart ul.note_01 li {
margin:0px;
padding:0px;
	font-size: 90%;
	line-height:115%;
}

div#Contents_05 div.chart p.note_02 {
margin:0px;
padding:5px 0px 0px 0px;
	font-size: 90%;
	line-height:115%;
}

#to_04html {
	width:220px;
	height:20px;
	background-image:url(../concept/img/05_bt_01_01.gif);
	background-repeat:no-repeat;
	text-indent:-1000px;
	display:block;
	overflow:hidden;
	margin:20px 0px 0px 355px;
}

#to_04html a {
	width:220px;
	height:20px;
	background-image:url(../concept/img/05_bt_01_01.gif);
	background-repeat:no-repeat;
	text-indent:-1000px;
	display:block;
	overflow:hidden;
}

#to_04html a:hover {
	width:220px;
	height:20px;
	background-image:url(../concept/img/05_bt_01_02.gif);
	background-repeat:no-repeat;
	text-indent:-1000px;
	display:block;
	overflow:hidden;
}

div#Contents_05 div.chart table.chart_table td div.ic_01 {
	margin:0px;
	padding:0px;
	text-align:center;
	font-size: 14px;
	line-height:100%;
}

div#Contents_05 div.chart table.chart_table td div.chart_text {
	margin:0px;
	padding: 3px 0px 0px 0px;
	font-size: 100%;
	line-height:115%;
}

div#Contents_05 div.chart table.chart_table td div.chart_text a {
margin:0px;
padding:0px;
color:#329448;
}

div#Contents_05 div.chart table.chart_table td div.chart_text a:link { color:#329448; text-decoration:none; }
div#Contents_05 div.chart table.chart_table td div.chart_text a:visited { color:#329448; text-decoration:none; }
div#Contents_05 div.chart table.chart_table td div.chart_text a:hover { color:#8CC399; text-decoration:underline; }