@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;
 } 

img {
    border-style: none;
    border-color: inherit;
    border-width: 0;
        
}
body{
  background-color: #FCBEE1;
  height :auto;
}
form{
  background-color: #FCBEE1;
	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: 20px 0px 0px 15px;		/*上右下左*/
	text-align: center;
	text-decoration: none;
	line-height:30px;				/*レフトボタンの高さはこちら */	
    width:270px;	
}
div#button table					
{
    margin: 0px 0px 0px 0px;		/*上右下左*/
    float: left;
	color: #505050;					/*見出し文字カラーXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	text-align: left;
width:270px;
	border-collapse:collapse;	
}
div#button tr					
{
    float: left;
	color: #505050;					/*見出し文字カラーXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	text-align: left;	
width:270px;
}

div#button td					
{

    line-height:20px;
    float: left;
	color: #505050;					/*見出し文字カラーXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	text-align: left;
	font-size: 80%;
	padding-left:10px;
	border-bottom:solid 1px #dddddd;
}
div#comment 
{
    padding: 70px 0px 0px 0px;		/*上右下左*/
    float: left;
    text-align: center;
	text-decoration: none;
	line-height:30px;				/*レフトボタンの高さはこちら */	
width:270px;	
}
div#comment h1					
{
   	color: #5ed313;	 
   	font-size: 130%;
}
div#comment h2					
{
   	color: #505050;	 
   	font-size: 80%;
   	text-decoration: none;
}

ul.leftlistitem{
	list-style-type:none;
	float:left;
width:270px;			/*レフトボタンの幅はこちら */			
}
ul.leftlistitem li
{
	float:left;
width:270px;
}
/*マウスオーバーの画像変更 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: 0px 0px 0px 0px;		/*上右下左*/
    float: right;
	width: 194px;	
	text-align: left;
	font-size:12px;	
	color:#505050;
}
div#right img 
{

}
div#right a
{
    color: #f95fc5;
	width: 180px;	
	font-size:12px;	
}
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#right p
{
    word-break: break-all; 
    float: left;
    text-align: left;
    width: 180px;				/*文章のの幅はこちら*/
    font-size: 10px; /*文章のフォントサイズ*/
    line-height: 120%; /*文章間の空き*/
    color: #505050;
}
/*センター-----------------------------------------------------------------------------------------------------------------------------*/
/*コンテンツ*/
div#main {
    width: 400px;				/*コンテンツの幅はこちら　1/3*/
    float: left;
    padding: 35px 0px 0px 35px;		/*上右下左*/
    text-align: left;
    font-size: 80%; /*文章のフォントサイズ*/
    color: #505050;

	height:100%;
	
}
div#main p 
{
    float: left;
    text-align: left;
    width: 375px;			/*文章のの幅はこちら*/
    font-size: 12px; /*文章のフォントサイズ*/
    line-height: 18px; /*文章間の空き*/
    padding: 0px 0px 0px 0px;		/*上右下左*/
    color: #505050;
}
div#main h1					
{
	font-size:14px;		
	color: #505050;					/*見出し文字カラーXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	background-image:url(./img_temp7/midashi1.jpg);      
	background-repeat: no-repeat;
	padding: 10px 0px 0px 20px;		/*上右下左*/
	line-height: 100%;		        /*文章間の空き*/
	text-align: left;
	clear: both;
    width: 355px;
	height:31px;
}
div#main h2					
{
	font-size:14px;		
	color: #505050;					/*見出し文字カラーXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	background-image:url(./img_temp7/midashi2.jpg);      
	background-repeat: no-repeat;
	padding: 10px 0px 0px 20px;		/*上右下左*/
	line-height: 100%;		        /*文章間の空き*/
	text-align: left;
	clear: both;
    width: 355px;
	height:31px;
}
div#main h3					
{
	font-size:14px;		
	color: #505050;					/*見出し文字カラーXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	background-image:url(./img_temp7/midashi3.jpg);      
	background-repeat: no-repeat;
	padding: 10px 0px 0px 20px;		/*上右下左*/
	line-height: 100%;		        /*文章間の空き*/
	text-align: left;
	clear: both;
    width: 355px;
    	height:31px;
}
div#main h4					
{
	font-size:14px;		
	color: #505050;					/*見出し文字カラーXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	background-image:url(./img_temp7/midashi4.jpg);      
	background-repeat: no-repeat;
	padding: 10px 0px 0px 40px;		/*上右下左*/
	line-height: 100%;		        /*文章間の空き*/
	text-align: left;
	clear: both;
    width: 355px;
    	height:31px;
}
div#main h5					
{
	font-size:14px;		
	color: #505050;					/*見出し文字カラーXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	background-image:url(./img_temp7/midashi5.jpg);      
	background-repeat: no-repeat;
	padding: 10px 0px 0px 20px;		/*上右下左*/
	line-height: 100%;		        /*文章間の空き*/
	text-align: left;
	clear: both;
    width: 355px;
	height:31px;
}
div#main h6					
{
	font-size:14px;		
	color: #505050;					/*見出し文字カラーXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	background-image:url(./img_temp7/midashi6.jpg);      
	background-repeat: no-repeat;
	padding: 10px 0px 0px 20px;		/*上右下左*/
	line-height: 100%;		        /*文章間の空き*/
	text-align: left;
	clear: both;
    width: 355px;
	height:31px;
}

div#main table					
{

    float: left;
	color: #505050;					/*見出し文字カラーXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	text-align: left;
width: 400px;
}
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*/


/*etc用　from*/
div#centering {
	width: 100%;
}
/*etc用　To*/
div#footinside
{
        float: left;
        margin: 30px 0px 30px 0px;		/*上右下左*/    
    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;
}
