body, h1, h2, h3, h4, form,p { margin: 0; padding: 0; }
table { border: 0; }

/* ページ全体の設定 */
body{
  margin: 0px;
  font-size : 10pt;
  background-color: #FFFFFF;
}

  /* 投稿欄、ボタンの設定 */
  input,textarea,select,button,submit{
    font-size : 10pt;
    line-height: 10.5pt ;
    color: #636363;
    font-family: "Verdana", "\30D2\30E9\30AE\30CE\20Pro\20W3", "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Osaka";
    border-width: 1px;
    background-color: #fafafa;
    border-color: #cccccc; 
  }
  
  a {
    text-decoration : none ;
    color : #000000 ;
  }
  a:hover {
    text-decoration: underline; 
    color:  #FF6633;
  }

  /* 区切り線(コメント表示欄で使用)の設定 */
  hr{
    border:1px dashed #E7E3DF;
  }


/* id */
#wrapper {
  margin: 0 auto;
  border-top: 10px solid #696969;
  width: 912px;
}

  #container {
    padding-top: 5px;
  }
  
    /* center main */
    #centerWrapper {
      width: 730px;
      float: right;
    }
    
      #contents {
        width: 100%;
      }

        /* title */
        #header{
          margin-top: 5px;
          margin-bottom: 1px;
          width: 730px;
          height : 300px;
          background: url(http://blog-imgs-37-origin.fc2.com/h/a/n/handsomep/top300kid.jpg) left top no-repeat #FFF;
          overflow: hidden;
        }

          /* title detail */
          h1 {
            padding-top: 2px;
            padding-left: 10px;
            margin: 280px 0 0 0;
            height: 20px;
            font-size: 16px;
            text-align: left;
            color: #000000;
            background-color: #FFFFFF;
          }

            h1 a:link    {color: #000000; text-decoration: none;}
            h1 a:active  {color: #000000; text-decoration: none;}
            h1 a:visited {color: #000000; text-decoration: none;}
            h1 a:hover   {color: #FFCC66; text-decoration: none;}


          /* blog description */
          #site_description{
            margin: 0;
            padding-top: 5px;
            padding-right: 10px;
            padding-left: 10px;
            height: 14px;
            text-align: right;
            font-size : 12pt ;
            color : #0080ff;
            overflow: hidden;
          }
          
            #site_description strong {
              font-weight: normal;
            }

        #box_main {
          width: 548px;
          float: left;
        }

          #topentry {
            width: 100%;
          }
  
            /* entry title */
            h2 {
              margin-top: 5px;
              padding: 5px 10px 0px 10px;
              height: 22px;
              font-size: 12pt;
              text-align: left;
              background-color: #696969;
              color: #FFF;
              font-weight : bold;
            }

              h2 a {color: #FFF; text-decoration: none;}
              h2 a:hover {color: #FFCC33; text-decoration: none;}

            /* entry article */
            .main_txt {
              padding-top: 2px;
              padding: 5px 15px 8px 15px;
              width: 516px;
              font-size : 10pt;
              color : #3D3D3D;
              border: 1px solid #CCCCCC;
              border-top: 0;
            }

              .main_txt a:link    {color: #696969; text-decoration: none;}
              .main_txt a:active  {color: #696969; text-decoration: none;}
              .main_txt a:visited {color: #336600; text-decoration: none;}
              .main_txt a:hover   {color: #336600; text-decoration: underline; background-color: #CCFF99;}

              .post_date {
                margin-bottom: 15px;
                font-size: 8pt;
                color: #999;
                text-align: right;
              }

              /* article brief*/
              .brief dt {
                font-weight: bold;
              }
              
              .brief dd{
                margin-bottom: 0.5em;
              }

              /* link to thema ,genre */
              .community {
                font-size: 8pt;
                color: #999;
              }
              
              /* state (post date,etc) */
              .state {
                margin-top: 8px;
                font-size: 8pt;
                color: #C8A848;
                letter-spacing : 1px;
                text-align: right;
              }

            /* comment and trackback title */
            h3.entry_title{
              margin-top: 5px;
              padding: 5px 10px 0px 10px;
              height: 22px;
              font-size: 12pt;
              text-align: left;
              background-color: #696969;
              color: #FFF;
              font-weight : bold;
            }


            .comment {
              width: 100%;
              overflow: hidden;
            }

            /* to other pages  */
            .navi{
              margin-top: 3px;
              padding: 1px;
              font-size : 9pt ;
              background-color: #FFFFFF;
              color : #999999 ;
              text-align: center;
            }
              .navi a:link    {color: #3D3D3D; text-decoration: none;}
              .navi a:active  {color: #3D3D3D; text-decoration: none;}
              .navi a:visited {color: #3D3D3D; text-decoration: none;}
              .navi a:hover   {color: #336600; text-decoration: underline; background-color: #CCFF99;}

/* 両サイドバーの設定 */

    /* left side */
    #leftSideBar {
      width: 175px;
      float: left;
      overflow: hidden;
    }
    /* right side */
    #rightSideBar {
      width: 175px;
      float: right;
      overflow: hidden;
    }

      /* side bar */
      .side_bg{
        margin-top: 5px;
        width: 100%;
        color : #3D3D3D ;
/*        background: #FFF;*/
      }
  
        h3.side_title {
          margin: 0;
          padding: 2px 2px;
          color : #FFF;
          font-weight : bold;
          font-size: 10pt;
          background: #696969;
        }

        /* left_side, right_side */  
        .side_txt {
          margin: 0px;
          padding: 3px 2px;
          font-size: 9.5pt;
          border: 1px solid #CCCCCC;
          border-top: 0;
          background: url("") bottom right no-repeat;
        }
  
          .side_txt ul{
            margin: 0 2px 0 2px;
            padding : 0;
            list-style-type: none;
        }
  
            .side_txt li{
              padding: 0 0 0 17px;
              background: url("http://blog-imgs-27-origin.fc2.com/k/o/m/komitsudo/pawa13.gif") left 1px no-repeat;
            }
  
          .side_txt p{
          }

  /* 著作権表示の設定 */
  #copyright{
    margin-top: 3px;
    width: 912px;
    font-size : 8pt ;
    color : #FFF;
    background: #696969;
    text-align: center;
  }
  #copyright a:link    {color: #FFF; text-decoration: none;}
  #copyright a:visited {color: #FFF; text-decoration: none;}
  #copyright a:hover   {color: #FFF; text-decoration: underline;}




/* 記事検索の設定 */
.search input{
  font-size :12px;
  line-height: 15px;
  border-width:1px;
  background-color:#fafafa;
  border-color:#cccccc; 
  font-family: "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",Osaka ;
}


/* プロフィール画像の設定 */
.pay {
  text-align: center;
  margin: 5px 0px 0px 5px;
}

/* link to pagetop */
.pagetop {
  text-decoration:none;
  border-width: 0;
  font-size: 8pt
  text-align: right;
}

.fc2_footer {
  text-align: right;
}

/*カレンダー*/
table.calender {
    border-bottom :1px solid #999;
    font-size: 13px;
    margin: 2px 10px 3px 10px;
  }
    .calender caption {
      border-bottom: 1px solid #999;
      margin : 3px 11px 0px 11px;
    }
    .calender th {
      background: #F3F3F3;
      font-weight: normal;
      padding: 0 0 2px 0;
      text-align: center;
    }
    .calender td {
      background: #F9F9F9;
      color: #999999;
      padding: 1px 0px;
      text-align: center;
      width: 22px;
    }
    .calender td a {
      display: block;
      font-weight: bold;
    }
    th#sun {
      color: #CC3D3D;
    }
    th#sat {
      color: #2996CC;
    }
    .calender td a:link, #calendar td a:visited, #calendar td a:hover, #calendar td a:active {
      font-weight: bold;
      text-decoration: none;
    }
    .calender td a:link    { color: #333333; }
    .calendar td a:active  { background: #FFE080; border: 1px solid #FFE080; color:#FF6633; }
    .calender td a:visited { color: #004000}
    .calender td a:hover   { background: #FFE080; color:#FF6633; }

table.calenderunder {
    font-size: 13px;
    margin: 0px 10px 8px 10px;
}
  .calenderunder td {
    width: 50%;
  }
  
  .calenderunder td a:hover   { background: #FFE080; color:#FF6633; }