/*
Theme Name: Sabanoyu Original Design
Theme URI: http://www.oyucafe.net/
Description: Slowcomedyfactoryオリジナルデザインです。
Author: keisuke oosato
Author URI:http://www.keisukeoosato.net/
Version:1.0
*/

* {margin:0;
   padding:0;}

html {
      background-color:#ffffff;
      }

body {
      color:#333;    
      font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Lucida Grande,Verdana,Osaka,'ＭＳ Ｐゴシック',sans-serif;font-size:1em;
      line-height:1.75em;
      font-size:13px;
      *font-size:small;
      *font:x-small;
       text-align:center;
      background-image:url("images/bg_puttern.gif");
      background-position:top center;
      background-repeat:repeat-x;}

table {
    font-size:inherit;
    font:100%;
}
 

a{color:#885500;
          text-decoration:none;}
a:hover {color:#cc9933;
        padding:0px;
        background-color:transparent;}

p {margin-bottom:1em;}

ul{text-align:left;
   list-style-type:none;
   list-style-image: url("");
   list-style-position:outside;
   margin-left:0px;
   padding-left:0px;
   }

li{
   
   }
a img {border: none;}
a:hover img {background-color:transparent;}
 
  
 /*　=====HEADER=====　*/

#header {width:900px;
         text-align:left;
         margin-bottom:10px;}

#header .logo {margin-top:3px;}

#header .description {margin-top:10px;
              margin-left:0px;
              margin-bottom:0;}

#header .description a:hover {background-color:transparent;}

#header .place {margin-top:10px;
                margin-bottom:0;}

.lavaLamp {
            position: relative;
            height: 20px;
            width: 800px;
            padding: 5px 10px 5px 10px;
            margin: 0px 0 15px 0;
            overflow: hidden;
            }
                .lavaLamp li {
                    float: left;
                    list-style: none;
                }
                    .lavaLamp li.back {
                        background-color: #d1b87d;
                        width: 9px;
                        height: 20px;
                        z-index: 8;
                        position: absolute;
                    }
                    .lavaLamp li a {
                        font: 14px Arial;
                        font-weight:normal;
                        text-decoration: none;
                        color: #3e62a5;
                        outline: none;
                        text-align: center;
                        top: 0px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 25px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                    }
                        .lavaLamp li a:hover, .lavaLampNoImage li a:active, .lavaLampNoImage li a:visited {
                            border: none;
                            background-color:transparent;
                        }

.shopinfo {margin:0 0 12px 25px;
           background-color:#bbb;
           letter-spacing:1px;
           color:#fff;
           padding:5px;
           font-size:76%;
           line-height:138.5%;}

/*  ====FOOTER====  */

#footer {width:100%;
         background-color:;
         height:350px;
         margin:15px 0 0 0;
         padding:10px;}

#footer p{
          width:900px;
          text-align:right;
          font:12px Arial;
          color:#333;
          padding:3px;
          margin:3px 0;
                 text-align:center;}

#footer p a{color:#885500;}
#footer p a:hover{background-color:#eee;}



/* ====SITETOP==== */


#sitetop {text-align:left;
          width:900px;
          clear:both;
          margin-bottom:5px;
          }

#sitetop li{float:left;
            margin:0 0px 0px 0;
　　　　　　　} 

#sitetop ul{line-height:0;}
 
#sitetop img {border:0px solid #ccc;    
} 

/*  ====MENU====  */

#menu {width:900px;
       margin-bottom:10px;
       font-size:85%;
       line-height:153.9%;}

.foodmenu {width:400px;
           float:left;
           display: inline;
           text-align:left;
           padding:5px 20px 0 20px;
           background-color:#eee;
           color:#669900;
           }

.drinkmenu {width:400px;
            float:right;
            text-align:left;
            padding:5px 20px 0 20px;
            margin-left:0;
            border-left:0px dashed #333;
            background-color:#eee;
            color:#885500;
            }

#menu h2 {font-size:138.5%;
          font-weight:bold;
          line-height:20px;
          color:#990000;
          text-align:left;}

#menu h3 {margin:0 0 5px 0;
          font-size:138.5%;
              font-weight:bold;}

#menu h4 {margin:5px 0;
          font-size:108%;
          font-weight:bold;
          }

.foodmenu h3 span{color:#fff;
                  padding:7px;
                  border:1px dashed #669900;
                  background-color:#669900;
              }

.drinkmenu h3 span{color:#fff;
              padding:7px;
              border:1px dashed #885500;
              background-color:#885500;
              }

.foodmenu h4 {color:#669900;
              border-bottom:1px solid #669900;
              padding-bottom:5px;}

.drinkmenu h4 {color:#885500;
               border-bottom:1px solid #885500;
               padding-bottom:5px;}

/*  ====INDEX====  */

#index {width:900px;
        margin-bottom:10px;
        padding-left:10px;}

#side {width:250px;
       float:right;
       margin-left:20px;
       text-align:left;}

#contents {width:600px;
           float:left;
           text-align:left;
　　　　　　 }

#contents span.posttime {margin:15px 0　0　5px;}

#contents span.posttime {padding:4px;
                     color:#fff;
                     background-color:#799e0a;
                     font-family:Arial;
                     font-size:93%;
                     }

#contents .posttitle {padding:15px 0 15px 0;
                      border-bottom:1px dotted #885500;
                      margin-bottom:10px;
                      font-size:146.5%;
                      line-height:138.5%;}

#contents img {border:2px solid #eee;}

#contents blockquote {width:75%;
                      margin:0 auto;
                      padding:15px;
                      
                      font-size:85%;
                      border:1px dashed #885500;}

#contents h4 {border-left:10px solid #669900;
              padding:6px 0 6px 10px;
              font-size:123.1%;}

#contents .metadata {font-size:85%;
                     padding:5px;
                     margin:20px 0;
                     background-color:#eee;
                     border:0px dashed #669900;
                     }

#contents #wp-pagenavi {text-align:center;}

#contents #wp-pagenavi a {color:#885500;}

#contents #wp-pagenavi span.current {border:1px solid #885500;
                           color:#885500;}

#contents h2.archivetitle {margin:10px 10px 20px 10px;
                           text-align:center;
                           padding:10px;
                           background-color:#eee;
                           font-size:153.9%;}

#contents h2.archivetitle span {color:#885500;}

/*  ====SIDEBAR====  */

#side h2 {font-size:108%;
          margin:10px 0 10px 0;
　　　　　 color:#669900;
          }

#side ul li ul {background-color:#eee;
                padding:10px;
                font-size:85%;
                line-height:123.1%;
                }

table#wp-calendar{border:1px solid #669900;
                  margin:0 10px 10px 0px;
                  padding:10px 10px 0 10px;
                  width:80%;
                  font-size:85%;
                  }

table#wp-calendar a {color:#669900;
                     background-color:transparent;}
table#wp-calendar a:hover {background-color:#eee;}

caption {text-align:left;
         font-weight:bold;
         font-size:123.1%;
         margin-bottom:10px;}

#side ul li ul li {padding:5px 0;
                   border-bottom:1px dashed #669900;}

#side a {color:#669900;}

#side a:hover {background-color:#ddd;}

#calendar-3 h2.widgettitle {font-size:1%;
                            margin:0 0 0 0;
                            padding:0;}

/*  ====PAGE====  */

#page {width:900px;
       margin-bottom:10px;
       padding-left:10px;
　　　　text-align:left;}

#pagecontents {width:100%;
               margin:0 10px 0 0;
               text-align:left;}

#pagecontents h3 {padding:15px 10px 15px 0;
                      border-bottom:1px dotted #885500;
                      margin-bottom:10px;
                      margin-right:10px;
                  color:#885500;
                      font-size:146.5%;
                      line-height:138.5%;}

#pagecontents h4 {border-left:10px solid #669900;
              padding:6px 0 6px 10px;
              font-size:123.1%;}

#pagecontents img {border:0px solid #eee;}

#pagecontents ul {margin:10px 0;
                  }

#pagecontents li {padding:10px 0 10px 10px;
                  border-top:1px dashed #669900;}


.edit {text-align:left;
       font-weight:bold;
       padding:2px;
       }

/* ====CONTACT FORM==== */

div.wpcf7 {margin: 0;
           padding: 0;
           width:500px;}

div.wpcf7 textarea {width:500px;}

div.wpcf7-response-output {margin: 2em 0.5em 1em;
                           padding: 0.2em 1em;
}

div.wpcf7-mail-sent-ok {color:#ffffff;
                        font-weight:bold;
                         padding:5px;
               background-color:#669900;
}

div.wpcf7-mail-sent-ng {color:#ffffff;
        font-weight:bold;
        margin:10px 0;
        padding:5px;
        background-color:#885500;
}

div.wpcf7-spam-blocked {color:#ffffff;
        font-weight:bold;
        margin:10px 0;
        padding:5px;
        background-color:#885500;
}

div.wpcf7-validation-errors {color:#ffffff;
        font-weight:bold;
        margin:10px 0;
        padding:5px;
        background-color:#885500;
}

span.wpcf7-form-control-wrap {position: relative;}

span.wpcf7-not-valid-tip {position: absolute;
                          top: 20%;
                          left: 20%;
                          z-index: 100;
                          color:#ffffff;
                          font-weight:bold;
                          padding:2px;
                          background-color:#885500;
                          width: 400px;	
}

span.wpcf7-not-valid-tip-no-ajax {color:#ffffff;
                          font-weight:bold;
                          padding:2px;
                          background-color:#885500;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

/* ====COMMENTS==== */

#comments {}

#comments h4 {margin:10px 0;
              font-weight:bold;
              font-size:100%;
              border:none;
              padding:0;}

h3#respond {border-left:6px solid #669900;
            padding:6px 0 6px 10px;
            font-size:123.1%;
            margin:10px 0;}

	  
input#trackbackurl {
                    width:500px;
                    font-family:Courier;
                    font-size:;
                    margin-bottom:1em;
                    color:#885500;
}

ol#commentlist {
                margin: 0 0 15px 0;
                font-size:0.8em;
                }
	
ol#commentlist li.commentcontent {font-size:116%;
                                   width:80%;
                                   display:block;
                                   list-style:none;
                                   margin-bottom:1em;
                                   padding:20px 15px 0 15px;
                                   border:1px solid #669900;
	}
	
p.commentmeta {border-top:1px dashed #669900;
               padding-top:5px;
               padding-bottom:5px;}
	
ol#commentlist li dl.metadata dt,ol#commentlist li dl.metadata dd {}
	
ol #commentlist li, ol#commentlist p {}

p.note {
	background:#fff8d5;
	padding:3px 8px;
	color:#666;
	border:2px solid #669900;
    }
	
form#commentform label {
    width:140px;
	float:left;
	margin:0.25em 10px 0 0;
	font-weight:bold;
	}
	
form#commentform p {
    clear:both;
	}
	
form#commentform sub {
     display:block;
	 padding-top:2px;
	 }
	 
input#author, input#email, input#url {
     width:244px;
	 border:3px double #669900;
	 padding:1px 3px;
     }
	 
textarea {
     font-size:1em;
	 border: 1px dashed #669900;
	 width: 500px ;
     color:#669900;
	 }
	 
p.submitbutton {
      text-align:left;
	  }
	  
p.submitbutton input {
      padding:3px 1em;
	  font-weight:bold;
	  color:#669900;
      
	  }