html,body{width:100%; height:100%; background-color:#000; font:normal 12px/1.4 Tahoma; color:#FFD8A5; text-align:center}
b,strong{font-weight:bold}
img{border:0}
img#logo{margin:62px 0 0 350px}
#box{text-align: left; float: left; width: 200px; height: 170px;}
#sound{float:right; margin:55px 40px 0 0}
.clearer{clear:left}

/* blocks */
body{text-align:center}
#page{width:1000px; position:relative; border:1px solid #000; text-align:left; margin:24px auto 0 auto}
.page-index{background:url(/images/bg_index.jpg) no-repeat}
.page-sub{background:url(/images/bg_sub.jpg) no-repeat}
#nav{width:330px; float:left; margin:0 0 0 0}
#content{width:470px; height:450px; text-align:left; margin:50px 0 0 380px}
#content a{color:#d69a6d; text-decoration:underline}
#content a:hover{color:#ffd8a5}
#content p{margin-bottom:15px}
#content span{font-weight:bold; color:#d69a6d}
.news-index{width:430px; display:block;height:250px; padding-left:100px}
.news-index a{font-weight:bold; color:#894B24; text-decoration:underline}
.news-index a:hover{color:#b9917d}
.news-index div{width:190px; float:left; text-align:center; margin:15px 20px 0 0}
.news-index div p{text-align:justify; margin-top:7px; line-height:normal}
.news-index p{clear:both; margin:9px 0 30px 0}
.news-index p img {vertical-align:middle}

/* footer */
#footer{width:860px; height:80px; display:block; clear:both; font:normal 11px/30px Tahoma; color:#a2705e; text-align:center; margin-left:100px}
#footer img{vertical-align:middle}
#footer div{width:225px; float:right; line-height:normal; text-align:right}
#footer div img{margin:5px 0}
#footer div span{color:#31221c}
#footer a {color:#a2705e;}

.title_text{ 
font-size:16px;
font-family:'Tahoma', serif;
color:#e8dece; 
font-weight:bold;
margin-bottom: 10px;
}