/* CSS   banner1 gradation flashnabi  2c Use  */
/*    エントリーの左写真は210（に指定）、上下写真は540以下 500ｐｘ適正       */

/* basic elements    基本要素設定     */

html {
    margin: 0 auto;
    /* setting border: 0 hoses ie6 win window inner well border */
    padding: 0;
}

/*    setting  sentence general fonts and letter size   */

body {
    margin: 0;
    /* setting border: 0 hoses ie5 win window inner well border */
    padding: 0;
    font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Verdana','helvetica', 'ＭＳ ゴシック', sans-serif;
    font-size: 1em;
   }

/*    setting  body color and background color   */

body {  text-align: center;   /* center on ie */
          color: #4a3002;
          background: #EAE1D5;
}

form { margin: 0; padding: 0; }
a { text-decoration: none;  color: #0033ff; }
a img { border: none; }

a:hover { color: #65c9db; }

div { margin: 0px; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, blockquote {
    margin: 0px;
}
strong { color: #333399;  font-size: 1.2em; font-weight: bold; }

/* -----------------------------------------------------     */

#container {
    width: 878px;
    position: relative;
    margin-top: 0px;
    margin-left: auto;     /* center on everything else */
    margin-right: auto;
    margin-bottom: 0px;
    background-color: #EAE1D5;

}

#container-inner {     width: 100%;
                               margin: 0px;
}
#container-inner img {  border: none;  margin: 0px;   } 

/* standard helper classes    修正パッチ　　*/

.clr {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */

/*   seo taisaku waku     */
#seowaku {   width: 878px;   margin: 0px;   
}
.seo-h1 { font-size: 8pt;
                color: #FF7C79;
                text-align: right;
                padding: 2px 15px 2px 15px;
}

/* banner1   バナータイプ設定  */

#banner { position: relative; 
              width: 878px;
              margin: 0px;
              background: url(http://sibuya.asia/images/back.jpg) repeat-y;
}
#banner-inner {  width: 852px;             /*    IEのpeakaboo　回避      */
                 margin: 0px 13px 0px 13px;
}

/* バナー左部　 */
#banner-left { width: 235px; margin: 0px; float: left;}
/* バナー右部　 */
#banner-right { width: 617px; float: left; margin: 0px 0px 8px 0px; }

.access { font-size: 10pt;
          font-weight: bold;
          text-align: right;
          padding: 2px 15px 2px 0px;
}

/*   flash running waku  no flash     */

#fwrap {    width: 585px;
               margin: 0px 32px 0px 0px;
}


#pagebody { width: 878px; 
            position: relative; 
            margin: 0px; 
            background: url(http://sibuya.asia/images/back.jpg) repeat-y;       
 }

#pagebody-inner { width: 852px; margin: 0px 13px 0px 13px; }

/*         page divide           */

#alpha {     width: 145px;
               float: left;
               margin: 0px;
         }
#beta {      width: 707px;
               float: right;
               margin: 0px;
               background: url(http://sibuya.asia/images/beta-back.jpg) repeat-y;
}
#beta-inner {  width: 666px;
               margin: 0px 33px 0px 8px;
               text-align: center;  
}

.catewrap { width: 660px;
            margin: 0px;
}

/*    フラッシュ内　ナビ    */
#nabi {   width: 647px;
            margin: 10px 10px 0px 9px;
            position: relative;
}

/* nabiボタン5つ  横並べフロート付 */

.n-box1,.n-box1 a,.n-box1 a:hover,
.n-box1 a:focus {    width: 127px;
                                float: left;
                                height: 62px;
                 background: url(http://sibuya.asia/images/n-box1.jpg) top left no-repeat;
                                text-indent: -8000px;
                                border: none; 
                                text-decoration: none;
}
.n-box1 {   margin: 0px; display: inline;   }
.n-box1,.n-box1 a:hover,.n-box1 a:focus {
                  background: url(http://sibuya.asia/images/n-box1_o.jpg) top left no-repeat;
                                text-decoration: none;
}

.n-box2,.n-box2 a,.n-box2 a:hover,
.n-box2 a:focus {    width: 127px;
                                float: left;
                                height: 62px;
                background: url(http://sibuya.asia/images/n-box2.jpg) top left no-repeat;
                                text-indent: -8000px;
                                border: none; 
                                text-decoration: none;
}
.n-box2 {   margin: 0px 0px 0px 3px; display: inline;   }
.n-box2,.n-box2 a:hover,.n-box2 a:focus {
                   background: url(http://sibuya.asia/images/n-box2_o.jpg) top left no-repeat;
                                text-decoration: none;
}

.n-box3,.n-box3 a,.n-box3 a:hover,
.n-box3 a:focus {    width: 127px;
                                float: left;
                                height: 62px;
                   background: url(http://sibuya.asia/images/n-box3.jpg) top left no-repeat;
                                text-indent: -8000px;
                                border: none; 
                                text-decoration: none;
}
.n-box3 {   margin: 0px 0px 0px 3px; display: inline;   }
.n-box3,.n-box3 a:hover,.n-box3 a:focus {
                  background: url(http://sibuya.asia/images/n-box3_o.jpg) top left no-repeat;
                                text-decoration: none;
}

.n-box4,.n-box4 a,.n-box4 a:hover,
.n-box4 a:focus {    width: 127px;
                                float: left;
                                height: 62px;
                     background: url(http://sibuya.asia/images/n-box4.jpg) top left no-repeat;
                                text-indent: -8000px;
                                border: none; 
                                text-decoration: none;
}
.n-box4 {   margin: 0px 0px 0px 3px; display: inline;   }
.n-box4,.n-box4 a:hover,.n-box4 a:focus {
                   background: url(http://sibuya.asia/images/n-box4_o.jpg) top left no-repeat;
                                text-decoration: none;
}

.n-box5,.n-box5 a,.n-box5 a:hover,
.n-box5 a:focus {    width: 127px;
                                float: left;
                                height: 62px;
                    background: url(http://sibuya.asia/images/n-box5.jpg) top left no-repeat;
                                text-indent: -8000px;
                                border: none; 
                                text-decoration: none;
}
.n-box5 {   margin: 0px 0px 0px 3px; display: inline;   }
.n-box5,.n-box5 a:hover,.n-box5 a:focus {
                background: url(http://sibuya.asia/images/n-box5_o.jpg) top left no-repeat;
                text-decoration: none;
}



/*  alpha contents  bottoms    */

.b-waku {     width: 145px;
                 margin: 0px;
              text-align: left;
}
/*  CSS切り替えナビは、ディスプレイブロックが必要・マージンは一回　間で設定    */
.b1,
.b1 a,
.b1 a:hover,
.b1 a:focus { width: 131px;
                     height: 48px;
                     background: url(http://sibuya.asia/images/b1.jpg) top left no-repeat;
                     text-indent: -8000px;
                     border: none;display: block;
                    text-decoration: none;
}
.b1 {    margin: 0px 1px 0px 13px;   }
.b1,
.b1 a:hover,
.b1 a:focus {    text-decoration: none; 
                     background: url(http://sibuya.asia/images/b1_o.jpg) top left no-repeat;    
                       }
.b2,
.b2 a,
.b2 a:hover,
.b2 a:focus { width: 131px;
                     height: 48px;
                     background: url(http://sibuya.asia/images/b2.jpg) top left no-repeat;
                     text-indent: -8000px;
                     border: none;display: block;
                    text-decoration: none;
}
.b2 {    margin:  7px 1px 0px 13px;   }
.b2,
.b2 a:hover,
.b2 a:focus {    text-decoration: none; 
                     background: url(http://sibuya.asia/images/b2_o.jpg) top left no-repeat;    
                       }
.b3,
.b3 a,
.b3 a:hover,
.b3 a:focus { width: 131px;
                     height: 48px;
                     background: url(http://sibuya.asia/images/b3.jpg) top left no-repeat;
                     text-indent: -8000px;
                     border: none;display: block;
                    text-decoration: none;
}
.b3 {    margin: 7px 1px 0px 13px;   }
.b3,
.b3 a:hover,
.b3 a:focus {    text-decoration: none; 
                     background: url(http://sibuya.asia/images/b3_o.jpg) top left no-repeat;    
                       }
.b4,
.b4 a,
.b4 a:hover,
.b4 a:focus { width: 131px;
                     height: 48px;
                     background: url(http://sibuya.asia/images/b4.jpg) top left no-repeat;
                     text-indent: -8000px;
                     border: none;display: block;
                    text-decoration: none;
}
.b4 {    margin: 7px 1px 0px 13px;   }
.b4,
.b4 a:hover,
.b4 a:focus {    text-decoration: none; 
                     background: url(http://sibuya.asia/images/b4_o.jpg) top left no-repeat;    
                       }
.b5,
.b5 a,
.b5 a:hover,
.b5 a:focus { width: 131px;
                     height: 48px;
                     background: url(http://sibuya.asia/images/b5.jpg) top left no-repeat;
                     text-indent: -8000px;
                     border: none;display: block;
                    text-decoration: none;
}
.b5 {    margin: 7px 1px 0px 13px;   }
.b5,
.b5 a:hover,
.b5 a:focus {    text-decoration: none; 
                     background: url(http://sibuya.asia/images/b5_o.jpg) top left no-repeat;    
                       }
.b6,
.b6 a,
.b6 a:hover,
.b6 a:focus { width: 131px;
                     height: 48px;
                     background: url(http://sibuya.asia/images/b6.jpg) top left no-repeat;
                     text-indent: -8000px;
                     border: none;display: block;
                    text-decoration: none;
}
.b6 {    margin: 7px 1px 0px 13px;   }
.b6,
.b6 a:hover,
.b6 a:focus {    text-decoration: none; 
                     background: url(http://sibuya.asia/images/b6_o.jpg) top left no-repeat;    
                       }
.b7,
.b7 a,
.b7 a:hover,
.b7 a:focus { width: 131px;
                     height: 48px;
                     background: url(http://sibuya.asia/images/b7.jpg) top left no-repeat;
                     text-indent: -8000px;
                     border: none;display: block;
                    text-decoration: none;
}
.b7 {   margin: 0px 1px 7px 13px;    }
.b7,
.b7 a:hover,
.b7 a:focus {    text-decoration: none; 
                     background: url(http://sibuya.asia/images/b7_o.jpg) top left no-repeat;    
 }

.b8,
.b8 a,
.b8 a:hover,
.b8 a:focus { width: 131px;
                     height: 48px;
                     background: url(http://sibuya.asia/images/b8.jpg) top left no-repeat;
                     text-indent: -8000px;
                     border: none;display: block;
                    text-decoration: none;
}
.b8 {   margin: 7px 1px 0px 13px;    }
.b8,
.b8 a:hover,
.b8 a:focus {    text-decoration: none; 
                 background: url(http://sibuya.asia/images/b8_o.jpg) top left no-repeat;
}

.b9,
.b9 a,
.b9 a:hover,
.b9 a:focus { width: 131px;
                     height: 48px;
                     background: url(http://sibuya.asia/images/b9.jpg) top left no-repeat;
                     text-indent: -8000px;
                     border: none;display: block;
                    text-decoration: none;
}
.b9 {   margin: 7px 1px 0px 13px;    }
.b9,
.b9 a:hover,
.b9 a:focus {    text-decoration: none; 
                     background: url(http://sibuya.asia/images/b9_o.jpg) top left no-repeat;    
                       }

.k-b {  width: 131px;
        margin: 5px 1px 8px 13px;  }
                     
/*   side-bar  list   */

.side-ul { width: 131px;
           margin: 3px 1px 0px 13px;
           text-align: left;
           }
.side-li { background: url(http://sibuya.asia/images/list-back.jpg) repeat-y;
           list-style-type: none;  }

.side-li h3 {  margin: 5px 0px 0px 14px; 
               font-size: 9pt; 
  }

.side-li a { color: #4a3002;
             text-decoration: none;
}
.side-li a:hover { color: #ff7c79;   }
 


/*   contents  custamize    */


.footer-nabi {    width: 852px;
                      font-size: 8pt;
                      text-align: center;
                      margin: 0px;
}
.footer-nabi p {   padding: 5px 20px 0px 20px;  line-height: 1.3; }   
.footer-nabi a {   color: #666666;  text-decoration: none; }

/*    エントリー部分　設定    */

/*  blog beta  */
.entry-waku {   width: 666px;
              margin: 0px;
}
.e-title {           width: 644px;
                     background: url(http://sibuya.asia/images/cate-back.jpg) repeat-y; 
                     margin: 10px 12px 0px 10px;
}
.e-title img {   border: none;
                 margin: 0px;
}
.e-title h3 {       color: #4a3002;
                  font-size: 12pt;
                  font-weight: bold;
                  text-align: left;
                  padding: 0px 15px 0px 20px;
}

.entry-wrap {  margin: 5px 15px 0px 20px;
              text-align: left;
              position: relative;
}
.entry-wrap-in {  font-size: 10pt;
                  line-height: 1.3;
                  text-align: left;
}
.entry-wrap-in p { padding: 0px 10px 0px 40px;  }
.pdf { width: 362px; height: 32px; margin: 10px 100px 12px 100px;  }
.t-title {   padding: 7px 0px 0px 80px;
             color: #ff7c79;
             line-height: 1.3;
             text-align: left;
             font-size: 11pt;
             position: relative;
}
.t-title a { color: #4a3002;    }
.t-meta { display: inline;  font-size: 9pt; color: #ff7c79;  }
.t-img { width: 362px; height: 32px; margin: 0px 244px 0px 60px;  border: none;  }

/*     TOP PAGE      */
.wrap {  width: 666px;
         margin: 10px 0px 0px 0px;
         position: relative;
}
.wrap-l {   width: 504px;
            float: left;
            margin: 0px;
}
.wrap-l h2 {  margin: 5px 20px 8px 15px;
              color: #4a3002;
              line-height: 1.5;
              font-size: 11pt;
              font-weight: bolder;
              text-align: left;
}
.wrap-rr { width: 162px; float: left; margin: 0px;}
.rr-bottom { width: 158px; text-align: center; margin: 5px 2px 0px 2px;
             font-size: 8pt; color: #990000;
}

.wrap-info {   width: 372px;
            float: left;
            margin: 0px 0px 0px 10px;
            background: url(http://sibuya.asia/images/tinfo-back.jpg) repeat-y;    
}
.wrap-komori { width: 256px;
            float: right;
            margin: 0px 0px 0px 17px;
            background: url(http://sibuya.asia/images/tkomori-back.jpg) repeat-y;
}
.tinfo-title h3 { font-size: 11pt;
                  color: #4a3002;
                  font-weight: bold;
                  line-height: 1.3;
                  padding: 0px 10px 0px 10px;
                  text-align: left;
}
.tinfo-title a {  color: #4a3002;  }
.tinfo-title a:hover { color: #ff7c79;  }
.tinfo-wrap { padding: 8px 15px 0px 25px; font-size: 10pt; text-align: left; }
.tinfo-text { padding: 0px 10px 10px 10px;  text-align: right; font-size: 11pt;  }

/*  image floating in entry  */
.wrapwrap { margin: 10px 0px 0px 0px; position: relative;  }
.entry-img1 { width: 120px; float: left; height: 40px;  padding: 0px 0px 0px 40px;  border: none;  }
.entry-img2 { width: 240px; float: left; height: 40px;  padding: 0px 0px 0px 40px;  border: none;  }

/*-------      フォーム内設定       ---------*/

.form-red {     color: #ff0000;
                    font-size: 10pt;
                    line-height: 1.1;
                    padding: 5px 10px 0px 20px;
                    font-weight: bold;
}
.form-blue {     color: #000066;
                    font-size: 10pt;
                    line-height: 1.1;
                    font-weight: bold;
}

.akaji {          display: inline; color: #ff0000; font-weight: bold;   }
.aoji {          display: inline; color: #000066; font-weight: bold;   }

table { font-size: 10pt; color: #4a3002; font-weight: normal;  }
.fb-like { margin-top: 5px; }
.sns { margin:5px 0px 0px 20px;  }


