/* 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: #0000FF;
  }

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

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

/*  container
===================================================================*/
#container {
  background: url(images/background.jpg) repeat-x 0px 0px;
  margin: 0px auto;
  text-align: center;
  width: 100%;
  }

/*  header
=========================================================*/
#header {
  background: url(images/header-background.jpg) no-repeat 0px 0px;
  width: 760px;
  margin: 0px auto;
  overflow: hidden;
  }
  
  #header h1 a {
    background: url(images/header-text.jpg) no-repeat 0px 0px;
    width: 330px;
    height: 60px;
    text-indent: -9999px;
    float: left;
    display: blocck;
    }

  #header .H-homelink {
    width: 425px;
    padding-top: 5px;
    float: right;
    }

    #header .H-homelink a.tabi {
      float: left;
      margin-right: 2px;
      }


    #header .H-homelink a.shunnav {
      float: left;
      margin-right: 2px;
      }

    #header .H-homelink a.home {
      background: url(images/header-link.jpg) no-repeat 0px 0px;
      width: 90px;
      height: 50px;
      text-indent: -9999px;
      display: blocck;
      float: left;
      }

      #header .H-homelink a.home:hover {
        background-position: -90px 0px;
        }

/*  main-image
=========================================================*/
#main-image {
  background: url(images/main-image-shadow.jpg) no-repeat center bottom;
  margin: 0px auto;
  height: 250px;
  }

/*  contents
=========================================================*/
#contents {
  margin: 0px auto;
  width: 760px;
  text-align: left;
  }

/*  main
===============================================*/
#main {
  float: right;
  width: 560px;
  }
  
  /*  h2  */
  #main h2 {
    background: url(images/contents-ttl.jpg) no-repeat 0px 0px;
    text-indent: -9999px;
    width: 560px;
    height: 46px;
    }
  
  /*  page-nav  */
  #main .page-nav {
    background-color: #ccc;
    border-right: 1px solid #B2B2B2;
    border-bottom: 1px solid #B2B2B2;
    padding: 4px 20px;
    margin-bottom: 5px;
    }
  
    #main .page-nav .left {
      float: left;
      }
  
    #main .page-nav .right {
      float: right;
      }
  
  /*  main-information  */
  #main #main-information {
    border: 1px solid #999;
    padding: 10px 10px 0px 10px;
    margin-bottom: 5px;
    text-align: center;
    width: 538px;
    }
    
    /*  h3  */
    #main-information h3 {
      background: #B80C10 url(images/h3.jpg) repeat-x 0px 0px;
      border-right: 1px solid #000;
      border-bottom: 1px solid #000;
      margin: 0px auto 10px auto;
      text-align: left;
      font-weight: normal;
      padding: 5px 10px;
      font-size: 130%;
      color: #fff;
      }
      
      #main-information h3 a {
        color: #fff;
        text-decoration: none;
        }

      #main-information h3 a:hover {
        color: #FFFF00;
        text-decoration: underline;
        }
    
    /*  entry_box  */
    #main-information .entry_box {
      margin: 0px auto;
      }
      
      /*  年月日  */
      #main-information .entry_box .log-date {
        float: left;
        background-color: #ccc;
        padding: 5px 0px 3px 0px;
        width: 180px;
        }
      
      /*  時間  */
      #main-information .entry_box .time {
        float: right;
        background-color: #ccc;
        padding: 5px 0px 3px 0px;
        width: 90px;
        }
    
    /*  entry_body  */
    #main-information .entry_body {
      border: 1px solid #999;
      padding: 10px 10px 15px 10px;
      text-align: left;
      margin-bottom: 20px;
      line-height: 160%;
      }
      
      #main-information .entry_body ul {
        margin-left: 18px;
        }
    
        #main-information .entry_body ul li {
          padding-bottom: 5px;
          }
    
    /*  page-top  */
    #main-information .page-top {
      float: right;
      margin-bottom: 10px;
      }
      
      #main-information .page-top a {
        background: url(images/page-top.jpg) no-repeat 0px 0px;
        width: 140px;
        height: 22px;
        text-indent: -9999px;
        display: block;
        }
        
        #main-information .page-top a:hover {
          background-position: 0px -22px;
          }

/*  nav
===============================================*/
#nav {
  float: left;
  width: 190px;
  background-color: #E24141;
  }

  #bg {
    width: 184px;
    margin: 3px auto;
    padding-bottom: 10px;
    background-color: #971717;
    }
    
    /*  共通  */
    #bg h4 {
      width: 184px;
      height: 35px;
      text-indent: -9999px;
      margin-bottom: 2px;
      }
    
    ul.link-list {
      background-color: #fff;
      margin: 0px auto 3px auto;
      width: 180px;
      list-style: none;
      padding: 8px 0px;
      }
    
      ul.link-list li {
        background: url(images/list-icon.gif) no-repeat 6px 3px;
        padding: 2px 2px 2px 22px;
        }
        
        ul.link-list li ul {
          list-style: none;
          }
          
          ul.link-list li ul li {
            background: url(images/list-icon-list.gif) no-repeat 8px 5px;
            }
        
    ul.search-list {
      background-color: #fff;
      margin: 0px auto 3px auto;
      width: 180px;
      list-style: none;
      padding: 8px 0px;
      }
    
      ul.search-list li {
        padding: 2px;
        text-align: center;
        }
        
    /*  calendar  */
    h4#calendar-ttl {
      background: url(images/calendar-ttl.jpg) no-repeat 0px 0px;
      }
    
    #calendar-data {
      width: 180px;
      margin: 0px auto 3px auto;
      background-color: #ccc;
      text-align: center;
      padding: 5px 0px 10px 0px;
      }
    
    /*  calendar(曜日)  */
    table.data {
      width: 95%;
      margin: 0px auto;
      text-align: center;
      padding: 5px 0px;
      }
      
    /*  calendar(曜日)  */
    table.calendar {
      width: 95%;
      margin: 0px auto 10px auto;
      text-align: center;
      }
      
      table.calendar td {
        padding: 3px 0px;
        }
      
      /*  土  */
      table.calendar .cell_saturday  {
        background-color: #0000FF;
        color: #fff;
        }
      
      /*  日  */
      table.calendar .cell_sunday  {
        background-color: #f00;
        color: #fff;
        }
      
      /*  平日  */
      table.calendar .cell  {
        background-color: #fff;
        }
      
      /*  今日  */
      table.calendar .cell_today  {
        background-color: #FFFF00;
        }
    
    /*  information  */
    h4#info-ttl {
      background: url(images/info-ttl.jpg) no-repeat 0px 0px;
      }
    
    /*  news  */
    h4#news-ttl {
      background: url(images/news-ttl.jpg) no-repeat 0px 0px;
      }
    
    /*  category  */
    h4#category-ttl {
      background: url(images/category-ttl.jpg) no-repeat 0px 0px;
      }
    
    /*  archive  */
    h4#archive-ttl {
      background: url(images/archive-ttl.jpg) no-repeat 0px 0px;
      }
    
    /*  RSS  */
    h4#rss-ttl {
      background: url(images/rss-ttl.jpg) no-repeat 0px 0px;
      }
    
    /*  search  */
    h4#search-ttl {
      background: url(images/search-ttl.jpg) no-repeat 0px 0px;
      }
    
  #search {
    width: 100px;
    }

/*  FC2  */
.FC2 {
  text-align: center;
  background-color: #fff;
  padding: 5px 0px 0px 0px;
  margin: 5px 2px 0px 2px;
  }
  

/*  footer
=========================================================*/
#footer {
  margin: 20px auto 10px auto;
  padding: 5px 0px 15px 0px;
  width: 760px;
  background: url(images/footer-background.jpg) repeat-x left bottom;
  color: #fff;
  }
  
  #footer .F-homelink {
    float: left;
    margin-left: 15px;
    }
    
    #footer .F-homelink a {
      background: url(images/footer-link.jpg) no-repeat 0px 0px;
      display: block;
      width: 70px;
      height: 24px;
      text-indent: -9999px;
      }
    
      #footer .F-homelink a:hover {
        background-position: 0px -24px;
        }
    
  #footer .copyright {
    float: right;
    margin-right: 15px;
    padding-top: 5px;
    }