@charset "utf-8";
@import "style2.css";

* {
margin:0;
padding:0;
}
body {
background:#ccc url("/img/bg.gif") repeat-x scroll top center;
font-family:sans-serif;
}
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:800px;
height:600px;
background:transparent url("/img/main.gif") no-repeat scroll top center;
position:relative;
}
#main #logo a {
	width:128px;
	height:22px;
	top:9px;
	position:relative;
}
/*------------------------
MAIN
------------------------*/
#ad_banner {
position:absolute;
left:15px;
top:50px;
}
#multi {
position:absolute;
left:145px;
top:20px;
width:640px;
height:530px;
}
#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;
}
#controller {
float:right;
width:190px;
height:600px;
position:relative;
}
/*--------------------
controller
--------------------*/
#controller {
	float:right;
	width:190px;
	height:600px;
	position:relative;
	background:transparent url('/img/bg_controller.gif') no-repeat scroll center center;
}
#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:23px;
	width:160px;
	height:120px;
	overflow:auto;
}
#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:190px;
	height:35px;
	left:-5px;
	position:absolute;
}
#login #login_msg {
	background:transparent url('/img/login_msg.gif') no-repeat scroll top left;
	width:180px;
	height:40px;
	left:-5px;
	position:absolute;
}
#login #login_msg .margin_box {
}
#login #login_msg .margin_box p {
	font-size:12px;
	line-height:14px;
	margin-left:8px;
}
#login #login_form div input {
	width:120px;
	height:15px;
	border:0;
}
#login #login_address {
	width:120px;
	height:15px;
	position:absolute;
	top:1px;
	left:60px;
	font-size:0;
	line-height:0;
}
#login #login_password {
	width:120px;
	height:15px;
	position:absolute;
	left:60px;
	top:18px;
	font-size:0;
	line-height:0;
}
#login_btns {
	position:absolute;
	top:40px;
	background:url('/img/bg_controller_t.gif') repeat-y;
}
#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:3px;
	top:0;
}
#login_btns #login_regist, #login_btns #login_config {
	width:87px;
	height:20px;
	left:92px;
	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:3px;
	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:120px;
	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:25px;
}
#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");
}
#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");
}
/*------------------
AD
-------------------*/
#ad_1 {
position:absolute;
top:380px;
left:5px;
width:180px;
height:100px;
}
#ad_2 {
position:absolute;
top:485px;
left:5px;
width:180px;
height:100px;
}

/*------------------
MyPage
-------------------*/

#right {
	background:transparent url("/img/mypage/bg_bookmark.gif") no-repeat scroll top left;
}
#mypage_box {
	padding-top:35px;
	margin:0 10px 10px 5px;
	height:530px;
}
#tab {
	height:18px;
	overflow:inherit;
	padding-top:5px;
}
#tab div {
	float:left;
/*	width:150px;*/
	background:transparent url('/img/tab_bg.gif') no-repeat scroll top left;
}
#tab div#tab_availables {
	overflow:hidden;
	background-image:url('/img/tab_bg_na.gif');
}
#tab div a {
	font-size:14px;
	line-height:16px;
	padding-left:10px;
	padding-top:3px;
	width:140px;
	height:18px;
	display:block;
	font-weight:bold;
}
#tab_bookmark {
	width:200px;
	height:18px;
}
#tab_availables {
	width:200px;
	height:18px;
}

.title {
	width:610px;
	height:24px;
	position:relative;
	overflow: hidden;
}
.tinted {
	background-color:#eee;
}
.title a {
	padding:5px;
	font-size:12px;
	line-height:14px;
	display:block;
	width:580px;
}
.pgm_add {
	position:absolute;
	z-index:1;
	width:14px;
	height:14px;
	top:5px;
	left:590px;
	background:transparent url("/img/add_icon.gif") no-repeat scroll top left;
	cursor:pointer;
}


#table_box {
	position:relative;
	height:510px;
	clear:both;
}
#bookmarks, #availables {
	position:absolute;
	width:626px;
	height:490px;
	/*background-color:#eee;*/
}

.table_items {
	height:25px;
	overflow:hidden;
}
.table_items div {
	float:left;
}
.table_items div p {
	padding:8px 0;
	font-size:12px;
/*	line-height:14px;*/
	text-align:center;
	color:#000;
	font-weight:bold;
}
.table_items div.title0 {
	width:300px;
}

.table_items div.title {
	width:300px;
}
.table_items div.category {
	width:150px;
}
.table_items div.dateofentry {
	width:130px;
}
.table_items div.delete {
	width:26px;
}

.table_content_box {
	height:430px;
	overflow:auto;
	clear:both;
	/*background:transparent url('/img/table_content_box_bg.gif') no-repeat fixed top left;*/
}
.table_content_box2 {
	height:430px;
	overflow:auto;
	clear:both;
/*	background-color:#ccddff;*/
	/*background:transparent url('/img/table_content_box_bg.gif') no-repeat fixed top left;*/
}

.table_row {
	clear:both;
	height:25px;
	background:transparent url('/img/table_row_bg.gif') no-repeat scroll top left;
}
.tinted {
	background:#fff url('/img/table_row_bg_vl.gif') no-repeat scroll top left;
	background:transparent url('/img/table_row_bg.gif') no-repeat scroll top left;
}
.table_row div {
	float:left;
	height:25px;
	overflow:hidden;
	white-space:nowrap;
	background:#fff url('/img/table_row_bg_vl.gif') no-repeat scroll top left;
}
.table_row div p {
	padding:5px 5px;
	font-size:12px;
	line-height:14px;
	height:25px;
}
.table_row div.title {
	width:300px;
	background:transparent url('/img/table_row_bg.gif') no-repeat scroll top left;
}
.table_row div.title a {
	cursor:pointer;
	padding:0 5px 0 5px;
}
.table_row div.category {
	width:150px;
	text-align:center;
	background:transparent url('/img/table_row_bg_v.gif') no-repeat scroll top left;
}
.table_row div.dateofentry {
	width:130px;
	text-align:center;
	background:transparent url('/img/table_row_bg_v.gif') no-repeat scroll top left;
}
.table_row div.delete {
	width:26px;
	text-align:center;
	background:transparent url('/img/table_row_bg_v.gif') no-repeat scroll top left;
}
.table_row div.delete a {
	cursor:pointer;
}
.tinted {
	background:#fff url('/img/table_row_bg_vl.gif') no-repeat scroll top left;
	background:transparent url('/img/table_row_bg.gif') no-repeat scroll top left;
}
#availables {
	display:none;
}