@charset "utf-8";

/* ============================================================
	
	[1] contentsSetting
	[2] programPageSetting
	[3] popupPageSetting

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

/*-----------------------------------------------
	[1] contentsSetting
-----------------------------------------------*/

body {
	background:url(../img/bg.jpg) repeat left top;
	padding:0 0 20px 0;
	height:100%;
}

#wrapper {
	background:url(../img/navi_bg.jpg) repeat-x left 92px;
}

#header {
	width:1043px;
	height:132px;
	margin:0 auto;
	position:relative;
}

#header h1 {
	position:absolute;
	top:0;
	left:0;
}

#header p {
	position:absolute;
	top:5px;
	right:26px;
}

#header ul {
	position:absolute;
	top:105px;
	padding:0 0 0 500px;
	background:url(../img/navi_list_bg.gif) no-repeat right top;
}

#header ul li {
	float:left;
	background:url(../img/navi_list_bg.gif) no-repeat left top;
}

#header ul li#news {
	padding:0 20px 0 20px;
}

#header ul li#program {
	padding:0 37px 0 38px;
}

#header ul li#request {
	padding:0 20px 0 20px;
}

#header ul li#radiko {
	padding:0 20px 0 20px;
}


#header ul li#bbs {
	padding:0 42px 0 35px;
}

#contents {
	width:960px;
	margin:0 auto;
	padding:0;
	background:#081e4b;
}

#mainPic {
	position:relative;
	width:960px;
	height:358px;
	background:url(../img/contents_bg.jpg) no-repeat left bottom;
	padding:0 0 60px 0;
}

#mainPic .back {
	position:absolute;
	top:0;
	left:0;
}

#mainPic .bcn {
	position:absolute;
	top:182px;
	right:17px;
}

#leftContents {
	float:left;
	width:200px;
	margin:0 20px 0 20px;
	display:inline;
}

#leftContents p {
	padding:0 0 15px 0;
}

#leftContents p.gallery {
	padding:0 0 0 0;
}

#leftContents #program {
	margin:0 0 10px 0;
	padding:4px 0 10px 0;
	background:#3C3C3C;
}

#leftContents #program h3 {
	margin:0 0 1px 6px;
}

#leftContents #program .date {
	padding:0 10px 5px 0;
	text-align:right;
}

#leftContents #program .music {
	padding:15px 0 3px 0;
	width:180px;
	margin:0 auto;
	background:#FFFFFF;
	text-align:center;
}

#leftContents #program .music li {
	margin:0 0 12px 0;
}

#leftContents .before {
	text-align:right;
	font-size:0.8em;
}

#leftContents .before a {
	padding:0 0 0 10px;
	color:#FFF;
}

#leftContents .before a:hover {
	color:#FFFF99;
}

#leftContents #program .indication {
	background:#515151;
	padding:6px 0 11px 5px;
}

#leftContents #program .indication h3 {
	float:left;
	margin:0 5px 0 0;
}

#leftContents #program .indication ul {
	float:left;
}

#leftContents #program .indication ul li span {
	float:right;
}

#leftContents #program .indication ul li img {
	margin:0 2px 0 0;
}

#leftContents #official {
	margin:0 0 8px 0;
	padding:0;
}

#leftContents #official h3 {
	padding:17px 0 16px 0;
}

#leftContents #official ul li {
	margin:0 0 7px 0;
}

#rightContents {
	width:700px;
	padding:0;
	float:left;
}

#rightContents h3 {
	margin:0;
}

#rightContents .article {
	/*width:660px;*/
	background:#FFF;
	background:#CCFAFF;
	margin:0 0 0 0;
	padding:20px 20px 20px 20px;
}

#rightContents .article h4 {
	border-top:1px dotted #5D5954;
	border-bottom:1px dotted #5D5954;
	margin:0 0 20px 0;
	padding:10px 0;
	font-weight:normal;
	font-size:1.1em;
	line-height:1.2em;
}

#rightContents .article h4 span {
	font-size:1.0em;
	color:#CC3300;
	margin:0 20px 0 0;
}

#rightContents .article p {
	padding:0 0 0 0;
}

#rightContents .article p span {
	float:right;
	margin:0 0 20px 10px;
}

#rightContents .pageNavi li {
	float:left;
	width:350px;
	padding:13px 0 15px 0;
}

#rightContents .pageNavi li.prev {
	text-align:left;
}

#rightContents .pageNavi li.next {
	text-align:right;
}

#footer {
	width:958px;
	margin:0 auto;
	background:url(../img/footer_bg.png) no-repeat left top;
	text-align:right;
	padding:97px 2px 0 0;
}

/*-----------------------------------------------
	[2] programPageSetting
-----------------------------------------------*/

#rightContents .article p.list {
	text-align:right;
	font-size:1.2em;
}

#rightContents .article .pic {
	margin:25px 0 30px 0;
}

#rightContents .article .pic a {
	margin:0 0 0 17px;
}

#rightContents .article .pic a:first-child {
	margin:0;
}

#rightContents .article .pic a.first-child{ /*IE-expression (first-child) */
	margin:0;
}

#rightContents .article .pic a { /* IE-expression (first-child) */
behavior: expression(
this.className += (this.previousSibling == null) ? " first-child" : "",
this.style.behavior = "none"
);
}

#rightContents .article .backNumber li {
	background:url(../../program/img/icon.jpg) no-repeat left center;
	padding:0 0 0 20px;
	margin:0 0 25px 0;
}

#rightContents .article .backNumber li a {
	color:#CCC;
}

#rightContents .backLink {
	text-align:right;
	padding:13px 0 15px 0;
}

/*-----------------------------------------------
	[3] popupPageSetting
-----------------------------------------------*/

#TB_window {
	background:#424148;
	color:#CCC;
	padding:0 10px 40px 0;
}

/*#TB_window h1 {
	border-top:#5D5954 1px dotted;
	border-bottom:#5D5954 1px dotted;
	padding:10px 0 10px 0;
	margin:0 0 25px 0;
}

#TB_window p {
	color:#F00;
}

#TB_window ul li {
	background:url(../../program/img/icon.jpg) no-repeat left center;
	padding:0 0 0 20px;
	margin:0 0 25px 0;
}

#TB_window ul li span {
	display:block;
}*/

/*#TB_caption {
	border-top:#5D5954 1px dotted;
	border-bottom:#5D5954 1px dotted;
	padding:10px 0 10px 0;
	margin:0 0 25px 0;
	position:absolute;
	top:;
	left:;
}

#TB_prev {
	background:url(../../program/img/btn_prev.gif) no-repeat left center;
	width:;
	height:;
	display:block;
	float:left;
}

#TB_next {
	background:url(../../program/img/btn_next.gif) no-repeat left center;
	width:;
	height:;
	float:left;
}*/