@charset "utf-8";

body{
	background:#000000 url(../img/bg_top.jpg) no-repeat center top/378px auto;
	color:#FFFFFF;
}

body#page{ background:#000000; }

header{ width:300px; height:330px; position:relative; margin:0 auto; }
header h1{ position:absolute; left:0px; top:11px; }
header .jacet_1{ position:absolute; left: 0px; top:153px; width:78px; font-size:10px; line-height:1.4; }
header .jacet_2{ position:absolute; left:83px; top:153px; width:78px; font-size:10px; line-height:1.4; } 
header .jt{ padding:5px 0; }
header .btn{ position:absolute; left:174px; top:153px; }
header .btn p{ padding-bottom:8px; }

#contents{ padding:0 10px; }

#live{ margin-bottom:35px; }
#live h3{ position:relative; width:100%; height:27px; border-bottom:1px solid #BFBFBF; margin-bottom:15px; }
#live h3 .l{ position:absolute; bottom:0px; left:0px; }
#live h3 .r{ position:absolute; bottom:-1px; right:0px; }

#live .d{ font-family: 'Coda', cursive; font-size:14px; line-height:1.17; padding-bottom:2px; }
#live .d strong{ font-size:20px; line-height:1.17; padding-bottom:6px; }
#live .t{ padding-bottom:20px; }
#live .t h4{ font-family: 'Coda', cursive; font-size:14px; line-height:1.17; margin:0; }
#live .t p{ font-size:11px; line-height:1.3; margin:0; padding:5px 0; }
#live .btm{ position:relative; width:100%; height:27px; border-bottom:1px solid #BFBFBF; }
#live .btm img{ position:absolute; bottom:-1px; left:0px; }


#sns_btn{ text-align:center; padding-bottom:20px; }
#sns_btn a{ display:inline-block; border:1px solid #FFFFFF; margin:0 15px 15px; }


#youtube{ text-align:center; margin-bottom:28px; }
#youtube p{ font-size:0; line-height:0; }
#youtube p span{ display:inline-block; height:2px; border-top:1px solid #FFFFFF; }
#youtube p.t1 span{ width:65px; }
#youtube p.t2 span{ width:85px; }
#youtube iframe{ border-top:1px solid #FFFFFF; }
#youtube .channel{ width:300px; margin:0 auto; background:#555555; padding:4px; text-align:left; }
#youtube .channel div{ vertical-align:top !important; }


#list{ margin-bottom:39px; }
#list h3{ position:relative; width:100%; height:32px; border-bottom:1px solid #BFBFBF; }
#list h3 img{ position:absolute; bottom:-1px; left:0px; }
#list li{ border-bottom:1px solid #666666; }
#list li a{
	display:block;
	font-size:13px; line-height:33px; color:inherit; text-decoration:none;
	padding:0 7px;
}
#list li a span{
	display:inline-block;
	padding-left:6px;
	float:right;
	vertical-align:middle;
	font-size:10px; line-height:33px;
	background:url(../img/list_arr.png) no-repeat center left/4px 7px;
}


#social{ margin-bottom:16px; }
#social li{ float:right; padding-left:10px; }

#official{ position:relative; height:30px; width:100%; }
#official p{ position:absolute; left:0; right:0; bottom:-1px; text-align:center; }

#footer{
	border-top:1px solid #BFBFBF; text-align:center;
	font-size:11px; line-height:1.37px;
	padding-top:18px;
}
#footer a{ color:#FFFFFF; padding:0 6px; }
#footer p{ padding-bottom:14px; }


#page .text{ padding:0 10px 30px; }
#page .text h3{ font-size:15px; line-height:1.6; padding:23px 0; }
#page .text p{ font-size:10px; line-height:1.6; }


#page #close{ position:relative; height:30px; width:100%; }
#page #close p{ position:absolute; left:0; right:0; bottom:-1px; text-align:center; }
/* end */