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

*{
	margin: 0px;
	padding: 0px;
}
body 
{
	line-height: 100%;
}
img {
    border-style: none;
    border-color: inherit;
    border-width: 0;
        
}
table {
    border-style: none;
    border-color: inherit;
    border-width: 0; 
}
tr {
    border-style: none;
    border-color: inherit;
    border-width: 0; 
}
td {
    border-style: none;
    border-color: inherit;
    border-width: 0; 
}
div#page {
	width: 100%;
	background-image: url('./mfimg/machihuraback.jpg');
	/*背景*/
}
div#innerpage {
    background-color: #ffffff;
    width: 900px;
}
div#indexinnerpage {
	background-image: url('./mfimg/machihuraback.jpg');
    width: 900px;
}
div#head 
{
    float: left;
    width: 900px;				/*全体の幅を変える場合はこちら （２箇所あります）a1*/
}
/*レフト-----------------------------------------------------------------------------------------------------------------------------*/
div#left 
{
    float: left;
	margin: 0px 0px 0px 0px;		/*上右下左*/

	width: 172px;		
}
div#imagebutton {
	float:left;
	text-align: left;
	text-decoration: none;
	font-size:10pt;				/*レフトボタンの文字のサイズ */
	line-height:25px;				/*レフトボタンの高さはこちら */	
	width: 172px;	
	
}
ul.leftlistitem{
	list-style-type:none;
	float:left;
	width: 170px;				/*レフトボタンの幅はこちら */
	border-top: 1px solid #CCCCCC;		/*見出しボーダー上XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	border-bottom: 0px solid #CCCCCC;		/*見出しボーダー下XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	border-right: 1px solid #CCCCCC;		/*見出しボーダー右XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	border-left: 1px solid #CCCCCC;		/*見出しボーダー左XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/	
}
ul.leftlistitem li
{
    background-color: #f5f7f7;
	float:left;
	width: 140px;				/*レフトボタンの幅はこちら */	
/*	background-image:url(./img/categorybutton.jpg);*/
    padding: 0px 0px 0px 30px;		/*上右下左*/
	font-size:10pt;
	text-decoration: none;
}
/*マウスオーバーの画像変更 background:urlとwidthを変更↓*/
a.widelink {   
	display: block;			/*必須*/ 
	width: 100%;			/*必須*/
}
a.widelink:hover {     
	/*background:url(./img/categorybuttonura.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: 511px;				/*コンテンツの幅はこちら　1/3*/
    float: left;

    padding: 0px 8px 0px 15px;		/*上右下左*/
    text-align: left;
    font-size: 80%; /*文章のフォントサイズ*/
    color: #505050;
	background-color: #ffffff;
}
div#main p 
{
    float: left;
    text-align: left;
    width: 480px;				/*文章のの幅はこちら*/
    font-size: 12px; /*文章のフォントサイズ*/
    line-height: 150%; /*文章間の空き*/
    padding: 10px 0px 10px 10px;		/*上右下左*/
    color: #505050;

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

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

}
div#largemain p 
{
    float: left;
    text-align: left;
    width: 673px;				/*文章のの幅はこちら*/
    font-size: 14px; /*文章のフォントサイズ*/
    line-height: 150%; /*文章間の空き*/

    color: #505050;
	background-color: #fce3ed;
}
div#largemain h1					
{
	font-size:14px;		
	color: #505050;					/*見出し文字カラーXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	background-image:url(myimg/midashipink.jpg);       
	background-repeat: no-repeat;
	padding: 5px 0px 0px 20px;		/*上右下左*/
	line-height: 100%;		        /*文章間の空き*/
	text-align: left;
	clear: both;
	width:673px;	
	height:28px;
}
div#ranking {
    width: 500px;				/*コンテンツの幅はこちら　1/3*/
    float: left;
    color: #505050;
}
div#ranking h2 
{
    float: left;
    text-align: left;
    width: 400px;				/*文章のの幅はこちら*/
    font-size: 17px; /*文章のフォントサイズ*/
    line-height: 100%; /*文章間の空き*/
    color: blue;
}
div#thread 
{
    	font-size:12px;	
    width: 511px;				/*コンテンツの幅はこちら　1/3*/
    float: left;
    color: #505050;
}
div#thread h2 
{

    float: left;
    text-align: left;
    width: 430px;				/*文章のの幅はこちら*/
    font-size: 15px; /*文章のフォントサイズ*/
    line-height: 100%; /*文章間の空き*/
    color: blue;
}
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;
}
div#machifoot
{
        float: left;
	border-top: 1px solid #cccccc;
	text-align: left;
	padding: 10px 0px 10px 0px;		/*上右下左*/
}
div#machifoot dl
{
    float: left;
    font-size: 12px; /*文章のフォントサイズ*/	
    padding: 10px 0px 0px 20px;		/*上右下左*/
    color: #666666;	
	width:108px;
	
}
div#machifoot ul
{
	list-style-type:none;
}
div#machifoot h1					
{
	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:100px;	
	height:31px;
}
div#foot 
{
            float: left;
	border-top: 0px solid #333333;
	text-align: center;
	font-size:12pt;
	width: 100%;
}
div#profileEdit table
{
     border-collapse:collapse;
    
}

td.profile
{
    padding: 10px 5px 10px 5px;		/*上右下左*/
	border: solid 1px pink;
	border-style:dotted;
}
/*FTB用 from*/
.left { 
	float: left;
	margin: 0px 10px 10px 10px;
} 
.right { 
	float: right;
}

/*FTB用 To*/


/*etc用　from*/
div#centering {
	width: 100%;
}
/*etc用　To*/