/*ＢＯＤＹ部分です。*/


body {
height:100% ;
background:url(../img/index/body/haikei.jpg) no-repeat  ;
background-attachment:fixed ;
}

/*ナビゲーション部分の枠です。*/
#navi {
         position:relative ;
         margin-top:0 ; margin-left:auto ; margin-right:auto ; margin-bottom:10px ;
         width: 900px; height: 30px; 
         border-top: 1px solid;
         border-bottom: 1px solid;
         border-top-color: #2F4F4F;
         border-bottom-color: #A9A9A9;
         background-color: #FFFAFA; 
                  
}

/*extra部分の枠です。*/
#extra {
         position:relative ;
         margin:0 auto ;
         width: 900px; height:;
         border-top: 1px solid;
         border-bottom: 1px solid;
         border-top-color: #2F4F4F;
         border-bottom-color: #A9A9A9;
         background-color: #F5F5F5;  
}


/*subとmainを囲んである枠になります。（センタリングの為に必要です。)横幅はheaderのサイズにborderの2px×4を足します*/
#container {
            position:relative ;
            margin-top:0 ; margin-left:auto ; margin-right:auto ; margin-bottom:0 ;
            width: 904px ; height:900px; 
 　　　　   padding:0px ;
            border:0 ;
         
 }

/*サブメニューの為の枠です。*/
#sub {
         overflow:auto ;
         position:absolute ; top:0px ; left:0px ;
         margin:0 ;
         width: 300px; height:900px; 
         border: 2px solid;
         border-top-color: #2F4F4F;
         border-right-color: #2F4F4F;
         border-bottom-color: #A9A9A9;
         border-left-color: #A9A9A9;
         background-color: #fffff0          
 }

/*メインコンテンツの為の枠です。*/
#main {
         overflow:auto ;
         position:absolute ; top:0px ; left:304px ;
         margin:0 ;     
         width: 596px; height:900px ; 
         border: 2px solid;
         border-top-color: #2F4F4F;
         border-right-color: #2F4F4F;
         border-bottom-color: #A9A9A9;
         border-left-color: #A9A9A9;
         background-color: #fffff0          
 }


/*メルマガ部分の枠です。*/
#merumaga {
            padding:0 ;
            position:relative ;
            margin-top:0 ; margin-left:auto ; margin-right:auto ; margin-bottom:5px ;
            overflow:hidden ;
            width: 900px; height:120px; 
            border: 1px solid;
            border-top-color: ;
            border-right-color: #2F4F4F;
            border-bottom-color: ;
            border-left-color: #A9A9A9;
            background-color: #f5f5f5;
}


/*フッター部分の枠です。*/
#footer {
         position:relative ;
         margin:0 auto ;
         width: 900px; height: 50px; 
         border: 1px solid;
         border-top-color: #A9A9A9;
         border-right-color: #A9A9A9;
         border-bottom-color: #A9A9A9;
         border-left-color: #A9A9A9;
         background-color: #f5f5f5;          
}

/*ここから下は、親ＢＯＸ（container）の高さを自動反映させるための手段です。。*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */