@charset "utf-8";
* {
	margin:0;
	padding:0;
}
body {
	background:#ccc url('/img/bg.gif') repeat-x scroll top center;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
a {
	text-decoration:none;
	color:#00f;
}
a img {
	border:0;
}
#container {
	text-align:center;
}
#content {
	width:990px;
	margin:0 auto;
	text-align:left;
}
#main {
	float:left;
	width:990px;
	height:600px;
	background:transparent url('/img/main_l.gif') no-repeat scroll top center;
	position:relative;
}
/*------------------------
	MAIN
------------------------*/
#ad_banner {
	position:absolute;
	left:15px;
	top:50px;
}
#multi {
	position:absolute;
	left:145px;
	width:800px;
	height:560px;
}
#pwd {
	position:absolute;
	left:145px;
	top:15px;
	width:640px;
	height:20px;
}
#pwd .margin_box {
	padding:0 5px;
}
#pwd p {
	font-size:14px;
	line-height:20px;
	vertical-align:middle;
}
#preview {
	position:absolute;
	left:145px;
	top:40px;
	width:640px;
	height:540px;
}
/*-------------
	PREVIEW
--------------*/
#preview_header {
	background:transparent url('/img/player_header.gif') no-repeat scroll top center;
	height:30px;
	width:640px;
	font-size:16px;
	line-height:30px;
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
	color:#fff;
	position:absolute;
	left:0;
	top:0;
}
#preview_window {
	position:absolute;
	left:0;
	top:40px;
	width:340px;
	height:290px;
	background:transparent url('/img/preview_window.gif') no-repeat scroll top center;
}
#preview_window .margin_box {
	position:absolute;
	left:10px;
	top:10px;
}
#preview_right {
	position:absolute;
	left:350px;
	top:40px;
	width:290px;
	height:290px;
	font-size:12px;
	line-height:18px;
}
#preview_bottom {
	position:absolute;
	left:0;
	top:340px;
	width:640px;
	height:200px;
	font-size:12px;
	line-height:18px;
}
#preview_bottom #preview_price {
	position:absolute;
	left:345px;
	top:170px;
	width:160px;
	height:20px;
	font-size:16px;
	line-height:20px;
	vertical-align:middle;
	font-weight:bold;
	text-align:right;
}
#preview_bottom #preview_buy {
	position:absolute;
	left:515px;
	top:160px;
	width:125px;
	height:40px;
}
#preview_bottom #preview_buy a {
	display:block;
	width:125px;
	height:40px;
	background:transparent url('/img/preview_buy.gif') no-repeat scroll top center;
}
/*---------------------
	PLAYER
----------------------*/
#player {
	position:absolute;
	left:145px;
	top:40px;
	width:640px;
	height:540px;
}
#player_header {
	background:transparent url('/img/player_header.gif') no-repeat scroll top center;
	height:30px;
	width:640px;
	font-size:16px;
	line-height:30px;
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
	color:#fff;
	position:absolute;
	left:0;
	top:0;
}
#player_window {
	position:absolute;
	left:0;
	top:30px;
	width:640px;
	height:480px;
	background-color:#000;
}
#player_footer {
	position:absolute;
	left:0;
	top:510px;
	width:640px;
	height:30px;
	background:transparent url('/img/player_footer.gif') no-repeat scroll top center;
}
#controller {
	float:right;
	width:190px;
	height:600px;
	position:relative;
}
/*--------------------
	controller
--------------------*/
#subwindow {
	width:190px;
	height:160px;
	background:transparent url('/img/subwindow.gif') no-repeat scroll center center;
	position:relative;
}
#subwindow .margin_box {
	position:absolute;
	left:15px;
	top:20px;
	width:160px;
	height:120px;
	overflow:hidden;
}
#subwindow .margin_box #sw_content {
	padding:5px;
	font-size:12px;
	line-height:18px;
	position:relative;
	top:0px;
}
#login {
	background:transparent url('/img/login.gif') no-repeat scroll top left;
	position:absolute;
		width:190px;
	top:155px;
	height:95px;
}
#login .margin_box {
	position:absolute;
	left:5px;
	top:5px;
}
#login #login_form {
	background:transparent url('/img/login_form.gif') no-repeat scroll top left;
	width:180px;
	height:40px;
	position:absolute;
}
#login #login_msg {
	background:transparent url('/img/login_msg.gif') no-repeat scroll top left;
	width:180px;
	height:40px;
	position:absolute;
}
#login #login_msg .margin_box {
}
#login #login_msg .margin_box p {
	font-size:12px;
	line-height:14px;
}
#login #login_form div input {
	width:120px;
	height:15px;
	border:0;
}
#login #login_address {
	width:120px;
	height:15px;
	position:absolute;
	top:0;
	left:60px;
	font-size:0;
	line-height:0;
}
#login #login_password {
	width:120px;
	height:15px;
	position:absolute;
	left:60px;
	top:20px;
	font-size:0;
	line-height:0;
}
#login_btns {
	position:absolute;
	top:40px;
}
#login_btns div {
	position:absolute;
}
#login_btns div a {
	display:block;
	background:transparent no-repeat scroll top left;
	height:20px;
}
#login_btns #login_login {
	width:93px;
	height:25px;
	left:0;
	top:0;
}
#login_btns #login_regist, #login_btns #login_config {
	width:87px;
	height:20px;
	left:93px;
	top:0;
}
#login_btns #login_config a {
	background-image:url('/img/login_config.gif');
}
#login_btns #login_regist a {
	background-image:url('/img/login_regist.gif');
}
#login_btns #login_main {
	width:57px;
	height:20px;
	left:0;
	top:25px;
}
#login_btns #login_main a {
	background-image:url('/img/login_main.gif');
}
#login_btns #login_catalog {
	width:57px;
	height:20px;
	left:61px;
	top:25px;
}
#login_btns #login_catalog a {
	background-image:url('/img/login_catalog.gif');
}
#login_btns #login_mypage {
	width:57px;
	height:20px;
	left:123px;
	top:25px;
}
#login_btns #login_mypage a {
	background-image:url('/img/login_mypage.gif');
}
#channel {
	background:transparent url('/img/channel.gif') no-repeat scroll center center;
	width:190px;
	height:130px;
	position:absolute;
	top:250px;
}
#margin_box {
	position:absolute;
	left:15px;
	top:20px;
}
#margin_box p {
	width:41px;
	height:25px;
	float:left;
}
#margin_box p a {
	display:block;
	background:transparent no-repeat scroll top left;
	width:35px;
	height:20px;
}
#margin_box p a.ch_1 {
	background-image:url('/img/ch_1.gif');
}
#margin_box p a.ch_2 {
	background-image:url('/img/ch_2.gif');
}
#margin_box p a.ch_3 {
	background-image:url('/img/ch_3.gif');
}
#margin_box p a.ch_4 {
	background-image:url('/img/ch_4.gif');
}
#margin_box p a.ch_5 {
	background-image:url('/img/ch_5.gif');
}
#margin_box p a.ch_6 {
	background-image:url('/img/ch_6.gif');
}
#margin_box p a.ch_7 {
	background-image:url('/img/ch_7.gif');
}
#margin_box p a.ch_8 {
	background-image:url('/img/ch_8.gif');
}
#margin_box p a.ch_9 {
	background-image:url('/img/ch_9.gif');
}
#margin_box p a.ch_10 {
	background-image:url('/img/ch_10.gif');
}
#margin_box p a.ch_11 {
	background-image:url('/img/ch_11.gif');
}
#margin_box p a.ch_12 {
	background-image:url('/img/ch_12.gif');
}
#margin_box p a.ch_13 {
	background-image:url('/img/ch_13.gif');
}
#margin_box p a.ch_14 {
	background-image:url('/img/ch_14.gif');
}
#margin_box p a.ch_15 {
	background-image:url('/img/ch_15.gif');
}
#margin_box p a.ch_16 {
	background-image:url('/img/ch_16.gif');
}
#moviecontrol {
	background:transparent url('/img/moviecontrol.gif') no-repeat scroll center center;
	position:absolute;
	top:380px;
	width:190px;
	height:130px;
}
#moviecontrol div.margin_box {
	position:absolute;
	left:15px;
	top:35px;
}
#moviecontrol div.margin_box div {
	float:left;
}
#moviecontrol div.margin_box div a {
	display:block;
	background:transparent no-repeat scroll top left;
}
#moviecontrol div.margin_box #mc_rew {
	width:45px;
	height:35px;
}
#moviecontrol div.margin_box #mc_rew a {
	width:40px;
	height:30px;
	background-image:url('/img/mc_rew.gif')
}
#moviecontrol div.margin_box #mc_play {
	width:75px;
	height:35px;
}
#moviecontrol div.margin_box #mc_play a {
	width:70px;
	height:30px;
	background-image:url('/img/mc_play.gif')
}
#moviecontrol div.margin_box #mc_ff {
	width:45px;
	height:35px;
}
#moviecontrol div.margin_box #mc_ff a {
	width:40px;
	height:30px;
	background-image:url('/img/mc_ff.gif')
}
#moviecontrol div.margin_box #mc_back {
	width:75px;
	height:35px;
}
#moviecontrol div.margin_box #mc_back a {
	width:70px;
	height:30px;
	background-image:url('/img/mc_back.gif')
}
#moviecontrol div.margin_box #mc_vdec {
	width:66px;
	height:35px;
}
#moviecontrol div.margin_box #mc_vdec a {
	width:19px;
	height:30px;
	background-image:url('/img/mc_vdec.gif')
}
#moviecontrol div.margin_box #mc_vinc {
	width:19px;
	height:35px;
}
#moviecontrol div.margin_box #mc_vinc a {
	width:19px;
	height:30px;
	background-image:url('/img/mc_vinc.gif')
}
#relative {
	position:absolute;
	top:510px;
	width:190px;
	height:85px;
	background:transparent url('/img/relative.gif') no-repeat scroll center center;
}
#relative div.margin_box {
	position:absolute;
	left:15px;
	top:20px;
}
#relative div.margin_box div {
	float:left;
	width:55px;
	height:55px;
}
#relative div.margin_box div a {
	display:block;
	width:50px;
	height:50px;
	background:transparent no-repeat scroll top left;
}
#relative div.margin_box #rel_cd a {
	background-image:url('/img/rel_cd.gif');
}
#relative div.margin_box #rel_dvd a {
	background-image:url('/img/rel_dvd.gif');
}
#relative div.margin_box #rel_mss a {
	background-image:url('/img/rel_mss.gif');
}
/*------------------
	CATALOG
-------------------*/
#catalog {
	position:absolute;
	left:15px;
	top:50px;
	width:770px;
	height:530px;
	background:transparent url('/img/catalog.gif') no-repeat scroll center center;
}
#catalog .margin_box {
	padding:5px;
}
#ad_1 {
	position:absolute;
	top:380px;
	left:5px;
	width:180px;
	height:100px;
}
#ad_2 {
	position:absolute;
	top:485px;
	left:5px;
	width:180px;
	height:100px;
}