@charset "shift-jis";

* {
     margin: 0;
     padding: 0;
     font-size: 100%;
     font-weight: normal;
     list-style: none;  
}

body {
       font-size: 75%;
       font-family: "ヒラギノ角ゴ　Pro W3" , "HiraginoKaKu Gothic Pro" , "MS Pゴシック" , sans-serif;
       line-height: 1.5;       
       color: #333333;
       background-color: #ffffff; 
       text-align: center;
       }

img     {
         border: none;
         
         }
/*--------------------------------*/

#wrapper {
          position: relative;
          width: 980px;   
          margin: 0 auto;
          text-align: left;
          background-color:#ffffff url();
}
#header {
        background: #2D78BF url(gazo_image/naturaleight.gif);
        padding-top: 120px;
     
        } 
#logo{
           position: absolute;
       left: 780px;
       top: 50px;
       width: 130px;
              }
/*-------------------------------------*/ 
#globalnavi {
             position: absolute;
             top: 150px;
             left: 0px;
             width: 980px;
             height: 30px;             
             background: #E8E8E8 url() left top repeat-x;
             
             }
#globalnavi li {
                 float: left;
                 width: 196px;                 
                background: url(gazo_image/bar2.gif) left center no-repeat;
                
                }
#globalnavi li a {
                  display: block;
                  width: 100%;
                  padding: 8px 0;
                  color: #ffffff;
                  text-decoration: none;
                  font-weight: bold;
                  text-align: center;
                  font-family: Arial, Helvetica, sans-serif;
                  background: url(gazo_image/bar.gif) left top no-repeat;
                 }

 #globalnavi a:hover {
                     color: #2D78BF;
                     background-image: none;
                     background-color: transparent;   
                    }  
/*------------------------------------*/
#content {   
        
         overflow: auto !important;
         overflow /**/: hidden;         
          width: 100%;
          padding: 100px 0;
          background: #ffffff ;
         }

#secondary {
            float: left;
            width: 200px;
            background: #ffffff ; 
            
            }
#primary {
         float: left;
         width: 780px;
         background: #ffffff;
 
         }


#footer {
         clear: both;
         color: #FFFFFF;
         background: #333333 url(gazo_image/foot.gif);
         padding: 0;
         
         height:100px;
         text-align: center;
         
         }
/*---------------------------------------------------*/

#primary * {
            margin: 0px 25px 0 25px;
           }


#primary * * {
		margin: 0;
	}
/*----------------------------------------------------*/
#primary h1 {
             
              margin: 20px 0px 50px 30px;
             }
#primary h2 {
             
              margin: 10px 0 10px 30px;
             }
#primary h3 {
             
             
              margin: 50px 0 30px 30px;
             }
#primary h4 {
             font-size: 135%;
            margin-top: 15px;
            padding: 5px;
            
            font-weight: bold;
            color: #603913;
             }

#primary p {
            font-size: 100%;
            margin-top: 15px;
            padding: 15px;
            margin-bottom: 5px;
            color: #603913;
            /*\*/
            letter-spacing: 0.1em;
            /**/
            } 

#primary table {
              border-spacing: 0.5em;
              padding: 30px 0 30px 0;
             }
#primary td {
               font-size: 115%;
              color: #950000;
              padding: 0px 25px 0px 25px;
             }
#primary td br {
            padding: 40px 0px 40px 0px;
            }
#primary table a:link
             {
               color: #555555;
             }
#primary table a:visited
             {
               color: #2D78BF;
             }
#secondary p {
               margin: 20px 20px 30px 10px;
               color: #111111; 
            }
            
 #secondary .list h3 {             
              margin: 20px 0 0 0px;
             }             
            

#secondary .list {
                  background: url() left center no-repeat;
                  margin-bottom: 80px;
                  list-style: none;
                 }

#secondary .list p {
                  color: #603913;
                  margin-bottom: 20px;
                  list-style: none;
                 }


               
#secondary .list li {
                     
                     
                     padding-left: 35px;
                      
                     background: url(gazo_image/secondback.gif) left repeat-x;
                     }
#secondary .list li a {
                       display: block;
                       padding: 5px 5px 5px 5px;
                       color: #ffffff;
                       text-decoration: none;
                      }
#secondary .list li a:hover {
                            color: #00AEEF;
                            } 







#productList {
	margin-top: 25px;
}
#productList h2 {
	
}
#productList li {
	float: left;
	width: 230px;
	margin: 15px 6px 15px 6px;
	text-align: center;
}
#productList h4 span {
	display: block;
	padding: 3px 0;
	color: #FFFFFF;
	font-weight: normal;
	background: #222222;
}
#productList dl {
	margin: 1px 0;
	font-size: 90%;
	
}
#productList dt {
	padding: 2px 0;
	text-align: center;
	background: #9a0000;
	color: #FFFFFF;
        font-size: 110%;
}
#productList dd {
	padding: 2px 0;
        background: #111111;
	color: #ffffff; 
       font-size: 110%;
}