@import url(http://hazelu.com/css/hazelu.css);
@import url(http://michiru.hazelu.com/css/base.css);
@import url(http://hazelu.com/css/thickbox.css);

body{
  background:#FFF4E5;
  }

#wrapper{
  width:100%;
  clear:both;
  padding-bottom:45px;
  background:#FFF url(http://michiru.hazelu.com/imgs/footer-back.jpg) repeat-x bottom;
  }

#container{
  width:780px;
  margin:0 auto;
  padding:10px 0;
  }

/* HEADER */

#header{
  width:100%;
  padding-top:45px;
  background:url(http://michiru.hazelu.com/imgs/header-back.jpg) repeat-x;
  }
  
h1{
  width:760px;
  height:170px; 
  margin:0 auto;
  text-indent:-1000000px;
  background:url(http://michiru.hazelu.com/imgs/michiru-title.jpg) no-repeat;
  }

h1 a{
  display:block;
  width:760px;
  height:170px;
  } 


/* MENU */

#news{
  color:#FFF;
  width:235px;
  padding-left:50px;
  }

#news h2{
  width: 165px;
  height:35px; 
  margin:0 auto;
  text-indent:-1000000px;
  background:url(http://michiru.hazelu.com/imgs/news-title.jpg) no-repeat;
  }

#news h2 a{
  display:block;
  width: 165px;
  height:35px; 
  } 

#news .news{
  width:235px;
  text-align:left;  
  background:url(http://michiru.hazelu.com/imgs/news-back.jpg) repeat-y;
  }

#news .days{
  width:215px;
  font-size:14px;
  padding:20px 10px 0;
  background:url(http://michiru.hazelu.com/imgs/news-head.jpg) no-repeat;
  }

#news h3{
  font-size:14px;
  line-height:20px;
  padding:5px 12px;
  }

#news h3 a, #news .days a{color:#FFF;text-decoration:none;}
#news h3 a:hover, #news .days a:hover{color:#FFF;text-decoration:underline;}
#news .entryBody a{text-decoration:underline;}

#news .entryBody{
  line-height:140%;
font-weight:normal;

  padding:5px 15px;
  }

#news .entryBody img{
  display:none;
  }

#news dl{
  width:205px;
  line-height:18px;
  padding:5px 15px 25px;
  background:url(http://michiru.hazelu.com/imgs/news-bottom.jpg) no-repeat bottom;
  clear:both;
  }

#news dt{
  float:left;
  clear:both;
  }

#news dd{
  float:left;
  }

#news .yotei{
  color:#632319;
  text-align:right;
  padding:5px 10px;
  }

#news .yotei a{color:#632319;text-decoration:none;}
#news .yotei a:hover{text-decoration:underline;}




/* MENU */

#menu{
  width:250px;
  padding-right:170px;
  }

#menu li{
  list-style:none;
  width:250px;
  height:50px;
  text-indent:-1000000px;
  margin-bottom:15px;  
  }

#menu li a{
  display:block;
  width:250px;
  height:50px;
  }

#menu .about a{background:url(http://michiru.hazelu.com/imgs/about-title.jpg) no-repeat;}
#menu .about a:hover{background:url(http://michiru.hazelu.com/imgs/about-title.jpg) no-repeat;}
#menu .activity a{background:url(http://michiru.hazelu.com/imgs/activity-title.jpg) no-repeat;}
#menu .activity a:hover{background:url(http://michiru.hazelu.com/imgs/activity-title.jpg) no-repeat;}
#menu .diary a{background:url(http://michiru.hazelu.com/imgs/diary-title.jpg) no-repeat;}
#menu .diary a:hover{background:url(http://michiru.hazelu.com/imgs/diary-title.jpg) no-repeat;}
#menu .shifuku a{background:url(http://michiru.hazelu.com/imgs/shifuku-title.jpg) no-repeat;}
#menu .shifuku a:hover{background:url(http://michiru.hazelu.com/imgs/shifuku-title.jpg) no-repeat;}


/* FOOTER */
  
#footer{
  padding-top:70px;
  }