@charset "utf-8";

/*全体TOPのみ背景イラスト*/
.wrapper {
	padding-bottom:350px;
	background:url(../../img/index/index_bg.jpg) #ffffff no-repeat bottom left;
}

#spBtn {
	text-align: center;
	padding: 10px 0px 5px;
}

.flash {
	background: url(../../img/index/on-air/bg01-02.gif) no-repeat top right;
	width:770px;
  height: 381px;
}

.onair-left {
	float: left;
	width: 544px;
	/*background: url(../../img/index/onair-left/onair-left-bg.gif) no-repeat left top;*/
	font-size: 12px;
}

.info {
	width: 532px;
	float: left;
  background: url(../../img/index/on-air/left_dot.gif) no-repeat left top;
  background-position: 4px 4px;
}

#slideBox {
	height: 320px;
	width: 532px;
	position: relative;
	overflow: hidden;
	top: 10px;
	left: 10px;
}

#slideBox ul{
	width: 9999px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#slideBox ul li{
	float: left;
	height: 222px;
	width: 532px;
}

#slideBox ul li img{
	border: 1px solid #676767;
}

#slideBtn  {
	padding-left: 11px;
	padding-top: 17px;
}

#slideBtn li  {
	float: left;
	width: 43px;
	height: 13px;
}

#slideBtn li img  {
	vertical-align: text-top;
}

#slideBtn li a  {
	background: url(../../img/index/onair-left/btn-info.gif) no-repeat left top;
	height: 7px;
	width: 39px;
	overflow: hidden;
	display: block;
}

#slideBtn li a.on  {
	background-position: left bottom;
}

#slideBtn li a.on img   {
	visibility: hidden;
	display: block;
}

/* NOW ON AIR PROGRAM */
.shousai {
	float: left;
	width: 189px;
  min-height: 230px;
  margin-left: 5px;
  margin-bottom: 15px;
	font-size: 12px;
  text-align: left;
}

.shousai h2 {
	padding-top: 10px;
}

.shousai dl {
	padding: 5px 0px 5px 5px;
}

.shousai dl dt {
	height: 16px;
}

.shousai dl dd {
	padding: 5px 5px 15px 10px;
}

.shousai dl dd.personality{
	padding: 5px 0px 0px;
}

.shousai .request {
	margin-top: 5px;
	padding-left: 8px;
	display: inline-block;
	background: url(../../img/index/on-air/icon-request.png) no-repeat left 3px;
}

.shousai .personality p {
	float: left;
	text-align: center;
	padding-right: 7px;
	width: 83px;
}

.shousai .personality p img {
	display: block;
	border: 1px solid #6D6D6D;
	margin-bottom: 5px;
}

.onair-topics  {
	background: url(../../img/index/onair-left/topic01-bg.gif) no-repeat left top;
	margin-left: 10px;
  margin-bottom: 6px;
	width: 524px;
	height: 25px;
}

.onair-topics div {
	overflow: hidden;
	padding-top: 5px;
	width: 520px;
	margin: 0px auto;
}

/*NOW ON AIR*/
.on-air {
	width:226px;
	float:right;
	text-align: center;
  background: url(../../img/index/on-air/person.gif) no-repeat right top;
}

.nowmusic-box {
	background: url(../../img/index/on-air/nowmusic_bg.gif) no-repeat right top;
	padding: 20px 10px 35px 5px;
	height: 86px;
}

.music-info {
	color:#ffffff;
	font-size:12px;
	padding-top: 23px;
}

.onair-btn p {
	float: left;
}

.bt01 {
	margin:2px 0 10px 4px;
	float:left;
}

.bt02 {
	margin:0 0 0 2px;
	float:left;
}

.bt03 {
	margin:0 0 0 2px;
	float:left;
}

.kako-onair {
	padding-top: 8px;
	padding-right: 2px;
}

.flash-margin {
	width:770px;
	background: url(../../img/index/on-air/bg01.gif) bottom right;
	clear:both;
}

/*左カラム（バナー/新着情報/注目サイト）*/
.left-column{
	margin-top:10px;
	width:545px;
	float:left;
}

		/*バナー*/
		.index-banner {
			margin:0 0 17px 0;
		}

		/*新着情報/ゲスト/プレゼント*/
		ul {
			list-style:none;
		}

		.whatsnew-menu li{
			margin:0 3px 0 0;
			float:left;
		}

			/*タブ*/
			#iframe01 a{
				background-image:url(../../img/index/ttl_iframe01.gif);
				width:87px;
				height:23px;
				display:block;
			}

			#iframe02 a{
				background-image:url(../../img/index/ttl_iframe02.gif);
				width:87px;
				height:23px;
				display:block;
			}

			#iframe03 a{
				background-image:url(../../img/index/ttl_iframe03.gif);
				width:87px;
				height:23px;
				display:block;
			}

			#iframe04 a{
				background-image:url(../../img/index/ttl_iframe04.gif);
				width:87px;
				height:23px;
				display:block;
			}

			/*インラインボックス*/
			.iframe-box {
				margin:0 0 10px 0;
				padding: 7px 10px ;
				background:#000000;
			}

		/* SNSボックス */
		#sns-box {
			height: 152px;
			background: url(../../img/index/sns_bg.gif) repeat-x left top;
			padding: 8px 5px 2px 10px;
			margin-bottom: 10px;
		}

		#sns-box h2 {
			padding-bottom: 3px;
		}

		#sns-box ul {
			padding-top: 5px;
		}

		#sns-box ul li {
			float: left;
			height: 56px;
			width: 260px;
			padding-right: 5px;
		}

		#sns-box2 ul {
			display: flex;
		}

		#sns-box2 .twitter {
			margin-right: 8px;
		}

/*右カラム*/

.right-column {
	padding:0px;
	width:220px;
	float:right;
	margin: 10px 0px;
}

		/*WEBカレンダーへのリンク*/
		.banner-calendar-wrap {
			background-color:#ffffff;
			border: 1px solid #ffffff;
			height: 80px;
			display: block;
		}

		.banner-calendar a {
			background:url(../../img/index/calendar_may.gif) no-repeat top;
			width: 220px;
			height: 80px;
			display: block;
		}

		.banner-calendar a:hover {
			background-position: 0 -80px;
		}

		/*TODAY*/
		#ttl_day{
			padding-top:10px;
			background:#fff;
		}

		.defaultdev {
			background: url(../../img/index/program/border.gif) no-repeat center 52px;
		}

			#day1{
				position: relative;
			}

			#day2{
				position: relative;
				display: none;
			}

		.scroll-box {
			margin: 0px;
			background: url(../../img/index/program/bg_btm.gif) no-repeat center bottom;
			padding: 5px 5px 14px;
		}

			.program_scroll {
				height: 440px;
				overflow: scroll;
				overflow-x: hidden;
				overflow-y: scroll;
			}

			.program_scroll--long {
				height: 686px;
			}

		.daytopi{
			background:#F7CECF;
			padding:2px 8px;
			margin:0 8px 5px 8px;
		}

		#day1 h6 a {
			color:#ffffff;
		}

		#day2 h6 a {
			color:#ffffff;
		}

/* 右カラム */
#day {
	background-image:url(../../img/index/program/bg.gif);
}

#day h6 {
	margin:10px 8px 5px 8px;
	padding:2px;
	border-left:3px solid #DB0005;
	background-color:#484848;
	color:#FFFFFF;
}

#day p {
	margin:0 8px 5px 8px;
}

/*注目サイト*/

#topics {

}

#topics h2{
	margin: 0 0 15px 0;
}

#topics h3{
	margin: 0 0 10px 0;
}

#topics p{
	margin: 0 0 5px 0;
}

#topics ul{
	margin: 0 0 15px 0;
	list-style:none;
}

#topics li{
	margin: 0 0 6px 0;
	line-height:0.8em;
}

.pickup-bg {
	background:url(../../img/index/bg.gif) no-repeat right top;
}

.pickup-box01, .pickup-box02, .pickup-box03 {
	padding-bottom: 15px;
}

.pickup-box01 ul {
	float: left;
	width: 250px;
	padding-right: 10px;
	padding-top: 5px;
}

.pickup-box01 .last {
	padding-right: 0px;
}

.pickup-main {
	float: left;
	width: 250px;
	padding-right: 10px;
}

.pickup-main02 {
	float: left;
	width: 250px;
}