/* CSS  2c Use  */
/*           */

/* 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: #666666;
          background: #c3c3c3 url(http://omoideshokunin.com/images/back.jpg) top left repeat-x;
}

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

a:hover { color: #416f22; text-decoration:none; }
a:focus { text-decoration: none; }

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: #ce6700;  font-size: 1.2em; }

table {  margin: 0px;  }
div img {   margin: 0px;  }

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

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

#container-inner {     width: 862px;
                       margin: 0px 45px 0px 45px;
                       position: relative;
}
#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     */
#logo-waku {   width: 862px;   
                margin: 0px;
                height: 136px;
                position: relative;
}
.logo {   width: 400px;
           height: 136px;
           margin: 0px;
           float: left;
}

.search {    width: 462px;
          height: 136px;
          margin: 0px;
          float: right;
          background: url(http://omoideshokunin.com/images/search-back.jpg) top left no-repeat;
}
.search-box {  padding: 5px 0px 0px 0px;  
}
.search-box h1 {  font-size:8pt;
                  text-align: right;
}

/* top page navigation 横並べフロート付 */
#top1-nav {   width: 860px;
             margin: 0px 0px 20px 0px;
             height: 30px;
             border: solid 1px #000000;
             position: relative;
}

.tb1,.tb1 a,.tb1 a:hover,
.tb1 a:focus {    width: 97px;
                                float: left;
                                height: 30px;
                 background: url(http://omoideshokunin.com/images/tb1.jpg) top left no-repeat;
                                text-indent: -8000px;
                                border: none; 
                                text-decoration: none;
}
.tb1 {   margin: 0px; display: inline;   }
.tb1,.tb1 a:hover,.tb1 a:focus {
                  background: url(http://omoideshokunin.com/images/tb1_o.jpg) top left no-repeat;
                                text-decoration: none;
}

.tb2,.tb2 a,.tb2 a:hover,
.tb2 a:focus {    width: 129px;
                                float: left;
                                height: 30px;
                 background: url(http://omoideshokunin.com/images/tb2.jpg) top left no-repeat;
                                text-indent: -8000px;
                                border: none; 
                                text-decoration: none;
}
.tb2 {   margin: 0px; display: inline;   }
.tb2,.tb2 a:hover,.tb2 a:focus {
                  background: url(http://omoideshokunin.com/images/tb2_o.jpg) top left no-repeat;
                                text-decoration: none;
}
.tb3,.tb3 a,.tb3 a:hover,
.tb3 a:focus {    width: 142px;
                                float: left;
                                height: 30px;
                 background: url(http://omoideshokunin.com/images/tb3.jpg) top left no-repeat;
                                text-indent: -8000px;
                                border: none; 
                                text-decoration: none;
}
.tb3 {   margin: 0px; display: inline;   }
.tb3,.tb3 a:hover,.tb3 a:focus {
                  background: url(http://omoideshokunin.com/images/tb3_o.jpg) top left no-repeat;
                                text-decoration: none;
}

.tb4,.tb4 a,.tb4 a:hover,
.tb4 a:focus {    width: 101px;
                                float: left;
                                height: 30px;
                 background: url(http://omoideshokunin.com/images/tb4.jpg) top left no-repeat;
                                text-indent: -8000px;
                                border: none; 
                                text-decoration: none;
}
.tb4 {   margin: 0px; display: inline;   }
.tb4,.tb4 a:hover,.tb4 a:focus {
                  background: url(http://omoideshokunin.com/images/tb4_o.jpg) top left no-repeat;
                                text-decoration: none;
}

.tb5,.tb5 a,.tb5 a:hover,
.tb5 a:focus {    width: 89px;
                                float: left;
                                height: 30px;
                 background: url(http://omoideshokunin.com/images/tb5.jpg) top left no-repeat;
                                text-indent: -8000px;
                                border: none; 
                                text-decoration: none;
}
.tb5 {   margin: 0px; display: inline;   }
.tb5,.tb5 a:hover,.tb5 a:focus {
                  background: url(http://omoideshokunin.com/images/tb5_o.jpg) top left no-repeat;
                                text-decoration: none;
}

.tb6,.tb6 a,.tb6 a:hover,
.tb6 a:focus {    width: 93px;
                                float: left;
                                height: 30px;
                 background: url(http://omoideshokunin.com/images/tb6.jpg) top left no-repeat;
                                text-indent: -8000px;
                                border: none; 
                                text-decoration: none;
}
.tb6 {   margin: 0px; display: inline;   }
.tb6,.tb6 a:hover,.tb6 a:focus {
                   background: url(http://omoideshokunin.com/images/tb6_o.jpg) top left no-repeat;
                               text-decoration: none;
}

.tb7,.tb7 a,.tb7 a:hover,
.tb7 a:focus {    width: 93px;
                                float: left;
                                height: 30px;
                 background: url(http://omoideshokunin.com/images/tb7.jpg) top left no-repeat;
                                text-indent: -8000px;
                                border: none; 
                                text-decoration: none;
}
.tb7 {   margin: 0px; display: inline;   }
.tb7,.tb7 a:hover,.tb7 a:focus {
                   background: url(http://omoideshokunin.com/images/tb7_o.jpg) top left no-repeat;
                               text-decoration: none;
}

.tb8,.tb8 a,.tb8 a:hover,
.tb8 a:focus {    width: 116px;
                                float: left;
                                height: 30px;
                 background: url(http://omoideshokunin.com/images/tb8.jpg) top left no-repeat;
                                text-indent: -8000px;
                                border: none; 
                                text-decoration: none;
}
.tb8 {   margin: 0px; display: inline;   }
.tb8,.tb8 a:hover,.tb8 a:focus {
                   background: url(http://omoideshokunin.com/images/tb8_o.jpg) top left no-repeat;
                               text-decoration: none;
}

/*  second navigation  */

#top2-nav {  width: 806px;
             margin: 0px 0px 20px 0px;
             height: 42px;
             position: relative;
}

.tb9,.tb9 a,.tb9 a:hover,
.tb9 a:focus {    width: 200px;
                                float: left;
                                height: 42px;
                 background: url(http://omoideshokunin.com/images/tb9.jpg) top left no-repeat;
                                text-indent: -8000px;
                                border: none; 
                                text-decoration: none;
}
.tb9 {   margin: 0px; display: inline;   }
.tb9,.tb9 a:hover,.tb9 a:focus {
                   background: url(http://omoideshokunin.com/images/tb9_o.jpg) top left no-repeat;
                               text-decoration: none;
}

.tb10,.tb10 a,.tb10 a:hover,
.tb10 a:focus {    width: 200px;
                                float: left;
                                height: 42px;
                 background: url(http://omoideshokunin.com/images/tb10.jpg) top left no-repeat;
                                text-indent: -8000px;
                                border: none; 
                                text-decoration: none;
}
.tb10 {   margin: 0px 0px 0px 2px; display: inline;   }
.tb10,.tb10 a:hover,.tb10 a:focus {
                   background: url(http://omoideshokunin.com/images/tb10_o.jpg) top left no-repeat;
                               text-decoration: none;
}

.tb11,.tb11 a,.tb11 a:hover,
.tb11 a:focus {    width: 200px;
                                float: left;
                                height: 42px;
                 background: url(http://omoideshokunin.com/images/tb11.jpg) top left no-repeat;
                                text-indent: -8000px;
                                border: none; 
                                text-decoration: none;
}
.tb11 {   margin: 0px 0px 0px 2px; display: inline;   }
.tb11,.tb11 a:hover,.tb11 a:focus {
                   background: url(http://omoideshokunin.com/images/tb11_o.jpg) top left no-repeat;
                               text-decoration: none;
}

.tb12,.tb12 a,.tb12 a:hover,
.tb12 a:focus {    width: 200px;
                                float: left;
                                height: 42px;
                 background: url(http://omoideshokunin.com/images/tb12.jpg) top left no-repeat;
                                text-indent: -8000px;
                                border: none; 
                                text-decoration: none;
}
.tb12 {   margin: 0px 0px 0px 2px; display: inline;   }
.tb12,.tb12 a:hover,.tb12 a:focus {
                   background: url(http://omoideshokunin.com/images/tb12_o.jpg) top left no-repeat;
                               text-decoration: none;
}

/*  ページボディ   */

#pagebody { width: 862px; 
            position: relative; 
            margin: 0px;                   
 }
#pagebody-inner {
            width: 86px;
            margin: 0px 28px 20px 28px;
            position: relative;
}

/*         page divide           */

.top3-waku {      width: 806px;
                  margin: 0px;
                  position: relative;
}

.top3-1 {    width: 200px;
             height: 200px;
             float: left;
             margin: 0px;
             border-left: solid 1px #000000;
             text-align: center;
}
.top3-4 {    width: 200px;
             height: 200px;
             float: left;
             margin: 0px;
             border-left: solid 1px #000000;
             border-right: solid 1px #000000;
             text-align: center;
}
.top3-img {  width: 186px;
             margin: 11px auto;
}
.top3-text { padding: 10px 15px 0px 15px;
             text-align: left;
             font-size: 9pt;
             line-height: 1.3;
}

.top1 {   width: 806px;
          height: 240px;
          background-color: black;
          margin: 0px 0px 20px 0px;
}

.copy {  width: 806px;
         margin: 20px 0px 0px 0px;
         font-size: 8pt;
         text-align: right;
}