*{
	margin: 0px;
	padding: 0px;
}
body 
{
	line-height: 150%;
	color: #000000;
	margin: 0px;
}
img
{
	border: none;
	padding: 0px 0px 0px 0px;
}
#toplink1 { 
display: block;
width : 94px; 
height : 29px; 
background-image : url(img/info1.jpg); 
} 
#toplink1:hover { 
background-image : url(img/info.jpg); 
} 
#toplink2 { 
display: block;
width : 94px; 
height : 29px; 
background-image : url(img/shopinfo1.jpg); 
} 
#toplink2:hover { 
background-image : url(img/shopinfo.jpg); 
}
#toplink3 { 
display: block;
width : 94px; 
height : 29px; 
background-image : url(img/aboutus1.jpg); 
} 
#toplink3:hover { 
background-image : url(img/aboutus.jpg); 
} 
#toplink4 { 
display: block;
width : 94px; 
height : 29px; 
background-image : url(img/contact1.jpg); 
} 
#toplink4:hover { 
background-image : url(img/contact.jpg); 
}  

div#page {
	width: 100%;

}
div#head 
{
	float:left;
	width: 850px;				/*全体の幅を変える場合はこちら （２箇所あります）a1*/
}
div#buttonAll {
	width:210px;
	float:left;
}


div#button {
	width:850px;
	float:left;

}
div#imagebutton {
	float:left;
	text-align: center;
	text-decoration: none;
	line-height:50px;				/*レフトボタンの高さはこちら XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/	
}
ul.leftlistitem{
	list-style-type:none;
	float:left;
	width:850px;				/*レフトボタンの幅はこちら XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
}
ul.leftlistitem li{
	float:left;
	width:170px;				/*レフトボタンの幅はこちら XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/	
	background-image:url(./buttonBG.jpg);
	font-size:9pt;			/*レフトボタンの文字のサイズ */
	text-decoration: none;
}
/*マウスオーバーの画像変更 background:urlとwidthを変更↓*/
a.widelink {   
	display: block;			/*必須*/ 
	width: 100%;			/*必須*/

}
a.widelink:hover {     
	background:url(./buttonBG1.jpg);   /*レフトボタンのオンマウス画像はこちら XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
  }

div#horizonButton {
	width:190px;
	float:left;
	padding: 30px 0px 5px 10px;		/*上右下左*/
}
div#imagebutton2 {
	width:190px;
	float:left;
	text-align: left;
	text-decoration: none;
	line-height:32px;				/*レフトボタンの高さはこちら XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/	
}
ul.toplistitem{
	list-style-type:none;
	float:left;
	width:190px;	
}
ul.toplistitem li{
	float:left;
	width:190px;			/*レフトボタンの幅はこちら XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/	
	background-image:url(./leftbutton.jpg);   
	font-size:9pt;			/*レフトボタンの文字のサイズ */
	text-decoration: none;	
}
a.widelink2{   
	display: block; 
	width:160px;
			padding: 0px 0px 0px 30px;		/*上右下左*/	
}
a.widelink2:hover {     
	background:url(./leftbutton1.jpg);   		/*トップボタンのオンマウス画像はこちら XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
}
/*ボタン　ボトム*/
div#BottomButton {
	width:190px;
	float:left;
	padding: 30px 0px 5px 10px;		/*上右下左*/

}
div#imagebutton3 {

	float:left;
	text-align: left;
	text-decoration: none;
	line-height:32px;				/*レフトボタンの高さはこちら XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/	
}
ul.bottomlistitem{
	list-style-type:none;
	float:left;
	width:190px;
}
ul.bottomlistitem li{
	float:left;
	width:190px;			/*レフトボタンの幅はこちら XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/	
	background-image:url(./leftbutton.jpg);   
	font-size:9pt;			/*レフトボタンの文字のサイズ */
	text-decoration: none;	
}
a.widelink3{   
	display: block; 
	width: 160px;
			padding: 0px 0px 0px 30px;		/*上右下左*/	
}
a.widelink3:hover {     
	background:url(./leftbutton1.jpg);   		/*トップボタンのオンマウス画像はこちら XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
}

/*コンテンツ*/
div#main {

	width:600px;				/*コンテンツの幅はこちら　1/3*/	
	float:right;
	padding: 30px 0px 5px 0px;		/*上右下左*/
	text-align: left;
	font-size:80%;				/*文章のフォントサイズ*/
	color: #505050;

}
div#main h1					
{
   font-weight:bold;
	font-family:Arial;
	font-size:40px;		
	color: #252525;					/*見出し文字カラーXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	background-image:url(./midashi.jpg);       
	background-repeat: no-repeat;
	margin: 0px 0px 10px 0px;		/*上右下左*/
	padding: 5px 0px 0px 25px;		/*上右下左*/
	line-height: 100%;		        /*文章間の空き*/
	text-align: left;
	clear: both;
	width:585px;	
	height:39px;
/*	background-color: red;	*/
}
div#main h2					
{
	font-size:16px;			
	color: #ffffff;					/*見出し文字カラーXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	background-image:url(./midashi2.jpg);       
	background-repeat: no-repeat;
	padding: 5px 0px 0px 13px;		/*上右下左*/
	margin: 0px 0px 15px 0px;		/*上右下左*/
	line-height: 100%;		        /*文章間の空き*/
	text-align: left;
	clear: both;
	width:585px;	
	height:26px;
/*	background-color: red;	*/
}
div#main h3					
{
	font-size:16px;			
	color: #1e2976;					/*見出し文字カラーXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	background-image:url(./midashi3.jpg);       
	background-repeat: no-repeat;
	padding: 5px 0px 0px 13px;		/*上右下左*/
	line-height: 100%;		        /*文章間の空き*/
	text-align: left;
	clear: both;
	width:585px;	
	height:24px;
/*	background-color: red;	*/
}
div#main table
{
	float:left;
        	border: 0px solid black;
        	border-collapse:true;
}
div#main th
{
           border: 0px solid black;    
}
div#main td
{
	line-height: 18px;	
		font-size:13px;	
	padding: 0px 0px 0px 10px;		/*上右下左*/
           	border: 0px solid gray;        
}
div#main p 
{

	padding: 5px 0px 15px 15px;		/*上右下左*/
	text-align: left;
	width:585px;			/*文章のの幅はこちら*/
	font-size:12px;				/*文章のフォントサイズ*/
	line-height: 150%;				/*文章間の空き*/
	color: #505050;				/*文章のフォントカラーXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

}
div#banner {
	margin: 0px 0px 0px 0px;		/*上右下左*/
	padding: 20px 0px 0px 50px;
	border: none;
	float:left;
	text-align:center;
}
div#banner img
{
	border: none;

}
div#Topbutton {
}
div#foot {
	border-top: 1px solid #333333;
	text-align: center;
	clear: both;
	font-size:12pt;
	width: 100%;
}
div#foot p{
	margin: 5px 5px;
}

/*FTB用 from*/
.left { 
	float: left;
	margin: 0px 10px 10px 10px;
} 
.right { 
	float: right;
}
/*FTB用 To*/


/*etc用　from*/
div#centering {
    margin:auto;
    width: 850px;
}
/*etc用　To*/