@charset "utf-8";
/* CSS Document */
body{
  /*background-color: #999;*/
  margin: 0px auto;
  padding: 0px;
  text-align: center;
}
a {
  text-decoration: none;
  color: #0000FF;
}
a:hover {
  color: #990000;
}
#wrapper{
  width: 800px;
  background-color: #FFF;
  margin: 0px auto;
  padding: 0px;
  font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/*ヘッダー部分*/
#header{
  width: 800px;
  height: 125px;
  background-image: url(../images/top_logo.gif);
  background-repeat: no-repeat;
  background-position: 10px 45px;
  text-align: left;
  margin: 0px;
  padding: 0px;
  font-size: 0.9em;
  border-bottom: 3px solid #333;
}
#banner {
  width: auto;
  height: 50px;
}
#ads_top {
  width: 310px;
  border: 1px solid #999;
  margin: 0;
  float: right;
}
h1{
  font-size: 1.0em;
  letter-spacing: 0.05em;
  color: #333;
  font-weight: normal;
  padding: 15px 0px 0px 15px;
  margin: 0px;
}
#headNavi {
   padding: 5px 0 0 0;
   text-align: center;
   clear: both;
}
#headNavi ul {
   line-height: 50px;
   list-style: none;
   padding: 0px;
   margin: 0px;   
}
#headNavi li {
   float: right;
   width: 100px;
   margin: 5px 0 0 1px;
   padding: 0 0 0 2px;
   vertical-align: bottom;
}
#headNavi li a{
   display: block; 
   border: 1px solid #999;
   font-size: 0.9em;
}
#headNavi li a:hover{
   border: 1px solid #990000;
}

/*FLASH部分*/
#visual{
  width: 800px;
  height: 278px;
  margin: 1px 0 0 0;
}
#visualLeft {
 width: 320px;
 height: 277px;
 float: left;
 padding: 0;
 background-color: #fff;
}
#visualCenter {
 width: 290px;
 height: 243px;
 float: left;
 margin: 0 0 0 4px;
}
#visualRight {
 width: 180px;
 height: 273px;
 float: right;
 border: 1px solid #666;
 background-image: url(images/commercial.jpg);
 background-repeat: no-repeat;
 background-position: top;
}
#visualLeftIndex {
 width: 320px;
 height: 278px;
 float: left;
 margin: 0;
 padding: 0;
 background-color: #fff;
}
#visualRightIndex {
 width: 475px;
 height: 277px;
 float: right;
}
#visualRightIndex p {
 color: #FFF;
 text-align: left;
 margin: 0 0 0 0;
 padding: 5px;
 font-size: 0.8em;
}
#visualCenterDetail ul {
 margin: 30px 0 0 10px;
 padding: 0;
 text-align: left;
 list-style: none;
 font-size: 0.8em;
 letter-spacing: 0.05em;
}
/*#ads_above {
 width: 170px;
 height: 128px;
 margin: 5px;
 border: 1px solid #CCC;
}
#ads_bottom {
 width: 170px;
 height: 128px;
 margin: 5px;
 border: 1px solid #CCC;
} */
/*中央メニュー*/
#middleNavi {
   text-align: center;
   margin: 0;
   padding: 0;
   background-color: #CCC;
   width: auto;
   height: 32px;
   clear: both;
}
#middleNavi ul {
   line-height: 30px;
   list-style-type: none;
   padding: 0px;
   margin: 0px;   
}
#middleNavi li {
   float: left;
   width: 120px;
   margin: 0px;
   padding: 0px;
   border-right: 1px solid #FFF;
   font-size: 0.9em;
}
#middleNavi li a{
   display: block;
   color: #FFF; 
   border-bottom: 2px solid #CC9999;
   background-image: url(../images/menu01.png);
   font-size: 0.9em;
   font-weight: bold;
}
#middleNavi li a:hover{
   background-image: url(../images/menu02.png);
   color: #000;
   border-bottom: 2px solid #990000;
}

/* コンテンツ部分 */
#content{
   width: 800px;
   margin: 1px 0 0 0;
   border-top: 3px solid #333;
   clear: both;
}
#leftColumn{
  width: 180px;
  float: left;
  margin: 5px 0 0 0;
  padding: 0px;
}
#centerColumn{
  width: 430px;
  float: left;
  margin: 5px 0px 5px 5px;
  padding: 0px;
  /*border: 1px solid #666;*/
}
#rightColumn{
  width: 180px;
  float: right;
  margin: 5px 0 0 0;
  padding: 0px;
}

/*左メニュー部分*/
#leftMenu {
  text-align: left;
  padding: 0;
  margin: 0 0 5px 0;
  font-size: 0.8em;
  border: 1px solid #999;
}
#leftMenu ul {
  margin: 5px 0 5px 20px;
  padding: 0;
  list-style-type: square;
  color: #CC9999;
}
#leftMenu li a{
  margin: 5px 0 5px 0;
  padding: 0;
  line-height: 1.5em;
  color: #333;
}
#leftMenu li a:hover{
  color: #990000;
  text-decoration: underline;
}
#leftMenu ol {
  margin: 5px 0 5px 25px;
  padding: 0 0 0 5px;
  color: #990000;
}
#leftMenu li a{
  margin: 3px 0 0 0;
  padding: 0;
  line-height: 1.5em;
  color: #333;
}
#leftMenuPro {
  text-align: left;
  padding: 0;
  margin: 0 0 5px 0;
  font-size: 0.8em;
  border: 1px solid #999;
}
#leftMenuPro ul {
  margin: 5px 0 5px 20px;
  padding: 0;
  list-style-type: square;
  color: #990000;
}
#leftMenuPro li {
  display: block;
  border-bottom: 1px solid #CCC;
  margin: 0 15px 0 0;
  line-height: 2.0em; 
}
#leftMenuPro li a{
  margin: 5px 0 5px 0;
  padding: 0;  
  color: #CC6666;
}
#leftMenuPro li a:hover{
  color: #990000;
  text-decoration: underline;
}
#leftMenuBanner {
  text-align: center;
}
li.program1 a {
  color: #333;  
}
li.program1 a:hover {
  color: #990000;
  text-decoration: underline;  
}
#leftMenu ul.proTitle {
  padding: 0px;
  margin: 0 0 5px 0;
  border: 1px solid #666;
}
#leftMenu li.program {
  padding: 5px 0px 2px 5px;
  color: #990000;
  margin: 1px 1px 0 1px;
  text-align: left;
  font-weight: bold;
  font-size: 0.9em;
  background-image: url(images/program.gif);
  color: #FFF;
  list-style-type: none;
}
#leftMenu li.program1 {
  padding-left: 7px;
  margin: 1px 0 2px 0;
  color: #333;
  text-align: left;
  font-weight: normal;
  font-size: 0.8em;
  line-height: 1.5em;
}
/*table.300{
 width: 300px;
 margin: 0px;
 border: 1px solid #336699;
}*/
td.tableLeft{
 width: 20%;
 padding: 2px;
 font-size: 0.8em;
 letter-spacing: 0.1em;
}
td.whats_new {
 background-image: url(../images/whatsnewBack.gif);
 background-repeat: no-repeat;
 text-align: left;
 color: #FFF;
 font-weight: bold;
 line-height: 1em;
 padding: 4px 0 2px 5px;
}
td.left{
 width: 15%;
 text-align: left;
 vertical-align: top;
 padding: 2px;
}
td.center{
 width: 85%;
 text-align: left;
 vertical-align: top;
 font-size: 0.8em;
 padding: 2px;
}
td.bottom{
 text-align: right;
 font-size: 0.8em;
 padding: 2px;
 width: 50%;
}
#rightMenu {
  text-align: left;
  padding: 5px 0 5px 0;
  margin: 0 0 5px 0;
  font-size: 0.8em;
  border: 1px solid #999;
}
#rightMenu ul {
  margin: 5px 0 5px 25px;
  padding: 0;
  list-style-type: square;
  color: #CC9999;
}
#rightMenu li a{
  margin: 5px 0 5px 0;
  padding: 0;
  line-height: 1.5em;
  color: #333;
}
#rightMenu li a:hover{
  color: #990000;
  text-decoration: underline;
}
#rightAdv {
  border: 1px solid #666;
  margin-bottom: 5px;
  height: 200px;
}

/*フッター部分*/
#footer{
  width: 800px;
  height: 50px;
  clear: both;
  border-top: 1px solid #333;
}
address{
  margin: 0px;
  padding: 5px 0px 0px 0px;
  color: #666;
  font-style: normal;
  font-size: 0.8em;
}
/*プログラム*/
#hamaProgram {
  width: 475px;
  clear: both;
}

/*#programTitle {
  width: 300px;
  height: 22px;
}*/
#programLeft {
  width: 234px;
  height: 65px;
  border: 1px solid #CCC;
  float: left;
  margin: 0 0 3px 0;
}
#programRight {
  width: 234px;
  height: 65px;
  margin: 0 0 0 2px;
  border: 1px solid #CCC;
  float: right;
  margin: 0 0 3px 0;
}
#programLeftBottom {
  width: 234px;
  height: 65px;
  border: 1px solid #CCC;
  float: left;
  margin: 0;
}
#programRightBottom {
  width: 234px;
  height: 65px;
  margin: 0 0 0 2px;
  border: 1px solid #CCC;
  float: right;
  margin: 0;
}
#proLeft {
  width: 76px;
  float: left;
  margin: 2px;
}
#proRight {
  width: 145px;
  float: left;
  margin: 2px;
}
#proRight p {
  text-align: left;
  margin: 0;
  padding: 0;
  float: left;
}
#proLeft img {
  margin: 2px 0 0 0;
}
#proRight img {
  margin: 5px 0 0 0;
}

/*スペシャルプログラム*/
#programSpecial {
  width: 415px;
  height: 85px;
  border: 1px solid #999;
  margin: 0 0 5px 0;  
}
#programSpecialNotice {
  width: 415px;
  height: 85px;
  border: 1px solid #999;
  margin: 0 0 5px 0;  
}
#programSpecialNotice p {
  font-size: 0.9em;
  color: #FF0000;
  padding: 5px 5px 0 5px;
  margin: 5px 0 0 0;
}
#proLeftS {
  width: 102px;
  height: 75px;
  float: left;
  padding: 1px 0 2px 4px;
}
#proRightS {
  width: 290px;
  height: 75px;
  float: right;
  padding: 5px;
  text-align: right;
}
#proLeftS img {
  vertical-align: middle;
  border: 1px solid #CCC;
  margin: 2px 0 0 0;
}
#proRight h4{
  margin: 0px;
  padding: 3px 0 1px 5px;
  font-size: 0.9em;
  color: #fff;
  background-color: #CC9999;
  border-left: 5px solid #666;
}
#proRight p {
  margin: 0 0 0 3px;
  padding: 0;
  font-size: 0.8em;
  color: #333;
}
#proRightS h4 {
  margin: 0;
  padding: 0;
  font-size: 1em;
  color: #333;
  text-align: right;
}
#proRightS h5 {
  margin: 0;
  padding: 0;
  font-size: 0.9em;
  color: #000;
  text-align: right;
  font-weight: normal;
}
#proRightS p {
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 0.8em;
  color: #666;
  text-align: left;
}
.right {
  margin: 0;
  padding: 0;
  font-size: 0.8em;
  color: #333;
  text-align: right;
}
span.hamapro {
  font-size: 0.8em;
  padding-right: 5px;
}
/*
#proRight ul {
  margin: 0;
  padding: 0;
  font-size: 0.8em;
  list-style: none;
}
#proRight li {
  margin: 0;
  padding: 0;
  display: block;
  float: right;
  margin-right: 5px;
  color: #003399;
}*/
#proTable {
  font-size: 0.8em;
  color: #333;
  margin: 0;
  padding: 0;
}
td.protdTitle {
  padding: 0 0 0 5px;
  text-align: left;
}
td.proLeft {
  padding: 0 0 0 5px;
  width: 20%;
  text-align: left;
}
td.proright {
  padding: 0 0 0 5px;
  width: 20%;
  text-align: left;
}
#visualCenterAbove {
  font-size: 0.8em;
  width: 288px;
  height: 275px;
  margin: 0;
  border: 1px solid #666;
  background-image: url(images/hamatvLogo.gif);
  background-position: right bottom;
  background-repeat: no-repeat;
  color: #333;
}
#visualCenterAbove ul{
  text-align: left;
  margin: 5px 0 0 10px;
  padding: 0;
  list-style: none;
  color: #333;
}
#visualCenterAbove h4 {
  margin: 0 5px 0 5px;
  padding: 5px 0 0 15px;
  text-align: left;
  font-size: 1em;
  line-height: 1.5em;
  border-bottom: 2px solid #990000;
  background-image: url(images/point2.gif);
  background-position: left;
  background-repeat: no-repeat;
}
#visualCenterAbove img {
  margin: 0;
  padding: 0 0 0 5px;
  text-align: left;
}
#visualCenterAbove p {
  margin: 0;
  padding: 4px 10px 4px 10px;
  text-align: left;
}
#visualCenterDetail {
  font-size: 0.9em;
  width: 288px;
  height: 275px;
  margin: 0;
  border: 1px solid #666;
  color: #333;
  background-image:url(images/hamatv.jpg);
  background-position: bottom;
  background-repeat: no-repeat;
}
#visualCenterDetailTwo {
  font-size: 0.9em;
  width: 288px;
  height: 136px;
  margin: 0 0 1px 0;
  padding: 0;
  border: 1px solid #666;
  color: #333;
}
#visualCenterDetail h4 {
  margin: 0 5px 0 5px;
  padding: 5px 0 0 5px;
  text-align: left;
  font-size: 1em;
  border-bottom: 2px solid #990000;
}
#visualCenterDetail img {
  margin: 0;
  padding: 0 0 0 5px;
  text-align: left;
}
#visualCenterDetail p {
  margin: 0;
  padding: 4px 10px 4px 10px;
  text-align: left;
}
#visualCenterMiddle {
  font-size: 0.9em;
  width: 290px;
  height: 69px;
  margin: 1px 0 0 0;
}
#visualCenterBottom {
  font-size: 0.9em;
  width: 288px;
  height: 135px;
  margin: 1px 0 0 0;
  border: 1px solid #666;
}
.vertical {
  vertical-align: bottom;
}
/*.musicTable {
  border: 1px solid #0066FF;
}*/

td.pageLeft {
  width: 15%;
  padding: 2px 2px 2px 0;
  border-bottom: 1px solid #666;
}
td.pageCenterleft {
  width: 10%;
  text-align: left;
  vertical-align: top;
  font-size: 0.8em;
  padding: 2px;
  border-bottom: 1px solid #666;
}
td.pageCenterright {
  width: 55%;
  vertical-align: top;
  padding: 2px 2px 2px 10px;
  border-bottom: 1px solid #666;
  color: #666;
}
td.pageRight {
  width: 20%;
  font-size: 0.8em;
  padding: 2px;
  text-align: center;
  border-bottom: 1px solid #666;
}
p.pageCenterright {
  margin: 0;
  padding: 0;
  font-size: 0.8em;
}
#leftMenu h5 {
  margin: 0;
  padding: 0;
}

#centerColumn dl {
  padding: 10px 10px 5px 10px;
  margin: 0;
  text-align: left;  
}
#centerColumn dt {
  color: #333;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
#centerColumn dd {
  padding: 5px 0 5px 5px;
  font-size: 0.8em;
  color: #333;
}
/*#centerColumn p {
  margin: 10px 10px 5px 50px;
  text-align: left;
  font-size: 0.8em;  
}*/
#centerColumn ul{
  font-size: 0.8em;
  padding: 10px;
  margin: 0 0 0 10px;
}
#centerColumn li{
  margin: 0 0 0 27px;
}

div.link {
  text-align: right;
  font-size: 0.8em;
  padding: 2px 15px 2px 0;
}
.back {
   text-align: right;
   clear: both;
   margin: 10px 0 10px 0;
}
.musicTable {
   background-color: #FFF;
}
p.flashplayer {
  text-align: left;
  margin: 0;
  padding: 5px 0 5px 15px;
  color: #990000;
}
#ColumnBanner {
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 0.8em;
  text-align: center;
  border: 1px solid #999;
}
#ColumnBanner img {
   vertical-align: bottom;
}
#getFlash {
  margin: 5px 0 5px 0;
}
p.detail {
  margin: 0;
  padding: 0;
  font-size: 0.8em;
}
#streetMain {
  width: 605px;
  border: 1px solid #CCC;
  height: 85px;
  margin: 0 0 5px 0;
  padding: 0;
  clear: both;
}
#streetLeft {
  width: 110px;
  padding: 5px;
  float: left;
}
#streetCenterLeft {
  width: 75px;
  padding: 5px;
  float: left;
}
#streetCenterRight {
  width: 280px;
  padding: 5px;
  float: left;
}
#streetRight {
  width: 80px;
  padding: 28px 5px 5px 5px;
  float: right;
}
#streetCenterLeft {
  font-size: 0.8em;
}
#pics p {
  font-size: 0.8em;
  margin: 0; 
}
#pics img {
  float: right;
  margin: 5px 0 0 0;
  padding: 0 5px 0 0;
}
#map {
  margin: 10px 0 0 15px;
  text-align: left;
  font-size: 0.8em;  
}
#ysLeft img {
  margin: 0 0 10px 0;
}
span.color {
  color: #990000;
  text-align: left;
  font-size: 0.8em;
  margin: 0;
} 
span.small {
  font-size: 0.8em;
}
p.itunes {
  color: #333;
  text-align: center;
  margin: 6px;
  letter-spacing: 0.05em;
}
.pod {
  margin-bottom: 5px;
}
#centerColumn table {
  text-align: left;
  font-size: 0.8em;
  color: #333;
}
#kazai {
  margin: 0 5px 0 5px;
  padding: 0;
  text-align: left;
  font-size: 0.8em;
}
#kazai h3 {
  font-weight: normal;
  text-align: center;
  font-size: 0.9em;
}
#kazai h4 {
  font-weight: normal;
  color: #333;
  margin: 15px 0 0 12px;
  font-size: 0.9em;
}
#kazai h5 {
  font-weight: normal;
  color: #333;
  margin: 5px 0 0 12px;
}
#kazai p {
  color: #333;
  text-align: left;
  margin: 0 12px 0 12px;
}
/*#tableKazai {
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}*/
.flowerTitle {
  width: 24%;
  vertical-align: top;
}
#tableKazai2 {
  margin: 5px 0 5px 0; 
}
#tableKazai2 td{
  padding: 5px 0 5px 0;
}
#title p {
  text-align: left;
  color: #666;
  margin: 3px 0 3px 5px;
  padding: 0;
}
div.banner {
  margin: 0 0 5px 0;
}
div.banner-border {
  margin: 0 0 5px 0;
  border: 1px solid #CCC;
}
#banner162 {
  margin: 0 0 5px 0;
}
#info ul {
  text-align: left;
  list-style-type: none;
  margin: 0 0 0 18px;
}
#info p {
  text-align: right;
  font-size: 0.8em;
  margin: 0 15px 0 0;
}
hr {
  border: thin;
  margin: 0 5px 0 5px;
}
img.photo {
  margin: 0 0 5px 0;
}
#leftMenu p {
  margin: 0 5px 0 0;
  padding: 0;
  text-align: right;
  color: #333;
}
#leftMenu h5 {
  margin: 5px 0 3px 0;
  text-align: center;
  color: #990000;
  font-weight: normal;
}
#infoLeft {
  float: left;
  margin: 0 0 0 5px;
}
#infoLeft img {
  margin: 0 0 0 5px;
  width: 100px;
}
#infoRight {
  margin: 0 0 0 60px;
}
#infoRight ul {
  text-align: left;
  margin: 0 0 0 40px;
  padding: 0;
  list-style-type: none;
} 
#inforRight li {
  margin: 0 0 0 50px;
  padding: 0;
}
#information {
  width: 410px;
  border: 1px solid #999;
  margin: 0 0 10px 10px;
  padding: 10px 0 10px 0;
}
#artistTable {
  clear: both;
  margin: 0 0 0 5px;
}
#artistTable a {
  margin: 3px 0 3px 0;
  padding: 0;
  text-align: right;
}
#information h5 {
  margin: 0;
  padding: 0;
}
#information p {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 0.8em;
}
td.whats_new {
 background-image: url(../images/whatsnewBack.png);
 text-align: left;
 color: #FFF;
 font-weight: bold;
 padding: 2px 0 2px 5px;
}
td.left{
 width: 15%;
 text-align: right;
 padding: 5px 0 5px 3px;
}
td.center{
 width: 75%;
 text-align: left;
 padding: 5px 0 5px 10px;
}
td.right{
 width: 10%;
 text-align: left;
 padding: 5px 0 5px 3px;
}
.comment {
 color: #990000;
 text-align: left;
 margin: 5px 10px 0 10px;
 font-size: 0.8em;
}
#list ul{
 list-style: none;
 text-align: left;
 margin: 0 0 0 25px;
}
#link {
  float: left;
  width: 210px;
}
#info h5 {
  margin: 15px 0 0 0;
}
#teikyo {
 float: left;
 width:180px;
padding: 30px 15px 0 15px;
 }
#teikyo h5{
 border-bottom:1px solid #000000;
 padding-bottom:5px;
 margin:0;
}
#teikyo ul{
 margin:0px;
 padding:0;
 }
#teikyo li{
 margin:0 0 0 15px;
 text-align:left;
 list-style: none;
 padding-top:5px;
}
#cd {
 margin: 5px 0 0 5px;
 padding: 0;
 text-align: left;
}
#cd ul {
 margin: 10px 0 0 15px;
 padding: 0;
 list-style: square;
}
#cd li {
 margin: 0 0 0 10px;
 padding: 0;
 color: #666;
}
td.artistLeft {
 width: 25%;
 text-align: right;
}
td.artistRight {
 width: 25%;
 text-align: right;
} 
#name {
 text-align: right;
  line-height: 1.2em;
  padding: 0 10px 0 0 ;
  font-size: 0.8em;
 }