*, html{margin:0;padding:0;}

img {border:none;}
ul,ol{margin:0;padding:0;}
ul li {list-style: none;}
ul li a{border:none; text-decoration: none;}
ul li a:hover {text-decoration: underline;}

body {margin: 0; padding: 0; font-family: arial, sans-serif, Osaka, verdana; color: #333; text-align: center; font-size: 12px;}

a { color: #d9af1e; text-decoration: none;}

 
/* container */

#container {
width: 792px;
margin: 0 auto;
text-align: left;
}
#container h1 {
display: block;
width: 790px;
padding: 45px 279px 27px 0;
background: url(img/head.jpg) no-repeat;
}
#container h1 a {
display: block;
width: 509px;
height: 86px;
}
#container h1 a span {
display: none;
}
#container .main_img {
display: block;
width: 790px;
height: 173px;
background: url(img/image.jpg) no-repeat;
}
#container .main_img span {
display: none;
}


/* Content */
#text_mainarea {
float: left;
width: 520px;
letter-spacing: 2px;
margin-top: 20px;
} 
#text_mainarea h2 {
font-size: 13px;
background: url(img/info.gif) no-repeat left;
color: #111;
padding: 10px 0 10px 36px;
font-weight: normal;
} 
#text_mainarea .info {
padding: 10px;
line-height: 140%;
margin: 0 0 20px 0;
border: 1px solid #333;
}
#text_mainarea .info li {
padding-bottom: 10px;
}
#text_mainarea h3 {
padding: 35px 0 30px 80px;
font-size: 26px;
background: url(img/pagetitle.gif) no-repeat left;   
color: #222;
}
 
#text_mainarea .block_in { 
padding: 20px;
line-height: 260%;
font-size: 15px;
}
.gnr {
padding: 20px;
}
.gnr li { padding: 5px; margin: 10px; font-size: 16px; font-weight: bold;}

#text_mainarea .totop {
margin: 20px 0; 
text-align: right;
}
#text_mainarea .totop a {
color: #d9af1e;
padding: 5px;
}
#text_mainarea .totop a:hover {
color: #fff;
background-color: #d9af1e;
}

/* left list*/
#topicsarea {
float: right;
width: 260px;
line-height: 200%;
letter-spacing: 2px;
margin-top: 20px;
}
#topicsarea ul li{
border-bottom: 1px dotted #aaa;
padding: 4px;
}
#topicsarea ul.pagelist li#list_top a {
display: block;
width:248px;
height: 59px;
background: url(img/list_top.gif) no-repeat;
margin: 4px 0 0 6px; 
border: none;
}
#topicsarea ul.pagelist li#list_top a span {
display: none;
}
#topicsarea ul.pagelist {
border: 1px solid #aaa;
margin: 15px 0;
}
#topicsarea ul.pagelist li {
border: none;
padding: 0;
}
#topicsarea ul.pagelist li a {
display: block; 
background: url(img/mark.gif) no-repeat left;
color: #555;
margin: 2px 6px;
border-bottom: dashed 1px #aaa;
border-right: 4px solid #555;
}
#topicsarea ul.pagelist li a:hover {
color: #222;
border-right: 4px solid #222;
text-decoration: none;
}
#topicsarea ul.pagelist li a span {
display: block;
padding: 10px 5px 10px 24px;
}
/* foot */
#footarea {
clear: both;
letter-spacing: 2px;
background: #562b2b url(img/footarea.gif) repeat-x;
padding-top: 10px;
}
#footarea a {
color: #c69797;
}
#footarea a:hover {
color: #fff;
text-decoration: none;
}
#footarea ul.foot_box {
padding: 10px;
}

#footarea ul.foot_box li {
display: inline;
padding: 0 10px;
border-left: solid 1px #c69797;
line-height: 160%;
}
#footarea p {
padding: 10px;
color: #fff;
}
#footarea ul {
padding: 10px;
width: 792px;
margin:0 auto;
text-align: left;
color: #fff;
}