/* CSS */
/*    エントリーの内  画像610以下、上下写真は600以下       */

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

* { margin: 0px;   padding: 0px;  }

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: 0.9em;
   }

/*    setting  body color and background color   */


body {  text-align: center;   /* center on ie */
          color: #333333;
          background: #eaeaea;
}

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

a:hover { color: #0099ff; }

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: #990000;  }
b { font-weight: bold;   }
/* -----------------------------------------------------     */

#container {
    width: 920px;
    position: relative;
    margin-top: 0px;
    margin-left: auto;     /* center on everything else */
    margin-right: auto;
    margin-bottom: 20px;
    background: url(http://jba-saitama.jp/images/back.jpg) repeat-y;
}

#container-inner {     width: 890px;
                       margin: 0px 15px 0px 15px; 
                       position: relative;
}


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

/* banner  */

#banner-waku {  width: 890px;
                margin: 0px;
                position: relative;
}
.sub-banner {   width: 550px;
                height: 180px;
                float: left;
                margin: 0px;
}
                
.sub {  width: 340px;  
        height: 180px;
        float:left;
        overflow: hidden;
        background: url(http://jba-saitama.jp/images/sub.jpg) top left no-repeat;
        margin: 0px;
}
.sub h1 { padding: 20px 10px 50px 10px;
          font-size: 8pt;
          color: 666666;
          text-align: right;
          line-height: 1.5;
}

/*   seo taisaku waku     */
#seowaku {   width: 950px;   margin: 0px; 
             background: url(http://jba-saitama.jp/images/h1-back.jpg) bottom left no-repeat;
  }
#seowaku h1 { font-size: 8pt;
                margin: 0px;
                color: #cccccc;
                text-align: right;
                padding: 2px 20px 0px 10px;
}


/*   page elements    */

#pagebody { width: 854px; position: relative; margin: 0px 18px 0px 18px;    }

#pagebody-inner { width: 100%; margin: 0px; position: relative;  }

/*         page divide           */


#alpha {     width: 180px;
               float: left;
               margin: 0px;
}

#beta {      width: 660px;
               float: left;
               margin: 0px 0px 0px 14px;
               position: relative;
}


/*  alpha contents   */

.a-wrap {   width: 180px;
            margin: 0px 0px 10px 0px;
            position: relative;
}

/*  contents display with list-mark  */

.a-text {  width: 160px;
           margin: 8px 0px 0px 20px;
           position: relative;
           border-bottom: dashed 1px #999999;
           text-align: left;
}
.a-text-list { width: 22px;
               margin: 0px;
               float: left;
}
.a-text-text { width: 138px;
               float: left;
               margin: 0px;
               font-size: 9pt;
}
.a-text-text a {  color: #000099;  text-decoration: none;  }
.a-text-text a:hover {  color: #0099ff;  }


/*  トップページコンテンツ  */

.top-3 {  width: 660px;  margin: 10px 0px 0px 0px;   }
.top-waku {  width: 660px;
              margin: 0px;
              position: relative;
}

.top-1waku {  width: 660px;
              height: 150px;
              margin: 10px 0px;
              position: relative;
              background: url(http://jba-saitama.jp/images/t-1.jpg) top left no-repeat;
}
.top-2waku {  width: 660px;
              height: 200px;
              margin: 10px 0px;
              position: relative;
              background: url(http://jba-saitama.jp/images/t-2.jpg) top left no-repeat;
}

.top-1 {      width: 433px;
              height: 85px;
              padding: 53px 14px 12px 213px;
              text-align: left;
}
.top-2 {      width: 433px;
              height: 125px;
              padding: 57px 14px 18px 213px;
              text-align: left;
}
.top-1 .top-1t {   width: 433px;  height: 85px;  overflow: auto;  }
.top-2 .top-2t {   width: 433px;  height: 125px;  overflow: auto;  }

.top-1 .top-1t h2,.top-2 .top-2t h2 {  font-size: 1em;
                       line-height: 1.5;
}
.top-2waku .top-2 .top-2t h2 a { color: #990000; font-weight: bold;  }
.top-2waku .top-2 .top-2t h2 a:hover { color: #ff0000; font-weight: bold;  }

.t-3h {      width: 360px;
             height: 180px;
             float: left;
             margin: 0px;
}
.t-3m {      width: 300px;
             height: 180px;
             float: right;
             margin: 0px;
}

/*   t-4  contents  */

.t-4 {  clear:both;
        width: 658px;
        border: solid 1px #cccccc;
        margin: 10px 0px 0px 0px;
        text-align: center;
}
.t-4-inner {  width: 652px;
              margin: 3px;
              background: url(http://jba-saitama.jp/images/t-4-back.jpg) repeat-x;
              position: relative;
}
.t41 {  width: 646px;
          height: 47px;
          margin: 3px;
}
.t-4h {   width: 270px;
          padding: 0px 0px 10px 46px;
          float: left;
}
.t-4m {   width: 270px;
          padding: 0px 20px 10px 46px;
          float: left;
}
.t-4b {   width: 270px;
          height: 70px;
          margin: 10px 0px;
}

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

.nhome,
.nhome a,
.nhome a:hover,
.nhome a:focus {  width: 180px; 
                  height: 30px;  
                  background: url(http://jba-saitama.jp/images/nhome.jpg) top left no-repeat;
                  text-indent: -8000px; 
                  border: none;
                  display: block;
                  text-decoration: none;
}
.nhome { margin: 10px 0px 0px 0px; }
.nhome,
.nhome a:hover,
.nhome a:focus {    text-decoration: none;  
                  background: url(http://jba-saitama.jp/images/nhome_o.jpg) top left no-repeat;
}

.n1,
.n1 a,
.n1 a:hover,
.n1 a:focus {  width: 180px; 
                  height: 30px;  
                  background: url(http://jba-saitama.jp/images/n1.jpg) top left no-repeat;
                  text-indent: -8000px; 
                  border: none;
                  display: block;
                  text-decoration: none;
}
.n1 { margin: 5px 0px 0px 0px; }
.n1,
.n1 a:hover,
.n1 a:focus {    text-decoration: none;  
                  background: url(http://jba-saitama.jp/images/n1_o.jpg) top left no-repeat;
}

.n2,
.n2 a,
.n2 a:hover,
.n2 a:focus {  width: 180px; 
                  height: 30px;  
                  background: url(http://jba-saitama.jp/images/n2.jpg) top left no-repeat;
                  text-indent: -8000px; 
                  border: none;
                  display: block;
                  text-decoration: none;
}
.n2 { margin: 5px 0px 0px 0px; }
.n2,
.n2 a:hover,
.n2 a:focus {    text-decoration: none;  
                  background: url(http://jba-saitama.jp/images/n2_o.jpg) top left no-repeat;
}

.n3 {  width: 180px; 
       height: 30px;  
       margin: 5px 0px 0px 0px;
}
.n4 {  width: 180px; 
       height: 30px;  
       margin: 10px 0px 0px 0px;
}


.n5,
.n5 a,
.n5 a:hover,
.n5 a:focus {  width: 180px; 
                  height: 30px;  
                  background: url(http://jba-saitama.jp/images/n5.jpg) top left no-repeat;
                  text-indent: -8000px; 
                  border: none;
                  display: block;
                  text-decoration: none;
}
.n5 { margin: 10px 0px 0px 0px; }
.n5,
.n5 a:hover,
.n5 a:focus {    text-decoration: none;  
                  background: url(http://jba-saitama.jp/images/n5_o.jpg) top left no-repeat;
}

.n6,
.n6 a,
.n6 a:hover,
.n6 a:focus {  width: 180px; 
                  height: 30px;  
                  background: url(http://jba-saitama.jp/images/n6.jpg) top left no-repeat;
                  text-indent: -8000px; 
                  border: none;
                  display: block;
                  text-decoration: none;
}
.n6 { margin: 5px 0px 0px 0px; }
.n6,
.n6 a:hover,
.n6 a:focus {    text-decoration: none;  
                  background: url(http://jba-saitama.jp/images/n6_o.jpg) top left no-repeat;
}

.n7,
.n7 a,
.n7 a:hover,
.n7 a:focus {  width: 180px; 
                  height: 30px;  
                  background: url(http://jba-saitama.jp/images/n7.jpg) top left no-repeat;
                  text-indent: -8000px; 
                  border: none;
                  display: block;
                  text-decoration: none;
}
.n7 { margin: 5px 0px 0px 0px; }
.n7,
.n7 a:hover,
.n7 a:focus {    text-decoration: none;  
                  background: url(http://jba-saitama.jp/images/n7_o.jpg) top left no-repeat;
}
.n8,
.n8 a,
.n8 a:hover,
.n8 a:focus {  width: 180px; 
                  height: 30px;  
                  background: url(http://jba-saitama.jp/images/n8.jpg) top left no-repeat;
                  text-indent: -8000px; 
                  border: none;
                  display: block;
                  text-decoration: none;
}
.n8 { margin: 10px 0px 0px 0px; }
.n8,
.n8 a:hover,
.n8 a:focus {    text-decoration: none;  
                  background: url(http://jba-saitama.jp/images/n8_o.jpg) top left no-repeat;
}



/*   footer  custamize    */


.footer {             clear: both;    width: 100%;
                      font-size: 8pt;
                      text-align: center;
                      margin: 20px 0px 0px 0px;
                      background-color: #000099;
}
.footer-nabi {   padding: 10px 20px 10px 20px;  }   
.footer-nabi p {  padding: 3px 0px 0px 0px;  line-height: 1.3;  color: #ffffff;  }
.footer-nabi a {   text-decoration: none;  color: #ffffff;  }
.footer-nabi a:hover {  color: #0099ff;   }

/*   category and web pages  design    */

/*  top blog title bar  */
.b-title {    clear: both;   width: 658px;
              margin: 15px 0px 15px 0px;
              background-color: #d6d6e7;
              border: solid #000066 1px;
              text-align: left;
}

.b-title h3 {  padding: 9px 10px 5px 20px; 
               font-weight: bold;
               font-size: 1.2em;
               color: #000066;
               line-height: 1.5;
}
.b-body {  padding: 0px 25px 20px 25px;
               font-size: 1.0em;
               line-height: 1.4;
               text-align: left;
}
.tosho-body { padding: 0px 25px 0px 25px;
               font-size: 1.0em;
               line-height: 1.4;
               text-align: left;
}

.b-body a { color: #0000ff;
            text-decoration: underline;
}

.w-body {   width: 660px;
            margin: 10px 0px 0px 0px;
}
.n-body {   width: 660px;
            margin: 0px;
}


.b-body .dl,.tosho-body .dl {   width: 600px;
                height: 57px;
                margin: 10px 0px;
                text-align: left;
                padding: 0;
}
.b-body .dl p,.tosho-body .dl p {  width: 270px;
                 float: left;
                 margin: 0;
                 padding: 15px 0px 0px 0px;
                 font-weight: bold;
}
.b-body .dl img,.tosho-body .dl img {  text-align: right;
}

.b-body .dl2 {   width: 600px;
                margin: 10px 0px;
                overflow: hidden;
                padding: 0;
}
.b-body .dl2 li {  width: 300px;
                 float: left;
                 margin: 0;
                 text-align: center;
                 font-size: 10pt;
                 font-weight: bold;
}


/*  ======  table  =======    */

table {   width: 100%;
          border-collapse: collapse;
          border: 2px solid #cccccc;
          border-spacing: 3px; 
}
th,td {  border: 1px solid #cccccc;
         padding: 4px;     
}
th {   text-align: center;
       background-color: #000066;
       color: #fff;
       font-size: 1.2;
}
tr .midashi { background-color: #d6d6e7;
              color: #000066;
              font-size: 1.1;
              font-weight: bold;
}
.code {  width: 8%;  }
.price {  width: 12%;}
.name {  width: 55%;  }
.migi {  text-align: right;   }