@charset "shift_jis";

/*
 Share Style
----------------------------------------------------------- */
* { margin: 0; padding: 0 }
html, body { height: 100% }
body {
	background: #45bcc5 url(img/bg.jpg) repeat-x center top;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3",sans-serif, Verdana;
	font-size: 90%;
	color: #daffff;
	/*height:100%;*/
	}

#htbdfwp_contents{
	background: #45bcc5 url(img/bg.jpg) repeat-x center top;
}

hr { clear: both; display: none }

#header {
	background: url(img/header.jpg) no-repeat center top;
	text-align: center;
	width: 750px;
	height: 375px;
	margin: 0 auto;
	text-indent: -9999px;
	/*margin-bottom: 10px;*/
	}
h1 img { border: 0 }
.iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}
a.top {
	color: #07e3de;
	text-decoration: none;
}
a.top:hover {
	color: #daffff;
	text-decoration: underline;
}
/*
 Link
----------------------------------------------------------- */
a {
	color: #124177;
	text-decoration: none;
	}
a:hover {
	color: #07e3de;
	text-decoration: none;
	}

/*
 wrapperBG
----------------------------------------------------------- */
#wrapperBottom {
	background: url(img/bg_bottom.gif) no-repeat right bottom;
	}

#wrapperHeader {
	background: url(img/bg_header.jpg) no-repeat center top;
	}

/*
 wrapperMain
----------------------------------------------------------- */
/*
#wrapperMainBg {
	background: #45bcc5 url(img/bg.jpg)no-repeat center top;
}
*/
#wrapperMain {
	margin: 0 auto;
	padding-bottom: 5px;
	width: 750px;
	}

/*
 wrapperLeft
----------------------------------------------------------- */
#wrapperLeft {
	float: left;
	width: 180px;
	margin-top: 20px;
	}

/*
 Past
----------------------------------------------------------- */
#area_title{
	color:#b45;
}

#areaMenu{
	font-size:small;
}

#area{
	padding:10px 0;
	color:#aFF;
}

.oa_area{
	color:#044;
}

#pastMenu {
	line-height: 120%;
	color: #124177;
	margin-left: 5px;
	font-family : Verdana, "‚l‚r ‚oƒSƒVƒbƒN","ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	}
#pastMenu a { font-weight: 700 }
#pastMenu a:hover{
	background-color: #d80168;
	}

/*
 wrapperRight
----------------------------------------------------------- */
#wrapperRight {
	background: url(img/bg_right.jpg) center top no-repeat;
	float: right;
	width: 570px;
	}
#wrapperRight p {
	line-height: 160%;
	margin-bottom: 10px;
	padding-left: 10px;
	}

p#storyTitle {
	border-bottom: 2px dotted #07e3de;
	border-left: 7px solid #d80168;
	margin-left: 10px;
	}
p#storyTitle strong { font-size: 120%; }
p#diary {
	padding-bottom: 10px;
	border-bottom: 2px dotted #07e3de;
	}

img.pic {
	float: right;
	border: 1px solid #292a13;
	}

p#pic img{
	float: left;
	border: 1px solid #292a13;
	margin-left: 3px;
	margin-bottom: 20px;
	margin-top: 10px;
	}

h2 {
	width: 570px;
	height: 64px;
	text-indent: -9999px;
	margin: 0 auto;
	margin-bottom: 20px;
	}
* html h2 {
behavior: expression(IEPNGFIX.fix(this));
}
h2#mdNews{background: url(img/md_news.png) no-repeat center top;}
h2#mdStory{background: url(img/md_story.png) no-repeat center top;}
h2#mdMusic{background: url(img/md_music.png) no-repeat center top;}
h2#mdDiary{background: url(img/md_diary.png) no-repeat center top;}
h2#mdPast{background: url(img/md_past.png) no-repeat center top;}
h2#mdNml{background: url(img/md_nml.gif) no-repeat center top; width: 570px; height: 90px;}

table {
	margin: 0 auto;
	color: #333;
	margin-bottom: 10px;
	}
table#data p {
	margin: 0;
	padding: 0;
	}
p.album { font-weight: 700 }
table td {
	vertical-align: top;
	line-height: 160%;
	}
table, tr, th, td {
	border-collapse: collapse;
	}
tbody tr {
  /*background: #fbfbfb;*/
	}
tbody td.koumoku {
	font-weight: 700;
	background: #d80168;
	color: #fff;
	}

tbody tr th, tbody tr td {
  padding: 6px;
  border: solid 1px #46560b;
  background: #56e9fe;
}
tbody tr th {
  background: #FFF;
  padding: 6px;
  text-align: center;
  font-weight: bold;
  color: #FFFFFF;
  border-bottom: solid 1px #b7b6b6;
	}

/*
 ON AIR LIST
----------------------------------------------------------- */
td.area {
	background-color: #fcffec;
	font-weight: 700;
	}
td.start {
	color: #d80168;
	}

/*
 Navigation
----------------------------------------------------------- */
div#ank ul{
	margin-top: 0;
	text-align: right;
	}
div#ank ul li{
	/*float: right;*/
	display: inline;
	margin-left: 10px;
	}

ul { list-style-type: none }
li { margin-bottom: 5px }
li.banner { margin-top: 20px; font-size: 80%; color: #daffff }


/*
 Past
----------------------------------------------------------- */
div#past {
	margin-left: 20px;
	padding-left: 10px;
	border-bottom: 2px dotted #07e3de;
	}
div#past li {
	border-left: 7px solid #d80068;
	font-weight: 700;
	margin-bottom: 20px;
	padding-left: 5px;
	}
div#past li a { color: #daffff }
div#past li a:hover { color: #0e335c }

/*
 No MATTER LIVE
----------------------------------------------------------- */
h1#headerLive {
	width: 750px;
	height: 234px;
	background: url(../../live/img/header.jpg) no-repeat center top;
	text-indent: -9999px;
	}
#wrapperLive {
	width: 750px;
	background: url(../../live/img/bg.jpg) no-repeat center top;
	margin: 0 auto;	
	}
#liveInfo {
	width: 700px;
	background-color: #D2D4D5;
	border: 3px solid #33B4DD;
	margin: 0 auto;
	margin-top: 10px;
	padding: 10px;
	}
#liveInfo p{
	line-height: 160%;
	}

p.liveSub {
	background: url(live/img/md_live.gif) no-repeat left top;
	width: 700px;
	padding-left: 5px;
	color: #e0ec00;
	font-weight: 700;
	font-size: 140%;
	font-family: verdana
	}
.liveDate {
	font-weight: 700; font-size: 150%; font-family: verdana, sans-serif; color: #3e4c07
	}
.mark { color: #d80168; font-weight: 700 }

/*
 Footer 
----------------------------------------------------------- */
#footer {
	/*padding-top: 10px;
	width: 750px;*/
	text-align: center;
	color: #07e3de;
	font-weight: 700;
	margin: 0 auto;
	font-family: Helvetica;
	}

#footer a {
	color: #07e3de;
	text-decoration: none;
	}
#footer a:hover { color: #9df8fd }