/* css document */

* {
 margin: 0;
 padding: 0;
}



/* base */

body {
/* background-image: url(../image/back.jpg);*/
 background-color: #000000;
/* background-repeat: repeat-x;*/
 text-align: center;
}

#p2 {
 background-image: none;
 color: #FFFFFF;
/* font-size: 70%;*/
/* background-color: #FFFFFF;*/
 background-color: #FFFFFF;
 width:770px;
 font-size: 12px;
}

#pp {
 background-image: none;
}

a {
 text-decoration: none;
}

ol,ul {
 list-style-type: none;
}

h1 {
 width: 212px;
 height: 82px;
 text-indent: -9999px;
 background-image: url(../image/logo.jpg);
 background-repeat: no-repeat;
 float: left;
 margin-bottom: 10px;
}

h1 a {
 width: 212px;
 height: 82px;
 display: block;
}

img {
 border: none;
}

#p2 table img {
 float: left;
 margin-right: 10px;
 padding-bottom: 10px;
}

.hiduke {
 color: #cccccc;
}

/* div */


#container {
 width: 790px;
 margin: 0 auto;
 text-align: left;
 background-color: #FFFFFF
}

#p2 #container {
 float: right;
 text-align: left;
 width: 760px;
 background-color:#000000;
}

#container_def {
/* width: 790px;*/
 margin: 0 auto;
 text-align: left;
 background-color: #FFFFFF;
}

#header {
 width: 790px;
 margin: 0px auto 0;
 background-image: url(../image/backbar.jpg);
 background-color: #000000;
}

#header ol {
 float: right;
 margin-top: 16px;
 margin-bottom: 10px;
}

#header li {
 float: left;
 width: 64px;
 height: 54px;
 margin-left: 20px;
 text-indent: -9999px;
 background-repeat: no-repeat;
 background-position: left top;
}

#header li a {
 display: block;
 width: 64px;
 height: 54px;
}

#header_def {
 width: 789px;
 margin: 0px auto 0;
 background-image: url(../image/backbar.jpg);
 background-color: #000000;
}

#header_def ol {
 float: right;
 margin-top: 26px;
 margin-bottom: 10px;
}

#header_def li {
 float: left;
 width: 64px;
 height: 54px;
 margin-left: 20px;
 text-indent: -9999px;
 background-repeat: no-repeat;
 background-position: left top;
}

#header_def li a {
 display: block;
 width: 64px;
 height: 54px;
}

#navihome {
 background-image: url(../image/icon_home.jpg);
}

#navihome a:hover {
 background-image: url(../image/icon_home.jpg);
 background-position: 0 -54px;
}

#navi0 {
 background-image: url(../image/icon_hf.jpg);
}

#navi0 a:hover {
 background-image: url(../image/icon_hf.jpg);
 background-position: 0 -54px;
}

#navi1 {
 background-image: url(../image/icon_time.jpg);
}

#navi1 a:hover {
 background-image: url(../image/icon_time.jpg);
 background-position: 0 -54px;
}

#navi2 {
 background-image: url(../image/icon_dj.jpg);
}

#navi2 a:hover {
 background-image: url(../image/icon_dj.jpg);
 background-position: 0 -54px;
}

#navi3 {
 background-image: url(../image/icon_event.jpg);
}

#navi3 a:hover {
 background-image: url(../image/icon_event.jpg);
 background-position: 0 -54px;
}

#navi4 {
 background-image: url(../image/icon_mail.jpg);
}

#navi4 a:hover {
 background-image: url(../image/icon_mail.jpg);
 background-position: 0 -54px;
}

#navi5 {
 background-image: url(../image/icon_live.jpg);
}

#navi5 a:hover {
 background-image: url(../image/icon_live.jpg);
 background-position: 0 -54px;
}

#navi6 {
 background-image: url(../image/icon_blog.jpg);
}

#navi6 a:hover {
 background-image: url(../image/icon_blog.jpg);
 background-position: 0 -54px;
}

#navi7 {
 background-image: url(../image/icon_link.jpg);
}

#navi7 a:hover {
 background-image: url(../image/icon_link.jpg);
 background-position: 0 -54px;
}

#marquee1 {
 clear: both;
 width: 789px;
 background-color: #161616;
}

#fm input {
 background-color: #191919;
 color: #ffffff;
 border: none;
}

#contentsx {
 width: 790px;
 height: 120px;
 margin: 0 auto;
 position: relative;
 background-color: #ffffff;
}

#contentsx ol {
 width: 760px;
 margin: 0px auto;
}

#contentsx li {
 float: left;
 margin-left: 1px;
 margin-right: 1px;
 width: 106px;
 height: 71px;
 text-indent: -9999px;
 background-repeat: no-repeat;
}

#contentsx li a {
 display: block;
 width: 106px;
 height: 71px;
}

#contents1 {
 width: 760px;
/* height: 610px;*/
 margin: 0 auto;
 position: relative;
}

#contents1 ol {
 width: 760px;
}

#contents0 {
 width: 760px;
 height: 500px;
 margin: 0 auto;
 position: relative;
}

#contents0 ol {
 width: 760px;
}

#contents0 li {
 float: left;
 margin-left: 1px;
 margin-right: 1px;
 width: 106px;
 height: 71px;
 text-indent: -9999px;
 background-repeat: no-repeat;
}

#contents0 li a {
 display: block;
 width: 106px;
 height: 71px;
}


#contents1 li {
 float: left;
 margin-left: 1px;
 margin-right: 1px;
 width: 106px;
 height: 71px;
 text-indent: -9999px;
 background-repeat: no-repeat;
}

#contents1 li a {
 display: block;
 width: 106px;
 height: 71px;
}

#live {
 width: 220px;
 height: 241px;
 background-image: url(../image/live.jpg);
 background-repeat: no-repeat;
 text-indent: -9999px;
 margin-top: 20px;
 margin-left: 55px;
}

* html body #live {
 width: 278px;
 height: 110px;
 background-image: url(../image/live.jpg);
 background-repeat: no-repeat;
 text-indent: -9999px;
 float: left;
 margin-top: 50px;
 margin-left: 30px;
}

#live a {
 width: 278px;
 height: 110px;
 display: block;
}

#ondemand {
 width: 220px;
 height: 241px;
 background-image: url(../image/ondemand.jpg);
 background-repeat: no-repeat;
 text-indent: -9999px;
 margin-top: 20px;
 margin-right: 55px;
}

#DJ {
 width: 278px;
 height: 105px;
 background-image: url(../image/popup_title3.jpg);
 background-repeat: no-repeat;
 text-indent: -9999px;
 float: right;
 margin-top: 75px;
 margin-right: 55px;
}

* html body #ondemand {
 width: 278px;
 height: 110px;
 background-image: url(../image/ondemand.jpg);
 background-repeat: no-repeat;
 text-indent: -9999px;
 float: right;
 margin-top: 75px;
 margin-right: 30px;
}

#ondemand a {
 width: 278px;
 height: 105px;
 display: block;
}

#latest_wmp {
 clear: both;
 width: 337px;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 text-indent: -9999px;
 background-image: url(../image/goriyou.jpg);
 background-repeat: no-repeat;
 position: absolute;
 bottom: 0;
 left: 212px;
}

#ondemand_menu {
 margin-top: 15px;
 margin-left: 5px;
 background-image: url(../image/ondemand_menu.jpg);
 background-repeat: no-repeat;
 text-indent: -9999px;
}
#on1 {
 background-image: url(../image/ch1.jpg);
}

#on2 {
 background-image: url(../image/ch2.jpg);
}

#on3 {
 background-image: url(../image/ch3.jpg);
}

#on4 {
 background-image: url(../image/ch4.jpg);
}

#on5 {
 background-image: url(../image/ch5.jpg);
}

#on6 {
 background-image: url(../image/ch6.jpg);
}

#on7 {
 background-image: url(../image/ch7.jpg);
}

#radio {
 width: 780px;
 margin: 0px auto;
/* float: left;*/
}

#topics {
 width: 550px;
 margin: 0px auto;
/* float: left;*/
}

#topics_menu {
 width: 550px;
 height: 20px;
 background-image: url(../image/topics.jpg);
 background-repeat: no-repeat;
 text-indent: -9999px;
 margin-top: 20px;
/* margin-left: 50px;*/
}

#history {
 background-color: #e6e6e6;
 background-image: url(../image/history_back.jpg);
 background-repeat: repeat-x;
 width: 540px;
 height: 130px;
 overflow: auto;
/* font-size: 70%;*/
 font-size: small;
 padding-top: 5px;
 padding-left: 10px;
/* margin-left: 50px;*/
 color: #000000;
}

#history .history_day {
 margin-top: 10px;
 color: #000000;
}

#recommend {
 width: 464px;
 margin-top: 40px;
 float: right;
}

#recommend_menu {
 height: 21px;
 background-image: url(../image/recommend.jpg);
 background-repeat: no-repeat;
 text-indent: -9999px;
}

#recommend td {
 width: 229px;
 height: 72px;
 background-image: url(../image/re_back.jpg);
 background-repeat: no-repeat;
 margin-bottom: 5px;
}

#recommend img {
 float: left;
 margin: 12px;
}

.re_title {
 float: right;
 color: #ffffff;
 margin-right: 5px;
 margin-bottom: 5px;
 padding-top: 3px;
 padding-bottom: 3px;
 text-align: center;
 font-size: 76%;
 width: 135px;
 border-bottom: 1px solid #91b4df;
}

.re_body {
 float: right;
 width: 140px;
 margin-right: 3px;
 font-size: 70%;
}

/* ONDEMAND 中ページ */

#p2 caption {
 text-align: left;
}

#p2 #container div {
 margin-bottom: 20px;
}

#p2 .in_title {
/* font-size: 110%;*/
/* height: 10px;*/
 line-height: 1.3em;
 margin-top: 5px;
 margin-bottom: 5px;
}

#p2 .in_body {
 line-height: 1.3em;
 font-size: 13px;
}

#in_ch1 caption a{
 display: block;
 width: 214px;
 height: 20px;
 background-image: url(../image/in_ch1.jpg);
 background-repeat: no-repeat;
 text-indent: -9999px;
}
#in_ch1 A { color: #ffffff; }

#in_ch2 caption a {
 display: block;
 width: 258px;
 height: 20px;
 background-image: url(../image/in_ch2.jpg);
 background-repeat: no-repeat;
 text-indent: -9999px;
}
#in_ch2 A { color: #ffffff; }
#in_ch3 caption a {
 display: block;
 width: 214px;
 height: 20px;
 background-image: url(../image/in_ch3.jpg);
 background-repeat: no-repeat;
 text-indent: -9999px;
}
#in_ch3 A { color: #ffffff; }
#in_ch4 caption a {
 display: block;
 width: 370px;
 height: 20px;
 background-image: url(../image/in_ch4.jpg);
 background-repeat: no-repeat;
 text-indent: -9999px;
}
#in_ch4 A { color: #ffffff; }
#in_ch5 caption a {
 display: block;
 width: 303px;
 height: 20px;
 background-image: url(../image/in_ch5.jpg);
 background-repeat: no-repeat;
 text-indent: -9999px;
}
#in_ch5 A { color: #ffffff; }
#in_ch6 caption a {
 display: block;
 width: 229px;
 height: 20px;
 background-image: url(../image/in_ch6.jpg);
 background-repeat: no-repeat;
 text-indent: -9999px;
}
#in_ch6 A { color: #ffffff; }
#in_ch7 caption a {
 display: block;
 width: 363px;
 height: 20px;
 background-image: url(../image/in_ch7.jpg);
 background-repeat: no-repeat;
 text-indent: -9999px;
}
#in_ch7 A { color: #ffffff; }

#in_ch0 {
	height : 480px;
	margin: 0 auto;
 position: static;
 top:0px;

	background-image: url(../image/on_ch0.jpg);
	background-repeat: no-repeat;
	background-position: center;
	border-style:solid; color:black; 
	border-width: 1; 
}

#in_ch0_text {
	text-align:center;
	color: #000000;
/*	font-size:20px;*/
	font-weight: bolder; 
  font-family: "MS 明朝", sefif;
	margin: 140px auto;
/*	border-style:solid; color:red; */
/*	border-width: 5; */
}
#in_ch0_text1 {
	font-size:30px;
}
#in_ch0_text2 {
	font-size:20px;
}


/* ここまで */

#contents2 {
 width: 790px;
/* height: 400px;*/
 margin: 0 auto;
 position: relative;
/* margin: 0px;*/
/* margin-top: 0px; margin-left: 0px; */
 background-color: #ffffff;
}

#p3 #contents2 {
 width: 790px;
 margin: 0 auto;
 position: relative;
 padding-top: 20px;
 background-image: url(../image/line.jpg);
 background-repeat: repeat-x;
 background-position: left top;
}

#p3 iframe {
 margin-left: 15px;
 margin-right: 15px;
}

#contents2 .banner {
 float: left;
/* width: 245px; */
/* height: 46px; */
 margin: 0px 5px 0px 0px;
/* text-indent: -9999px;*/
/* background-color: #cccccc; */
}

#contents3 {
 width: 790px;
 margin: 0 auto;
 margin-top: 15px;
 padding-top: 40px, 20px, 20px;
 text-align:center;
}

#contents3 .banner1 {
 float: left;
 width: 245px; 
 height: 46px; 
 margin-left: 0px;
/* text-indent: -9999px;*/
/* background-color: #cccccc; */
}
#contents3 .banner2 {
 float: left;
 width: 245px; 
 height: 46px;
 margin-left: 28px;
/* text-indent: -9999px;*/
/* background-color: #cccccc; */
}
#contents3 .banner3 {
 float: right;
 width: 245px; 
 height: 46px; 
 margin-right: 0px;
/* text-indent: -9999px;*/
/* background-color: #cccccc; */
}

* html body #contents2 .banner{
/* float: left;*/
/* width: 245px;*/
/* height: 46px;*/
/* margin: 0 4px 20px 0;*/
/* text-indent: -9999px; */
/* background-color: #cccccc; */
}

#footer {
 width: 790px;
 margin: 0px auto;
 padding-top: 40px, 20px, 20px;
 color: #cccccc;
 background-image: url(../image/line.jpg);
 background-repeat: repeat-x;
 background-color: #000000;
 text-align: center;
}

#footer a {
 color: #cccccc;
}

#foot_link {
 float: left;
 margin-left: 15px;
 font-size: 12px;
}

#foot_link li {
 display: inline;
 border-right: 1px solid #000;
 letter-spacing:1px;
 padding-left: 7px;
 padding-right: 5px;
}

#foot_link li span {
 border-left: 1px solid #000;
 padding-left: 7px;
 color: #ffffff;
}

#link {
 float: right;
 margin-right: 15px;
 margin-bottom: 10px;
}

#link .down {
margin-top: 15px;
}

#footer p {
 float: left;
 margin-left: 10px;
 font-size: 70%;
 text-align: center;
}

#footer address {
 height: 17px;
 font-style: normal;
 clear: both;
 text-indent: -9999px;
 background-image: url(../image/copyright.jpg);
 background-repeat: no-repeat;
 }


#b_gradation {
 background-image: url(../image/back2.jpg);
 background-color: #FFFFFF;
 background-repeat: repeat-x;
 background-position: right bottom;
 text-align: center;
}

#b_footer {
/* background-image: url(../image/back4.jpg);*/
/* background-repeat: repeat-x;*/
/* color: #cccccc;*/
 background-color: #000000;
 color: #ffffff;
}

#b_contents {
 height : 80px;
 width: 790px;
 background-color: #03A5DE; 
}

#def_header {
 height: 10px;
 background-color: #FFFFFF;
}

#f_ondemand_space{
  height: 20px;
   background-color: #000000;
}

  .midasi{
      color : #007EB5;
      font-size: 24pt;
  }


#ondemand_contents{
float:right;
width:790px;
background:#FFFFFF;
}
#ond{
float:right;
width:740px;
height:450px;
overflow-x:hidden;
overflow-y:scroll;
background:#000000;
color:#FFFFFF;
}
#ond caption {
 text-align: left;
}
#ond .in_title {
/* font-size: 110%;*/
/*font-size: large;*/
/* height: 10px;*/
 margin-top: 5px;
 margin-bottom: 5px;
 line-height: 1.3em;

}

#ond .in_body {
 line-height: 1.3em;
 font-size: small;
}


#ond table img {
 float: left;
 margin-right: 10px;
 padding-bottom: 10px;
}

#contents_ond {
 width: 760px;
 margin-left: 10px;
 position: relative;
background:#000000;
color:#FFFFFF; 
}