@charset "utf-8";
* { 
margin : 0; 
padding : 0; 
color : #000; 
font : normal 10px Verdana; 
line-height : 200%; 
letter-spacing : 0.2em; 
} 
body { 
background : #fff url(img/back02.gif) repeat-y left center; 
} 
a { 
text-decoration : none; 
font-weight : bold; 
} 
a:hover { 
color : #ccc; 
} 
br { 
letter-spacing : normal; 
} 
p { 
margin-bottom : 10px; 
} 
h1, h2, h3, h4, h5, h6 { 
font-style : normal; 
} 
h1 { 
color : #000; 
font : bold 28px 'Georgia'; 
line-height : 90%; 
letter-spacing : 0.8em; 
padding-bottom : 5px; 
} 
h2 { 
padding-left : 10px; 
background : url(img/back01.gif) bottom 0%; 
} 
h3 { 
padding-left : 10px; 
background-image : url(img/back01.gif); 
} 
h4 { 
text-align : right; 
padding-right : 10px; 
background : url(img/back01.gif) bottom 0%; 
} 
h5 { 
text-align : right; 
padding-right : 10px; 
background-image : url(img/back01.gif); 
} 
body#INDEX { 
background :#fff url(img/back01.gif); 
} 
#HEADER, #MENU, #SUBMENU, #FREE, #BOX { 
position : absolute; 
} 
#HEADER { 
top : 30%; 
left : 10%; 
width : 30%; 
} 
#MENU { 
top : 42%; 
left : 10%; 
width : 30%; 
} 
#SUBMENU { 
top : 50%; 
left : 15%; 
width : 25%; 
height : 150px; 
overflow : auto; 
} 
#SUBMENU ul { 
list-style : none; 
padding-bottom : 200px; 
} 
#FREE { 
top : 80%; 
left : 10%; 
width : 30%; 
} 
#BOX { 
top : 0; 
left : 40%; 
height : 100%; 
width : 60%; 
} 
iframe { 
overflow : auto; 
} 
#CONTAINER { 
margin : 30px 80px; 
} 
.text { 
margin : 10px; 
}