/*-------------base-------------*/

*{
 margin: 0;
 padding: 0;
}

img{
 border: none;
 }
 
strong{
 font-weight : normal;
 } 

body{
 background-image: url(img/a-w01.gif);
 background-repeat: repeat;
 background-position: center top;
 }

/*-------------clearfix-------------*/
 .clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility : hidden;
   }
  .clearfix {display: inline-table; 
   }
   /*Hides from IE-mac\*/
 * html .clear{ height: 1%;}
 .mainbox{ display: block;}
 /* End hide from IE-mac */


 /*------top mene------*/ 
div#page{
  width: 805px;
  margin: 0 auto;
  margin-left: auto;
  margin-right: auto;
  padding : 0;
  background-color : #ffffff;
  }
    
div#header{
 margin : 0;
 margin-left: auto;
 margin-right: auto;
 width: 800px;
 		  }
div#header h1 {
 font-size: 0.8em;
    }
div#header h2 {
 font-size: 0.8em;
 height: 170px;
 background: url(img/top-r-02.gif) no-repeat;
    }  
div#header p.renewal{
  margin: 0em;
  font-size: 0.5em;
  font-weight: normal;
  text-align: right;
     }	     
p.head {
  margin:0em;
  font-size:1.5em;
  font-weight:bold;
  font-style:normal
          }	

p.menu{
 margin-top: 10px;
 margin-left: 0;
 margin-right: 0;
 margin-bottom:15px;
 height: 2em;
 background-color: #666666;
 width: 800px;
 font-size: 0.75em;
 text-align: center;
   }
p.menu a{
 color: #ffffff;
 background-color: #666666;
 border-right: solid 1px #ffffff;
 text-decoration: none;
 display: block;
 width: 7em;
 float: left;
 line-height: 2em;
 }
p.menu a:hover{
 background-color: #778899;
  }
p.menu span{
 color: #800000;
 display: none;
  }

div#content{
 }
/*-------------ホーム-------------*/    

/*------nav------*/ 

 div#nav{
  margin : 0.4em 4px;
  padding : 5px;
  background-color : #ffffff;
  float : left;
  width : 275px;
      }
	  
 div#nav h3{
  font-size : 14px;
   } 

div#renew{
   margin : 0;
   margin-bottom: 20px;
   width : 250px;
   background-color : #FFFFFF;
   font-size : 12px;
    } 
	
 div#order h3{
   margin-bottom: 10px;
    }
				   
 div#menulist{
  margin-top : 10px;
  background-color : #FFFFFF;
  line-height : 1.5em;
  font-size : 13px;
  font-family : "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  width : 250px;
    }

 div#menulist h3{
  background-color: #FFCCCC;
    }
	
 div#menulist li{
  width :250px ;
   }
   
 ul{
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 1.5em;
   }
   
 .menuli{
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #000000;
   }
   
 p.message{
  background : url(img/season.jpg);	
  color : #333399;
  margin : 5px;
  padding : 5px;
  font-size : 12px;
  border : solid 1px #808080;	
  line-height : 1.5em;
  }
			
div#flash{
   margin : 0;
   width : 275px;
   background-color : #FFFFFF;
   font-size : 12px;
   line-height:1.3em;
   padding:10px;
   }
	
 p.flash{
   margin: 0;
   }
   
 .menuimg{
   margin: 0;
   margin-bottom: 5px;
         }
		 			  	  
/*------main------*/

 div#main{
   margin : 0;
   margin-left : 300px;
   width : 475px;
   }
   
 div.main h3{
 font-size : 15px;
 color: #0000FF;
 background-color : #ffffff;
 }

.campain{
 margin : 5px;
 }
 
 div.mainbox{
   margin : 0;
   margin-top: 10px;
   padding : 10px;
   border : solid 1px #999999;
   line-height : 1.3em;
   font-size : 13px;
   text-align: center;
   width : 445px;
   }
   
 div.mainbox h3{
  color: #0000FF;
  }

 p.maintext{
   float: right;
   text-align : left;
 
   }
   
 .mainimg{
   margin-left: auto;
   margin: 3px;

   }
   
/*------footer------*/
   
div#footer{
   margin : 0;
   margin-left: auto;
   margin-right: auto;
   padding-bottom : 10px;
   clear : both;
   width : 750px;	
   text-align : center;
   text-indent : 2em;
   font-size : 13px;
   background-color : #ffffff;
  }

/*-------------voice-------------*/
 div.voice{
  color: #333333;
  margin: 10px;
  padding: 10px;
  border: solid 1px #006666;
  background-color: #FFFFCC;
  width: 90%;
   }
   
 div#sample{
 margin: 10px;
 }


 p.voice{
 color: #00CC33;
 font-size: 14px;
 font-weight: bold;
  font-family: "ＭＳ ゴシック", "Osaka－等幅";
   }
   
/*-------------item-------------*/

 div.commodity{
  margin: 10px;
  padding: 10px;
  border: solid 1px #696969;
  width: 90%;
   }

/*-------------マグマグ-------------*/

 div#mag{
  margin: 10px;
  padding: 15px;
  border: solid 1px #696969;
  background-color: #FFFFCC;
  width: 90%;
   }   			
 p.magtext{
   margin-right: 15px;
   margin-top: 15px;
   margin-bottom: 15px;
   margin-left: 15px;
   width: 500px;
   }
    			      
/*-------------会社案内-------------*/ 

 div#company{
  margin: auto;
  margin-bottom: 10px;
  padding: 15px;
  border: solid 1px #696969;
  background-color: #FFFFCC;
  line-height: 1.5em;
  width: 600px;
   } 
 div#company h2 {
  margin-top: 20px;
  font-size: 18px;
   }

 p.title{
   margin-top: 10px;
   margin-bottom: 10px;
   padding: 10px;
   font-size: 18px;
   font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
   font-weight: bold;
   line-height: 1.5em;
   }   

 p.concept{
   margin-right: 15px;
   margin-top: 15px;
   margin-bottom: 15px;
   margin-left: 15px;
   }
   
 div.conteiner{
  color: #333333;
  margin: 10px;
  padding: 10px;
  border: solid 1px #006666;
  background-color: #FFFFCC;
  width: 90%;
   }

  
 .photo2{
   float : right;
   margin : 5px;
   }
		  
 p.cath{
   margin-top: 10px;
   margin-bottom: 10px;
   padding: 10px;
   font-size: 18px;
   font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
   font-weight: bold;
   line-height: 1.5em;
   }
   
  p.explain{
   margin: 10px;
   padding: 10px;
   line-height: 1.5em;
   font-family: "ＭＳ ゴシック", "Osaka－等幅";
   font-size: 13px;
   }
   
  p.image{
  margin-top: 15px;
  }

/*-------------文献-------------*/

 div#bunken{
 width: 600px;
 margin: auto;
 padding: 1em;
 color: #333333;
 background-color: #FFFFFF;
 }
 
 img.syoukai {
 border: 2px outset #99cccc;
 float: left;
 margin: 0.33em;
  }
  
/*-------------クーポン-------------*/

  div#section{
  margin: auto;
  padding: 10px;
  width: 600px;
  line-height: 1.5em;
  background-color: #FFFFFF;
  font-size: 13px;
  }
  
  p#adress{
  text-align: center;
  }