* { 
    margin: 0;
    padding: 0;
}

body {
	margin: 0 auto;
	background-repeat: repeat-x;
	background-color: gray;
	text-align: center;
	color: #333333;
}

img {
    vertical-align: bottom;
}



/* hyper link */
a {
    color: #00708c;
    background-color: transparent;
}

a:link,
a:visited {
    text-decoration: underline;
}

a:visited {
    color: #00708c;
}

a:hover,
a:active {
    color: #0a94b6;
    text-decoration: none; 
}



/* wrapper */
#wrapper {
    margin: 0;
    padding: 0;
}



/* container */
#container {
    width: 770px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    overflow: auto;
}



/* header */
#header {
    width: 770px;
    margin: 0;
    padding: 0;
}



/* main */
#main {
    margin: 0;
    padding: 0;
    clear: both;
}



/* topbox */
#topbox {
    width: 770px;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    clear: both;
}




/* topright */
#topright {
    width: 550px;
    margin: 10px 5px 0 0;
    padding: 0 0 40px 0;
    float: right;
}



/* topics */
#topics {
    width: 550px;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 80%;
}

.infodata dl {
    padding: 0;
    margin: 0;
}

.infodata dt {
    float: left;
    width: 80px;
    padding-top: 8px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 10px;
    margin: 0;
}

.infodata dd {
    float: left;
    width: 440px;
    padding: 6px 0px;
    margin: 0;
    border-bottom: #cccccc 1px dotted;
}



/* about */
.about {
    margin: 0;
    padding: 0 0 0 5px;
    text-align: center;
}

.about li{
    margin: 0;
    padding: 0;
    list-style: none;
}

.about li p{
    margin: 0;
    padding: 0 10px 0 10px;
    text-align: left;
    font-size: 70%;
}



/* topleft */
#topleft {
    width: 200px;
    margin: 0;
    padding: 0;
    float: left;
}

.side_u {
    margin: 10px 0 0 0;
    float: left;
}



/* banner */
#banner {
    width: 200px;
    height: 380px;
    margin: 0;
    padding: 0;
    background : url(side_bg.gif) repeat-y center top;
}

#banner_page {
    width: 200px;
    margin: 0;
    padding: 0 0 50px 0;
}

#banner li{
    margin: 0;
    padding: 0;
    list-style: none;
}



/* footer */
#footer {
    margin: 0 auto;
    width: 770px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    background : url(footer.gif) no-repeat center top;
    clear: both;
}

#copyright {
    margin: 0;
    padding: 15px 0 0 0;
    font-size: 70%;
    color: #333333;
    text-align: center;
    overflow: auto;
}
























/* pagebox */
#pagebox {
    width: 770px;
    margin: 0;
    padding: 0;
	background : url(page_bg.gif) repeat-y center top;
    background-color: #ffffff;
    overflow: auto;
    clear: both;
}



/* contents */
.contents {
    width: 555px;
    margin: 0;
    padding: 10px 0 25px 0;
    clear: both;
}

.contents h3{
    width: 550px;
    margin: 0 0 5px 0;
    padding: 7px 0 5px 5px;
    background-color: #eff2f4;
    border-bottom: #e0e4e9 1px solid;
    border-right: #e0e4e9 1px solid;
    border-left: #1E81BA 4px solid;
    font-size: 95%;
    text-align: left;
}

.contents p{
    margin: 0 0 0 8px;
    padding: 0 17px 0 0;
    text-align: left;
    font-size: 80%;
}

.contents ul{
    margin: 0 0 0 10px;
    padding: 0 10px 0 0;
    text-align: left;
    font-size: 80%;
}

.contents li{
    margin: 0;
    padding: 5px 0 0 0;
    list-style: none;
}

.contents td{
    margin: 0;
    padding: 0 0 0 5px;
    font-size: 80%;
}