body{
    background:khaki;
    margin: 15px;
}

div:after{
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
div{display: inline-block;}



#top{
    background: url(img/bk_top.jpg);
    width: 900px;
    height:auto;
    margin-left: 35px;
    padding: 0px;
    text-align: center;
}

#header{
    width: 900px;
    height: 300px;
    margin: 0px;
}

#header h1{
    margin: 0px;
}

.discription{
    position: absolute;
    top: 220px;left: 408px;
    width: 500px;
    height: auto;
    font-weight: bold;
    color: #000;
    line-height: 130%;
    font-size: 15px;
    margin: 0px;
    background: #fff;
    text-align: left;
}


#navi{
width: 900px;
height: 30px;
margin: 10px 0px 0px 0px;
clear: both;
border-bottom: 5px solid #660000;
}

#navi ul{
width: auto;
height: 30px;
margin: 0px 0px 0px 40px;padding: 0px;
}

#navi li{
list-style: none;
margin: 0px 10px 0px 0px ;padding: 0px;
float: left;
}

#navi a{
text-align: center;
display: block;
width: 190px;
height: 26px;
line-height: 26px;
padding: 0px;
border-top: 5px #660000 solid;
border-right: 5px #660000 solid;
border-bottom: 0px #660000 solid;
border-left: 5px #660000 solid;
background: #ff9900;
font-weight: bold;
color: #660000;
text-decoration: none;
font-size: 14px;
}

#navi a:hover{
background: #ffffcc;
}

.active {
background: #ffffcc;
}

.pagemenu{
      width: 900px;
      height: 20px;
      background: #fff;
      text-align: center;
}
.pagemenu ul{
    margin: 0px;
}
.pagemenu li{
     list-style: none;
     display: inline;
     font-size: 14px;
     line-height: 20px;
}

.pagemenu a{
     text-decoration: none;
}
.pagemenu a:hover{
     text-decoration: underline;
}

#campaign{
    width: 890px;
    margin: 0px;
    padding: 5px 0px 5px 4px;
    background: white;
    border: 3px red solid;
    vertical-align: center;
    }
#campaign h2{
    margin: 0px;
    float: left;
    width: 483px;
}

#campaign form{
   display: box;
   margin: 0px;
   float: left;
   width: 385px;
   text-align: left;
}



.shopping{
    width: 700px;
    height: 340px;
    background: url(img/satumaimo00.gif) no-repeat center;
    margin: 0px;
    clear: both;
}

.shopping h2{
   line-height: 130%;
   margin: 0px;
   font-size: 110%;
}
.shopping form{
    background: #ffffff;
    width: 430px;
    height: auto;
    padding: 10px;
    margin-top: 130px;
    float: right;
    text-align: right;
    border: 5px orange solid;
}
.shopping2{
    width: 700px;
    height: auto;
    margin: 0px;
    clear: both;
}

.shopping2 form{
    background: #ffffff;
    width: 430px;
    height: auto;
    padding: 10px;
    margin-top: 10px;
    float: right;
    text-align: right;
    border: 5px orange solid;
}

.caution{
    font-size: x-small;
    font-weight: bold;
}
.caution a{
    color:red;
}


#main{
    margin: 0px 0px 0px 80px;
    padding: 0px 15px 15px 15px;
    width: 700px;
    height: auto;
}

#main h2{
   width: 700px;
   height: 40px;line-height: 40px;
   font-size: 20px;
   text-align: left;
   color: #660000;
   background: url(img/bk_h2.gif) no-repeat;
   margin: 15px 0px 0px 0px;
   padding-left: 35px;
}

#main h3{
   margin: 2px;
   font-size: 100%;
}


.column_top{
    width: 700px;
    height: 20px;
    margin: 0px;padding: 0px ;
    background:transparent url(img/bk_column_top.gif) no-repeat;
    font-size: 1px;
}
.column_bot{
    width: 700px;
    height: 30px;
    margin: 0px;padding: 0px ;
    background:transparent url(img/bk_column_bot.gif) no-repeat;
    font-size: 1px;
}


.column{
   background: url(img/bk_column_mid.gif) repeat-y;
   width: 700px;
   padding: 10px;
   text-align: left;
}



.column_img{
    width: 200px;
    height: 150px;
    margin: 0px 0px 0px 0px;
    float: left;
}

.column_text{
    height: auto;width:450px;
    background: #ffffff;
    margin: 0px 3px 0px 5px;
    text-indent: 1em;
    line-height: 140%;
    float: left;
}


.column ul{
    margin: px;
    padding-left: 0px;
}

.column li{
    width: auto;
    margin-left: 15px;
    line-height: 130%;
    font-size: 90%;
}

.column form{
   margin: 0px;
}


.henpin h3{
   font-size: 14px;
   margin: 0px 0px 0px 15px;
}
.henpin p{
   margin: 2px 15px 2px 15px;
   width: 660px;
   font-size: 90%;
   text-indent: 1em;
}

.column dl{
   width: 660px;
   margin: 0px 20px 0px 20px;
   line-height: 180%;
}
.column dd{
   margin-left: 5em;
   line-height: 160%;
}

.column dt{
   float: left;
   font-weight: bold;
   clear: left;
}

/*‘——¿—¿‹à•\*/

.untin{
    background: #660000;
    width: 700px;
    font-size: 90%;
}

.ken{
    width: 20em;
    background: #fff6b2;
}

.untin td{
    padding: 5px;
}

.untin th{
    padding: 5px;
    background: #8b4513;
    color: #fff;
}

.price{
   text-align: center;
   background: #fff;
}

.totop{
   width: 100%;
   text-align: right;
   clear: both;
}

.totop a{
      color: white;
      font-weight: bold;
}

.banner{
    width: 100%;
    text-align: center;
    margin: 20px 0px 20px 0px;
    color: white;
    font-weight: bold;
}

.banner h2{
   font-size: 100%;
}

.linksite{
    text-align: center;
}

.linksite a{
   font-size: x-small;
}

.linksite ul{
    width: 90%;
}

.linksite li{
   list-style: none;
   display: box;
   float: left;
}


#footer{
   width: 100%;
   height: 18px;
   font-size: 12px;
   line-height: 18px;
   background: #000;
   color: #fff;
   font-style: normal;
   text-align: center;
}