@charset "utf-8";
/* ************************************************
 * 共通設定
 * ************************************************ */
body {
margin: 0px;
padding: 0px 0px;
color: #231815;
background:#f0f0f0;
font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;
font-size: 15px;
line-height:150%;
text-align:center;
-webkit-text-size-adjust: none;
}

h1 , h2 , h3 , h4 , h5 {
padding:0px;
margin:0px;
}

/* リンク */
a {
color: #00f;
text-decoration:underline;
cursor:pointer;
}
a:hover {
color: #00f;
text-decoration:none;
}

img {
margin: 0px 0px;
padding: 0px;
vertical-align: top;
border: none;
text-align: center;
}

/* p */
p {
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
}


/* hr */
hr {
height: 7px;
margin: 10px 20px 10px 20px;
padding: 0;
background:url(../images/common/dotline.png) repeat-x top left;
border: 0px none;
}

/* リスト */
ul {
padding:0px;
margin:0px 0px 20px 0px;
list-style: none;
}

ul li {
margin:0px;
padding: 0px 0px 0px 25px;
line-height:200%;
}


/* ************************************************ */
/**** 共通クラス定義 ****/
/* ************************************************ */
.clear {
clear:both;
font-size:0px;
line-height:0px;
}

.txtindent {
text-indent:-9999px;
}
.dsp_none {
display:none;
}

/* pagetop_anchor */
.pagetop_anchor {
position:absolute;
top:0;
}

/* align */
.al_left {
text-align:left!important;
}
.al_right {
text-align:right!important;
}
.al_center {
text-align:center!important;
}

/* ************************************************ */
/**** 大枠ID ****/
/* ************************************************ */

/***** container *****/
#container {
padding:0px 0px;
margin:0px auto ;
width:950px;
background:#fff;
box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1); 

}
#container:after { /* clearfix */
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html #container             { zoom: 1; } /* IE6 */
*:first-child+html #container { zoom: 1; } /* IE7 */


/***** header *****/
#header {
padding:0px 0px 0px 0px;
margin:0px auto;
width:950px;
text-align:center;
}
#header:after { /* clearfix */
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html #header             { zoom: 1; } /* IE6 */
*:first-child+html #header { zoom: 1; } /* IE7 */

/***** contents *****/
#contents {
padding:0px 0px 0px 0px;
margin:0px auto;
width:950px;
}
#contents:after { /* clearfix */
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html #contents             { zoom: 1; } /* IE6 */
*:first-child+html #contents { zoom: 1; } /* IE7 */



/***** main *****/
#main {
float:left;
padding:20px 20px;
margin:0px auto;
width:625px;
}
#main:after { /* clearfix */
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html #main             { zoom: 1; } /* IE6 */
*:first-child+html #main { zoom: 1; } /* IE7 */

/***** side *****/
#side {
float:right;
padding:20px 20px;
margin:0px auto;
width:245px;
background:url(../images/common/side_bg.png) repeat top left;
/*background:#ffd700;*/
}
#side:after { /* clearfix */
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html #side             { zoom: 1; } /* IE6 */
*:first-child+html #side { zoom: 1; } /* IE7 */


/***** footer *****/
#footer {
padding:15px 0px;
background:#f1f1f1;
border-top:1px solid #dcdcdc;
font-size:12px;
}



/* ************************************************ */
/**** header ****/
/* ************************************************ */
.mainvis {
margin:0px 0px;
padding:0px;
}

.gm {
margin:0px auto;
padding:0px;
width:950px;
}
.gm:after { /* clearfix */
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .gm             { zoom: 1; } /* IE6 */
*:first-child+html .gm { zoom: 1; } /* IE7 */

.gm ul {
margin:0px;
padding:0px;
}
.gm ul li {
float:left;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.gm ul li a {
height:61px;
display:block;
text-indent:-9999px;
}

.gm ul li#here a {
background-position:bottom!important;
}

.gm ul li a.top {
width:237px;
background:url(../images/common/gm_top.png) no-repeat top left;
}
.gm ul li a.top:hover {
background:url(../images/common/gm_top.png) no-repeat center left;
}
.gm ul li a.top:active {
background:url(../images/common/gm_top.png) no-repeat bottom left;
}

.gm ul li a.aboutus {
width:238px;
background:url(../images/common/gm_aboutus.png) no-repeat top left;
}
.gm ul li a.aboutus:hover {
background:url(../images/common/gm_aboutus.png) no-repeat center left;
}
.gm ul li a.aboutus:active {
background:url(../images/common/gm_aboutus.png) no-repeat bottom left;
}
.gm ul li a.archive {
width:237px;
background:url(../images/common/gm_archive.png) no-repeat top left;
}
.gm ul li a.archive:hover {
background:url(../images/common/gm_archive.png) no-repeat center left;
}
.gm ul li a.archive:active {
background:url(../images/common/gm_archive.png) no-repeat bottom left;
}
.gm ul li a.themesong {
width:238px;
background:url(../images/common/gm_themesong.png) no-repeat top left;
}
.gm ul li a.themesong:hover {
background:url(../images/common/gm_themesong.png) no-repeat center left;
}
.gm ul li a.themesong:active {
background:url(../images/common/gm_themesong.png) no-repeat bottom left;
}



/* ************************************************ */
/**** main ****/
/* ************************************************ */

/******************** 共通 ********************/

/*** ステージ ***/
.stage {
width:625px;
height:352px;
display:block;
padding:0px;
margin:0px 0px;
}

/*ex*/
.ex:after { /* clearfix */
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .ex             { zoom: 1; } /* IE6 */
*:first-child+html .ex { zoom: 1; } /* IE7 */

.ex .date {
text-align:right;
font-size:12px;
line-height:20px;
color:#000;
}
/*** 放送概要 ***/
/* TOP用 */
dl.type1 {
float:left;
width:540px;
padding:0px;
margin:0px;
text-align:left;
}
dl.type1 dt {
clear:both;
float:left;
width:53px;
height:17px;
margin:0px 0px 11px 0px;
}
dl.type1 dd {
float:left;
width:487px;
line-height:17px;
margin:0px 0px 11px 0px;
font-weight:bold;
}
/* アーカイブ用 */
dl.type2 {
float:left;
width:445px;
padding:0px;
margin:0px;
text-align:left;
}
dl.type2 dt {
clear:both;
float:left;
width:53px;
height:17px;
margin:0px 0px 11px 0px;
}
dl.type2 dd {
float:left;
width:392px;
line-height:17px;
margin:0px 0px 11px 0px;
font-weight:bold;
}
dl.type3 {
width:605px;
padding:0px;
margin:0px;
text-align:left;
}
dl.type3 dt {
clear:both;
float:left;
width:53px;
height:17px;
margin:0px 0px 0px 0px;
}
dl.type3 dd {
float:left;
width:552px;
line-height:17px;
margin:0px 0px 0px 0px;
font-weight:bold;
}

/*** archivelist ***/
.archivelist {
text-align:left;
}
.archivelist:after { /* clearfix */
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .archivelist             { zoom: 1; } /* IE6 */
*:first-child+html .archivelist { zoom: 1; } /* IE7 */

.archivelist .oneday {
clear:both;
margin:0px 0px 20px 0px;
position:relative;
}
.archivelist .oneday:after { /* clearfix */
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .archivelist .oneday             { zoom: 1; } /* IE6 */
*:first-child+html .archivelist .oneday { zoom: 1; } /* IE7 */


.archivelist .oneday a {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
text-indent:-9999px;
z-index:100;
}

.archivelist .oneday:hover {
background:#fff;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
opacity: 0.5;
-webkit-transition: opacity 0.4s ease;
-moz-transition: opacity 0.4s ease;
-o-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
}

.archivelist .oneday .cont_head {
background:#eaeef1;
padding:10px;
margin:0px 0px 1px 0px;
position:relative;
/*height:81px;*/
}
.archivelist .oneday .cont_head:after { /* clearfix */
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .archivelist .oneday .cont_head             { zoom: 1; } /* IE6 */
*:first-child+html .archivelist .oneday .cont_head { zoom: 1; } /* IE7 */

.archivelist .oneday .cont_foot {
background:#c2e5f9;
padding:10px;
margin:0px 0px 20px 0px;
}
.archivelist .oneday .cont_foot:after { /* clearfix */
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .archivelist .oneday .cont_foot             { zoom: 1; } /* IE6 */
*:first-child+html .archivelist .oneday .cont_foot { zoom: 1; } /* IE7 */

.archivelist .oneday .cont_head .thmb {
float:left;
width:150px;
height:81px;
display:block;
margin:0px 10px 0px 0px;
}
.archivelist .oneday .cont_head .text {
float:left;
width:445px;
}
.archivelist .oneday .cont_head .text .number {
position:absolute;
top:5px;
right:5px;
}
.archivelist .oneday .cont_head .text .date {
font-size:12px;
line-height:15px;
color:#000;
margin:0px 0px 10px 0px;
padding:0px;
font-weight:normal;
}

/*** ボタンエリア ***/
.btnarea {
clear:both;
margin:0px;
padding:25px 0px;
font-size:15px;
line-height:61px;
}
.btnarea:after { /* clearfix */
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .btnarea             { zoom: 1; } /* IE6 */
*:first-child+html .btnarea { zoom: 1; } /* IE7 */

.btnarea .center {
margin:0px auto;
float:left;
width:298px;
}
.btnarea .left {
width:164px;
float:left;
font-size:13px;
text-align:right;
}
.btnarea .right {
width:163px;
float:left;
font-size:13px;
text-align:left;
}

.btnarea a {
color: #000;
text-decoration:none;
}
.btnarea a:hover {
text-decoration:underline;
}

.btn_archivelist a {
width:238px;
height:61px;
display:block;
text-indent:-9999px;
margin:0px auto;
background:url(../images/common/btn_archivelist.png) no-repeat top left;
}
.btn_archivelist a:hover {
background:url(../images/common/btn_archivelist.png) no-repeat center left;
}
.btn_archivelist a:active {
background:url(../images/common/btn_archivelist.png) no-repeat bottom left;
}

.btn_detail a {
width:238px;
height:61px;
display:block;
text-indent:-9999px;
margin:0px auto;
background:url(../images/common/btn_detail.png) no-repeat top left;
}
.btn_detail a:hover {
background:url(../images/common/btn_detail.png) no-repeat center left;
}
.btn_detail a:active {
background:url(../images/common/btn_detail.png) no-repeat bottom left;
}

/*paging*/
.paging {
margin:0px auto;
text-align:center;
}
.paging:after { /* clearfix */
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .paging             { zoom: 1; } /* IE6 */
*:first-child+html .paging { zoom: 1; } /* IE7 */

.paging ul li {
display:inline-block;
*display: inline;  
*zoom: 1;  
padding:0px;
margin:0px 5px ;
*margin:0px 3px;
}


/******************** TOPページ ********************/

/*** latest ***/
.latest {
text-align:left;
padding:0px;
}
.latest:after { /* clearfix */
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .latest             { zoom: 1; } /* IE6 */
*:first-child+html .latest { zoom: 1; } /* IE7 */


.ic_latest {
float:left;
width:76px;
margin:0px 9px 0px 0px;
}




/*** twitter ***/
.twitter {
width:625px;
margin:0px auto 0px auto;
}
.plugin {
background:#fff;
height:200px;
}
#twitter-widget-0 { 
width: 100% !important; 
height:200px !important;
}



/******************** 夢らぼとは？ページ ********************/
.aboutusvis {
padding:0px;
margin:0px;
}
.pho {
float:left;
width:240px;
text-align:left;
}
.profile {
float:left;
padding:10px 0px 0px 0px;
text-align:left;
font-size:13px;
}
.profile .a {
font-weight:bold;
line-height:23px;
}

.profile .b {
line-height:18px;
}


/******************** アーカイブ一覧ページ ********************/



/******************** 番組テーマソングページ ********************/
.main_themesong {
width:665px!important;
padding:0px!important;
}

/* 試聴 */
.audition {
position:relative;
background:url(../images/themesong/audition_bg.png) no-repeat top left;
height:72px;
}

.audition_tit {
color:#fff100;
font-weight:bold;
font-size:19px;
text-align:left;
padding:8px 0px 0px 5px;
}
.player {
position:absolute;
top:38px;
left:17px;
background:#fff;
width:321px;
}
.lyrics {
position:absolute;
top:15px;
left:351px;
}
.lyrics a:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
opacity: 0.75;
-webkit-transition: opacity 0.4s ease;
-moz-transition: opacity 0.4s ease;
-o-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
}

/* メッセージ */
.message02 {
background:url(../images/themesong/message02.jpg) no-repeat top left;
width:665px;
height:665px;
}
.message02 p {
display:none;
}
.message03 {
background:url(../images/themesong/message03.jpg) no-repeat top left;
width:665px;
height:639px;
}
.message03 p {
display:none;
}
.message04 {
background:url(../images/themesong/message04.jpg) no-repeat top left;
width:385px;
height:315px;
font-size:13px;
text-align:left;
padding:17px 20px 0px 260px;
}
.message04 p {
display:none;
}
.message04 .profile_data {
font-weight:bold;
line-height:22px;
margin-bottom:10px;
}
.message04 .profile_text {
line-height:18px;
}

/**/
#lean_overlay{
  position: fixed;
  z-index:9999; 
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}
.modalstage {
width:665px;
height:600px;
overflow:hidden;
overflow-y:auto;
background:#fff;
display:block;
color:#000;
padding:0px;
position:relative;
}
.modal_close {
position:absolute;
top:1046px;
left:283px;
}
a.modal_close:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
opacity: 0.6;
-webkit-transition: opacity 0.4s ease;
-moz-transition: opacity 0.4s ease;
-o-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
}

.lyricsblock {
width:665px;
height:1141px;
display:block;
background:url(../images/themesong/lyric.jpg) no-repeat top left;
}
.lyricsblock p {
display:none;
}

/*
.themesong_bg {
background:url(../images/themesong/themesong_bg.png) no-repeat top left;
width:625px;
height:1360px;
display:block;
position:relative;
}

#music {
width:308px;
margin:5px auto;
-webkit-text-size-adjust: none;
}

.soon {
position:absolute;
top:7px;
right:-10px;
}

.yumeiro_lyric {
background:url(../images/themesong/yumeiro_lyric.png) no-repeat top left;
width:625px;
height:958px;
display:block;
}
.yumeiro_lyric p {
display:none;
}*/


/******************** 詳細ページ ********************/
.detailtext {
clear:both;
text-align:left;
font-size:15px;
line-height:22px;
padding:0px;
margin:10px 0px;
}
dl.homepage_link {
text-align:left;
}
dl.homepage_link dt {
font-size:12px;
font-weight:normal;
padding:0px;
margin:30px 0px 0px 0px;
}
dl.homepage_link dd {
font-size:16px;
font-weight:normal;
padding:0px;
margin:0px 0px 0px 0px;
}





/* ************************************************ */
/**** side ****/
/* ************************************************ */

/***** calendar *****/
.calendar {
clear:both;
margin:0px 0px 20px 0px;
}
.calendar:after { /* clearfix */
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .calendar             { zoom: 1; } /* IE6 */
*:first-child+html .calendar { zoom: 1; } /* IE7 */

.calendar p{
padding:0px;
margin:0px auto;
}
.calendar ul {
width:266px;
margin:0px auto;
position:relative;
}
.calendar ul li{
padding:0px;
margin:0px auto;
}
.calendar ul li.prev {
text-align:left;
position:absolute;
top:0;
left:0;
}
.calendar ul li.next {
text-align:right;
position:absolute;
top:0;
right:0;
}
.calendar ul li a {
font-weight:bold;
color:#fff;
font-size:86%;
line-height:31px;
}


/***** bnrarea *****/
.bnrarea {
clear:both;
}
.bnrarea ul li {
width:245px;
background:#fff;
margin:0px auto 20px auto;
padding:0px;
}
.bnrarea ul li a img {
}
.bnrarea ul li a:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
opacity: 0.5;
-webkit-transition: opacity 0.4s ease;
-moz-transition: opacity 0.4s ease;
-o-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
}