/* CSS   banner1 gradation flashnabi  2c Use  */
/*    エントリーの写真は435以下       */

/* 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: 10pt;
   }

/*    setting  body color and background color   */

body {  text-align: center;   /* center on ie */
          color: #666666;
          background: #ece9db;
          margin: 0px;
}

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

a:hover { color: #00ccff; }

div { margin: 0px; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
    margin: 0px;
}
strong { color: #000066;  font-size: 10pt; }
b { color: #000000;  }

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

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

#container-inner {     width: 100%;
                               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: 980px;   margin: 0px;   
}
.seo-h1 { font-size: 8pt;
                color: #454136;
                text-align: right;
                padding: 2px 10px 2px 10px;
}

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

#banner { position: relative; 
              width: 980px;
              margin: 0px;
}
#banner-inner {  width: 100%;             /*    IEのpeakaboo　回避      */
                          margin: 0px;
}



/*   flash running waku  no flash     */

#fwrap {    width: 980px;
               margin: 0px;
               background-color: #ece9db;
               position: relative;
}

#fwaku {   width: 100%;
              margin: 0px;
              position: relative;
}




#pagebody {      width: 980px;
                      position: relative;
                      margin: 0px;
                      background: #ece9db url(http://www.jba-tokyo.jp/images/back.jpg) repeat-y;
          }

#pagebody-inner { 
	width: 950px; position: relative;
 	margin: 0px 15px 0px 15px;
}

/*         page divide           */
#alphabeta {  width: 775px; float: left; position: relative; margin: 0px;  }
#alpha {     width: 275px;
               float: left;
               margin: 0px;
               background: url(http://www.jba-tokyo.jp/images/left-back.jpg) top left no-repeat;
}
#beta {      width: 500px;
               float: left;
               margin: 0px 0px 20px 0px;
}
#omega {     width: 175px;
             float: right;
             margin: 0px;
             text-align: center;
             background: url(http://www.jba-tokyo.jp/images/right-back.jpg) top left no-repeat;
}


.home,
.home a,
.home a:hover,
.home a:focus { width: 275px;
                     height: 72px;
                     background: url(http://www.jba-tokyo.jp/images/home.jpg) top left no-repeat;
                     text-indent: -8000px;
                     font-size: 8pt;
                     border: none;display: block;
                    text-decoration: none;
}
.home {    margin: 20px 0px 0px 0px;   }
.home,
.home a:hover,
.home a:focus {    text-decoration: none; 
                     background: url(http://www.jba-tokyo.jp/images/home_o.jpg) top left no-repeat;    
                       }

/*  alpha contents  bottoms    */



/*  beta contents  waku  */

.bwaku {     width: 500px;
                 margin: 10px 0px 0px 0px;
                 position: relative;

}
.bwaku-inner {  width: 470px;
                margin: 0px 15px 0px 15px;
}


/*  CSS切り替えナビは、ディスプレイブロックが必要・マージンは一回　間で設定    */
.b1,
.b1 a,
.b1 a:hover,
.b1 a:focus { width: 257px;
                     height: 62px;
                     background: url(http://www.jba-tokyo.jp/images/b1.jpg) top left no-repeat;
                     text-indent: -8000px;
                     border: none;display: block;
                    text-decoration: none;
}

.b1 {    margin: 13px 7px 0px 11px;   }
.b1,
.b1 a:hover,
.b1 a:focus {    text-decoration: none; 
                     background: url(http://www.jba-tokyo.jp/images/b1_o.jpg) top left no-repeat;    
                       }
.b2,
.b2 a,
.b2 a:hover,
.b2 a:focus { width: 257px;
                     height: 62px;
                     background: url(http://www.jba-tokyo.jp/images/b2.jpg) top left no-repeat;
                     text-indent: -8000px;
                     border: none;display: block;
                    text-decoration: none;
}
.b2 {    margin: 5px 7px 0px 11px;   }
.b2,
.b2 a:hover,
.b2 a:focus {    text-decoration: none; 
                     background: url(http://www.jba-tokyo.jp/images/b2_o.jpg) top left no-repeat;    
                       }
.b3,
.b3 a,
.b3 a:hover,
.b3 a:focus { width: 257px;
                     height: 62px;
                     background: url(http://www.jba-tokyo.jp/images/b3.jpg) top left no-repeat;
                     text-indent: -8000px;
                     border: none;display: block;
                    text-decoration: none;
}
.b3 {    margin: 5px 7px 0px 11px;   }
.b3,
.b3 a:hover,
.b3 a:focus {    text-decoration: none; 
                     background: url(http://www.jba-tokyo.jp/images/b3_o.jpg) top left no-repeat;    
                       }
.b4,
.b4 a,
.b4 a:hover,
.b4 a:focus { width: 257px;
                     height: 62px;
                     background: url(http://www.jba-tokyo.jp/images/b4.jpg) top left no-repeat;
                     text-indent: -8000px;
                     border: none;display: block;
                    text-decoration: none;
}
.b4 {    margin: 5px 7px 0px 11px;   }
.b4,
.b4 a:hover,
.b4 a:focus {    text-decoration: none; 
                     background: url(http://www.jba-tokyo.jp/images/b4_o.jpg) top left no-repeat;    
                       }
.b5,
.b5 a,
.b5 a:hover,
.b5 a:focus { width: 257px;
                     height: 62px;
                     background: url(http://www.jba-tokyo.jp/images/b5.jpg) top left no-repeat;
                     text-indent: -8000px;
                     border: none;display: block;
                    text-decoration: none;
}
.b5 {    margin: 5px 7px 0px 11px;   }
.b5,
.b5 a:hover,
.b5 a:focus {    text-decoration: none; 
                     background: url(http://www.jba-tokyo.jp/images/b5_o.jpg) top left no-repeat;    
                       }
.b6,
.b6 a,
.b6 a:hover,
.b6 a:focus { width: 257px;
                     height: 62px;
                     background: url(http://www.jba-tokyo.jp/images/b6.jpg) top left no-repeat;
                     text-indent: -8000px;
                     border: none;display: block;
                    text-decoration: none;
}
.b6 {    margin: 5px 7px 0px 11px;   }
.b6,
.b6 a:hover,
.b6 a:focus {    text-decoration: none; 
                     background: url(http://www.jba-tokyo.jp/images/b6_o.jpg) top left no-repeat;    
                       }

.b7,
.b7 a,
.b7 a:hover,
.b7 a:focus { width: 257px;
                     height: 62px;
                     background: url(http://www.jba-tokyo.jp/images/b7.jpg) top left no-repeat;
                     text-indent: -8000px;
                     border: none;display: block;
                    text-decoration: none;
}
.b7 {    margin: 5px 7px 0px 11px;   }
.b7,
.b7 a:hover,
.b7 a:focus {    text-decoration: none; 
                     background: url(http://www.jba-tokyo.jp/images/b7_o.jpg) top left no-repeat;    
                       }
.b8,
.b8 a,
.b8 a:hover,
.b8 a:focus { width: 257px;
                     height: 62px;
                     background: url(http://www.jba-tokyo.jp/images/b8.jpg) top left no-repeat;
                     text-indent: -8000px;
                     border: none;display: block;
                    text-decoration: none;
}
.b8 {    margin: 5px 7px 0px 11px;   }
.b8,
.b8 a:hover,
.b8 a:focus {    text-decoration: none; 
                     background: url(http://www.jba-tokyo.jp/images/b8_o.jpg) top left no-repeat;    
                       }
.b9,
.b9 a,
.b9 a:hover,
.b9 a:focus { width: 257px;
                     height: 62px;
                     background: url(http://www.jba-tokyo.jp/images/b9.jpg) top left no-repeat;
                     text-indent: -8000px;
                     border: none;display: block;
                    text-decoration: none;
}
.b9 {    margin: 5px 7px 0px 11px;   }
.b9,
.b9 a:hover,
.b9 a:focus {    text-decoration: none; 
                     background: url(http://www.jba-tokyo.jp/images/b9_o.jpg) top left no-repeat;    
                       }


/*  CSS切り替えナビは、ディスプレイブロックが必要・マージンは一回　間で設定    */


/*    footers setting    */

.footer-nabi {   width: 980;
                 background: url(http://www.jba-tokyo.jp/images/footers-back.jpg) top left repeat-y; 
}
.footer-nabi a {  text-decoration: none;
                  color: #454136;
}

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

#page-title { width: auto;
              margin: 25px 0px 0px 0px;
              text-align: center;
}

.kazari-soto {   width: 459px;
                 border-top: solid #555042 1px;
                 border-bottom: solid #555042 1px;
                 border-right: solid #555042 1px;
                     border-left: solid #555042 10px;
                     background-color: #fff;
                     margin: 0px;
}
.kazari-uchi {   width: 451px;
                     border-left: solid #555042 4px;
                     margin: 0px 0px 0px 4px;
                     text-align: left;
}
.kazari-uchi h3 {       color: #555042;
                              font-size: 12pt;
                              font-weight: bold;
                              padding: 5px 10px 3px 10px;
}

/*  setting body text   */
.ent-text {     padding: 15px 10px 0px 25px;
                  font-size: 10pt;
                  line-height: 1.5;
                  text-align: left;
                  }


/*   custumize original basetheme   */

.asset-name h1 {  padding: 25px 10px 0px 40px;
                    font-size: 16pt;
                    font-weight: bold;
                    color: #207a8a;
                    text-align: left;
}
.asset-name2 h1 {  padding: 25px 10px 0px 40px;
                    font-size: 16pt;
                    font-weight: bold;
                    color: #c57d05;
                    text-align: left;
}
.asset-name {  margin-bottom: 3px;   }

.asset-name-meta {  padding: 0px 10px 7px 50px;
                    text-align: right;
                    font-size: 8pt;
}
.asset-body {  text-align: left;   padding: 10px 0px 0px 0px; }


p, pre, blockquote, fieldset, ul, ol, dl {
    margin-bottom: .75em;
}

blockquote, ol, ul {
    margin-left: 30px;
}

ol { list-style: decimal outside; }
ul { list-style: disc outside; }
.item { list-style: none; }



/*    top page custom     */
.top2 {  width: 500px; margin: 20px 0px 0px 0px;  text-align: center;  }
.top2-in {  width: 442px;
         height: 152px;
         background: url(http://www.jba-tokyo.jp/images/top-2.jpg) top left no-repeat;
         margin: 0px 29px 0px 29px;
         position: relative;
}
.top2-b { width: 214px;
          height: 31px;
          padding: 115px 5px 6px 223px;
          border: none;
          position: relative;
} 
.top3 {  width: 500px; margin: 20px 0px 0px 0px;  text-align: center;  }
.top3-in {  width: 443px;
            height: 172px;    
            margin: 0px 29px 0px 28px;
            background: url(http://www.jba-tokyo.jp/images/top-3.jpg) top left no-repeat;
            position: relative;
}
.top3-t { width: 370px;
          height: 122px;
          padding: 40px 10px 10px 63px;
          text-align: left;
          position: relative;
}
.top3-ta { width: 370px;
          height: 122px;
          overflow: auto;
          margin: 0px;
}

.top3-tt { padding: 5px 0px 0px 0px;
           line-height: 1.2;
}
.top3-tt h3 { font-size: 12pt; font-weight: bold;
}

.top4 {   width: 450px;
          height: 36px;
          margin: 20px 25px 0px 25px;
          border: none;
          text-align: right;
} 
.top4b,
.top4b a,
.top4b a:hover,
.top4b a:focus { width: 450px;
                     height: 36px;
                     background: url(http://www.jba-tokyo.jp/images/top-4.jpg) top left no-repeat;              text-indent: -8000px;
                     border: none;display: block;
                    text-decoration: none;
}
.top4b {    margin: 0px;   }
.top4b,
.top4b a:hover,
.top4b a:focus {    text-decoration: none; 
                     background: url(http://www.jba-tokyo.jp/images/top-4_o.jpg) top left no-repeat; }

.top5 {  width: 450px;
         margin: 0px 25px 10px 25px;
         background: url(http://www.jba-tokyo.jp/images/top-5.jpg) top right no-repeat;
         position: relative;
         text-align: left;
}
.top5-bf { width: 450px;
           margin: 10px 0px 0px 0px;
           text-align: left;
            position: relative;
}

.top5-bt { width: 450px;
           margin: 20px 0px 0px 0px;
           text-align: left;
            position: relative;
}
.top5-bw { width: 450px;
           position: relative;
           margin: 0px 0px 0px 0px;
           text-align: left;
}
.top5-b { width: 148px;
          height: 62px;
          float: left;
          margin: 0px 3px 0px 0px;
}
.top5-bl { width: 148px;
          height: 62px;
          float: left;
          margin: 0px 0px 0px 0px;
}

.top5-a {  width: 150px;
           float: left;
           margin: 0px;
           text-align: left;
}
.top5-a h3 { color: #000099;
           font-weight: bold;
           font-size: 12pt;
}

/*   sub-page    */
.gaiyou {  width: 450px;
           margin: 0px 20px 0px 25px;
           font-size: 10pt;
           color: #000066;
           line-height: 1.4;
           text-align: left;
}

.dai { width: 450px;
       margin: 10px 0px 3px 0px;
       text-align: left;
       position: relative;
}
.dai-left {  width: 140px;
             float: left;
             margin: 0px;
}
.book-b {    width: 143px;
             float: left;
             margin: 0px 0px 0px 100px;
}
.dai2 { width: 420px;
       margin: 10px 0px;
       text-align: left;
       position: relative;
}
.dai-left2 {  width: 270px;
             float: left;
             margin: 0px;
             font-size: 10pt;
             font-weight: bold;
}
.book-b2 {    width: 143px;
             float: left;
             margin: 0px;
}
.dai3 { width: 420px;
       margin: 5px 0px;
       text-align: left;
       position: relative;
}
.dai-left3 {  width: 260px;
             float: left;
             margin: 8px 0px 0px 0px;
             font-size: 10pt;
             font-weight: bold;
}
.book-b3 {    width: 152px;
             float: left;
             margin: 0px 0px 0px 8px;
}


.oimages { margin: 30px auto 0px;  }
.oimagesc { margin: 150px auto 0px;  }
.oi-title {  margin: 3px auto 0px;  
             font-size: 12pt;
             font-weight: bold;
             color: #454136;
}

.print-keshi { width: 980;
               margin: 0px;

  }