@charset "utf-8";

/*========================================

  Initialize

========================================*/

body {font:13px/1.22  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;line-height:1.3em;}
table{font-size:inherit;font:100%;border:none;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


* {
	margin:0;
	padding:0;
	text-decoration:none;
}

img { border:none;
	  margin:0;
	  padding:0;
	  vertical-align:top;
}

body {
	color: #333;
}


/* Link
---------------*/

#header a:hover img,
#navigation a:hover img,
#main_container a:hover img{
-moz-opacity:0.7;
opacity:0.7;
filter: alpha(opacity=70);
} 

a:link{
	color: #855;
}

a:visited{
	color: #855;
}

a:hover{
	color: #a88;
	text-decoration:underline;
}

a:active{
	color: #a88;
}


/* Text
---------------*/


blockquote {
	margin: 1em 0 1em 20px;
	padding: 1px 20px;
	border: 1px solid #ddd;
	color: #444;
}

pre {
	padding: 10px 20px;
	border-left: 6px solid #ddd;
	background-color: #f5f5f5;
	overflow: auto;
	width: 90%;
	_width: 95%; /* for IE6 */
}

/* List
---------------*/

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

/* clearfix 
-------------- */
.clearfix:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
}  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



/*========================================

  Layout

========================================*/

body{
	font-size:0.75em;
	line-height:1.55em;
	background-image:url(../img_common/bg_body.gif);　
	background-repeat: repeat-y;
	background-position: center;
	margin:0;
	padding:0;
}

#wrapper {
	width:1000px;
	padding:0;
	margin:0 auto;
}

/*========================================

  banner（#maincontainerと#aside共通）

========================================*/

.banner{
	margin:0 0 20px 0;
}

/*========================================

  Header

========================================*/

#header {
	height:130px;
	margin:20px 0 20px 0;
	padding:0;
}


#header_text {
	font-size:0.9em;
	height:20px;
	margin:0 0 10px 0;
}

#header_image{
	margin:10px 0 0 0;
}

#header_btm {
		width:1000px;
		height:100px;
		margin:10px 0 0 0;
}

#header_logo {
	margin:23px 0 0 0;
	width:280px;
	float:left;
}

#facebook_an {
	width:720px;
	margin:0;
	float:left;
}


/*========================================

  Navigation

========================================*/

#navigation {
	width:1000px;
	height:36px;
	background: url(../img_common/bg_navi.gif) repeat-x #333;
	clear:both;
	margin:0;
	padding:0;
	text-align:center;
}

#navigation li{
	background:#333;
	float:left;
}

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
	-moz-opacity:0.7;
	opacity:0.7;
	filter: alpha(opacity=70);
}
#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}

/*========================================

  Main Container

========================================*/


#main_container {
	margin:0;
	padding:0;
	background:url(../img_common/bg_main.gif) repeat-y left top; 
	border-left:1px solid #999;
	border-right:1px solid #999;
}


#contents{
	float: left;
	width: 660px;
	margin:20px 20px 0 20px;
	padding:0;
}

#aside{
	float: right;
	width: 298px;
	text-align:center;
	margin:20px 0 20px 0;
	padding:0;
}

#aside .banner p{
	margin:0 0 8px 0;
}

#aside #button p{
	margin:0 0 10px 0;
}


.bodybox{
	border-left:1px solid #555;
	border-right:1px solid #555;
	border-bottom:1px solid #555;
	margin:0 0 20px 0;
	padding:20px 0 10px 20px;
	*padding:20px 0 20px 20px; /* for IE7 */
}

.section {
	width:660px;
	margin:0;
	padding:0;
}


#ustream{
	width:260px;
	text-align:center;
	margin:0 auto;
	padding:0;
}

#ustream .head{	
}

#ustream .body{
	background: url(../img_common/ustream_bg.png) repeat-y;
}

#ustream .body .embed{
	width:240px;
	height:161px;
	border-left:1px solid #333;
	border-right:1px solid #333;
	margin:0 auto;
	padding:0;
}

#ustream .foot{	
}


/*========================================

  番組枠

========================================*/


.program_box{
	 width:	180px;
	 height: 310px;
	 margin: 0 10px 10px 0;
	 padding:10px;
	 float:left;
	 background:url(../img_common/bg_slash.gif) repeat #fff;
}

.program_box_long{
	height: 540px;
}

.program_box .whitebox{
	width: 170px;
	height: 300px;
	background:#fff;
	padding:5px;
}

.program_box .whitebox_long{
	width: 170px;
	height: 530px;
	background:#fff;
	padding:5px;
}

.program_box p{
	font-size:0.9em;
	line-height:1.7em;
}

.program_box .title{
	border-bottom:1px dotted #888;
	padding:0 0 2px 0;
	margin:3px 0 2px 0;
	text-align:center;
}

.program_box .linkbutton{
	text-align:center;
	margin:5px 0 10px 0;
}

.program_box .photo{
	width:170px;
}

.program_box .time{
	text-align:center;
	margin:5px 0 5px 0;
}

.program_box .personality{
	text-align:center;
	font-weight:800;
}

.dummy_box{
	 width:	180px;
	 height: 300px;
	 margin: 0 10px 10px 0;
	 padding:10px;
	 float:left;
}

.linkbutton2{
	text-align:center;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}



/*========================================

  Footer

========================================*/


#footer {
	width:100%;
	height: 170px;
	margin:0;
	padding:0;
	background: url(../img_common/bg_footer.gif) repeat-x bottom;
	color: #FFF;
}

#footer_contents{
	width:510px;
	height:140px;
	margin:0 auto;
	padding:0;
}


#footer_left {
	width:278px;
	height:110px;
	margin:20px 0 0 0;
	padding:0 0 0 20px;
	float: left;
	border-left: 2px dotted #999;
}

#footer_right {
	width:188px;
	height:110px;
	margin:20px 0 0 0;
	padding:0 0 0 20px;
	float:left;
	border-left: 2px dotted #999;
}

#copyright{
	margin:0;
	padding:0;
	clear:both;
	text-align:center;
	font-size:0.85em;
}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active
 {
	color: #FFF;
}
#footer a:hover {
	text-decoration:underline;
}


/*========================================

  Text

========================================*/

.headcopy{
	font-size:1.2em;
}

.bodycopy{
	font-size:1em;
}

.center{
	text-align:center;
}

.bold{
	font-weight:bold;
}

hr{
	margin:3px 0 3px 0;
	*margin:1px 0 1px 0; /* for IE7 */
}

.clear{
	clear:both;
}


.text_s{
	font-size:85%;
	line-height:125%;
}

.red{
	color:#ff2222;
}

/*========================================

  IndexとEvent用 イベント情報を共有する
   
========================================*/

.eventbox{
	width:618px;
	margin:0 0 10px 0;
	padding:0;
	border:1px solid #777;
	border-top:10px solid #333;
	background-color:#fff;
}

.event_one{
	width:578px;
	margin:20px;
}

.event_left{
	width:250px;
	float:left;
}

.event_right{
	width:348px;
	float:left;
	padding:10px;
	background-color:#eee;
}

.eventbox table{
	width:350px;
	border-collapse:separate;
	border-spacing:1px;
	background-color:#aaa;
	margin:0;
	padding:0;
	margin:10px 0 0 0;
}

.eventbox th{
	width:65px;
	padding:3px;
	background-color:#ccc;
	border-left:#eee 1px solid;
	border-top:#eee 1px solid;
}

.eventbox td{
	padding:3px;
	background-color:#ddd;
	border-left:#eee 1px solid;
	border-top:#eee 1px solid;
}

.eventbox li{
	list-style:disc;
	margin-left:20px;
	}
	
.eventbox h3{
	margin:10px 0 5px 0;
}


.caption_right{
	width:200px;
	text-align:right;
}

/*トピックス*/

.topicsbg{
	background:url(../img_common/bg_top_topics.gif) repeat ;
}


/* トピックス内の情報ボックス　*/
.topics_info{
	width:578px;
	margin:0 0 10px 0;
	padding:20px;
	background-color:#fff;
	border-top:9px solid #777;
	border-right:1px solid #777;
	border-bottom:1px solid #777;
	border-left:1px solid #333;
}

.tokubetsu{
	background-color:#FFE2B7;
}


.left{ /* 左側ボックスは幅200px固定 */
	width:200px;
	margin:0 20px 0 0;
	padding:0;
	float:left;
}

.right{ /* 右側ボックスは幅420px固定 */
	width:350px;
	margin:0;
	padding:0;
	float:right;
}

.bigtitle{
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:10px;
	line-height:1.4em;
}

.artist{ /* アーティスト情報用 */
	width:180px;
	height:260px;
	margin:10px 12px 0 0px;
	padding:0;
	float:left;
}

/* インフォメーション */
#information{
	font-size:0.9em;
	color:#C03;
	padding:10px;
	background-color:#FCC;
	margin-bottom:20px;
}

#information h3{
	font-size:1.3em;
	margin-bottom:8px;
	font-weight:900;
	color:#900;
}

h2.tunein{
	color:#F00;
	line-height:160%;
	text-align:center;
}

/* イベントは640px×300px固定。写真は300px×300px固定  */

.event_info{
	width:620px;
	height:300px;
	margin:0 0 10px 0;
	padding:0;
	background-color:#fff;
}

.event_info .photo{
	float:left;
	width:300px;
}

.event_info .text{
	float:left;
	width:280px;
	height:260px;
	padding:20px;
	margin:0;
}


.event_info .text p{
	line-height:1.7em;
}

.event_info .text hr{
	margin:8px 0 8px 0;
	*margin:5px 0 5px 0; 
}

/* ゲストスケジュール */

.guest_schedule {
	width:600px;
	height:190px;
	margin:0 0 20px 0;
	padding:30px;
	background:url(../img_common/bg_guest_schedule.png) no-repeat;
}

.scroll_table{
	width:600px;
	height:190px;
	border:none;
	margin:0;
	padding:0;
}

.scroll{
	width:600px;
	height:190px;
	border:none;
	margin:0;
	padding:0;
	overflow-y:scroll;
}

.guest_schedule_table {
	width:597px;
	border:none;
	margin:0;
	padding:0;
}

.guest_schedule_table tr{
	height:10px;
}

.guest_schedule_table td{
	padding:5px;
	border-bottom:1px dotted #444;
	border-right:1px dotted #444;
	font-size:0.9em;
}