@charset "utf-8";

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

body {
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ 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;
}


.color_white{color:#FFF;}

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

a:link, a:active, a:hover,a:visited  { color: #696969; }
/*a:visited { color: #696969; }*/
a:link, a:active, a:visited { text-decoration: none; }
a:hover {	text-decoration: none; }



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

#container {
	width:960px;
	margin:0 auto;
}

/* #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, #main h1, #main h2{margin-bottom:10px;}


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

#brand {
	height: 50px;
	width:960px
	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_tb
----------------------------------------------------------- */
/*1409リニューアル*/


/*くるくる*/

#tb_head{
    position: fixed;
	z-index:200;
	top:0;
	border-bottom:3px solid #DBDBDB;
}
#tb_head td{background-color:#fff;}
#tb_body{
	z-index:100;
	}


/**/
table {padding-top:40px;}
table td.cont,
table td.rec,
table td.time,
table td.play{padding:0 !important;}

table td.cont div,
table td.rec div,
table td.time div,
table td.play div{
	color:#fff;
	font-weight:bold;
	padding:2px 0;
	vertical-align:middle;
	position:relative;
	}

table td.cont div{background-color:#24a554;}
table td.rec div{background-color:#d4342a;}
table td.time div{background-color:#e3882a;}
table td.play div{background-color:#088cce;}


table td.cell_t,table td.cell_r,table td.cell_c,table td.cell_p{
	font-weight:bold !important;
	cursor:pointer;
	font-size:18px;
	}

table td.cell_g{
	cursor:pointer;
	}

table td.p_off{
	cursor:auto !important;
	}

table td.cell_t{background-color:#fff2e4;}
table td.cell_r{background-color:#ffe9e8;}
table td.cell_c{background-color:#e8faef;}
table td.cell_p{background-color:#D8EDFF;}
table td.cell_g{background-color:#f3f3f3;}


table td sup{color:#E33C3F; display:inline-block; margin-top:6px;}
table td span.point{font-size:120%; font-weight:bold}
table td span.notice{font-size:80%; color:#E33C3F;}

/*------------------------------------*/


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

table.spec_tb{
	width:960px !important;
	font-size: 78%;
	border-top:1px solid #DBDBDB;
	border-left:1px solid #DBDBDB;
	position:relative;
	table-layout:fixed;
	}

table.spec_tb td.bb0{border-bottom-width:0;}

table.spec_tb td.small{zoom:1; padding:10px 0;}
table.spec_tb td,
table.spec_tb th{
	border-right:1px solid #DBDBDB;
	border-bottom:1px solid #DBDBDB;
    vertical-align: middle;
	table-layout:fixed;
	white-space:normal;
	word-break: break-all;
	zoom:1;
	}

table.spec_tb .col_width01{width:24px !important; padding:10px 0 !important; }
table.spec_tb .col_width02{width:93px !important; padding:10px 0 !important;}
table.spec_tb .col_width03{width:104px !important; padding:10px 0 !important;}
table.spec_tb .col_width04{width:119px !important; padding:10px 0 !important;}


table.spec_tb td.center,
table.spec_tb th.center{
	text-align:center;
	}

table.spec_tb td.bottom,
table.spec_tb th.bottom{
	text-align:center;
	vertical-align:bottom;
	}

table.spec_tb th.no_color{
	background-color:#666666 !important;
	color:#fff;
	text-align:center;
	}

table.spec_tb th.no_color span{
	color:#fff !important;
	}

table.spec_tb th.server{
	background-color:#f0920d !important;
	color:#fff !important;
	}

table.spec_tb th.t_server{
	background-color:#6c558e !important;
	color:#fff !important;
	}

table.spec_tb th.blu-ray{
	background-color:#088cce !important;
	color:#fff;
	}

table.spec_tb th.ttl{
	background-color:#212121;
	color:#fff;
	width: 117px !important;
	}
@media screen and (-webkit-min-device-pixel-ratio:0) {
     table.spec_tb th.ttl { width: 118px !important; } /* chrome */
     }



table.spec_tb th.name{
	font-size:116%;
	background-color:#fff;
	}

table.spec_tb td.gray{background-color:#f3f3f3;}

.even{
	background-color:#F8F8F8;
	}
.nowrap{
	white-space:nowrap;
	}

sup {
    display: inline-block;
    font-size: 95%;
    font-size: 120%\9;
    left: 0;
    position: relative;
    top: -0.8ex;
    vertical-align: baseline;
}
.f12 {
  font-size: 64.7%;
  font-weight: normal;
  line-height: 1.2;
}



/* .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;
}