@charset "utf-8";
body, div, p, span, ol, ul, li, img, a, iframe, dl, dt, dd, table, thead, tbody, tfoot, th, td, textarea, select, input, form, fieldset, blockquote{
	margin:0;padding:0;
	color:#888;
}
h1, h2, h3, h4, h5, h6{margin:0;padding:0;}

ul, ol, li{list-style:none;color:#888;}
img{border:0;}
hr {display:none;}

a:link, a:active, a:visited{color:#666;text-decoration:none;}
a:hover{color:#0072bc;text-decoration:none;}
.uline{text-decoration:underline;}

body {background:#e3e3e3; font-size:12px; font-family:gulim;}
#screen {position:relative; float:left;}
#screen .banner {text-align:center;}
#player {background:#000;}
.mode_s100 {width:322px;}
.mode_s100 #player {width:322px; height:182px;}
.mode_s200 {width:644px;}
.mode_s200 #player {width:644px; height:364px;}
#control{background:#000 url(../images/control_bg.gif) repeat-x 1px 1px; padding:1px 0 1px 1px; height:25px; position:relative;}
#control a {display:block; float:left; margin-right:1px;}
#volume {position:absolute; right:1px; top:1px;}
.volume_on {background:url(../images/volume_n.gif) no-repeat left top; width:95px; height:25px;}
.volume_off {background:url(../images/volume_nd.gif) no-repeat left top; width:95px; height:25px;}
#volume .btn {position:absolute; left:10px; top:6px; width:13px; height:13px; display:block; overflow:hidden; text-indent:-1000px;}
#volume .btn:hover {background:url(../images/volume_o.gif) no-repeat -10px -6px;}
#volume #gage {position:absolute; left:28px; top:12px; width:57px; height:3px; background:#5a5a5a;}
#volume #gage #vcon {float:left; margin-top:-4px;}
#volume #volumegage {float:left; display:block; background:#00bae3; height:3px;}
#info {float:left; width:172px; padding:15px 15px 15px 0;}
.player_area {margin:0;}
.player_area h1 {background:#232323 url(../images/dot01.gif) no-repeat 11px 11px; padding:7px 20px; font-size:12px; color:#cecece; font-weight:normal; line-height:100%;}
.player_area .inner {position:relative;}
.player_area .inner #wide_btn {position:absolute; right:-11px; top:50%; margin-top:-41px}
.player_area .inner #wide_btn .wide_on {display:none;}
.player_area .inner #wide_btn .wide_off{display:block;}
.player_area .inner #wide_btn:hover .wide_on {display:block;}
.player_area .inner #wide_btn:hover .wide_off{display:none;}
.ch_time {background:#232323 url(../images/dot02.gif) no-repeat 9px 9px; padding:5px 19px; color:#828282; position:relative; line-height:100%;}
.ch_time span {position:absolute; right:5px; top:5px}
#mode_select {position:relative; margin:7px 0; height:18px;}
#mode_select .right {position:absolute; right:0; top:0;}
.wide_open {display:block;}
.wide_close {display:none;}
.time {background:url(../images/bg_time.gif) repeat-x left top; height:8px; position:relative}
.time .past {display:block; float:left; background:url(../images/bg_timeon.gif) repeat-x left top; height:8px;}
.time img {position:absolute; left:0; top:0;}
#news{background:#fff;border:0 none; border-top:1px solid #707070; border-left:1px solid #a1a1a1; border-bottom:1px solid #fff; padding:6px 0 0 11px; height:16px; overflow:hidden; line-height:100%;}
#news ul {}
#news ul li {margin-bottom:10px; color:#494949; line-height:100%;}
#news ul li a {color:#494949;}
.program_info {background:#fff; padding:15px 16px; margin-bottom:15px;}
.program_info h2 {border-bottom:2px solid #000; padding-bottom:9px; margin-bottom:10px;}
.program_info dl {float:left; border-bottom:1px solid #ddd; padding-bottom:7px; margin-bottom:14px;}
.program_info dt {float:left; width:32px; padding-left:5px; font-size:12px; font-weight:normal; color:#a1a1a1; line-height:18px;}
.program_info dd {float:left; width:103px; color:#4b4b4b; line-height:18px;}
.program_info p {color:#5d5c5c; padding-left:5px; line-height:134%;}
.wide_open .program_info p {/*height:216px;*/ overflow:hidden;}

.draggable {
	position: absolute;
}

#drag6
{
	top: 80px;
	left: 130px;
}