/*Global Reset
---------------------------------------------------------------------*/
* {margin:0;padding:0;}

body {margin:0;padding:0;font-size:62.5%;}
	                   
h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr
{margin:0;padding:0;border: 0;}

ul,li{list-style:none;}
img {border:0;}
table, caption, th, td {margin: 0;padding: 0;border: 0;}
a{color:#333;}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe 
{margin: 0;padding: 0;border: 0;}

.clear{clear:both;}

/*clearfix 
----------------------------------------------------------------------*/
.clearfix:after { 
                 content:".";
                 display:block;
                 height:0;
                 clear:both;
                 visibility:hidden;
}

.clearfix{ display:inline-block;}

/* Hides from MacIE \*/

* html .clearfix {height: 1%;} 

.clearfix{ display:block;}

/* End hide from MacIE */


/*全体
---------------------------------------------------------------------*/

body {
        color:#039;
        background: url(../img/body2.png) repeat-x;
        font-family : Arial,'ＭＳ Ｐゴシック',sans-serif ;
     }

#cont{
        width:800px;
        height:auto;
        margin:0 auto;
        background:#fff;
}

#header { 
       width:800px;
       height:389px;
       background: url(../img/header1.jpg) no-repeat;
}

#topnav{ 
       width:800px;
}

#footer{
        width:800px;
        height:58px;  
        }


/*header
---------------------------------------------------------------------*/

#header h1,h2,h3{
                 font-size:2.6em;
                 text-indent:-9999px;
}

/*topnav
---------------------------------------------------------------------*/
#topnav ul{
           font-size:1.2em;
           width:800px;
           height:18px;
           padding-top:5px;
}

#topnav li{
           display:inline;
}

#topnav li a{color:#039;text-decoration:none;}
#topnav li a:hover{color:#000;text-decoration:underline;}

/*catemain 
----------------------------------------------------------------------*/

#catemain{
        width:800px;
        height:auto;
        margin:0 auto;
        background:#fff;
}

.catenav{  
        width:800px;
        height:34px;
        background: url(../img/cate_loop.png) repeat-x;
         
}
h4{
  width:800px;
  height:34px;
  font-size:1.5em;
  color:#039;
  padding:8px 0 0 22px;
  background: url(../img/cate.png) no-repeat;
}

#cate1{
      float:left;
      width:199px;
      height:690px;
      border-right:1px #039 dotted;
}
#cate2{
      float:left;
      width:199px;
      height:690px;
      border-right:1px #039 dotted;
}
#cate3{
      float:left;
      width:199px;
      height:690px;
      border-right:1px #039 dotted;
}
#cate4{
      float:left;
      width:200px;
      height:690px;
}

li#ca1{
      width:200px;
      height:30px;
      font-size:1.2em;
      font-weight:600;
      padding:7px 0 0 17px;
      color:#039;
      background: url(../img/cat1.png) no-repeat;
}

li#ca2{
      width:200px;
      height:30px;
      font-size:1.2em;
      font-weight:600;
      padding:7px 0 0 17px;
      color:#039;
      background: url(../img/cat2.png) no-repeat;
}
li#ca3{
      width:200px;
      height:30px;
      font-size:1.2em;
      font-weight:600;
      padding:7px 0 0 17px;
      color:#039;
      background: url(../img/cat3.png) no-repeat;
}
li#ca4{
      width:200px;
      height:30px;
      font-size:1.2em;
      font-weight:600;
      padding:7px 0 0 17px;
      color:#039;
      background: url(../img/cat4.png) no-repeat;
}
li#ca5{
      width:200px;
      height:30px;
      font-size:1.2em;
      font-weight:600;
      padding:7px 0 0 17px;
      color:#039;
      background: url(../img/cat5.png) no-repeat;
}
li#ca6{
      width:200px;
      height:30px;
      font-size:1.2em;
      font-weight:600;
      padding:7px 0 0 17px;
      color:#039;
      background: url(../img/cat6.png) no-repeat;
}

li.stock{
         width:200px;
         font-size:1.2em;
         padding:5px 0 7px 15px;
         background: url(../img/list2.gif) no-repeat 3px 8px;
}

li.stock a{
            width:200px;
            color:#039;
            text-decoration:none;
}
li.stock a:hover{
                 color:#000;
                 text-decoration:underline;
}
  

/*totop 
----------------------------------------------------------------------*/
.gotop{
       width:800px;
       text-align:right;
       font-size:1.1em;
       padding-bottom:5px;
}

.gotop a{
        text-decoration:none;
}
.gotop :hover{color:#000;text-decoration:underline;}

/*post 
----------------------------------------------------------------------*/
#postage table{
              width:100%;
              margin:20px 0 25px 3px;
              border-collapse:collapse;
}

th{
   padding:7px;
   background:#039;
   color:#fff;
   font-size:1.4em;
   border:dotted #fff 1px;
}

#none{
   padding:7px;
   background:#fff;
   font-size:1.4em;
}

td{
   padding:5px;
   font-size:1.2em;
   background:#cff;
   border:dotted #039 1px;
}

td.koumoku1{
   padding:5px 15px 5px 5px;
   font-size:1.8em;
   font-weight:600;
   background:#039;
   color:#fff;
   text-align:right;
   border:dotted #fff 1px;
}

td.koumoku{
   padding:5px 15px 5px 5px;
   font-size:1.4em;
   font-weight:600;
   background:#039;
   color:#fff;
   text-align:right;
   border:dotted #fff 1px;
}

td.yp1{
      background:#ff9;
}

tr.bold td{
   font-size:1.4em;
   font-weight:600;
}
/*footer 
----------------------------------------------------------------------*/
#footer{
       width:800px;
       height:58px;
}

#footer1{
   float:left;
   width:400px;
   height:58px;
   background: url(../img/footer1.png) no-repeat;
   text-indent:-9999px;
}
#footer2{
   float:left;
   width:400px;
   height:58px;
   background: url(../img/footer2.png) no-repeat;
}
#footer2 p{
           font-size:1.4em;
           font-weight:600;
           padding:13px 0 0 223px;
}

#footer2 p a{
            width:200px;
            color:#039;
            text-decoration:none;
}
#footer2 p a:hover{
                 color:#039;
                 text-decoration:underline;
}

#copy{
   text-indent:-9999px;
}


/*add 
----------------------------------------------------------------------*/

#add3{
    padding-left:32px;
    padding-bottom:10px;
}

#add2{
      padding:15px 0 0 5px;
}

#add1{
      font-size:1.1em;
      padding:8px 0 8px 0;
      text-align:right;
}


/*a8
----------------------------------------------------------------------*/

#a81{
   color:#039;
    padding:5px 0 0 5px;
}
#a81 a{
    color:#039;
}

#a82{
    color:#039;
    padding:10px 0 0 5px;
    font-size:1em;
}

#a82 a{
    color:#039;
}

#a83{
    color:#039;
    padding:10px 0 0 5px;
    font-size:1em;
}
#a83 a{
    color:#039;
}