@charset "utf-8";

* {
  margin: 0;
  padding: 0;
/*  font-style: normal;
  font-weight: normal; */
  text-decoration: none;  
}

a:link { text-decoration: none; color:#00AEEF; }
a:visited { text-decoration: none; color:#00AEEF; }
a:hover { text-decoration: none; color:#fff; background: #00AEEF}
a:active { text-decoration: none; color:#00AEEF; background: #fff}
a img{border: none;}


body{
  line-height: 1.7em;
  font-size: 90%;
 font-family:Helvetica, sans-serif;
}

h1{ font-size: 140%;}
h2{ font-size: 110%;}

h1, h2{
  color: #EC008C;
  font-weight: bold;
  margin-bottom: 12px;
}


h3{
  font-size: 100%;
  font-weight: bold;
}


#container {
    height: 100%;
	width: 840px;
	margin: 30px auto 30px auto;
}

#header {
  color: #FFF;
  position: relative;
  width: 840px;
  margin-bottom: 36px;
  height: 130px;
}


#menu{
  position: absolute;
  left: 220px;
  bottom: 12px;
  width: 600px;
  overflow: hidden;
}

#main {
  width:100%;
 float:right;
 margin-left: -220px;
}

#main .contents {
 margin-left: 220px;
}

#main h2{
  margin-bottom: 12px;
}

#main p{
  margin-bottom: 12px;
}

#sidebar {
  width: 220px;
  float: right;
  line-height: 1.8em;
  position: relative;
margin-bottom: 200px;
}



#sidebar ul{
  margin-bottom: 24px;
}

#sidebar li {
  list-style: none;
}

#sidebar .active a{
  text-decoration: underline;
}

#footer {
  clear: both;
  margin: 24px 0 24px 220px;
  padding-top: 36px;
}

#footer .copyright{
  margin-left: 288px;
  font-size: 85%;
}







/*  contents */

/*  header */

#header h1.linadog a{
  background: url("../images/linadog_twitter_small.gif") no-repeat top center;
  width: 190px;
  height: 150px;
  display: block;
  position: absolute;
  left: -20px;
  top:-10px;
  z-index: 1;
}

#header h1.linadog  span{
  display: none;
}

#result{
  left: -7px;
  top: 8px;
  width: 70px;
  height: 40px;
  position: absolute;
  color: #666;
  z-index: 2;
  line-height: 1em;
  word-break: break-all;
}

#result a{ color: #666; font-size: 10px;}
#result a:hover{ color: #666; background: none; }

#header h2.logo{
  background: url("../images/logo.gif") no-repeat top center;
  display: block;
    position: absolute;
  left: 220px;
  top: 12px;
  height: 49px;
  width: 445px;
}

#header h2.logo  span{
  display: none;
}


/* main */

#main h1{
  font-size:  160%;
  margin-bottom: 24px;
}

#main .entry{
  overflow: hidden;
  margin: 0 0 30px 0; 
}


#main .entry .date{
  float: left;
  width: 96px;
  font-size: 120%;
}

#main .entry .article{
  margin-left: 120px;
  width: 480px;
}

#main #link .entry .article{
  margin-left: 0;
  width: 600px;
}

#main .entry ul, #main .entry ol{
  margin-left: 24px;
}


#main  .trackbacks, #main .comments{
  margin-left: 120px;
  width: 480px;
  margin-bottom: 48px;
}

#main h3.comments-header{
  margin-bottom: 12px;
}

#main .comment{
  margin-bottom: 48px;
}



/* sidebar */

#sidebar{
  line-height: 160%
}

#sidebar .subscribe{
  margin-bottom: 30px;
}

#sidebar .subscribe input{
  width: 180px;
}

#sidebar .newAlbum{
  margin-bottom: 24px;
}

#sidebar h2{
  margin-bottom: 6px;
}

#sidebar .banner,
#sidebar .podcast{
  margin-bottom: 24px;
}

#sidebar  ul{
  margin-bottom: 12px;
  line-height: 140%;
}

#sidebar  ul li{
  margin-left: 18px;
  list-style: disc;
  margin-bottom: 4px;
}

#sidebar .whatNew{
  width: 180px;
  
  margin-bottom: 24px;
}

#sidebar .whatNew  ul{
  margin-bottom: 0;
}

#sidebar .leleleBanner{
  margin-bottom: 24px;
}#sidebar .leleleBanner img{
  border: 1px solid #ccc;
}

#sidebar .search{
  margin-bottom: 24px;
}

#sidebar .dateArchive{
  margin-bottom: 24px;
}






/* menu */

#menu ul{
  list-style: none;
}

#menu  li{
  float: left;
  margin-right: 17px;
}

#menu li.podcast{
  margin-right: 0;
}

#menu li span{
  display: none;
}

#menu li.news a{
  background: url("../images/menuNews.gif") no-repeat top left;
  width: 54px;
  height: 24px;
  display: block;
}

#menu li.bio a{
  background: url("../images/menuBio.gif") no-repeat top left;
  width: 42px;
  height: 31px;
  display: block;
}

#menu li.disco a{
  background: url("../images/menuDisco.gif") no-repeat top left;
  width: 52px;
  height: 26px;
  display: block;
}

#menu li.diary a{
  background: url("../images/menuDiary.gif") no-repeat top left;
  width: 58px;
  height: 29px;
  display: block;
}

#menu li.report a{
  background: url("../images/menuReport.gif") no-repeat top left;
  width: 65px;
  height: 27px;
  display: block;
}

#menu li.links a{
  background: url("../images/menuLinks.gif") no-repeat top left;
  width: 56px;
  height: 21px;
  display: block;
}

#menu li.contact a{
  background: url("../images/menuContact.gif") no-repeat top left;
  width: 78px;
  height: 27px;
  display: block;
}

#menu li.podcast a{
  background: url("../images/menuPodcast.gif") no-repeat top left;
  width: 73px;
  height: 33px;
  display: block;
}




/* �R���^�N�g�t�H�[�� */
table.mailform td{
 vertical-align: top;
 padding-bottom: 12px;
}

table.mailform td.label{
  padding-right: 24px;
}

table.mailform span{
  color: #FF0000
}



/* */
.preview{
  margin-left: 12px;
  font-size: 85%;
  padding-right: 17px;
   background: url("../images/preview.gif") no-repeat center right;
}

a.preview:hover, a:hover.preview{
   background-image: url("../images/preview_on.gif");
   background-repeat: no-repeat;
   background-position: center right
}