/* 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: 0px 0px 20px 0px;
    /* 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: #000000;
}

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: 20px;
    background: #FFFFFF url(http://omoideshokunin.com/images/sub-back.jpg) bottom left repeat-x;
}

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

/*  side navigation  */

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

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

.n2,
.n2 a,
.n2 a:hover,
.n2 a:focus {  width: 200px; 
                  height: 43px;  
                  background: url(http://omoideshokunin.com/images/n2.jpg) top left no-repeat;
                  text-indent: -8000px; 
                  border: none;
                  display: block;
                  text-decoration: none;
}
.n2 { margin: 22px 0px 0px 0px; }
.n2,
.n2 a:hover,
.n2 a:focus {    text-decoration: none;  
                  background: url(http://omoideshokunin.com/images/n2_o.jpg) top left no-repeat;
}

.n3,
.n3 a,
.n3 a:hover,
.n3 a:focus {  width: 200px; 
                  height: 43px;  
                  background: url(http://omoideshokunin.com/images/n3.jpg) top left no-repeat;
                  text-indent: -8000px; 
                  border: none;
                  display: block;
                  text-decoration: none;
}
.n3 { margin: 22px 0px 0px 0px; }
.n3,
.n3 a:hover,
.n3 a:focus {    text-decoration: none;  
                  background: url(http://omoideshokunin.com/images/n3_o.jpg) top left no-repeat;
}

.n4,
.n4 a,
.n4 a:hover,
.n4 a:focus {  width: 200px; 
                  height: 43px;  
                  background: url(http://omoideshokunin.com/images/n4.jpg) top left no-repeat;
                  text-indent: -8000px; 
                  border: none;
                  display: block;
                  text-decoration: none;
}
.n4 { margin: 22px 0px 0px 0px; }
.n4,
.n4 a:hover,
.n4 a:focus {    text-decoration: none;  
                  background: url(http://omoideshokunin.com/images/n4_o.jpg) top left no-repeat;
}


/*  ページボディ   */

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

/*         page divide           */

.sub-wrap1 {      width: 842px;
                  margin: 0px;
                  position: relative;
}


.sub-up-bottom {    width: 200px;
             height: 238px;
             float: left;
             margin: 0px;
             text-align: center;
}
.sub-up-title {    width: 616px;
             height: 238px;
             float: right;
             margin: 0px 0px 0px 26px;
             background-color: #000000;
}

/*     sub-entry     */

.sub-wrap2 {      width: 842px;
                  margin: 30px 0px 0px 0px;
                  position: relative;
}
.sub-side {  width: 200px;
             float: left;
             margin 0px;
             text-align: center;
}

.sub-entry {   width: 616px;
               float: right;
          background: #ffffff url(http://omoideshokunin.com/images/entry-back.jpg) top left repeat-y;
          margin: 0px 0px 0px 26px;
}

.web-entry {   width: 608px;
               margin: 0px 4px 0px 4px;
               text-align: left;
               font-size: 1.1em;
               line-height: 1.4;
}
.aply {  width: 179px;
         margin: 10px auto 0px;
}
.aply-text {  width: 179px;
              margin: 7px auto 30px;
              font-size: 8pt;
              line-height: 1.4;
              color: #333333;
              text-align: left;
}        

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

.side-b {  width: 200px;
           height: 50px;
           margin: 0px 0px 25px 0px;
}
.inquiry-bar {  width: 608px;
                margin: 20px 0px;
                text-align: center;
}
.w-wrap {  width: 508px;
                 margin: 0px 20px 20px 80px;
                 }
.inquiry-text {  text-align: left;
                 font-size: 10pt;
                 line-height: 1.5;
} 
.aka,.mail-error {  color: red;
        font-weight: bold;
}

.blog-entry {   width: 608px;
               margin: 0px 4px 0px 4px;
               text-align: center;
               font-size: 1.0em;
               font-weight: bold;
               line-height: 2;
               background: #ffffff url(http://omoideshokunin.com/images/jc-back.jpg) top left repeat-y;
}
.blog-entry h2 {  color: #000000;
                  font-size: 1.2em;
                  font-weight: bold;
}