@charset"utf-8";
/* base styles */


/*
    1 : base
		2 : Clear Fix
		3 : header
		4 : content
		5 : content(alpha)
		6 : content(beta)
		7 : footer
        
 */


/* ***********************************************************************
        1 : base
*********************************************************************** */

html {
	height: 100%;
}
body {
	height: 100%;
	text-align: left;
	background: #fff;
}
/*#crowns_wrap {
	width: 100%;
	position: relative;
	margin: 0 auto;
}
#crowns_wrap a {
	display: block;
	position: absolute;
	width: 100%;
	height: 1200px;
	overflow:hidden;
}*/
#container {
	position:relative;
	width: 100%;
	height: 100%;
	min-height: 100%;
	background-image: url(../../image/bg/bg_coron_pink.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#container-inner {
}

body > #container {
	height: auto;
}

a,
a:link {
	color:#373737;
}

a:visited {
	color:#660099;
}

a:active,
a:hover,
a:focus {
	color:#FF0000;
}

	

/* ***********************************************************************
	2 : Clear Fix
*********************************************************************** */
.clearFix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	line-height:0;
	visibility: hidden;
}
.clearFix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearFix {
	height: 1%;
}
.clearFix {
	display: block;
}
/* End hides from IE-mac \*/

/* ***********************************************************************
        3 : header
*********************************************************************** */

#header {
	width: 100%;
	/*background-image: url(../../image/bg/bg_ccrowns1920-container.gif);
	background-repeat: no-repeat;
	background-position: center bottom;*/
}
#header-inner {
	height: 193px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#header-title p a {
	height: 22px;
	font-size: 0px;
	line-height: 0px;
	background-image: url(../../image/index/title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 95px;
	position: absolute;
	left: 15px;
	top: 153px;
	display: block;
}
#header-rokokoro {
	position:relative;
	left: 0;
	top:12px;
	width:230px;
	height: 70px;
}
/*============================================
 *	Search Area
 *============================================*/
#rightSrchArea {
	width:212px;
	height:23px;
	background-image: url(../../image/index/bg_srchBox.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
	left: 16px;
	top: 92px;
	display: none;
}
#rightSrchArea #srchBox {
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 28px;
}
#rightSrchArea #srchBox input#srchInput {
	font-size:1em;
	float:left;
	width:140px;
	border:none;
	background:transparent url(http://img.yahoo-search.jp/img/logo_wm.gif) center center no-repeat;
}
*html #rightSrchArea #srchBox input#srchInput {
	font-size:1em;
	float:left;
	width:130px;
	border:none;
	background:transparent url(http://img.yahoo-search.jp/img/logo_wm.gif) center center no-repeat;
}
#rightSrchArea #srchBox input#srchBtn {
	float:right;
	width:36px;
	height:16px;
	display:block;
	overflow:hidden;
	background: url(../../image/index/bt_srch.gif) no-repeat;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}
#rightSrchArea #srchBox input#srchBtn:hover {
	background-position:0 -16px;
}
#rightSrchArea #srchBoxSub {
	clear:both;
	margin:0;
	padding:0;
	font-size:0;
}
/*==================================
 *	super-banner
 *==================================*/

#header #super-banner {
	height: 90px;
	width: 728px;
	position: absolute;
	left: 237px;
	top: 25px;
}
#header #regular-banner {
	height: 60px;
	width: 468px;
	position: absolute;
	left: 368px;
	top: 40px;
}

/*==================================
 *	global-nav
 *==================================*/
 
#global-nav li {
	list-style-type: none;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}
#global-nav li a {
	font-size: 0px;
	line-height: 0px;
	text-decoration: none;
	background-image: url(../../image/index/global-nav.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 25px;
	position: absolute;
	top: 152px;
}

#global-nav-tv a {
	background-position: 0px 0px;
	width: 93px;
	left: 115px;
}
#global-nav-tv a:hover {
	background-position: 0px -25px;
}
#tv-index #global-nav-tv a {
	background-position: 0px -50px;
}

#global-nav-radio a {
	background-position: -93px 0px;
	width: 95px;
	left: 208px;
}
#global-nav-radio a:hover {
	background-position: -93px -25px;
}
#radio-index #global-nav-radio a {
	background-position: -93px -50px;
}

#global-nav-event a {
	background-position: -188px 0px;
	width: 95px;
	left: 303px;
}
#global-nav-event a:hover {
	background-position: -188px -25px;
}
#global-nav-cinema a {
	background-position: -283px 0px;
	width: 95px;
	left: 398px;
}
#global-nav-cinema a:hover {
	background-position: -283px -25px;
}
#global-nav-announcer a {
	background-position: -378px 0px;
	width: 95px;
	left: 493px;
}
#global-nav-announcer a:hover {
	background-position: -378px -25px;
}
#global-nav-mobile a {
	background-position: -473px 0px;
	width: 95px;
	left: 588px;
}
#global-nav-mobile a:hover {
	background-position: -473px -25px;
}
#global-nav-blog a {
	background-position: -568px 0px;
	width: 95px;
	left: 683px;
	display: none;
}
#global-nav-blog a:hover {
	background-position: -568px -25px;
}
#global-nav-weather a {
	background-position: -568px 0px;
	width: 95px;
	left: 683px;
}
#global-nav-weather a:hover {
	background-position: -568px -25px;
}
#global-nav-shopping a {
	background-position: -663px 0px;
	width: 92px;
	left: 778px;
}
#global-nav-shopping a:hover {
	background-position: -663px -25px;
}
#global-nav-sp {
	list-style-type: none;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	width: 980px;
}
#global-nav-englishi a {
	position: absolute;
	left: 880px;
	top: 162px;
	background: url(../../image/index/bt_english.gif);
	width: 55px;
	height: 15px;
	display: block;
}
#global-nav-englishi a:hover {
	background-position: 0 -15px;
}
/* ***********************************************************************
        4 : content
*********************************************************************** */

#content {
	width: 100%;
}
#content-inner {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
	background: #fff;

}

/* ***********************************************************************
        5 : content(alpha)
*********************************************************************** */

#alpha {
	float: left;
	width: 300px;
	position: relative;
	left: 15px;
	margin-bottom: 10px;
}
#alpha a {
	color:#1b91ff;
}
#alpha a:hover {
	color:#FF0000;
}
#alpha ul {
	list-style: none;
}

/*==================================
 *	GUEST VIEW
 *==================================*/

#alpha #gest {
	border: solid 1px #ffde09;
	padding-bottom: 11px;
}
#alpha #gest h5 {
	height: 31px;
	width: 298px;
	background: url(../../radio/images/side/t_guest.gif) no-repeat;
	text-indent: -9999px;
	border-bottom: 1px solid #ffde09;
	margin-bottom: 9px;
}
#alpha #gest p.photo {
	float: left;
	width: 120px;
	height: 90px;
	padding-left: 10px;
}
#alpha #gest p.name {
	font-size: 12px;
	line-height: 18px;
	float: right;
	width: 150px;
	padding-right: 10px;
	vertical-align: middle;
}
#alpha #gest p.name span.pink,
#alpha #gest p.text span.pink  {
	font-weight: bold;
	color: #FF6699;
	font-size: 15px;
}
#alpha #gest p.text {
	font-size: 12px;
	line-height: 18px;
	text-align: center;
}
/*==================================
 *	スペシャル枠
 *==================================*/
 
#alpha #special {
	clear: both;
	border: solid 1px #ffde09;
	margin: 11px 0 0;
}
#alpha #special .monthBox01 {
	clear: both;
	width: 280px;
	margin: 0 auto;
	padding: 11px 0;
}
#alpha #special p.photo {
	float: left;
	width: 90px;
	height: 90px;
}
#alpha #special p.name {
	float: right;
	font-size: 12px;
	line-height: 18px;
	width: 180px;
}
#alpha #special p.name img {
	margin-bottom: 5px;
}

/*==================================
 *	いっしょに歌お！CBCラジオ
 *==================================*/
 
#alpha #school {
	clear: both;
	border: solid 1px #ffde09;
	margin: 11px 0;
}
#alpha #school h5 {
	height: 53px;
	width: 298px;
	background: url(../../radio/images/side/t_school.gif) no-repeat;
	text-indent: -9999px;
}
#alpha #school p.cap {
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}
#alpha #school .monthBox01 {
	clear: both;
	width: 280px;
	border-bottom: solid 1px #ffde09;
	margin: 0 auto;
	padding: 0 4px 6px;
}
#alpha #school .monthBox02 {
	clear: both;
	width: 280px;
	margin: 0 auto;
	padding: 7px 0 7px;
}
#alpha #school p.photo {
	float: left;
	width: 90px;
	height: 90px;
}
#alpha #school p.name {
	float: right;
	font-size: 12px;
	line-height: 18px;
	width: 180px;
}

/*==================================
 *	いちおし番組リスト
 *==================================*/
 
#alpha #ichioshi {
	/*border-top: solid 1px #ffde09;*/
	border-bottom: solid 2px #ffde09;
	clear: both;
}
#alpha #ichioshi .monthBox {
	clear: both;
	width: 280px;
	border-bottom: solid 1px #ffde09;
	padding: 10px 10px;
}
#alpha #ichioshi p.photo {
	float: left;
	width: 90px;
	height: 68px;
}
#alpha #ichioshi p.name {
	float: right;
	font-size: 12px;
	line-height: 16px;
	width: 180px;
}
#alpha #ichioshi .name img {
	padding-bottom: 5px;
}


#alpha #onair {
	width:300px;
	margin:0 auto 11px;
	overflow:hidden;
}
#alpha #onair iframe {
	padding:0;
	width:100%;
	overflow:hidden;
	border:none;
}

/*==================================
 *	バナー
 *==================================*/
 
#alpha .banner01 {
	margin-top: 10px;
	position: relative;
	height: 60px;
}
#alpha .banner01 li.b01 {
	position: absolute;
	left: 0px;
}
#alpha .banner01 li.b02 {
	position: absolute;
	right: 0px;
}
#alpha .banner02 {
}
#alpha .banner02 li {
		line-height: 0;
		padding-bottom: 10px;
}
#alpha .banner03 {
	position: relative;
	height: 60px;
}
#alpha .banner03 li.b01 {
	position: absolute;
	left: 0px;
}
#alpha .banner03 li.b02 {
	position: absolute;
	right: 0px;
}
#alpha .banner03 li.b03 {
	position: absolute;
	left: 80px;
}

/* ***********************************************************************
        6 : content(beta)
*********************************************************************** */

#beta {
	float: right;
	width: 640px;
	position: relative;
	margin-bottom: 10px;
	background-color: #fff;
	right: 15px;
}
#beta a {
	color: #0084ff;
	text-decoration: none;
}
#beta a:hover {
	color: #FF0000;
	text-decoration: none;
}
#beta p.pageup {
	clear: both;
	font-size: 12px;
	line-height: 18px;
	text-align: right;
	padding: 25px 10px 20px 0;
}
/*==================================
 *	Radio-nav
 *==================================*/

ul#radio-nav {
	clear: both;
	height: 38px;
	width: 950px;
	list-style: none;
	margin-left: 15px;
	background-repeat: no-repeat;
	background-position: 0px;
}
ul#radio-nav li {
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}
ul#radio-nav li a {
	float: left;
	height: 38px;
	display: block;
}
ul#radio-nav li.time a {
	width: 187px;
	background: url(../../radio/images/radio-nav.gif) no-repeat;
}
ul#radio-nav li.time a:hover {
	background-position: 0 -38px;
}
ul#radio-nav li.kikidokoro a {
	width: 190px;
	background: url(../../radio/images/radio-nav.gif) no-repeat;
	background-position: -187px 0;
}
ul#radio-nav li.kikidokoro a:hover {
	background-position: -187px -38px;
}
ul#radio-nav li.special a {
	width: 190px;
	background: url(../../radio/images/radio-nav.gif) no-repeat;
	background-position: -377px 0;
}
ul#radio-nav li.special a:hover {
	background-position: -377px -38px;
}
ul#radio-nav li.twitter a {
	width: 190px;
	background: url(../../radio/images/radio-nav.gif) no-repeat;
	background-position: -567px 0;
}
ul#radio-nav li.twitter a:hover {
	background-position: -567px -38px;
}
ul#radio-nav li.youtube a {
	width: 193px;
	background: url(../../radio/images/radio-nav.gif) no-repeat;
	background-position: -757px 0;
}
ul#radio-nav li.youtube a:hover {
	background-position: -757px -38px;
}
/*==================================
 *	Link-nav
 *==================================*/

ul#link-nav {
	clear: both;
	height: 25px;
	/*width: 950px;デフォルト*/
	width: 960px;
	list-style: none;
	/*background: url(../../radio/images/link-nav.gif) no-repeat;*/
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 15px;
}
ul#link-nav li {
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}
ul#link-nav li a {
	float: left;
	height: 25px;
	display: block;
}
ul#link-nav li.present a {
	width: 191px;
	background: url(../../radio/images/link-nav.gif) no-repeat;
}
ul#link-nav li.present a:hover {
	background-position: 0 -25px;
}
ul#link-nav li.event a {
	width: 190px;
	background: url(../../radio/images/link-nav.gif) no-repeat;
	background-position: -191px 0;
}
ul#link-nav li.event a:hover {
	background-position: -191px -25px;
}
ul#link-nav li.web a {
	width: 189px;
	background: url(../../radio/images/link-nav.gif) no-repeat;
	background-position: -381px 0;
}
ul#link-nav li.web a:hover {
	background-position: -381px -25px;
}
ul#link-nav li.question a {
	width: 190px;
	background: url(../../radio/images/link-nav.gif) no-repeat;
	background-position: -570px 0;
}
ul#link-nav li.question a:hover {
	background-position: -570px -25px;
}
ul#link-nav li.message a {
	width: 190px;
	background: url(../../radio/images/link-nav.gif) no-repeat;
	background-position: -760px 0;
}
ul#link-nav li.message a:hover {
	background-position: -760px -25px;
}
ul#link-nav li.repodora a {
	width: 379px;
	background: url(../../radio/images/banner/bn_repodora_fm.gif) no-repeat;
}
ul#link-nav li.repodora a:hover {
	background-position: 0 -25px;
}

/*==================================
 *	Top-banner
 *==================================*/

ul#top-banner {
	clear: both;
	list-style: none;
	margin: 0 0 0 15px;
	height: 49px;
}
ul#top-banner li {
	float: left;
}
ul#top-banner li.center {
	margin: 0 25px 0 10px;
}
ul#top-banner li.sp {
	margin: 0 0 0 10px;
}

/* ***********************************************************************
        7 : footer
*********************************************************************** */

#footer {
	clear: both;
	width: 100%;
	height: 330px;
	background: url(../../image/bg/bg_coron_pink-footer.gif) no-repeat center bottom;
}
#footer #footer-inner {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	background: #fff;
	padding-bottom:10px;
}
#footer #footer-btn {
	height: 52px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	overflow: hidden;
}
#footer-btn  ul li {
	list-style-type: none;
}
#footer-btn  ul li a {
	text-decoration: none;
	background-repeat: no-repeat;
	display: block;
	height: 37px;
	width: 133px;
	position: absolute;
	top: 0px;
}
#footer-btn01 a {
	background-image: url(../../image/index/footer-btn.gif);
	background-position: 0px 0px;
	left: 0px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}
#footer-btn01 a:hover {
	background-position: 0px -37px;
}
#footer-btn02 a {
	background-image: url(../../image/index/footer-btn.gif);
	background-position: -133px 0px;
	left: 164px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}
#footer-btn02 a:hover {
	background-position: -133px -37px;
}
#footer-btn03 a {
	background-image: url(../../image/index/footer-btn.gif);
	background-position: -266px 0px;
	left: 327px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}
#footer-btn03 a:hover {
	background-position: -266px -37px;
}
#footer-btn04 a {
	background-image: url(../../image/index/footer-btn.gif);
	background-position: -399px 0px;
	left: 490px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}
#footer-btn04 a:hover {
	background-position: -399px -37px;
}
#footer-btn04-sp a {
	left: 490px;
	margin-top: 2px;
}
#footer #footer-inner ul li#footer-btn05 a {
	background-image: url(../../image/index/footer-btn_chubu-hoso-forum.gif);
	left: 653px;
	height: 30px;
	width: 224px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	border: 1px solid #D0D0D0;
}
/*--#footer-btn05 a {
	background-image: url(../../image/index/footer-btn.gif);
	background-position: -532px 0px;
	left: 653px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}
#footer-btn05 a:hover {
	background-position: -532px -37px;
}
#footer-btn06 a {
	background-image: url(../../image/index/footer-btn.gif);
	background-position: -665px 0px;
	left: 681px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}
#footer-btn06 a:hover {
	background-position: -665px -37px;
}--*/
#footer-btn07 a {
	background-image: url(../../image/index/footer-btn2.gif);
	background-position: 0px 0px;
	left: 817px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}
#footer-btn07 a:hover {
	background-position: 0px -37px;
}
#footer-btn08 a {
	left: 817px;
	font-size: 12px;
	line-height: 18px;
	text-decoration: none;
	text-indent: 0;
}
*html #footer-whatscbc {
	background-image: url(../../image/index/footer-radio.gif);
	background-repeat: no-repeat;
	height: 50px;
	width: 950px;
	margin-right: auto;
	margin-bottom: -10px;
	margin-left: auto;
}
#footer-whatscbc {
	background-image: url(../../image/index/footer-radio.gif);
	background-repeat: no-repeat;
	height: 50px;
	width: 950px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
#footer-whatscbc h2 {
	overflow: hidden;
}
#footer-whatscbc h2 a {
	position:relative;
	display:block;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	width: 215px;
	height: 20px;
}
#footer-whatscbc p {
	position:relative;
	top:-20px;
	font-size: 12px;
	line-height: 16px;
	height: 20px;
	width: 735px;
	margin-left: 215px;
	text-align: left;
}
#footer-whatscbc p.sp {
	font-size: 12px;
	line-height: 16px;
	padding-top: 6px;
	height: 20px;
	width: 733px;
	margin-left: 217px;
	text-align: left;
	border-bottom: solid 2px #ff9fcc;
}
#footer-whatscbc p a {
	padding:2px;

}
#footer-whatscbc p a:hover {
	background-color:#ffdbec;
}
#footer-whatscbc #regulation {
	position:relative;
	top:-10px;
	text-align:right;
	font-size:10px;
}
#footer-whatscbc #regulation a,
#footer-whatscbc #regulation a:link {
	color:#000000;
	padding:1px;
}
#footer-whatscbc #regulation a:hover {
	color:#FF0000;
	background-color:#ffdbec;
}

#footer #about p {
	font-size: 10px;
	line-height: 15px;
	text-align: center;
}
#footer #about a, #footer #about a:link {
	color:#000000;
	padding:1px;
}
#footer #about a:visited {
	color:#660099;
	text-decoration: none;
}
#footer #about a:active, #footer #about a:focus {
	color:#FF0000;
}
#footer #about a:hover {
	color:#FF0000;
	background-color:#ffdbec;
}