@charset "utf-8";

/* ============================================
 *
 * Format Ver  : 2.1
 * Last UpDate : 2010/05/24
 *
============================================ */
.clearfix,
#contents
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#contents:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #contents
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* ロールオーバーもどき */
a.banner:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
}


/* ============================================
	汎用
============================================ */
.waku {
	padding: 2px;
	background: #fff;
	border:1px solid #bbb;
}
a.waku {
	display: inline-block;
}
.kage {
	box-shadow: 2px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 2px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 2px rgba(0,0,0,0.2);
}
img.linkicon {
	margin: 0 2px;
	vertical-align: text-bottom;
}
/* ============================================
	wrapper
============================================ */
#wrapper {
	margin: 0 auto;
	width: 960px;
	text-align: left;
	position: relative;
}

/* ============================================
	header
============================================ */
#wrapper header {
	width: 960px;
	height: 120px;
	position: relative;
}
#wrapper header .logo {
	width: 318px;
	height: 105px;
	position: absolute;
	top: 0;
	left: 0;
}

/*	nowPlaying
============================================ */
#wrapper header #nowPlaying {
	width: 490px;
	height: 24px;
	padding: 0 0 0 140px;
	position: absolute;
	background: url(../img/header/bgNowPlay.png) left top no-repeat #cfcfcf;
	top: 22px;
	right: 0;
}
#wrapper header #nowPlaying .nowPlayText {
	width: 480px;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
}

/* ============================================
	SIDE-NOA
============================================ */
#sidenoa2,
#sidenoa5,
#sidenoa6,
#sidenoa7 {display:none;}


/* ============================================
	gNavi
============================================ */
#gNavi {
	height: 47px;
	width: 630px;
	position: absolute;
	bottom: 15px;
	right: 0;
}
#gNavi ul {
	display: block;
	height: 47px;
	width: 630px;
}
#gNavi ul li {
	display: block;
	float: left;
	height: 47px;
}
#gNavi ul li a {
	background: url(../img/header/gNavi.png) left top no-repeat;
	display: block;
	font-size: 1px;
	height: 47px;
	line-height: 1px;
	overflow: hidden;
	text-decoration: none;
	text-indent: -9999px;
}
#gNavi ul li#gN01 a {
	background-position: 0 0;
	width: 160px;
}
#gNavi ul li#gN02 a {
	background-position: -160px 0;
	width: 156px;
}
#gNavi ul li#gN03 a {
	background-position: -316px 0;
	width: 156px;
}
#gNavi ul li#gN04 a {
	background-position: -472px 0;
	width: 158px;
}
#gNavi ul li#gN01 a.now, #gNavi ul li#gN01 a:hover {
	background-position: 0 -47px;
}
#gNavi ul li#gN02 a.now, #gNavi ul li#gN02 a:hover {
	background-position: -160px -47px;
}
#gNavi ul li#gN03 a.now, #gNavi ul li#gN03 a:hover {
	background-position: -316px -47px;
}
#gNavi ul li#gN04 a.now, #gNavi ul li#gN04 a:hover {
	background-position: -472px -47px;
}

/* ============================================
	contents
============================================ */

/* ============================================
	footer
============================================ */
body > footer {
	width: 100%;
	height: 110px;
	background: url(../img/footer/bgFooter.png) left bottom repeat-x;
}
body > footer #footBody {
	width: 960px;
	height: 110px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	color: #fff;
}
body > footer #footBody a { color: #fff; }
body > footer #footBody #footNavi {
	font-size: 11px;
}
body > footer #footBody #footNavi ul {padding-top: 7px;}
body > footer #footBody #footNavi ul li {
	display: inline;
}
body > footer #footBody #footNavi ul li a {
	background: url(../img/footer/iconFootNav.gif) left 40% no-repeat;
	padding: 0 2em 0 8px;
}
body > footer #footBody #footLink {
	position: absolute;
	top: 37px;
	color: #666666;
}
body > footer #footBody #syuhasu {
	width: 550px;
	height: 14px;
	position: absolute;
	bottom: 18px;
	left: 0;
}
body > footer #footBody #copyright {
	position: absolute;
	bottom: 15px;
	right: 0;
	text-align: right;
}


/* ============================================
	pnkz
============================================ */
section#pnkz {
	width: 960px;
	height: 20px;
	line-height: 20px;
	margin-bottom: 25px;
}
section#pnkz img {
	vertical-align: bottom;
}
section#pnkz span,
section#pnkz a {
	height: 20px;
	float:left;
	background: url(../img/pnkzKgr.gif) left center no-repeat;
	padding-left: 15px;
	padding-right: 5px;
}
section#pnkz a.home {
	background: none;
	padding-left: 0;
}


/* ============================================
	main
============================================ */
section#main.oneColumn {
	width: 960px;
}

section#main.twoColumn {
	width: 710px;
	float: left;
}


/* ============================================
	スタンダードスタイル
============================================ */
.standard p {
	margin-bottom: 2em;
	line-height: 1.7;
}
.standard h3,
.standard h4,
.standard h5 {
	margin-bottom: 15px;
}
.standard h5 {
	font-size: 12px;
	font-weight: bold;
	border-left: 5px solid #999;
	padding: 2px 0 3px 9px;
}

.standard table {
	width: 100%;
	border:1px solid #bbb;
	margin-bottom: 20px;
}
.standard table th,
.standard table td {
	border:1px solid #bbb;
	text-align: center;
	padding: 5px 5px;
}
.standard table th {
	background: #ffe9cf;
}
.standard table p {
	margin-bottom: 0.5em;
}


/* ============================================
	timeTable
============================================ */
.standard .timetable table td {
	text-align:left;
	word-break: break-all;
}

.standard .timetable table .header_frame {
	background:#4b79bd;
	color: #fff;
	font-weight: bold;
	text-align:center;
	width: 20px;
}

.standard .timetable table .tblYobi {
	background: #d0121b;
	width: 100px!important;
}
.standard .timetable table .tblDonichi {
	background: #fe900e;
	width: 128px!important;
}
.standard .timetable table .tblTime {
	background: #bbbbbb;
}


/* ============================================
	Hx
============================================ */
.standard h1,
.h1Style {
	font-size: 22px;
	font-weight: bold;
	color: #d0121b;
	margin-bottom:20px;
}
.standard h2,
.h2Style {
	font-size: 18px;
	font-weight: bold;
	border-bottom: 2px solid #fe900e;
	margin-bottom: 20px;
}


.otama {
	font-size: 18px;
	font-weight: bold;
	background: url(../img/bgHxOtama.gif) left 30% no-repeat;
	padding: 0 0 0 20px;
	border-bottom: 2px solid #fe900e;
}
.standard h3,
.redDot14 {
	font-size: 14px;
	font-weight: bold;
	border-left: 5px solid #d0121b;
	border-bottom: 1px dotted #e3e3e3;
	padding: 6px 0 8px 9px;
}
.standard h4,
.grayDot13 {
	font-size: 13px;
	font-weight: bold;
	border-left: 5px solid #666;
	border-bottom: 1px dotted #e3e3e3;
	padding: 3px 0 4px 9px;
}


/* ============================================
	aside
============================================ */
aside#sideBar {
	width: 230px;
	float: right;
}
aside#sideBar .body200 {
	width: 200px;
	margin: 0 auto;
}
aside#sideBar #nowOnAir th {
	width: 30px;
}
aside#sideBar #nowOnAir th,
aside#sideBar #nowOnAir td {
	padding: 5px 0;
	line-height: 1.3;
}

/* ============================================
	hanyou
============================================ */
span.youbi {
	font-size: 11px;
	border:1px solid #111;
	padding: 2px 10px 1px;
	margin-right: 10px;
}
span.eventcategoryicon {
	font-size: 11px;
	border:1px solid #D0121B;
	color:#D0121B;
	padding: 1px 5px 0px;
	margin-right: 5px;
}


/* ============================================
	back2top
============================================ */
#backtotop {
    bottom: 120px;
    display: none;
    height: 32px;
    position: fixed;
    right: 32px;
    width: 60px;
    z-index: 9000;
}
#backtotop a {
    /*border: 1px solid #FFFFFF;*/
    display: block;
    height: 32px;
    width: 60px;
	opacity:0.6;
	filter: alpha(opacity=60);
}
#backtotop a:hover {
	opacity:1.0;
	filter: alpha(opacity=100);
}


/* ============================================
	404
============================================ */
#entryBody.e404 {
	border:2px solid #e3e3e3;
	padding: 38px 10px;
	text-align: center;
}
/* ============================================
	request
============================================ */
section#main.request a {
	display: block;
	float: left;
	width: 270px;
	height: 100px;
	text-align: center;
	padding: 10px 24px;
}
section#main.request table td {
	text-align: left;
}

.request p {
	margin-bottom: 2em;
	line-height: 1.7;
}
.request h3,
.request h4,
.request h5 {
	margin-bottom: 15px;
}
.request h5 {
	font-size: 12px;
	font-weight: bold;
	border-left: 5px solid #999;
	padding: 2px 0 3px 9px;
}

.request table {
	width: 100%;
	/*border:1px solid #bbb;*/
	margin-bottom: 20px;
}
.request table th,
.request table td {
	/*border:1px solid #bbb;*/
	text-align: center;
	padding: 5px 5px;
}
.request table th {
	background: #ffe9cf;
}

.request table.blueTable,
.request table.blueTable th,
.request table.blueTable td {
	border:1px solid #bbb;
}

/* ============================================
	sns
============================================ */
.fb-like span {vertical-align: inherit!important;}
/*.twitter-share-button {width:110px!important;}*/

/* ============================================
	alert
============================================ */
#alert {
	position: fixed;
	width: 400px;
	height: 100px;
	border:3px solid #f00;
	text-align: center;;
	color: #f00;
	font-weight: bold;
	line-height: 100px;
	background: #fff;
	top: 100px;
	left: 50%;
	margin-left: -200px;
	z-index:9999;
	font-size: 14px;
}


/* ============================================
	IE Print
============================================ */
@media print {
	html,
	body {
		_zoom: 0.65 !important;
	}
	#main {
		*padding-bottom: 30px;
	}
	#sub {
		_zoom: 0.99 !important;
	}
	html,
	body,
	#wrapper {
		height: auto;
	}
	body > #wrapper {
		height: auto;
		min-height: auto;
	}
	#footWrap {
		margin-top: 60px;
	}
}

/* ============================================
	lNavi
============================================ */