/*******************************************
Common Layout CSS@[com]
*******************************************/

/*===========================================
Box Setting
===========================================*/
/*-------------------------------------------
Header
-------------------------------------------*/
#head {
	width:740px;
	height:60px;
	margin:0;
	padding:0;
	background-color:#000000;
	border-bottom:1px solid #444444;
}

#head #logo_top_jvc {
	float:left;
	margin-top:8px;
	margin-left:15px;
}

*html #head #logo_top_jvc {
	margin-left:7px;
}

#head #sophisti_logos {
	float:right;
}

#head #copy_top_dd {
	float:left;
	margin-top:25px;
	margin-right:8px;
}

#head #logo_top_sophisti {
	float:left;
	margin:7px 20px 0 0;
	padding-right: 13px;
}

*html #head #logo_top_sophisti {
	margin:7px 10px 0 0;
	padding-right: 0px;
}

/*-------------------------------------------
Global Navigation
-------------------------------------------*/
#glnavi {
    clear:both;
    background:url("../../i/navi/gl_back.jpg") no-repeat bottom left;
	width: 740px;
    height: 45px;
    text-align:center;
    margin:0;
	padding:0;

}

#glnavi ul li {
    float: left;
	list-style:none;
	height: 35px;/*
	display: inline;
	margin: 0;
	padding: 0;*/
}

#glnavi span {
	position: absolute;
	left: -2000px;
	top:-2000px;
}
/*------- Home -------*/
#g-home a {
	display:block;
	width:132px;
	height:35px;
	background:url("../../i/navi/gl_home_set.gif") no-repeat 0 0;
}

#g-home a:hover {background:url("../../i/navi/gl_home_set.gif") no-repeat 0 -35px;}

#g-home {
	display:block;
	width:132px;
	height:35px;
	background:url("../../i/navi/gl_home_set.gif") no-repeat 0 -70px;
}

/*------- network -------*/
#g-network a {
	display:block;
	width:132px;
	height:35px;
	background:url("../../i/navi/gl_network_set.gif") no-repeat 0 0;
}

#g-network a:hover {background:url("../../i/navi/gl_network_set.gif") no-repeat 0 -35px;}

#g-network {
	display:block;
	width:132px;
	height:35px;
	background:url("../../i/navi/gl_network_set.gif") no-repeat 0 -70px;
}

/*------- surround -------*/
#g-surround a {
	display:block;
	width:132px;
	height:35px;
	background:url("../../i/navi/gl_surround_set.gif") no-repeat 0 0;
}

#g-surround a:hover {background:url("../../i/navi/gl_surround_set.gif") no-repeat 0 -35px;}

#g-surround {
	display:block;
	width:132px;
	height:35px;
	background:url("../../i/navi/gl_surround_set.gif") no-repeat 0 -70px;
}

/*------- hifi -------*/
#g-hifi a {
	display:block;
	width:132px;
	height:35px;
	background:url("../../i/navi/gl_hifi_set.gif") no-repeat 0 0;
}

#g-hifi a:hover {background:url("../../i/navi/gl_hifi_set.gif") no-repeat 0 -35px;}

#g-hifi {
	display:block;
	width:132px;
	height:35px;
	background:url("../../i/navi/gl_hifi_set.gif") no-repeat 0 -70px;
}

/*------- design -------*/
#g-design a {
	display:block;
	width:90px;
	height:35px;
	background:url("../../i/navi/gl_design_set.gif") no-repeat 0 0;
}

#g-design a:hover {background:url("../../i/navi/gl_design_set.gif") no-repeat 0 -35px;}

#g-design {
	display:block;
	width:90px;
	height:35px;
	background:url("../../i/navi/gl_design_set.gif") no-repeat 0 -35px;
}

/*------- product -------*/
#g-product a {
	display:block;
	width:122px;
	height:35px;
	background:url("../../i/navi/gl_product_set.gif") no-repeat 0 0;
}

#g-product a:hover {background:url("../../i/navi/gl_product_set.gif") no-repeat 0 -35px;}

#g-product {
	display:block;
	width:122px;
	height:35px;
	background:url("../../i/navi/gl_product_set.gif") no-repeat 0 -35px;
}

/*-------------------------------------------
Global Navigation02
-------------------------------------------*/
#navi {
	width:740px;
	height:45px;
	margin:0;
	padding:0;
	background:url("../../i/navi/bg_under_navi.gif") no-repeat bottom left;
}

#navi #gl_navi {
	float:left;
	width:528px;
	margin:0;
	padding:0;
	background:url("../../i/navi/bg_gl_navi.gif") no-repeat top left;
}

#navi #gl_navi li {
	list-style:none;
	float:left;
}

#navi #gl_navi li img {
	display:inline;
}

/*-------------------------------------------
Context Navigation
-------------------------------------------*/
#navi #ctx_navi {
	float:right;
	width:212px;
	height:45px;
	margin:0;
	padding:0;
	background:url("../../i/navi/bg_gl_navi.gif") no-repeat top right;
}

#navi #ctx_navi li {
	list-style:none;
	float:left;
}

#navi #ctx_navi li img {
	display:inline;
}

#navi #ctx_navi li#ctx_design {
	margin-left:15px;
}

*html #navi #ctx_navi li#ctx_design {
	margin-left:8px;
}

#navi #ctx_navi li#ctx_design img {
	padding-top:10px;
}

*html #navi #ctx_navi li#ctx_design img {
	margin-top:10px;
}

#navi #ctx_navi li#ctx_products {
	padding-top:10px;
	margin-left:15px;
}


/*-------------------------------------------
Flash Navigation
-------------------------------------------*/
#flash_area_top {
	clear:both;
	width:740px;
	margin:0;
	padding:0;
}

/*-------------------------------------------
headline
-------------------------------------------*/
#content .headline {
	clear:both;
	background:url("../../i/network/line_h2.gif") no-repeat top left;
}

#content .headline h2 {
	margin:0 0 5px 15px;
	padding-top:3px;
}

#content .headline p {
	margin:0 0 30px 15px;
}

#content .solid_line {
	clear:both;
	margin-bottom:20px;
	border-bottom:1px solid #666666;
}

/*-------------------------------------------
Contents Area
-------------------------------------------*/
#content {
	width:740px;
	margin:0;
	padding:0;
}

/*-------------------------------------------
Footer
-------------------------------------------*/
#foot {
	clear:both;
	width:740px;
	margin:0;
	padding:0;
}

#foot #pagetop {
	width:740px;
	height:25px;
	margin:15px 0;
	padding:0;
	background:url("../../i/com/bg_pagetop.gif") repeat-x top left;
}

#foot #pagetop p.open_new_win {
	float:left;
	margin:7px 0 7px 40px;
}

*html #foot #pagetop p.open_new_win {
	float:left;
	margin:7px 0 7px 20px;
}

#foot #pagetop p.pagetop {
	float:right;
	margin:6px 40px 6px 0;
}

*html #foot #pagetop p.pagetop {
	float:right;
	margin:6px 20px 6px 0;
}

#foot #navi_foot {
	clear:both;
	width:570px;
	margin:0 0 20px 160px;
	padding:0;
	border-left:1px solid #666666;
}

*html #foot #navi_foot {
	clear:both;
	width:570px;
	margin:0 0 20px 170px;
	padding:0;
	border-left:1px solid #666666;
}

#foot #navi_foot a:link {
	color:#555555;
	text-decoration:none;
}

#foot #navi_foot a:visited {
	color:#555555;
	text-decoration:none;
}

#foot #navi_foot a:hover {
	color:#000000;
	text-decoration:underline;
}

#foot #navi_foot p {
	display:inline;
	border-right:1px solid #666666;
	padding-right:8px;
	margin-left:8px;
	font-size:0.9166em;
}

#foot #copyright {
	width:740px;
	background:url("../../i/com/bg_foot_navi.gif") no-repeat top left;
	background-color:#000000;
	padding:30px 0;
}

#foot #copyright p img {
	margin:0 0 0 194px;
	padding:0;
}

/*-------------------------------------------
Network Window
-------------------------------------------*/
#foot2 {
	clear:both;
	width:740px;
	height:150px;
	margin:20px 0 0 0;
	padding:0;
	border-top:1px solid #444444;
	background-color:#000;
}

#foot2 #pagetop {
	width:740px;
	height:25px;
	margin:15px 0;
	padding:0;
	background:url("../../i/com/bg_pagetop.gif") repeat-x top left;
}

#foot2 #pagetop p.open_new_win {
	float:left;
	margin:7px 0 7px 40px;
}

*html #foot2 #pagetop p.open_new_win {
	float:left;
	margin:7px 0 7px 20px;
}

#foot2 #pagetop p.pagetop {
	float:right;
	margin:6px 40px 6px 0;
}

*html #foot2 #pagetop p.pagetop {
	float:right;
	margin:6px 20px 6px 0;
}

#foot2 #copyright2 {
    clear:both;
	width:200px;
	background-color:#000000;
	margin:0;
}

#foot2 #copyright2 p img {
	margin:30px 0 0 194px;
	padding:0;
}


/*-------------------------------------------
Design Window
-------------------------------------------*/
#foot3 {
	clear:both;
	width:740px;
	height:150px;
	margin:0;
	padding:0;
	border-top:1px solid #444444;
	background-color:#000;
}

#foot3 #pagetop {
	width:740px;
	height:25px;
	margin:15px 0;
	padding:0;
	background:url("../../i/com/bg_pagetop.gif") repeat-x top left;
}

#foot3 #pagetop p.open_new_win {
	float:left;
	margin:7px 0 7px 40px;
}

*html #foot3 #pagetop p.open_new_win {
	float:left;
	margin:7px 0 7px 20px;
}

#foot3 #pagetop p.pagetop {
	float:right;
	margin:6px 40px 6px 0;
}

*html #foot3 #pagetop p.pagetop {
	float:right;
	margin:6px 20px 6px 0;
}

#foot3 #copyright3 {
    float:left;
	width:370px;
	background-color:#000000;
	margin:0;
}

#foot3 #copyright3 p img {
	margin:30px 0 0 194px;
	padding:0;
}

#foot3 .naviset {
    float:right;
	width:100px;
	margin:0 10px 0 0;
	padding:10px 0 0 0;
}

#foot3 .navi {
    float:left;
}

#foot3 .navi span{
    padding: 3px 15px 0 15px;
	color:#fff;
}
* html #foot3 .navi p {
    font-size:xx-small;
}

/*-------------------------------------------
 Window Close
-------------------------------------------*/
.close {
	clear:both;
	width:155px;
	height:30px;
	margin:30px 0 0 0;
	padding:0;
}