/*
 Theme Name:  2009oyasai_design
 Theme URI:  http://www.ja-oyasai.jp/
 Description: A squeaky clean, feature-rich theme for WordPress designed and coded by <a href=http://www.ja-oyasai.jp/">fukui_oyasai_club</a>.
 Version:  1.1
 Author:   sysken
 Author URI:  http://www.sysken.ne.jp/
 */
 /*---:[ core layout elements ]:---*/
 
 /* ++++++++++++++++++++++++++++++++++++++++++++++++ */
 /*    Style Reset                                   */
 /* ++++++++++++++++++++++++++++++++++++++++++++++++ */
 *{
  color: #542a00;
 }
 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{
  margin:0;
  padding:0;
  font-size: 14px;
  font-family: "Lucida Sans Unicode", Tahoma, "HiraMaruPro-W4", "ヒラギノ丸ゴ Pro W4",'ヒラギノ角ゴ Pro W3', "Hiragino Kaku Gothic Pro", "HG丸ゴシックM-PRO",'メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック', sans-serif;

 }
 address{font-style: normal;}
 strong{}
 em{font-style: normal;}
 img{ border: none; }
 
 /* ++++++++++++++++++++++++++++++++++++++++++++++++ */
 /*    Option Style                                  */
 /* ++++++++++++++++++++++++++++++++++++++++++++++++ */
 .NoDisplay{
  display: none;
 }
 /* -----  Adjust Height Rendering  ----- */
 .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;}
 
 /*   Link   */
 a:link    { text-decoration: underline; color: #542a00; }
 a:visited { text-decoration: underline; color: #542a00; }
 a:active  { text-decoration: none; color: #542a00; }
 a:hover   { text-decoration: none; color: #542a00; }
 
 /* ++++++++++++++++++++++++++++++++++++++++++++++++ */
 /*    Setting                                       */
 /* ++++++++++++++++++++++++++++++++++++++++++++++++ */
 body{
 background: url(images/decoration/contents_back.jpg) 0 0;
 }
     #World{
     width: 785px;
     margin: 20px auto;
     }
 /* HeaderDivision */
 #ContentsDivision #HeaderDivision{
  background: url(images/decoration/head_border.gif) no-repeat center bottom;
  margin-bottom: 25px;
  text-align: center;
 }
 /* content */
  #content{
  float: left;
  width: 420px;
  border-left: 1px dotted #542a00;
  border-right: 1px dotted #542a00;
  margin: 0 10px;
  padding-left: 10px;
  padding-right: 10px;
 }
     #content h4{
     margin-bottom: 15px;
     padding-bottom: 5px;
     border-bottom: 1px solid #542a00;
     }
     #content h2{
     margin-bottom: 15px;
     font-size: 18px;
     }
     #content h2.archive_head{
     color: #542a00;
     }
 /* sidebar */
 #sidebar{
   float: right;
   width: 160px;
   text-align: left;
 }
 /* l_sidebar */
 #l_sidebar{
   float: left;
   width: 160px;
 }
    #l_sidebar #wp-calendar{
      width: 100%;
      border-collapse: collapse;
      border-spacing: 0;
      padding: 2px;
    }
        #l_sidebar #wp-calendar caption,
        #l_sidebar #wp-calendar th,
        #l_sidebar #wp-calendar td{
          font-size: 12px;
        }
        #l_sidebar #wp-calendar th,
        #l_sidebar #wp-calendar td{
          width: 21px;
        }
    #l_sidebar ul.ImageList{
      list-style-type: none!important;
    }
        #l_sidebar ul.ImageList li{
          margin-left: 0!important;
        }
    #l_sidebar ul.TextLink li{
      margin-bottom: 5px;
    }
 /* FooterDivision */
 #FooterDivision{
  background: #542a00;
  padding: 2px 0;
  text-align: center;
 }
    #FooterDivision .CopyRight{
      color: #e6e0df;
      font-size: 10px;
    }
 
 /*---:[ header styles ]:---*/
 
 #masthead{
   /*height: 100px;background: url('images/logo.gif') no-repeat;*/ /* uncomment the height and background declarations here if you intend to use a graphic in the header instead of the h1 */
 }
 /* #masthead a{ display: block; width: 970px; height: 100px; } */ /* uncomment this line if you use a graphic in the header - make sure the height of your header graphic is equal to the height declared in this line of code! */
 
    ul#nav{
      list-style: none;
      padding: 0 10px;
      float: left;
      clear: both;
    }
        ul#nav li{
          padding: 0.85em 40px 0.7em 0;
          text-transform: uppercase;
          float: left;
        }
            ul#nav li a,
            ul#nav li a:visited{
              color: #000;
              text-decoration: none;
            }
            ul#nav li a:hover{
              color: #000;
              text-decoration: underline;
            }
            ul#nav li a.current,
            ul#nav li a.current:visited,
            ul#nav li a.current:hover{
              color: #090;
              text-decoration: underline;
            }
        ul#nav li.rss{
          padding: 0.85em 0 0.7em 0;
          float: right;
        }
            ul#nav li.rss a{
              padding: 0 18px 0 0;
              background: url('images/icon_rss.gif') 100% 50% no-repeat;
            }
    #header_img{ margin: 0 0 20px 0;}
 
 
 
/*---:[ content styles ]:---*/

.entry{
  border-bottom: 1px dotted #542a00;
}
    .entry blockquote.right{
      width: 200px;
      font-style: normal;
      margin: 0.3em 0 0.3em 15px;
      padding: 0.3em 0;
      border: 3px double #aaa;
      border-width: 3px 0;
      text-align: center;
      float: right;
    }
    .entry blockquote.left{
      width: 200px;
      font-style: normal;
      margin: 0.3em 15px 0.3em 0;
      padding: 0.3em 0;
      border: 3px double #aaa;
      border-width: 3px 0;
      text-align: center;
      float: left;
    }
        .entry blockquote.right p,
        .entry blockquote.left p{
          margin: 0;
          line-height: 1.4em;
        }
    .entry p{
      margin: 0 0 1.1em 0;
      line-height: 1.4;
    }
    .entry p.ReadMore{
      text-align: right;
    }
    .entry ul,
    .entry ol{
      margin: 0 0 1.5em 40px;
    }
    .entry ul{ list-style-type: square; }
        .entry li{ margin: 0 0 0.5em 0; }
            .entry ul li ul,
            .entry ul li ol,
            .entry ol li ul,
            .entry ol li ol{
              margin: 0.5em 0 0.5em 30px;
            }
    .entry dl{ margin: 0 0 1.5em 0; }
        .entry dt{
          font-weight: bold;
          margin: 0 0 0.5em 0;
        }
        .entry dd{ margin: 0 0 1.5em 20px; }
    .entry .ad{
      margin: 0 0 0.5em 15px;
      float: right;
    }
    .entry .ad_left{
      margin: 0 15px 0.5em 0;
      float: left;
    }
        .entry img.left{
          padding: 3px;
          margin: 0.5em 15px 0.5em 0;
          border: 3px double #bbb;
          float: left;
          clear: left;
        }
    .entry img.right{
      padding: 3px;
      margin: 0.5em 0 0.5em 15px;
      border: 3px double #bbb;
      float: right;
      clear: right;
    }
        .entry img.center{
          display: block;
          padding: 3px;
          margin: 0 auto 1.5em auto;
          border: 3px double #bbb;
          float: none;
          clear: both;
        }
        .entry img.off{
          padding: 0;
          border: none;
        }
    .entry img.stack{ clear: none; }
    .tagged{
      padding: 0.4em 0 0 0;
      clear: both;
    }
        .add_comment{
          display: block;
          padding: 0 0 20px 0;
          float: right;
        }
    .navigation{ width: 100%; }
        .previous{
          padding: 0 20px 0 0;
          float: left;
          color: #542a00;
          font-size: 14px;
        }
        .next{
          float: right;
          font-size: 14px;
          color: #542a00;
         }
    .clear{ margin: 0 0 2.0em 0; clear: both; }
    .flat{ margin: 0 0 2.0em 0; }
    .whitespace{ margin: 0 0 3.5em 0; }
 
 /*---:[ sidebar styles ]:---*/
    ul.sidebar_list{ list-style: none; }
    ul.sidebar_list li.widget,
    ul.sidebar_list li.linkcat{
      margin: 0 0 1.3em 0;
      line-height: 1.2em;
    }
        li.widget h2,
        li.linkcat h2{
          margin-bottom: 5px;
          width: 140px;
        }
        li.widget p{
          margin: 0 0 1.1em 0;
          padding: 0 10px;
        }
        li.widget ul,
        li.linkcat ul{
          margin: 0;
          list-style-type: disc;
        }
            li.widget li,
            li.linkcat li{
              margin-left: 20px;
              margin-bottom: 3px;
              font-size: 12px;
              color: #542a00;
            }
                li.widget li .recent_date{
                  padding: 0 0 0 8px;
                  font-weight: bold;
                }
                li.widget ul.flickr_stream{
                  list-style: none;
                  margin: 0;
                  padding: 0 10px;
                }
                    li.widget ul.flickr_stream li{
                      margin: 0;
                      padding: 0 5px 5px 0;
                      display: inline;
                    }
                        li.widget ul.flickr_stream li a img{
                          padding: 3px;
                        }
                        li.widget ul.flickr_stream li a:hover img{
                          background: #ff2a96;
                        }
 
 /*---< FlickrRSS styles for the widget only >---*/
li.widget_flickrrss a img{
  margin: 0 5px 5px 0;
  padding: 3px;
}
li.widget_flickrrss a:hover img{
  background: #ff2a96;
}
 
 /*---:[ footer styles ]:---*/
#footer p{
  margin: 0 0 0.923em 0;
  text-align: right;
}
 
 /*---:[ comment styles ]:---*/
ul#comment_list{
  list-style: none;
  margin: 0 0 4.0em 0;
}
    .comment_meta{ margin: 15px 0; }
        .comment_num{
          padding: 0 15px 0 20px;
          font-weight: bold;
          float: right;
        }
        .trackback .comment_num{ padding: 0 0 0 20px; }
    .comment_time{ font: normal; }
.comment .entry{ padding: 0 15px; }
    .comment .entry p{ margin: 0 0 1.0em 0; }
 
 /*---:[ comment form styles ]:---*/
 
 #comment_form{ padding: 1.0em 0 0 0; }
     #comment_form p{
       padding: 3px 0;
       margin: 0;
       vertical-align: middle;
     }
         #comment_form .text_input{ width: 90%; padding: 3px; }
         #comment_form .text_area{ width: 90%; }
         #comment_form .form_submit{ padding: 0 4px; cursor: pointer; }
 
 /*---:[ search form styles ]:---*/
 #search_form{ }
     #search_form .search_input{
       width: 90%;
       padding: 3px;
       color: #090;
       font: normal 1.0em Georgia, "Times New Roman", Times, serif;
     }