@charset "Shift_JIS";

/*全体共通-----------------------------------------------------------------------------------------------------------------------------*/
*{
	margin: 0px;
	padding: 0px;
}

 div#top{ 
position : fixed!important; /* importantで、Mozilla, Opera に対して優先順位を上げて固定配置 */
position : absolute;        /* Internet Explorer 用に絶対位置配置する *//* あとは普通にボックスの位置指定をすればよい。これらは例。0 でなくてもいい */
top    : 0;
left   : 0;
right  : 100%;
bottom : 0;
    width : 400px;
        font-size: 80%; /*文章のフォントサイズ*/
 } 

img {
    border-style: none;
    border-color: inherit;
    border-width: 0;
        
}
body{
  background-color: #f6f6f6;
  height :auto;
}
form{
  background-color: #f6f6f6;
	height:auto;
}

div#page {
	width: 100%;
	height: 100%;
	/*background-image: url('./mfimg/machihuraback.jpg');*/
}

div#innerpage {
    background-color: #ffffff;
	height: 100%;
	width: 900px;
}

/*レフト-----------------------------------------------------------------------------------------------------------------------------*/
div#button 
{
    float: left;
    padding: 70px 0px 0px 10px;		/*上右下左*/
	text-align: center;
	text-decoration: none;
	line-height:30px;				/*レフトボタンの高さはこちら */	
	width: 150px;	
}
div#button table					
{
    margin: 30px 0px 0px 0px;		/*上右下左*/
    float: left;
	color: #505050;					/*見出し文字カラーXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	text-align: left;
	width: 150px;	
	border-collapse:collapse;	
}
div#button tr					
{
    float: left;
	color: #505050;					/*見出し文字カラーXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	text-align: left;
	
}
div#button td					
{
    line-height:20px;
    float: left;
	color: #505050;					/*見出し文字カラーXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	text-align: left;	

}

ul.leftlistitem{
	list-style-type:none;
	float:left;
	width: 172px;				/*レフトボタンの幅はこちら */			
}
ul.leftlistitem li
{
	float:left;
	width: 172px;
}
/*マウスオーバーの画像変更 background:urlとwidthを変更↓*/
a.widelink {   
	display: block;			/*必須*/ 
	width: 100%;			/*必須*/
	background-image:url(./img_temp0/button.jpg);
    color:#000000;   
	font-size:12px;
}
a.widelink:hover 
{
    color:#000000;     
	background-image:url(./img_temp0/button1.jpg);   /*レフトボタンのオンマウス画像はこちら */
}
/*ライト-----------------------------------------------------------------------------------------------------------------------------*/
div#right 
{

     padding: 70px 0px 0px 0px;		/*上右下左*/
	 float: right;
	width: 194px;	
	background-color: #ffffff;	
	text-align: left;
	font-size:12px;	
	color:#505050;
}
div#right table 
{
     width: 194px;
}
div#right tr 
{

}
div#right td 
{
    border:solid 1px #CCCCCC;	
    padding: 5px 0px 5px 0px;		/*上右下左*/
    background-color: #f5f7f7;
    color: #000000;
    text-align:center;
}
/*センター-----------------------------------------------------------------------------------------------------------------------------*/
/*コンテンツ*/
div#main {
    width: 511px;				/*コンテンツの幅はこちら　1/3*/
    float: left;
    padding: 0px 0px 0px 0px;		/*上右下左*/
    text-align: left;
    font-size: 80%; /*文章のフォントサイズ*/
    color: #505050;

	height:100%;
}
div#main p 
{
    float: left;
    text-align: left;
    width: 470px;				/*文章のの幅はこちら*/
    font-size: 14px; /*文章のフォントサイズ*/
    line-height: 100%; /*文章間の空き*/
    padding: 10px 10px 10px 20px;		/*上右下左*/
    color: #505050;
}
div#main h1					
{
	font-size:25px;		
	color: #505050;					/*見出し文字カラーXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	/*background-image:url(./img_temp0/midashi1.jpg);      
	background-repeat: no-repeat;*/
	margin: 30px 0px 0px 0px;		/*上右下左*/
	line-height: 100%;		        /*文章間の空き*/
	text-align: left;
	clear: both;
	width:460px;	

}
div#main h2					
{
	font-size:20px;		
	color: #5ed313;					/*見出し文字カラーXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	/*background-image:url(./img_temp0/midashi1.jpg);      
	background-repeat: no-repeat;*/
	margin: 10px 0px 10px 5px;		/*上右下左*/
	line-height: 100%;		        /*文章間の空き*/
	text-align: left;
	clear: both;
	width:450px;	

}
div#main h3					
{
	font-size:14px;		
	color: #505050;					/*見出し文字カラーXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	/*background-image:url(./img_temp0/midashi1.jpg);      
	background-repeat: no-repeat;*/
	    padding: 10px 0px 0px 30px;		/*上右下左*/
	line-height: 100%;		        /*文章間の空き*/
	text-align: left;
	clear: both;
	width:450px;	

}

div#main table					
{
	margin: 20px 0px 0px 0px;		/*上右下左*/
    float: left;
	color: #505050;					/*見出し文字カラーXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	text-align: left;
	width:460px;	
	border:solid 1px #eeeeee;	
    border-collapse:collapse;
	
}
div#main tr					
{
    float: left;
	color: #505050;					/*見出し文字カラーXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	text-align: left;
	
}
div#main td					
{
    float: left;
	color: #505050;					/*見出し文字カラーXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	text-align: left;

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

/*FTB用 To*/

div#footinside
{
        float: left;
    padding: 10px 0px 10px 0px;		/*上右下左*/
	border-top: 1px solid #cccccc;
	text-align: left;
}
div#footinside dl
{
    float: left;
    font-size: 12px; /*文章のフォントサイズ*/	
    padding: 10px 10px 0px 20px;		/*上右下左*/
    color: #666666;		
 	width:190px;   
}
div#footinside ul
{
	list-style-type:none;
}
div#footinside h1					
{
        float: left;
	font-size:14px;		
	color: #505050;					/*見出し文字カラーXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	background-image:url(mfimg/midashione.jpg);       
	background-repeat: no-repeat;
	padding: 10px 0px 0px 30px;		/*上右下左*/
	text-align: left;
	width:150px;	
	height:31px;
}
/*etc用　from*/
div#centering {
	width: 100%;
}
/*etc用　To*/