/*-------------------------------------文字サイズ*/
body {font-size: 90%;}
h1 {font-size: 90%;}
h2 {font-size: 100%;}
h3 {font-size: 100%;}
h4 {font-size: 100%;}
h5 {font-size: 100%;}
.small {font-size: 85%;}
.big {font-size: 110%;}
.normal {font-size: 100%;}
.f90{font-size: 90%;}
td {
font-size: 80%;
voice-family: "\"}\"";voice-family: inherit;
font-size:100%;
} 
/*-------------------------------------汎用タグ*/
h1 {padding: 6px 10px;margin: 0;font-weight: normal;line-height: normal;
	background-color: #002;
	color: #fff;
}
h2 {
	background-color: #000;
	padding:10px 10px 5px;margin: 3px;
	line-height: normal;
	font-weight: normal;
	background-image: url(../img/bg_title.gif);
	background-repeat: repeat-x;
	color: #fff;
}
.sideh3{background-color: #000;padding: 3px 0;margin: 0 5px;}
#side h3 {
	margin: 5px;
	color: white;
	text-align: center;
	font-weight: normal;
	border-color: #888;
	border-style: solid;
	border-width: 0 5px;
}
h4 {font-weight: normal;line-height: normal;}
h5 {padding: 0px;margin: 0px;font-weight: normal;line-height: normal;}
img {border-style: none;}
p {margin: 0px;}
ul { margin: 0px;padding: 0px;}
li{list-style-position: outside;list-style-image: none;}

td {font-family:Verdana, "ＭＳ Ｐゴシック","Osaka－等幅","Osaka-Mono",sans-serif;}
body{
	font-family:Verdana, "ＭＳ Ｐゴシック","Osaka－等幅","Osaka-Mono",sans-serif;
	width: 900px;
	margin:15px auto 5px;
	background-color: #1f3b2d;
	background-image: url(../img/bg_body.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	scrollbar-face-color: #eee;
	scrollbar-track-color: #cfcfef;
	scrollbar-arrow-color: #77c;
	scrollbar-highlight-color: #eee;
	scrollbar-shadow-color: #77c;
	scrollbar-3dlight-color: #bbb;
	scrollbar-darkshadow-color: #66a;
}
* html #body{
	width: 900px;
}

/*-----------------------------------文字・ブロック寄せ*/
.right{text-align: right;}
.left{text-align: left;}
.f_right{float: right;}
.f_left{float: left;}
.f_clr{clear: both;}
.center_txt{text-align: center;}
.center_blk{margin-left: auto;margin-right: auto;}
.listmc img{vertical-align: middle;padding-right: 3px;}

/*-------------------------------------文字色*/
.red{color: red;}
.blu{color: navy;}
.grn{color: #080;}
.orn{color: #f90;}
.gry{color: #666;}

/*-------------------------------------背景色*/
.bg_gry1{background-color: #ccc;}
.bg_gry2{background-color: #888;}
.bg_wht1{background-color: #fff;}
.bg_wht2{background-color: #ffc;}

/*----------------------------------------ボーダー*/
.bd_gry1{border: #ccc 1px solid;}
.bd_btmbg{border-bottom: 3px double lightsteelblue;}
.bd_btmwt{border-bottom: #fff 3px solid;}

/*----------------------------------------余白*/
.ma5{margin: 5px;}
.ma10{margin: 10px;}
.pa5{padding: 5px;}
.pa10{padding: 10px;}
.top5{margin-top:5px;}
.btm5{margin-bottom:5px;}
.lft10{margin-left: 10px;}
/*----------------------------------------リンク*/
a { text-decoration: none;}
a:link { color: #059}
a:visited { color:#048}
a:active { color:crimson}
a:hover { color:crimson}
.main a:hover{text-decoration: underline;}

.toi a:link{ color: #fff}
.toi a:visited{ color:#fff}
.toi a:active{ color:red}
.toi a:hover{ color:red}

.sidemenu li a{
	background-image: url(../img/mc1.gif);
	background-position: 4px 50%;
	background-repeat: no-repeat;
	padding-left: 20px;
}
.listinfo a:hover img{background-color: #e0ffff}
.dload a:hover img{background-color: #e0ffff}
.play a:hover img{background-color:#fff5ee}
.gosch a img{background-color: #fff;}
.gosch a:hover img{background-color: #e0ffff;}

/*----------------------------------------------コンテナ(全ページ共通)--*/
#body{}

/*ヘッダー*/
#head{
	background-position: right;
	background-repeat: no-repeat;
	color: #fff;
	}

.headbd{
	border: 1px solid #aac;
/*	padding: 3px 10px 5px;*/
	padding: 3px 10px 2px;
	background-color: #174593;
	background-image: url(../img/bg_head_a.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	}
.headtxt{
	width: 610px;
	padding: 0;
}
.headtxt img{
	margin: 10px 5px 8px;
}
.sch{
	width: 210px;
	margin-top: 25px;
	padding: 15px 20px;
	background-color: black;
	border: 1px solid #aac;
	float: right;
	line-height: 150%;
}
.sch form{margin: 8px 0;}

.toi{
	clear: left;
	padding: 5px 10px;
	background-color: #000;
	background-image: url(../img/bg_head_b.jpg);
/*	background-position: right top; */
	background-position: -11px 0px;
	background-repeat: no-repeat;
}
	

/*サイドバー*/
#side{float: left;width: 210px;padding: 5px 0px;}
.sidetxt{margin: 5px 12px 10px;}
.sidetxt p{margin-left: 15px;}
.sidetxt p img{vertical-align: middle;margin: 3px;}
.sidemenu ul{margin: 3px;}
.sidemenu li{
	line-height: 180%;
	border-bottom: 1px dashed #888;
	list-style-type: none;
}

/*メインエリア*/
*html body #contents{
	margin: 0 2px;
}

#contents{
	float: left;
	background-image: url(../img/bg_side.gif);
	background-position: left;
	background-repeat: repeat-y;
}
#contents{
	margin: 15px 0;
	voice-family: "\"}\"";voice-family: inherit;
	padding: 0 ;
}
.main{
	width:680px;
	float: right;
	margin: 0 auto;
	padding: 0 0 0 5px;
}
.whbox{background-color: white;padding-top:1px;}
.clm{
	margin: 0px auto 10px;
	padding: 5px 10px;
}

.gotop{
	background-color: #fff;
	clear: left;
	text-align: right;
	font-size: 90%;
	padding: 2px;
	margin-top: 5px;
	padding-right: 10px;
}
.gotop img{margin:auto 3px;}

/*フッター*/
#foot{clear: both;}
.copywright{
	padding: 5px 0 10px;
	text-align: center;
	background-color: #000;
	color: #fff;
}

/*----------------------------------トップページ------*/
/*新着とおすすめ*/
.topnew{
	margin: 0px 10px 10px;
	padding: 5px 0px;
}
*html .topnew table{width: 660px;}
.topnew table{width: 660px;
	voice-family: "\"}\"";voice-family: inherit;
	width: 670px;
}
.topnew table td{
	width: 25%;
	font-size: 90%;
	vertical-align: top;
	padding: 0 0px;
	line-height: 110%;
	}
.tt{border-right: 5px solid #fff;}
.time{
	background-image: url(../img/clok.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 11px;
	font-size:90%;
}

/*お知らせとランキング*/
.topcon_l, .topcon_r{
	float: left;
	margin-top: 10px;
	margin-bottom: 5px;
	}
.topcon_l{width: 330px;margin-right: 10px;}
.topcon_r{width: 300px;}
.setheight{
	height: 400px;
	overflow: auto;
}
.linktxt{padding-left: 0.5em;}

.topinfo{
	margin: 5px 15px;
	border-bottom: 1px dashed #888;
}
.topinfo p{padding-bottom: 2px;}
.rkg{margin: 5px 10px 5px;}
.rkg table{border-bottom: 1px dashed #888;}
.rkg td p{padding-bottom: 2px;}
.ranknum{font-weight: bold;}

/*----------------------------------検索結果一覧------*/
.title_list{
	border-top:2px solid #333;
	border-bottom:2px solid #333;
	margin: 3px 3px 5px;
	padding: 8px 5px;
	background-color: #ddd;
}
.title_list img{vertical-align: middle;margin: auto 2px;}
.listinfo{
	float: left;
	width: 75px;
	font-size: 90%;
	height: 78px;
	border: 1px solid #ccc;
	border-width: 1px 1px 1px 0;
	padding: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #fff;
}
.listinfo p img{margin-top: 2px;}
.sce {
	width: 430px;
	overflow: auto;
}

.sce td{
	padding:0 5px;
	font-size: 85%;
	width:100px;
	vertical-align: top;
	border-right: 1px solid #ccc;
}
.sce td img{margin-bottom: 3px;}

.comment{
	clear: left;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	padding: 5px 5px 5px 7em;
	margin:3px 0 3px;
	text-indent: -6em;
}
.comment p{margin-bottom: 4px;}
.c{letter-spacing:0.3em}

/*----------------------------------詳細------*/
.data{
	width: 80px;
	text-indent: 0.5em;
	padding:2px 2px 2px 1em;
	font-size: 90%;
	border-top: 1px dashed #ccd;
	margin: 3px 3px 3px -3px;
	line-height: 110%;
	text-align: left;
}
.comment span, .data{
	background-color: steelblue;
	color: #fff;
	padding: 1px 8px 1px 1px;
	margin-right: 0.5em;
	background-image: url(../img/mc2.gif);
	background-position: right;
	background-repeat: no-repeat;
}

.data_subs{
	font-size: 90%;
	margin-left: 10px;
}


.movieinfo{
	float: right;
	padding-left: 10px ;
	width: 150px;
}

.dt_sce {
	width: 650px;
	overflow: auto;
}

.dt_sce td{
	padding:0 5px;
	font-size: 85%;
	width:100px;
	vertical-align: top;
	border-right: 1px solid #ccc;
}
.dt_sce td img{margin-bottom: 3px;}
/*----------------------------------------*/
/*----------------------------------------*/

.ico_play{
	background-image: url(../img/ico_play.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 11px;
	font-size:90%;
}


.tooltip{  
 position:absolute;  
 top:-9999px;  
 background-color:#dedede;  
 padding:3px;  
 border:1px solid #0b0b0b;  
 width:200px; 
 font-size:90%;
 }  
   
 .tooltip p{  
 margin:0;  
 padding:0;  
 color:#fff;  
 background-color:#222;  
 padding:5px 5px;  
 width:190px;  
 top:-9999px;  
 }  


span.strong {font-weight: bold; }


div.outer {
    display: table;
		border-spacing:0px;
		background-color:black;
		width:120px;
		height:90px;
}
    * html div.outer {
        position: relative;
    }
    *+html div.outer {
        position: relative;
    }

div.vertical-middle{
	vertical-align: middle;
	display: table-cell;
}

/*------------------------------------LinkURL*/
#LinkURL{
	font-size:80%;
	color: #006699;
	margin: 10px;
}
/*------------------------------------------*/