@charset "utf-8";
/* ===================================================================
 style info : コンテンツエリア関係 他

fonts
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
=================================================================== */

/*----------------------------------------------------
	共通
----------------------------------------------------*/
/* スクロールバーの有無によるズレ対策 */
html { overflow-y: scroll; }
body { font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; }
input, textarea { font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; }

/* for IE6 */
* html body { font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}
* html input, * html textarea {	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}

/* リンク
----------------------------------------------------*/
a {}
a:link {}
a:visited {}
a:hover {}
a:active {}

/* 汎用
----------------------------------------------------*/
/* clerfix */
#contents:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

/*----------------------------------------------------
	.mainContent（コンテンツ部分）
----------------------------------------------------*/
.mainContent {
	display: block;
	float: left;
	width: 640px;
	height: auto;
	color: #8a8a8a;
	}
.wide {
	float: none;
	width: 960px;
	}
.contentBox {
	display: block;
	height: auto;
	background: #fff;
	padding: 28px 30px;
	margin-bottom: 30px;
	}
.contentBox header h1 {
	color: #003c3e;
	font-size: 153.9%;
	font-family: "Cantata One";
	font-weight: 400;
	letter-spacing: 2px;
	}		

/*----------------------------------------------------
	#sideBar（サイドバー）
----------------------------------------------------*/	
.sideBar {
	display: block;
	float: left;
	width: 300px;
	height: auto;
	margin: 0 0 0 20px;
	}
.sideBar:after {
    content: ""; 
    display: block; 
    clear: both;
	}

/*バナーエリア（大）*/
.sideBnrArea { margin-bottom: 50px; }
.sideBnrArea li {
	width: 300px;
	height: 80px;
	height:auto;
	list-style: none;
	margin-bottom: 12px;
	}
.sideBnrArea li img { font-size: 0; }
/*.sideBnrArea li:nth-child(2) { height: 172px; }*/
.sideBnrArea li:last-child { margin-bottom: 0; }		


/*INFORMATION（トップ）*/
.topBox { display: block; clear: both; background: #fff;}
/*.topBox header { height: 28px; background: url(../images/bg_stripes.gif) repeat-y 20px 0; border-top: 1px solid #023e3e; border-bottom: 1px solid #023e3e; padding: 3px 0; }*/

.topBox header { height: 28px; border-top: 1px solid #023e3e; border-bottom: 1px solid #023e3e; padding: 3px 0; }
.topBox header h1 { height: 16px; color: #023e3e; font-size: 108%; font-family: "Cantata One"; font-weight: 400; background: url(../images/arrow_top.png) no-repeat 10px center #f5f5f5; padding: 5px 0 7px 28px; }
.topBox header h1 a { color: #023e3e; }
.topInfo,.topConcert { width: 640px; margin-bottom: 20px; }

.topOnair { width: 640px; padding-bottom: 28px; margin-bottom: 20px; }
.topOnair header { background-image: none; }

.topBox ul { padding: 28px 30px; }
.topBox ul li { padding: 0 0 0.8em 0; }
.topBox ul li:last-child { padding-bottom: 0; }

.topOnair strong { display: block; color: #023e3e; font-family: "Cantata One"; font-weight: 400; letter-spacing: 2px; padding: 28px 0 14px 30px; }
.topOnair ul { padding: 0 0 28px 0; border-bottom: 1px solid #cfcfcf; margin: 0 30px 0 30px; }
.topOnair ul:last-child { margin-bottom: 0; }


/*NEWマーク*/	
.topBox ul li span,.newList li span {
	height: 16px;
	color: #fff;
	font-size: 77%;
	font-family: "Cantata One";
	font-weight: 400;
	background: #f00;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 2px 10px 1px 10px;
	margin-left: 1em;
	}