@charset 'UTF-8';

body{
	margin:0;padding:0;
	font-size:12px;
	text-align:center;
	line-height:1.6em;
	font-family:"osaka", "ＭＳ Ｐゴシック", arial, sans-serif;
	background: #e5e5e5 url("../img/bg.jpg") top left repeat-x;
	}
a img{
	border-style:none;
	}

#c0{
	margin-right:auto;
	margin-left:auto;
	width:960px;
	text-align:left;
	}
#c1{
	color:#382900;
	width:820px;
	background: url("../img/bg_rl.jpg") top right repeat-y;
	}
#c2{
	background: url("../img/bg_l1.jpg") top left no-repeat;
	}
#c3{
	background: url("../img/bg_r1.jpg") top right no-repeat;
	}
#c4{
	padding: 0 10px;
	}


a{
	color:#00b;
	text-decoration:underline;
	}
	a:hover{
		text-decoration:none;
		}
p{
	margin:0;
	padding:0;
	line-height:1.6em;
	}
hr,.alt{
	visibility:hidden;
	position:absolute;
	top:-5000px;
	left:-5000px;
	width:1px;
	}

.flc{
	clear:left;
	line-height:0;
	}
	.flc br{
		height:0;
		line-height:0;
		}

ul,li{
	margin:0;
	padding:0;
	list-style:none;
	}

#SITELOGO{
	padding: 11px 17px 10px;
	}

#PAGETITLE{
	position:relative;
	}
	#PAGETITLE h1{
		margin:0;
		padding:0;
		width:104px;
		height:232px;
		position:absolute;
		top:61px;
		left:675px;
		background: url(../img/title.gif) top left no-repeat;
		}
	#PAGETITLE img{
		position:absolute;
		top:-1px;
		left:425px;
		}
	#PAGETITLE div{
		position:absolute;
		left:666px;
		top:288px;
		width:111px;
		height:110px;
		background: url(../img/prog_info.gif) top left no-repeat;
		}
	#PAGETITLE span{
		visibility:hidden;
		position:absolute;
		top:-5000px;
		left:-5000px;
		width:1px;
		}

#MENU{
	width:800px;
	height:57px;
	background: url(../img/r1.gif) left top no-repeat;;
	}
	#MENU ul{
		padding: 18px 0 0 28px;
		}
		#MENU li{
			float:left;
			}
			#MENU li a{
				display:block;
				height:32px;
				}
			#MENU li.li1{
				width:98px;
				height:32px;
				}
				#MENU li.li1 a{
					width:93px;
					background: url(../img/btn_kaiken.gif) 0 0 no-repeat;
					}
					#MENU li.li1 a:hover{
						background-position: 0 -32px;
						}
			#MENU li.li2{
				width:211px;
				height:32px;
				}
				#MENU li.li2 a{
					width:206px;
					background: url(../img/btn_pv.gif) 0 0 no-repeat;
					}
					#MENU li.li2 a:hover{
						background-position: 0 -32px;
						}
			#MENU li.li3{
				width:91px;
				height:32px;
				}
				#MENU li.li3 a{
					width:86px;
					background: url(../img/btn_yokoku.gif) 0 0 no-repeat;
					}
					#MENU li.li3 a:hover{
						background-position: 0 -32px;
						}
			#MENU li.li4{
				width:88px;
				height:33px;
				position:relative;
				top:-6px;
				margin-left:5px;
				}
				#MENU li.li4 a{
					width:88px;height:33px;
					background: url(../img/b_story.gif) 0 -33px no-repeat;
					}
					#MENU li.li4 a:hover{
						background-position: 0 0;
						}
			#MENU li.li5{
				width:77px;
				height:33px;
				position:relative;
				top:-6px;
				margin-left:4px;
				}
				#MENU li.li5 a{
					width:77px;height:33px;
					background: url(../img/b_theme.gif) 0 -33px no-repeat;
					}
					#MENU li.li5 a:hover{
						background-position: 0 0;
						}
	#MENU a span{	
		visibility:hidden;
		position:absolute;
		top:-5000px;
		left:-5000px;
		width:1px;
		}

#PLAYER{
	background: url(../img/base_bg.gif) left top repeat-y;
	}
	#PLAYER div.chd1{
		padding: 6px 0 0 23px;
		height:330px;
		}

#BANNER{
	position:relative;
	}
	#BANNER .bnr1{
		position:absolute;
		left:319px;
		top:-62px;
		width:468px;
		height:60px;
		}
	#BANNER .bnr2{
		position:absolute;
		left:812px;
		top:4px;
		width:120px;
		height:600px;
		}

#HR1{
	padding: 3px 0 3px 14px;
	background: url(../img/base_bg.gif) left top repeat-y;
	}
	#HR1 div{
		width:774px;
		height:12px;
		background: url(../img/hr800.gif) 0 3px no-repeat;
		}

#UNIT1{
	padding-top:0;
	padding-left:45px;
	background: url(../img/base_bg.gif) left top repeat-y;
	}
	#UNIT1 div.chd1{
		width:710px;
		padding-top:18px;
		margin: 0 0 15px;
/*		float:left;*/
		background: url(../img/note_rules.gif) 0 -1px repeat;
		line-height:1.57em;
		}
	#UNIT1 div.chd2{
		width:352px;
		height:290px;
		float:left;
		background: url(../img/tv_bg.gif) 21px 0 no-repeat;
		}
		#UNIT1 div.chd2 div{
			position:relative;
			}
			#UNIT1 div.chd2 h3{
				margin:0;padding:0;
				line-height:1em;
				position:absolute;
				left:10px;top:20px;
				width:165px;
				text-align:right;
				color:#fff;
				font-size:20px;
				}
			#UNIT1 div.chd2 img{
				position:absolute;
				left:92px;top:58px;
				}
			#UNIT1 div.chd2 div.ply a{
				position:absolute;
				left:55px;top:202px;
				display:block;
				width:279px;height:31px;
				background: url(../img/btn_play.gif) 0 0 no-repeat;
				}
				#UNIT1 div.chd2 div.ply a:hover{
					background-position: 0 -31px;
					}
			#UNIT1 div.chd2 div.imama a{
				position:absolute;
				left:57px;top:250px;
				display:block;
				width:277px;height:28px;
				background: url(../img/btn_imamade.jpg) 0 0 no-repeat;
				}
		#UNIT1 div.chd2 h3 span,
		#UNIT1 div.chd2 p,
		#UNIT1 div.chd2 div a span,
		#UNIT1 div.chd2 h2{
			display:none;
			}

#UNIT2{
	padding-top:5px;
	padding-left:25px;
	background: url(../img/base_bg.gif) left top repeat-y;
	}
	#UNIT2 div.chd1{
		float:left;
		width:235px;
		}
		#UNIT2 div.chd1 h3{
			width:210px;
			height:36px;
			margin:0;padding:0;
			background: url(../img/cast.gif) 0 0 no-repeat;
			}

			#UNIT2 div.chd1 table{
				width:190px;
				margin-left:20px;
				}
			#UNIT2 div.chd1 table td a{
				color:#082;
				}
	#UNIT2 div.chd2{
		float:left;
		width:390px;
		}
		#UNIT2 div.chd2 h3{
			width:390px;
			height:36px;
			margin:0;padding:0;
			background: url(../img/staff.gif) 0 0 no-repeat;
			}
			#UNIT2 div.chd2 table{
				width:390px;
				}
				#UNIT2 div.chd2 th{
					text-align:right;
					}
	#UNIT2 div.chd3{
		float:left;
		width:126px;
		height:292px;
		background: url(../img/illust2.gif) 10px 0 no-repeat;
		}

	#UNIT2 div h3 span{
		visibility:hidden;
		position:absolute;
		top:-5000px;
		left:-5000px;
		width:1px;
		}
	#UNIT2 div table{
		border:0;
		border-spacing:0;
		margin:0;
		padding:0;
		border-collapse:collapse;
		margin-top:40px;
/*\*/
		margin-top:10px;
/**/
		font-size:12px;
		}
		#UNIT2 div table *{
			margin:0;
			padding:0;
			}	
		#UNIT2 div table th{
			font-weight:bold;
			white-space:nowrap;
			padding-right:10px;
			padding-bottom:0.2em;
			line-height:1.4em;
			text-align:left;
			vertical-align:top;
			}
		#UNIT2 div table td{
			font-weight:normal;
			text-align:left;
			padding-bottom:0.2em;
			line-height:1.4em;
			}
			#UNIT2 div table .l{
				padding-top:10px;
				}
			#UNIT2 div table .hoka{
				text-align:right;
				padding-top:5px;
				padding-right:20px;
				}
#OFFICIAL{
	background: url(../img/base_bg.gif) left top repeat-y;
	padding-top:10px;
	margin-bottom:14px;
	}
	#OFFICIAL div{
		text-align:center;
		padding-bottom:10px;
		background: url(../img/r2.gif) left bottom no-repeat;
		}

#FOOTER{
	background:#e5e5e5;
	text-align:center;
	font-size:84%;
	}
	#FOOTER .chd1{
		padding: 10px 0;
		}
	#FOOTER .cp1{
		background: url(../img/cp_bg.gif) left top repeat-x;
		}
	#FOOTER .cp2{
		height:18px;
		background: url(../img/copyright_1.gif) center center no-repeat;
		}
	#FOOTER .cp3{
		height:18px;
		margin: 0 5px;
		background: url(../img/copyright_2.gif) center right no-repeat;
		}
		#FOOTER a{
			color:#4f4f4f;
			text-decoration:none;
			}
		#FOOTER span{
			visibility:hidden;
			position:absolute;
			top:-5000px;
			left:-5000px;
			width:1px;
			}

	#PLAYER div.chd1 .i1{
		background:url(../img/main_bnbg.jpg) 0 0 no-repeat;
		width:401px;height:327px;text-align:left;margin:0;padding:0;
		}
		#PLAYER div.chd1 .i1 h2{margin:0;padding:0;display:none;}
		#PLAYER div.chd1 ul li span{display:none;}
		#PLAYER div.chd1 ul{
			position:relative;
			background:#f00;
			}
			#PLAYER div.chd1 ul li{
				position:absolute;
				width:162px;height:107px;
				}
			#PLAYER div.chd1 ul li a{
				width:162px;height:107px;display:block;
				background:url(../img/ex_hover.gif) -171px 0 no-repeat;
				}
			#PLAYER div.chd1 ul li.m1{
				top:58px;left:43px;
				}
			#PLAYER div.chd1 ul li.m2{
				top:58px;left:211px;
				}
			#PLAYER div.chd1 ul li.m3{
				top:171px;left:43px;
				}
			#PLAYER div.chd1 ul li.m4{
				top:171px;left:211px;
				}
				#PLAYER div.chd1 ul li a:hover{
					background:url(../img/ex_hover.gif) 0 0 no-repeat;
					}
				#PLAYER div.chd1 ul li.m1 a:hover{
					background: url(../img/ex_hover2.gif) 0 0 no-repeat;
					}
	#PLAYER .chd1 .imama{
		position:relative;
		}
		#PLAYER .chd1 .imama a{
			position:absolute;
			width:330px;height:30px;
			top:285px;left:43px;
			background:url(../img/b_mb.gif) 0 0 no-repeat;
			}
		#PLAYER .chd1 .imama a:hover{
			background-position: 0 -30px;
			}
			#PLAYER .chd1 .imama span{display:none;}