/* CSS Document */

/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form { padding: 0px; margin: 0px; }

.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
  }
.clearfix{display:inline-block;}
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

img {
  border: none;
  }

/*******************************************************************/
/*                                                            LINK */
/*******************************************************************/
a:link,
a:visited,
a:active {
  color: #0066FF;
  }

a:hover {
  color: #FF00BF;
  text-decoration: underline;
  }

#main h2 a:link,
#main h2 a:visited,
#main h2 a:active {
  color: #61A338;
  }

#main h2 a:hover {
  color: #FF00BF;
  text-decoration: underline;
  }

/*******************************************************************/
/*                                                           BASIC */
/*******************************************************************/
/*  calendar  */
table.data {
  width: 170px;
  margin: 0px auto;
  }
  
  table.data {
    background-color: #fff;
    }
    
  table.data .cell_saturday {
    background-color: #A0E2FC;
    }
    
  table.data .cell_sunday {
    background-color: #FFC4F8;
    }
  
table.calendar {
  width: 170px;
  margin: 0px auto 5px auto;
  }
  
  table.calendar {
    background-color: #fff;
    }
    
  table.calendar .cell_saturday {
    background-color: #A0E2FC;
    }
    
  table.calendar .cell_sunday {
    background-color: #FFC4F8;
    }


/*******************************************************************/
/*                                                                 */
/*******************************************************************/
body {
  font-family : "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  margin: 0px auto;
  text-align: center;
  }

/*  container
===================================================================*/
#container {
  padding: 20px 0px 30px 0px;
  text-align: left;
  font-size: 80%;
  line-height: 160%;
  background: #FFE6E6 url(images/background.jpg) repeat-x 0px 0px;
  }

/*  header
=========================================================*/
#header {
  width: 928px;
  margin: 0px auto;
  height: 380px;
  background: #FFE6E6 url(images/main-image2.jpg) no-repeat 0px 0px;
  position:relative;
  }
  
  #header h1 {
    text-indent: -9999px;
    }
    
  #header .link2008 {
    position:absolute;
    top: 297px;
    left:451px;
    text-indent: -9999px;
    }
    
    #header .link2008 a {
      width: 172px;
      height: 57px;
      display: block;
      }
      
  #header .link2008_photo {
    position:absolute;
    top: 297px;
    left:631px;
    text-indent: -9999px;
    }
    
    #header .link2008_photo a {
      width: 172px;
      height: 57px;
      display: block;
      }

/*  contents
=========================================================*/
#contents {
  width: 760px;
  margin: 0px auto;
  padding-bottom: 30px;
  background-color: #fff;
  }

/*  main
===============================================*/
#main {
  float: right;
  width: 480px;
  margin-right: 15px;
  _margin-right: 7px;
  background-color: #FFFDE8;
  }
  
  #main .title-box {
    padding: 15px 10px 20px 90px;
    background: url(images/h2-icon.jpg) no-repeat 0px 0px;
    margin-bottom: 5px;
    }
  
  #main .title-box h2 {
    color: #61A338;
    font-size: 150%;
    }
  
  #main .title-box .entry_author {
    text-align: right;
    margin: 0px 10px 0px 0px;
    font-weight: bold;
    color: #333;
    padding-bottom: 2px;
    background: url(images/line.gif) repeat-x left bottom;
    }
  
  #main .entry_box {
    margin: 0px 10px 20px 10px;
    padding: 0px 10px;
    background: url(images/line.gif) repeat-x left bottom;
    }
    
    #main .entry_box .time {
      float: right;
      margin-left: 10px;
      font-weight: bold;
      color: #333;
      }
      
    #main .entry_box .log-date {
      float: right;
      }
      
  #main .entry_body {
    margin: 0px 10px;
    padding: 0px 10px 10px 10px;
    }
  
    #main .entry_body ul {
      list-style: none;
      margin: 10px 0px 20px 15px;
      }
      
      #main .entry_body ul li {
        padding-left: 15px;
        background: url(images/list-body.gif) no-repeat 0px 7px;
        }
  
  #main .page-top {
    text-align: right;
    margin-bottom: 20px;
    }
    
.page-nav {
  padding: 0px 20px 20px 20px;
  }

  .page-nav .left {
    float: left;
    }
  .page-nav .right {
    float: right;
    }

/*  nav
===============================================*/
#nav {
  float: left;
  width: 235px;
  margin-left: 15px;
  _margin-left: 7px;
  background-color: #FFFDE8;
  padding-top: 10px;
  }
  
  #nav #home a{
    width: 225px;
    height: 29px;
    text-indent: -9999px;
    margin: 0px auto 10px auto;
    display: block;
    background: url(images/btn-home.jpg) no-repeat 0px 0px;
    }
  
  #nav h4 {
    text-indent: -9999px;
    width: 225px;
    height: 34px;
    margin: 0px auto 10px auto;
    }
    
    #nav h4#search-ttl {
      background: url(images/search-ttl.gif) no-repeat 0px 0px;
      }
    
    #nav h4#calendar-ttl {
      background: url(images/calendar-ttl.gif) no-repeat 0px 0px;
      }
    
    #nav h4#news-ttl {
      background: url(images/news-ttl.gif) no-repeat 0px 0px;
      }
    
    #nav h4#category-ttl {
      background: url(images/category-ttl.gif) no-repeat 0px 0px;
      }
    
    #nav h4#archives-ttl {
      background: url(images/archives-ttl.gif) no-repeat 0px 0px;
      }
    
    #nav h4#profile-ttl {
      background: url(images/profile-ttl.gif) no-repeat 0px 0px;
      }
    
    #nav h4#other-ttl {
      background: url(images/other-ttl.gif) no-repeat 0px 0px;
      }
    
    
  #nav ul {
    list-style: none;
    width: 225px;
    margin: 0px 0px 20px 10px;
    }
    
    #nav ul li {
      background: url(images/list-icon.gif) no-repeat 0px 7px;
      padding-left: 10px;
      }
    
  #nav ul.search-list {
    list-style: none;
    margin: 0px auto 20px auto;
    text-align: center;
    }
    
    #nav ul.search-list li {
      background: none;
      }
    
    input#search {
      width: 120px;
      }
    
  #nav #calendar-data {
    margin-bottom: 20px;
    text-align: center;
    }

/*  footer
=========================================================*/
#footer {
  width: 760px;
  margin: 0px auto;
  padding: 5px 0px;
  background: url(images/footer-background.gif) repeat 0px 0px;
  color: #fff;
  }
  
  #footer .F-homelink {
    padding-left: 10px;
    }
    
  #footer .F-homelink a {
    background: url(images/footer-icon.gif) no-repeat 0px 7px;
    float: left;
    padding-left: 10px;
    color: #fff;
    font-weight: bold;
    }
    
  #footer .copyright {
    float: right;
    padding-right: 10px;
    }