@charset "UTF-8";

/*ベージュ-------------------------------------------------------------------*/
*{
margin: 0px;
padding: 0px;
}
img {
border-style: none;
border-color: inherit;
border-width: 0;
}
body{
background-color: #ffffff;
}
form{
background-color: #383838;
}

div#page {
width: 100%;
height: 100%;
}
div#innerpage {
background-color: #ffffff;
height: 100%;
width: 900px;
}
/*上ボタンの設定*/
div#button1 
{
float: left;
text-align: center;
line-height:40px;		        /*上ボタン文字の高さ */	
padding: 0px 0px 0px 0px;		/*上右下左*/
}
ul.button1istitem{
list-style-type:none;
float:left;
width:900px;				/*上ボタン全体の幅*/	
}
ul.button1istitem li
{
float:left;
width: 180px;
}
a.widelink1 {   
display: block;			/*必須*/ 
width: 100%;			/*必須*/
height:40px;		
background-image:url(./button1.jpg);
color: #ffffff;		
font-size:12px;
}
a.widelink1:hover 
{
color: #ffffff;		  
background-image:url(./button1_back.jpg);   /*レフトボタンのオンマウス画像はこちら */
}
/*左全体の設定*/
div#left 
{
float: left;
padding: 0px 0px 370px 10px;		/*上右下(全体の高さを確保)左*/
text-align: center;
text-decoration: none;	
width:220px;
}
/*中ボタンの設定*/
div#button2 
{
display:none;
float: left;
line-height:45px;text-align: left;				/*上ボタン文字の高さ */	
padding: 30px 0px 0px 0px;		/*上右下左*/
}
ul.button2istitem{
list-style-type:none;
float:left;
padding: 10px 0px 0px 0px;		/*上右下左*/	
width: 180px;				/*レフトボタンの幅はこちら */			
}
ul.button2istitem li
{
float:left;
width: 180px;
}
a.widelink2 {
display: block;			/*必須*/ 
width: 193px;			/*必須*/
background-image:url(./button2.jpg);
color: #000000;		
font-size:13px;
height:36px;padding: 0px 0px 0px 30px;		/*上右下左*/
}
a.widelink2:hover 
{
color: #000000;		  
background-image:url(./button2_back.jpg);   /*レフトボタンのオンマウス画像はこちら */
}
/*下ボタンの設定*/
div#button3 
{
float: left;
line-height:30px;				/*上ボタン文字の高さ */	
padding: 30px 0px 0px 0px;		/*上右下左*/
}
ul.button3istitem{
list-style-type:none;
float:left;
width: 178px;				/*レフトボタンの幅はこちら */			
}
ul.button3istitem li
{
float:left;
width: 178px;
}
a.widelink3 {   
display: block;			/*必須*/ 
width: 100%;			/*必須*/
background-image:url(./button3.jpg);
color: #BA9E6A;		
font-size:12px;
}
a.widelink3:hover 
{
color: #AEAFAE;		  
background-image:url(./button3_back.jpg);   /*レフトボタンのオンマウス画像はこちら */
}
/*コメント・メッセージの設定*/
div#addOn 
{
float: left;
display:none;
padding: 10px 0px 0px 0px;		/*上右下左*/
}
/*メインコンテンツ*/
div#main {
width: 580px;                           /*コンテンツの幅はこちら　1/3*/
float: left;
padding: 30px 0px 0px 60px;             /*上右下左*/
text-align: left;
font-size: 80%; /*文章のフォントサイズ*/
color: #505050;
background-color: #ffffff;
line-height:20px;	
}
div#main img {
padding: 0px 0px 0px 0px;             /*上右下左*/
}
div#main h1					
{
	font-size:14px;		
	color: #ffffff;					/*見出し文字カラーXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	background-image:url(./midashi1.jpg);      
	background-repeat: no-repeat;
	padding: 10px 0px 0px 30px;		/*上右下左*/
	line-height: 100%;		        /*文章間の空き*/
	text-align: left;
	clear: both;
    width: 600px;
	height:36px;
}
div#main h2					
{
	font-size:15px;		
	color: #d30532;					/*見出し文字カラーXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	background-image:url(./midashi2.jpg);      
	background-repeat: no-repeat;
	padding: 13px 0px 0px 30px;		/*上右下左*/
	line-height: 100%;		        /*文章間の空き*/
	text-align: left;
	clear: both;
    width: 600px;
	height:35px;
}
div#main h3					
{
	font-size:15px;		
	color: #222222;					/*見出し文字カラーXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	background-image:url(./midashi3.jpg);      
	background-repeat: no-repeat;
	padding: 20px 0px 0px 20px;		/*上右下左*/
	line-height: 100%;		        /*文章間の空き*/
	text-align: left;
	clear: both;
    width: 600px;
	height:30px;
}
div#main table					
{
float: left;
text-align: left;
}
div#main tr					
{

text-align: left;
}
div#main td					
{

text-align: left;
border: 0px solid gray;      
}

/*会員限定*/
div#memberMain {
width: 350px;				/*コンテンツの幅はこちら　1/3*/
float: left;
padding: 0px 0px 0px 10px;		/*上右下左*/
text-align: left;

color: #505050;
background-color: #ffffff;
}
div#memberMain p 
{
float: left;
width: 330px;
line-height: 150%; /*文章間の空き*/
padding: 0px 0px 0px 5px;		/*上右下左*/
margin: 2px 0px 2px 0px;	/*上右下左*/
color: #505050;
}
div#memberMain h1					
{
    margin: 10px 0px 0px 0px;	/*上右下左*/
	font-size:14px;		
	color: #FFFFFF;					/*見出し文字カラーXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	background-image:url(./midashi1.jpg);      
	background-repeat: no-repeat;
	padding: 10px 0px 0px 30px;		/*上右下左*/
	line-height: 100%;		        /*文章間の空き*/
	text-align: left;
	clear: both;
    width: 300px;
	height:31px;
}
div#memberMain h2					
{
	font-size:14px;		
	color: #009900;					/*見出し文字カラーXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	background-image:url(./midashi2.jpg);      
	background-repeat: no-repeat;
	padding: 10px 0px 0px 30px;		/*上右下左*/
	margin: 10px 0px 0px 0px;	/*上右下左*/
	line-height: 100%;		        /*文章間の空き*/
	text-align: left;
	clear: both;
width: 300px;
	height:31px;
}
div#memberMain h3					
{
	font-size:14px;		
	color: #FFFFFF;					/*見出し文字カラーXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	background-image:url(./midashi3.jpg);      
	background-repeat: no-repeat;
	padding: 10px 0px 0px 30px;		/*上右下左*/
	margin: 30px 0px 0px 0px;	/*上右下左*/
	line-height: 100%;		        /*文章間の空き*/
	text-align: left;
	clear: both;
width: 300px;
	height:31px;
}
div#foot
{

    	background-color:#191919;
}
div#foot p
{
		float:left;
		width:100%;
		text-align:right;
		background-color:#191919;
}
.left { 
float: left;
margin: 0px 10px 10px 10px;
} 
.right { 
float: right;
}