/* ---------- ボディエリア ---------- */
body{
       margin : 0px;
       padding : 0px;
       font-family : "ＭＳ Ｐゴシック",osaka,sans-serif;
       background-image: url(top_parts/body_bg.jpg);
       background-repeat : repeat-x;
       background-color : #ece4d1;
       }
       
/* ---------- wrapperエリア ---------- */             
#wrapper1{
	          width : 780px;
	          height : auto;
	          margin : 0px;
	          padding : 0px;
	          color : #3a0b00;
	          background-image: url(top_parts/wrapper1_bg.jpg);
              background-repeat : repeat-y;
              }   
              
#wrapper2{
	          width : 780px;
	          height : auto;
	          margin : 0px;
	          padding : 0px;
	          color : #3a0b00;
	          background-image: url(top_parts/wrapper2_main-img.jpg);
              background-repeat : no-repeat;
              background-position : top left;
              }                 
              
/* ---------- ヘッダー ---------- */
#header{
       	   width : 780px;
	       height : 160px;
	       margin : 0px;
	       padding : 0px;
           }
                 
h1{
        margin : 0px;
        padding : 0px;
        position : absolute;
        top : 100px;
        left : 570px;
    }   
    
#login{ 
        position : absolute;
        top : 132px;
        left : 20px;
        }   
#header #login p { 
	margin: 0;
	padding: 0;
}
#sub_menu{
               margin : 5px 0px 0px 0px;
               float : right;
               }           
           
#sub_menu p{
                 margin : 0px;
                 padding : 0px;
                 color : #fdbf01;
                 font-size : 90%;
                 float : left;
                 }    
                 
#sub_menu p a{
                    color : #fff;
                    text-decoration : none;
                    }                               
    
/* ---------- メインメニュー ---------- */
#mainmenu{
	           clear: both;
    	       width: 760px;
	           background-color: #fff;
	           font-size: 80%;
	           color : #000;
	           margin: 0px 0px 0px 20px;
	           padding : 0px;
               }
               
#mainmenu p{
                 float : left;
                 margin : 0px;
                 padding : 0px;
                 }                               
        
/* ---------- コンテンツエリア ---------- */
img{
      border-style : none;
      }
      
#mainarea{
              width: 760px;
              margin : 0px 0px 0px 20px;
              padding : 0px;
              background-color : #fff;
              }    
              
#contents{
              width : 580px;
              margin : 0px;
              padding : 0px;
              float : left;
              background-color : #fff;
              }   
              
#contents h2{
                 margin : 5px 0px 0px 35px;
                 padding : 0px;
                 }                           
                   
#contents_l{
               margin : 0px 0px 0px 5px;
               padding : 0px;
               height : 1%;
	           float : left;
	           width : 280px;
                }
                
#contents_l h2{
	               margin : 8px 0px 5px 0px;
	               padding : 0px 0px 0px 10px;
	               color : #3a0b00;
	               font-size : 100%;
	               background-image : url(top_parts/osusumeicon.gif);
	               background-repeat : no-repeat;
	               background-position : top left;
                   }         
                   
#contents_l h3{
	               margin : 8px 0px 0px 0px;
	               padding : 0px;
	               color : #599a60;
	               font-size : 100%;
                   }        
                   
#contents_l p{
	              margin : 5px 5px 5px 0px;
	              padding : 0px;
	              font-size : 80%;
                  }                                                             
                   
#contents_r{
                    margin : 0px;
	            float : right;
	            width : 280px;
	            height : 1%;
                }    
                
.img_float{
             margin : 0px 5px 2px 2px;
             float : right;
             }   
             
.text_link{
            clear : right;
            }   
            
.text_link strong{
                     color : #f90;
                     }                                               
                
/* ---------- バナー ---------- */                  
#banner{
           margin : 5px 0px 10px 580px;
           padding : 0px;
           height : 1%;
           }   
           
.banner{
          margin : 5px;
          width : 160px;
          height : 40px;
          background-color : #fedea7;
          }      
          
.banner p{    
            text-align : center;
            vertical-align : middle;
            }   
                             
/* ---------- フッター ---------- */             
#footer{
          clear : both;
          margin : 5px 0px 10px 0px;
          padding : 0px;
          text-align: center;
          font-size : 90%;
          }   

#footer p{
          margin : 0px;
          padding : 0px;
          }      

hr{
   margin : 0px;
   padding : 0px;
   width : 540px;
   }                                      
          
/* ---------- トピックス ---------- */   
#contents_r h2{
	               margin : 8px 0px 5px 0px;
	               padding : 0px 0px 0px 10px;
	               color : #3a0b00;
	               font-size : 100%;
	               background-image : url(top_parts/whatsnewicon.gif);
	               background-repeat : no-repeat;
	               background-position : top left;
                   }
              
#contents_r ul{
                   margin : 0px;
                   padding : 0px;
                   width : 274px;
                   list-style-image : url(top_parts/whatsnewicon.gif);
                   background-color : #ffffe0;
                   }
             
#contents_r ul li{
                     margin: 0px 0px 0px 20px;
	             padding : 0px 0px 4px 0px;
	             list-style-image : url(top_parts/hosi.gif);
                     font-size : 80%;
                     line-height : 1.4;
                     color : #3a0b00;
                     }
                     
#contents_r ul li a{             
                        color : #3a0b00;
                        }  

#contents_r p{
              margin : 3px 2px 0px 4px;
              padding : 0px 0px 5px;
              font-size : 80%;
              line-height : 1.4;
              color : #3a0b00;
              }