@charset "utf-8";

/*-------------------------------------------------
  Common layout
-------------------------------------------------*/
html {
}

body {
	margin:0;
	padding:0;
	font-family: "ＭＳ Ｐゴシック","MS PGothic","メイリオ",Mayryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
	font-size:10px;
	color:black;
	background-color:#d7eace;
}

h1{
	margin:0;
	padding:0;
	text-align:left;
}

h2{
	font-size:14px;
	margin:0 0 5px 20px;
	padding:0;
}

h3{
	font-size:14px;
	margin:0 0 5px 0;
	font-weight:500;
	padding:0;
}


img {
	border:none;
}

a {
	color:black;
	text-decoration:none;
}

a:hover {
	color:red;
	text-decoration:none;
}


#container {
	background-color:#d7eace;
}

#header{
	width:960px;
	margin:0 auto;
	height:70px;
	background-color:#d7eace;
	border-bottom:3px solid black;
	padding:0 120px;
}

#menu{
	width:1200px;
	height:70px;
	background-color:#d7eace;
	margin:0 auto;
	padding:0;
}

#header ul{
	height:70px;
	float:left;
	margin:0;
	padding:0 0 0 120px;
	font-size:12px;
	list-style:none;

}

#header ul li{
	height:70px;
	width:70px;
	float:left;
	padding:0px;
	margin-left:10px;
	display:block;
	text-align:center;
	vertical-align:text-bottom;
}

#header ul li a{
	display:block;
	background-position:0px 0px;
}

#header ul li a:hover{
	color:#34b59c;
	background-position:0px -70px;

}

#wrapper{
	width:1200px;
	height:730px;
	margin:0 auto;
	background-color:#d7eace;
	background-repeat:no-repeat;

}

#contents{
	width:960px;
	height:730px;
	margin:0 auto;
	padding:0;
	background-repeat:no-repeat;

}


#content{
	width:860px;
	height:660px;
	margin:0;
	padding:0 50px;
	background-repeat:no-repeat;
	overflow:visible;

}

#navi{
	width:860px;
	height:70px;
	margin:0;
	padding:0 50px;

}

#navileft{
	width:750px;
	height:70px;
	margin:0;
	padding:0;
	float:left;
}
#naviright{
	width:90px;
	height:70px;
	margin:0;
	padding:0;
	float:left;
}


#navi ul{
	height:100px;
	margin:0;
	padding:0;
	list-style:none;
	font-size:10px;
}

#navi ul li{
	height:70px;
	width:70px;
	float:left;
	margin:0 0 0 10px;
	display:block;
	text-align:center;
	background-repeat:no-repeat;
	background-position:right top;
}

#navi ul li a{
	height:70px;
	width:75px;
	padding-left:15px;
	display:block;
	color:#00afec;
	background-position:right top;

	background-repeat:no-repeat;

}

#navi ul li a:hover{
	height:70px;
	color:red;
	display:block;
	background-position:right bottom;
	background-repeat:no-repeat;
}




.box {
	height:160px;
	width:144px;
	float:left;
	display:block;
}

.box  a{

}

.box a:hover{
	opacity:0.5;
	-moz-opacity:0.5;
	filter:alpha(opacity = 50);
}


.b_rating{
width:144px;
margin:0 12px;

}


/*-------------------------------------------------
  Footer layout
-------------------------------------------------*/
#footer{
	width:1200px;
	height:40px;
	margin:0 auto 0 auto;
	padding:0;
}

#copyright{
	padding:5px 10px;
	text-align:right;
	font-size:9px;
	color:black;
}


#playerbox { width:840px; height:500px; margin:0 10px 0 10px;}