@charset "utf-8";

* {
  margin: 0px;
  padding: 0px;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 75%;
background: #000 url(img/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: #000;
  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: #FFFFFF;
  text-decoration: none;
}
a:visited {
  color: #FFFFFF;
  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: 148px; margin-right:30px;margin-left:18px;}
.navfacebook a {  width: 170px; margin-right:27px; }
.navtwitter a {  width: 126px; margin-right:33px; }
.navvideos a {   width: 113px; margin-right:30px; }
.navphotos a {  width: 131px; margin-right:33px; }
.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;
}