/*
Theme Name: Sabanoyu Original Design
Theme URI: http://www.oyucafe.net/
Description: さばの湯オリジナルデザインです。
Author: keisuke oosato
Author URI:http://www.dame-kobo.com/
Version:1.0
*/

* {margin:0;
   padding:0;}

html {
      background-color:#ffffff;
      background-image:url("http://www.oyucafe.net/images/back_body.gif");
      background-repeat:repeat-x;
      background-position:top;}

body {
      color:#3e62a5;    
      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;}

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

a{color:#a51e2d;
          text-decoration:none;}
a:hover {color:#b62f3e;
        padding:0px;
        background-color:#eee;}

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;}

.title {margin-top:10px;}
.nowday {margin-left:5px;
         margin-bottom:10px;
         }
.nowday ul{border:1px solid #3e62a5;
           width:40px;
           line-height:40px;
           height:55px;}
.nowday li.day {font:182% Arial;
                letter-spacing:2px;
                margin-bottom:-3px;
                text-align:center;
                 padding-left:5px;
                 color:#a51e2d;}
.nowday li.month {font:93% Arial;
                  letter-spacing:4px;
                  text-align:center;
                 padding-left:5px;}
.nowday li.year {font:85% Arial;
                 letter-spacing:1px;
                 text-align:center;
                 padding-left:1px;
                 padding-bottom:2px;}

.description {font-size:85%;
              padding:5px 5px 5px 10px;
              color:#333;
              margin-left:15px;
              margin-bottom:5px;
              background-color:#;
              }

.description span {font-size:77%;
                   color:#3ca3d3;
                   line-height:123.1%;}

.lavaLamp {
            position: relative;
            height: 20px;
            width: 880px;
            padding: 5px 10px 10px 10px;
            margin: 5px 0 10px 0;
            overflow: hidden;
            border-top:1px dashed #a51e2d;
            border-bottom:1px dashed #a51e2d;
        }
                .lavaLamp li {
                    float: left;
                    list-style: none;
                }
                    .lavaLamp li.back {
                        background-color: #eee;
                        width: 9px;
                        height: 25px;
                        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:900px;}

#footer p{font:12px Arial;
          color:#3e62a5;
          padding:3px;
          margin:3px 0;
          border-top:1px dashed #a51e2d;
          text-align:right;}



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


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

.pic {position:relative;
　　　 width:900px;
      height:500px;
      padding:0;
      margin:0 auto;
      } 
 
.pic img {position:absolute;
          top:0;
          left:0;
          border:1px 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;
           }

.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:#a51e2d;
            }

#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 #3e62a5;
                  background-color:#3e62a5;
              }

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

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

.drinkmenu h4 {color:#a51e2d;
               border-bottom:1px solid #a51e2d;
               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:#3e62a5;
                     font-family:Arial;
                     font-size:93%;
                     }

#contents .posttitle {padding:15px 0 15px 0;
                      border-bottom:1px dotted #a51e2d;
                      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 #a51e2d;}

#contents h4 {border-left:10px solid #3e62a5;
              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 #3e62a5;
                     }

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

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

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

#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:#a51e2d;}

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

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

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

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

table#wp-calendar a {color:#a51e2d;
                     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 #3e62a5;}

#side a {color:#3e62a5;}

#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 #a51e2d;
                      margin-bottom:10px;
                      margin-right:10px;
                  color:#a51e2d;
                      font-size:146.5%;
                      line-height:138.5%;}

#pagecontents h4 {border-left:10px solid #3e62a5;
              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 #3e62a5;}


.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:#3e62a5;
}

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

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

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

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:#a51e2d;
                          width: 400px;	
}

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

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 #3e62a5;
            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:#a51e2d;
}

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 #3e62a5;
	}
	
p.commentmeta {border-top:1px dashed #3e62a5;
               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 #3e62a5;
    }
	
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 #3e62a5;
	 padding:1px 3px;
     }
	 
textarea {
     font-size:1em;
	 border: 1px dashed #3e62a5;
	 width: 500px ;
     color:#3e62a5;
	 }
	 
p.submitbutton {
      text-align:left;
	  }
	  
p.submitbutton input {
      padding:3px 1em;
	  font-weight:bold;
	  color:#3e62a5;
      
	  }