@charset "utf-8";

/* Base
----------------------------------------------------------- */

body {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 100%;
	color:#535353;
	line-height: 1.4;
	background: #FFFFFF;
}

* + html body {
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}



/* Link
----------------------------------------------------------- */

a:link, a:active, a:hover { color: #0f6e96; }
a:visited { color: #696969; }
a:link, a:active, a:visited { text-decoration: none; }
a:hover {	text-decoration: underline; }



/* Main Layout
----------------------------------------------------------- */
body {
	text-align: left;
}

#container {
	
}

/* #header
----------------------------------------------------------- */

#header {
	margin: 0 12px 0 0;
}

#logo {
	float: left;
	white-space: nowrap;
}

#header .navskip {
	height:1px;
	overflow:hidden;
	position:absolute;
	width:1px;
	z-index:100;
} 

#inquiry {
	float: right;
	white-space: nowrap;
	margin: 26px 0 0 0;
	text-align: right;
}



/* #brand
----------------------------------------------------------- */

#brand {
	height: 50px;
	margin: 0 12px;
	background: #000 url(../../../../common/10b/images/bg_brand.gif) right top no-repeat;
}

#brand div {
	float: left;
	white-space: nowrap;
}
#brand p {
	float: right;
	white-space: nowrap;
	text-align: right;
}


/* .spec_eyecatch
----------------------------------------------------------- */

#main .spec_eyecatch {
	height: 126px;
	margin: 18px 12px 0 12px;
	background: url(../images/bg_vr_eyecatch_1_126.gif) left top transparent repeat-x;
}

#main .spec_eyecatch h1 { 
	float: left;
	white-space: nowrap;
}

#main .spec_eyecatch div { 
	float: right;
	white-space: nowrap;
	text-align: right;
}


/* .spec_title
----------------------------------------------------------- */

#main .spec_title {
	height: 33px;
	margin: 18px 12px 3px 12px;
	padding: 0 5px 0 0;
	background: url(../images/bg_vr_spec_1_33_right.gif) right top transparent no-repeat;
}

#main .spec_title h2 { 
	background: url(../images/bg_vr_spec_1_33.gif) left top transparent repeat-x;
}




/* .spec_tb
----------------------------------------------------------- */
table.spec_tb th.link a{
	 color: #535353;
	}
table.spec_tb th.link a:hover{
	 color: #535353;
	 text-decoration:none;
	}

table.spec_tb{
	font-size: 82%;
	margin:10px 12px;
	border-top:1px solid #DBDBDB;
	border-left:1px solid #DBDBDB;
	position:relative;
	}
table.spec_tb td,
table.spec_tb th{
	border-right:1px solid #DBDBDB;
	border-bottom:1px solid #DBDBDB;
    padding: 6px 4px;
    vertical-align: middle;
	}

table.spec_tb td.center,
table.spec_tb th.center{
	text-align:center;
	}
table.spec_tb th.no_color{
	background-color:#FFF !important;
	}
table.spec_tb th.server{
	background-color:#FF801F !important;
	color:#fff !important;
	}
table.spec_tb th.blu-ray{
	background-color:#1082E0 !important;
	color:#fff;
	}

table.spec_tb th.ttl{
	background-color:#212121;
	color:#fff;
	}
	
table.spec_tb th.name{
	font-size:116%;
	}
	
.even{
	background-color:#F8F8F8;
	}
.nowrap{
	white-space:nowrap;
	}

sup {
    display: inline-block;
    font-size: 70%;
    left: 0;
    position: relative;
    top: -0.8ex;
    vertical-align: baseline;
}

/* .spec_button
----------------------------------------------------------- */
.spec_annotation{
		margin: 0 12px 24px 12px;
}
.spec_annotation ul{
	color: #898989;
    font-size: 70%;
	}
.spec_annotation ul li.as10{
	text-indent:-1em;
	padding-left:1em;
	}
.spec_annotation ul li.as20{
	text-indent:-2em;
	padding-left:2em;
	}
.spec_annotation ul li.as25{
	text-indent:-2.5em;
	padding-left:2.5em;
	}
.spec_annotation ul li.as30{
	text-indent:-3em;
	padding-left:3em;
	}

/* .spec_button
----------------------------------------------------------- */

#main .spec_button {
	margin: 0 12px 24px 12px;
}


/* #divider
----------------------------------------------------------- */
#divider_liquid {
	min-height: 30px;
	height: auto !important;
	height: 30px;
	margin: 0 12px;
	font-size: 69%; /* 11px */
	background: url(../images/bg_hr_dot_2_2.gif) left top transparent repeat-x;
}

#divider_liquid p {
	float: left;
	white-space: nowrap;
	margin: 10px 0 0 5px;
	color: #898989;
}

#divider_liquid a {
	float: right;
	  margin: 10px 10px 0 0;
	white-space: nowrap;
}


/* #footer
----------------------------------------------------------- */

#footer {
	font-size: 69%; /* 11px */
	min-height: 58px;
	height: auto !important;
	height: 58px;
	margin: 0 12px;
	background: #000;
}

#footer a:link,
#footer a:active,
#footer a:visited,
#footer a:hover
{
	color: #FFFFFF;
}

#footer a:link,
#footer a:active,
#footer a:visited {
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}


/* #copyright */

#footer #copyright {
	float: left;
	white-space: nowrap;
	display: inline;
	margin: 10px 0 0 12px;
}

#footer #copyright address {
	padding: 6px 0 5px 0;
}


/* #echostyle */

#footer #echostyle {
	float: right;
	white-space: nowrap;
	padding: 13px 10px 13px 0;
}