@charset "utf-8";

* {
  margin: 0px;
  padding: 0px;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 75%;
background: #fff url(img/201107_ha_web_top.jpg);
background-repeat: repeat-y;
background-attachment: fixed;
background-position: center top;
color: #999999;
line-height: 2em; 
}
body.subhtml {
background-color:transparent;
background-image: none;
}
a img { border: none; }
h2 {
  font-size: 116%;
  font-weight: bold;
  line-height: 1.2em;
  padding-bottom: 10px;
}
.dotline {
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #999999;
  color: #FFFFFF;
}


#container {
  width:999px;
  margin:0 auto;
  padding: 0;
}
.box_inner {
  padding: 10px;
}
.title {
  background-color: #fff;
  color: #fff;
  padding: 0px;
  text-align:center;
line-height:1.0;
  height:40px;
  overflow:hidden;
}

#topleft{
  float: left;
  width: 613px !important;
  height: 383px !important;
  overflow:hidden !important;
}

#topright{
  float: right;
  width:385px !important;
  height: 383px !important;
  overflow:hidden !important;
}

#right_inner {
  padding-left: 1px;
}



#left {
  float: left;
  width: 333px;
}
#center {
  float: left;
  width: 333px;
}
#right {
  float: left;
  width: 333px;
}

* html form { 
  width: 310px !important;
 } 


* html #right { 

  float: right;
  width: 331px;
 } 

* html #right .title { 

  width: 331px;
  overflow:hidden;
 } 


* html #right object { 

  width: 331px;
  overflow:hidden;
 } 
* html #right embed { 

  width: 331px;
  overflow:hidden;
 } 

.box {
  overflow: hidden;
  margin-top: 1px;
}
.black {
  background: transparent url(img/touka_kuro.png) repeat;
}
* html .black {
behavior: expression(IEPNGFIX.fix(this));
} 

.pink {
  background: transparent url(img/color_h75.png) repeat;
}

* html .pink {
behavior: expression(IEPNGFIX.fix(this));
} 

.blue {
  background: transparent url(img/color_a75.png) repeat;
}

* html .blue {
behavior: expression(IEPNGFIX.fix(this));
} 

#footer {
  clear: both;
  width: 999px;
  margin-top:1px;
  height:86px;
}


#footer_inner {
  padding: 0px;
  text-align:center;
}

#footer_inner img {
  margin: 8px 4px;
}

#footer2 {
  background-color: #fff;
  clear: both;
  width: 999px;
}


#footer_inner {
  padding: 3px;
}
.copyright {
  text-align: right;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
}

#left_inner {
  padding-right: 1px;
}

a:link {
	color: #3399CC;
  text-decoration: none;
}
a:visited {
	color: #3399CC;
  text-decoration: none;
}
a:hover {
  color: #d20361;
  text-decoration: underline;
}


#header {
  height: 240px;
  width: 999px;
  background-image: url(img/i_ha_topbanner.jpg);
  background-repeat: no-repeat;
background-position: center top;
}

* html #header {
behavior: expression(IEPNGFIX.fix(this));
} 

.boxbanner {
  margin-top: 2px;
  padding: 0px;
}

.livehouse{
color:#d20361;
font-size:14px;

}

#pagearea  {
  float:right;
  width:200px;
  margin:0px 0px 0px 0px;
  text-align:right;
  clear: right;
}

#blog_main {
  width: 100%;
}

.entry_title {
  font-size: 116%;
  line-height: 1.2em;
  font-weight: bold;
  margin-bottom: 10px;
  color: #FF33FF;
}
.entry_body {
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #999999;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

.entry_date {
  font-size: 84%;
  line-height: 1.2em;
}


#header_inner {
 padding-top: 198px;
 }

.navi {
  height: 34px;
  padding-left: 15px;
  text-align: left;
}
.navi ul { margin: 0; }
.navi li { list-style:none; list-style-type:none; float:left; }
.navmyspace a {   width: 160px; margin-right:20px;margin-left:18px;}
.navfacebook a {  width: 180px; margin-right:20px; }
.navtwitter a {  width: 150px; margin-right:13px; }
.navvideos a {   width: 130px; margin-right:10px; }
.navphotos a {  width: 140px; margin-right:10px; }
.navblog a {  width: 90px; margin-right:0px;}
.non {
display: block;
text-indent: -9999px;
height: 33px;
 }

/*---------twitter------*/
.twitter {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #999999;
  padding-bottom: 5px;
  padding-top: 10px;
  overflow: hidden;
}
.twitter b {
  margin-top: 10px;
}

.twittername {
  margin-bottom: 5px;
}

.twitterleft {
  float: left;
  width: 60px;
}
.twitterleft img {
	width: 48px;
	height: 48px;
}
.twitterright {
  width: 269px;
  float: right;
}
.twitterright .times {
  text-align: right;
  font-size: 84%;
}

ul#twitter_update_list li{
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #999999;
  padding-bottom:1em;
  margin-bottom:1em;

}


.clear {
  clear: both;
}

/*---------myspace------*/
.rsssite {
  font-size: 116%;
  font-weight: bold;
  margin-bottom: 20px;
}
.rsstime {
  font-size: 84%;
  line-height: 1.2em;
  text-align: right;
}
.rsstitle {
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: #999999;
  padding-left: 5px;
  margin-bottom: 5px;
}

li.rss-item{
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #999999;
  padding-bottom:1em;
  margin-bottom:1em;

}

/*---------flickr------*/
#flickrIFrame {
  width: 329px;
  height: 293px;
}


/*---------news------*/
.news_title {
  font-size: 116%;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 20px;
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: #999999;
  padding-left: 5px;
  margin-bottom: 5px;
}

.news_text {
  font-size: 100%;
  color: #ffffff;
  margin-bottom: 20px;
}

#boxInfo div.dotline{
	padding: 5px 0;
	color: #999;
}

#boxInfo div.dotline h2{
	color: #fff;
}

table.haTable{
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 auto 15px;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
}

table.haTable th,
table.haTable td{
	padding: 3px 5px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	line-height: 130%;
}

div.newsBox{
	line-height: 1.5em;
	background-color: #fff;
	width: 630px;
	padding: 10px;
	margin:0 auto 20px;
	text-align: center;
}

div.newsBox p{
	margin-bottom: 1em;
}