/*背景色、文字のサイズ、色を決めます。*/
body  {
      text-align: center;
	  background-image: url(img/honn1.jpg);

	  font-size:14px;
	  color: #554236;
	  }
  

.body h2 {
          font-size: 14px;
		  color: #FFFFFF;
		  background-image:url(img/h2-img.gif);
		  }
		  
		  
/*文字の大きさを指定するCSS*/		  
		  
.style-f {
          padding-left: 20px;
          text-align:left;
		  padding-right: 5px;
		  line-height: 20px;
		  
          }
.style-f1 {
          padding-left: 260px;
          text-align:left;
		  padding-right: 5px;
		  line-height: 20px;
		  
          }
		  
.style-f2 {
          font-size: 16px;
          padding-left: 50px;
          text-align:left;
		  padding-right: 5px;
		  line-height: 20px;
          }
.style-f3 {
          font-size: 20px;
		  color:#554236;
          padding-left: 50px;
          text-align:left;
		  padding-right: 5px;
		  line-height: 30px;
           }	
em {
		font-size: 26px;
		  font-weight: bold;
		  color:#ff0000;
		  }  
		  
.style-f4 {
　　　　　font-size: 16px;
          padding-left: 280px;
          text-align:left;
		  padding-right: 5px;
		  line-height: 20px;
		  }
		   	  		  		  
.style-f5 {
          padding-left: 340px;
          text-align:left;
		  padding-right: 5px;
		  line-height: 20px;
		  } 
.style-f6 {
          font-size: 30px;
		  color:#554236;
          padding-left: 10px;
          text-align:left;
		  padding-right: 5px;
		  line-height: 30px;
           }
.style-f7 {
          font-size: 20px;
		  color:#554236;
          padding-left: 360px;
          text-align:left;
		  padding-right: 5px;
		  line-height: 30px;
           }
.style-f8 {
          font-size: 16px;
		  color:#554236;
          padding-left: 280px;
          text-align:left;
		  padding-right: 5px;
		  line-height: 30px;
           }
.style-f9 {
          font-size: 16px;
		  color:#554236;
          padding-left: 340px;
          text-align:left;
		  padding-right: 5px;
		  line-height: 30px;
		  }
.style-f10 {
          font-size: 48px;
		  color:#ff0000;
           }
.style-f11 {
          font-size: 30px;
		  color:#ff0000;
           }
.style-f12 {
          font-size: 70px;
		  color:#ff0000;
           }		   
.style-f13 {
          font-size: 48px;
		  color:#554236;
           }
/*サイドバー無のフォントCSS*/

.style-f14 {
          font-size: 30px;
		  color:#554236;
          text-align:center;;
		  padding-right: 5px;
		  line-height: 30px;
		  }
.style-f15 {
          font-size: 18px;
		  color:#554236;
          text-align:center;;
		  padding-right: 5px;
		  line-height: 30px;
		  }			   
.style-f16 {
          font-size: 30px;
		  color:#554236;		  
		  padding-left: 140px;
          text-align:left;
		  line-height: 30px;
		  } 
		   		   		   		   
/*写真下文字の指定するCSS*/		  
.style-f-c {
            padding-left: 5px;
          text-align:center;
		  padding-right: 5px;
		  line-height: 16px;
		  clear: both;
            }		  
		  
.style-s {
          font-size: 14px;
		  padding-left: 5px;
          padding-right: 5px;
		  text-decoration:underline;
		  line-height: 18px;
          }		  
		  
.style-s-r {
          font-size: 16px;
		  color:#FF0000;
		  padding-left: 5px;
          padding-right: 5px;
		  text-decoration:underline;
		  line-height: 18px;
		  }
		  
		  

			  		  
/*実際の文字などを書き込んでいく場所です。*/		  
	  			  
main {
       text-align: center;
	   }
#main {
       width:800px;
	   margin-left:auto;
       margin-right:auto;
	   height: auto;
	   background-color: #ffffff;
	   }
	   
	   h1 {
	       padding-top: 6px;
	       font-size: 14px;
		   color: #554236;
	       }


/****************************************/
/*ヘッダーの設定
/****************************************/	   
#header {
         width: 800px;
         height: 164px;
		 background-image: url(img/atama2.jpg);
		 background-repeat:no-repeat
		 }
#header a:link {
           color:#ffffff;
		   }
#header a:visited {
           color:#ffffff;
		   }
   
		 
#header h2 {
		     padding-top: 20px; 
			 padding-left: 8px;
			 padding-top: 1px;
		     text-align: right;
			 font-size: 10px;
			 color:#f5f5dc;
			 } 
#header h3 { 
		    text-align: left;
			padding-left: 0px;
			padding-top: 30px;
			border-width: 0px;
			}
#header h4 { 
		    text-align: right;
			 font-size: 10px;
			 color:f5f5dc;
			 padding-top: 0px;
			 padding-left: 40px;
		     }	
		 		 	 			 
/****************************************/
/*横並びメニューの設定
/****************************************/

	   
.menu div {
	float:left;
	background-color: #554236;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 30px;
       }
	   
.menu a    {
	display:block;
	width:156px;
	border:outset #000000 2px;
	
	padding:4px 0px;
	text-align:center;
	text-decoration:none;
	font-size:18px;
	color:#000000; 
	 }

.menu a:link {
           color:#ffffff;
		   }
.menu a:visited {
           color:#800080;
		   }	 
.menu a:hover   {
           background-color:#EAEFFF;
		   color:#775500;
		   }		   	
		   
/****************************************/
/*サイドバーの設定
/****************************************/	



.sidebar {
          padding-top: 5px;
          width: 175px;
		  height: auto;
		  background-color: #ffffff;
		  font-size: 14px;
		  float: left;
		 
		  text-align: center;
		  line-height: 20px;
		  
		  }
		  
.sidebar h2 {
		      background-image: url(img/sidebarh22.gif);
			  background-repeat:no-repeat;
			  font-size: 14px;
			  color: #FFFFFF;
			  padding-left : 0px;
		      padding-top: 10px;	
			  height: 36px;	  
			  }

.sidebar h3 {
		      
			  
			  font-size: 12px;
			  color: #000099;
			  padding-left: 5px;
		      padding-top: 5px;	
			   
			  }			  
.sidebar h4
            { font-size: 16px;
			  color: #FF0000;
			  text-decoration: underline;
			  }			  
/*サイドバーのliをクラスで設定してみる。*/


.sidebar ul
           {
		    text-align: left;
		    }

.sidebar li {
             font-size: 14px;
			 color: #554236;
			 line-height: 16px;
             }
			 
			 
.sidebar a {
             font-size: 14px;
			 color: #554236;
			 text-decoration: underline;
			 line-height: 20px;
			 }

.sidebar a:visited {
          color:#800080;					 
			         } 

.sidebar a:hover { 
	    background-color: #deb887;
				color: #000000;
					 }
.sidebar img {
          border: 0px;
		  }	
			  　
/*サイドバーの設定
サイドバーに写真を載せるための設定*/
			  
.box {
      
      width: 150px;
	  padding-left:10px;
      text-align: center;
	  clear:both
	  }
      
.box img {
          
          border: 0px;
		  }      
		  
		  
/****************************************/
/*トップページのコンテンツを設定
/****************************************/			  
.content{
     
    padding-left: 12px;
    float: left;
	padding-top: 5px;
	width: 420px;
	height: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #000099;
	border-left-color: #000099;	  
	  
	  }	
	  
.content img {
                border: 0px;
				 }	  	  			  
			  
.content h2 { 
         background-image: url(img/h222.gif);
		 background-repeat: no-repeat;
		 font-size: 16px;
		 height: 29px;
		 color: #000000;
		 text-align: left;
		 padding-left: 32px;
		 padding-top: 15px;
         }
.content h3 { 
		 background-repeat: no-repeat;
		 font-size: 14px;
		 height: 39px;
		 color: #ff0000;
		 text-align: left;
		 padding-left: 32px;
		 padding-top: 10px;
         }		 	
.content a {
             font-size: 16px;
			 color: #000000;
			 text-decoration: underline;
			 line-height: 17px;
			 }
.content a:hover {
		background-color:#deb887;
					 }
.content a:visited {
          color:#800080;					 
			         } 		 
/****************************************/
/*商品ページのコンテンツを設定
/****************************************/			 
.contents
        {
		 float: right;
		 width: 610px;
		 padding-right: 5px;
		 
		}	
		
.contents h2 { 
         background-image: url(img/h2222.gif);
		 background-repeat: no-repeat;
		 font-size: 16px;
		 height: 39px;
		 color: #000000;
		 text-align: left;
		 padding-left: 50px;
		 padding-top: 14px;
		 
         }		 	

.contents a {
             font-size: 16px;
			 color: #000000;
			 text-decoration: underline;
			 line-height: 17px;
			 }
.contents a:hover {
		 background-color:#deb887;
					 }
.contents a:visited {
           color:#800080;					 
			         } 
.contents img {
                border: 0px;
				 }

.contents1
        {
		 float: right;
		 width: 610px;
		 padding-right: 5px;
		 
		}	
		
.contents1 h2 { 
         background-image: url(img/h2222.gif);
		 background-repeat: no-repeat;
		 font-size: 16px;
		 height: 39px;
		 color: #000000;
		 text-align: left;
		 padding-left: 50px;
		 padding-top: 10px;
		 
         }
		 
.contents1 h3 { 
		 background-repeat: no-repeat;
		 font-size: 30px;
		 height: 39px;
		 color: #ff0000;
		 text-align: left;
		 padding-left: 20px;
		 padding-top: 3px;
		 
         }		 	

.contents1 a {
             font-size: 16px;
			 color: #554236;
			 text-decoration: underline;
			 line-height: 17px;
			 }
.contents1 a:hover {
			 background-color:#deb887;
			        }
.contents1 a:visited {
             color:#800080;					 
			        } 		 
.contents1 ul
           {
		    text-align: left;
			list-style-type: decimal;
		    }

.contents1 li {
             font-size: 16px;
			 color: #554236;
			 line-height: 18px;
             }	
			 
/****************************************/
/*商品ページサイドバー無のコンテンツを設定
/****************************************/			 
.contents2
        {
		 float: center;
		 width: 800px;
		 padding-right: 5px;
		 
		}	
		
.contents2 h2 { 
         background-image: url(img/h22222.gif);
		 background-repeat: no-repeat;
		 font-size: 16px;
		 height: 39px;
		 color: #000000;
		 text-align: center;
		 padding-left: 50px;
		 padding-top: 14px;
		 
         }		 	

.contents2 a {
             font-size: 16px;
			 color: #000000;
			 text-decoration: underline;
			 line-height: 17px;
			 }
.contents2 a:hover {
		 background-color:#deb887;
					 }
.contents2 a:visited {
           color:#800080;					 
			         } 
.contents2 img {
                border: 0px;
				 }
			 			 	 
/****************************************/
/*写真を右寄せ、左寄せをコントロール
/****************************************/			 	 
.migi {
       float: right;
	   padding-right: 20px;
       }	
	   
.hidari {
         float: left;
	   padding-left: 20px;
	   }	   	 		  
/****************************************/
/*サイドバーの設定
/****************************************/			  
			  
.rightbar {
          width: 175px;
		 
		  background-color: #ffffff;
		  font-size: 14px;
		  float: right;
		  margin-top: 7px;
		   text-align: center;
		  
		  
		  }
		  
.rightbar h2 {
  
		      background-image: url(img/rightbarh22.gif);
			  background-repeat:no-repeat;
			  font-size: 14px;
			  color: #554236;
			  
		      padding-top: 10px;	
			  height: 36px;	 
			  text-align: center; 
			  }
			  
			  
.rightbar h3
            { font-size: 12px;
			  color: #FF0000;
			  text-decoration: underline;
			  }			  
.rightbar img {
                border: 0px;
				 }			  
			  
/*ライトバーのliをクラスで設定してみる。*/

.rightbar li {
             text-align:left;
             font-size: 14px;
			 color: #554236;
			 line-height: 16px;
             }
			 
			 
.rightbar a {
             font-size: 14px;
			 color: #554236;
			 text-decoration: underline;
			 line-height: 17px;
			 }
.rightbar a:hover { 
	    background-color: #deb887;
				color: #000000;
					 }
 
.rightbar a:visited {
             color:#800080;					 
			         } 		 

		 					 			  
.footer {
    width: 800px;
	height: 50px;
	font-size: 14px;
	color: #ffffff;
	
	background-color: #554236;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #554236;
	border-right-color: #554236;
	border-bottom-color: #554236;
	border-left-color: #554236;
	padding-top: 9px;
	clear: both;
	}
.footer a {
             font-size: 14px;
			 color: #ffffff;
			 text-decoration: underline;
			 }
 		 
.footer a:hover {
			  background-color:#EAEFFF;
		   color:#775500;	
              }
.footer a:visited {
                     color:#800080;					 
			         }