/* CSS Document */

body {
margin-left: 0px;
margin-top: 0px;
background: url(common/bodybg.jpg) repeat-x;
background-color: #FFFFFF;
font-size:small;
color: #333333;
}

h1 {
margin: 0px;
}

.smalltext {
font-size: smaller;
}


/* wrap */
#wrap {
position: relative;
width: 760px;
margin: 0px auto;
background: url(images/topmain_bg.jpg) repeat-y;
padding: 0px;
}



/* header */
#header {
width: 760px;
height: 315px;
background: url(images/top_01.jpg);
padding: 0px;
text-indent: -9999px;
}

#headmenu {
width: 720px;
height: 25px;
padding: 15px 40px 0px 0px;
text-indent: 0px;
text-align: right;
color: #FFFFFF;
}

#about {
display: block;
margin: 178px 553px 0px 43px;
width: 164px;
height: 38px;
}

#about a {
display: block;
width: 164px;
height: 39px;
background: url(images/about_l_all.gif) no-repeat;
position: 0px 0px;
text-indent: -9999px;
text-decoration: none;
}

#about a:hover {
background: url(images/about_l_all.gif) no-repeat 0px -39px;
}




/* nav */
#nav {
display: block;
width: 749px;
height: 31px;
padding: 0px 0px 0px 11px;
margin: 0px;
background:url(images/top_02.jpg) no-repeat;
}

ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}

#nav li {
display: inline;
float: left;
margin: 0px;
}


#about_cdm a {
display: block;
width: 122px;
height: 31px;
text-decoration: none;
background:url(common/tag_all.gif) no-repeat;
position: 0px 0px;
text-indent: -9999px;
overflow: hidden;
}

#whats a {
display: block;
width: 102px;
height: 31px;
text-decoration: none;
background:url(common/tag_all.gif) no-repeat -122px 0px;
position: 0px 0px;
text-indent: -9999px;
overflow: hidden;
}

#rikujoh a {
display: block;
width: 102px;
height: 31px;
text-decoration: none;
background:url(common/tag_all.gif) no-repeat -224px 0px;
position: 0px 0px;
text-indent: -9999px;
overflow: hidden;
}

#kaijoh a {
display: block;
width: 102px;
height: 31px;
text-decoration: none;
background:url(common/tag_all.gif) no-repeat -326px 0px;
position: 0px 0px;
text-indent: -9999px;
overflow: hidden;
}

#jisseki a {
display: block;
width: 102px;
height: 31px;
text-decoration: none;
background:url(common/tag_all.gif) no-repeat -428px 0px;
position: 0px 0px;
text-indent: -9999px;
overflow: hidden;
}

#books a {
display: block;
width: 102px;
height: 31px;
text-decoration: none;
background:url(common/tag_all.gif) no-repeat -530px 0px;
position: 0px 0px;
text-indent: -9999px;
overflow: hidden;
}

#contact a {
display: block;
width: 103px;
height: 31px;
text-decoration: none;
background:url(common/tag_all.gif) no-repeat -632px 0px;
position: 0px 0px;
text-indent: -9999px;
overflow: hidden;
}


#about_cdm a:hover {
background: url(common/tag_all.gif) no-repeat 0px -31px;
}

#whats a:hover {
background: url(common/tag_all.gif) no-repeat -122px -31px;
}

#rikujoh a:hover {
background: url(common/tag_all.gif) no-repeat -224px -31px;
}

#kaijoh a:hover {
background: url(common/tag_all.gif) no-repeat -326px -31px;
}

#jisseki a:hover {
background: url(common/tag_all.gif) no-repeat -428px -31px;
}

#books a:hover {
background: url(common/tag_all.gif) no-repeat -530px -31px;
}

#contact a:hover {
background: url(common/tag_all.gif) no-repeat -632px -31px;
}


#about_cdm_st a {
display: block;
width: 122px;
height: 31px;
text-decoration: none;
background:url(common/tag_all.gif) no-repeat 0px -62px;
position: 0px 0px;
text-indent: -9999px;
overflow: hidden;
cursor: default;
}

#whats_st a {
display: block;
width: 102px;
height: 31px;
text-decoration: none;
background:url(common/tag_all.gif) no-repeat -122px -62px;
position: 0px 0px;
text-indent: -9999px;
overflow: hidden;
cursor: default;
}

#rikujoh_st a {
display: block;
width: 102px;
height: 31px;
text-decoration: none;
background:url(common/tag_all.gif) no-repeat -224px -62px;
position: 0px 0px;
text-indent: -9999px;
overflow: hidden;
cursor: default;
}

#kaijoh_st a {
display: block;
width: 102px;
height: 31px;
text-decoration: none;
background:url(common/tag_all.gif) no-repeat -326px -62px;
position: 0px 0px;
text-indent: -9999px;
overflow: hidden;
cursor: default;
}

#jisseki_st a {
display: block;
width: 102px;
height: 31px;
text-decoration: none;
background:url(common/tag_all.gif) no-repeat -428px -62px;
position: 0px 0px;
text-indent: -9999px;
overflow: hidden;
cursor: default;
}

#books_st a {
display: block;
width: 102px;
height: 31px;
text-decoration: none;
background:url(common/tag_all.gif) no-repeat -530px -62px;
position: 0px 0px;
text-indent: -9999px;
overflow: hidden;
cursor: default;
}

#contact_st a {
display: block;
width: 102px;
height: 31px;
text-decoration: none;
background:url(common/tag_all.gif) no-repeat -632px -62px;
position: 0px 0px;
text-indent: -9999px;
overflow: hidden;
cursor: default;
}



/* maincol */
#maincol {
display: block;
width: 760px;

}


.bg_gr {
float: left;
background: url(images/maincol_bg.jpg) no-repeat;
}



#leftcol {
position: relative;
float: left;
width: 210px;
padding: 15px 10px 15px 25px;
}

#pickuptable {
width: 210px;
padding: 0px 3px 0px 3px;
}

#pickphoto {
width: 69px;
}

#pickcomment {
width: 129px;
font-size: smaller;
vertical-align: top;
}


#rightcol {
position: relative;
float: right;
width: 510px;
padding: 0px;
}



.manual_dl a {
display: block;
width: 120px;
height: 60px;
margin-top: 10px;
margin-left: 15px;
padding: 0;
background: url(images/dlbutton_top.gif) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

.manual_dl a:hover {
background: url(images/dlbutton_top.gif) no-repeat 0px -60px;
}






#topic {
float: left;
width: 283px;
padding: 15px 10px 15px 15px;
}

#topictable {
width: 273px;
padding: 0px 3px 0px 3px;
}

#topic_date_td {
vertical-align: top;
width: 45px;
}

#topic_contents_td {
width: 216px;
}

#topics_attn {
width: 283px;
text-align: right;
font-size: smaller;
}




#info {
float: right;
width: 157px;
padding: 15px 25px 15px 15px;
}

#topbooks {
width: 157px;
padding: 0px 3px 0px 3px;
}

#top_books_photo {
width: 57px;
}

#top_books_comment {
width: 88px;
vertical-align: top;
font-size: smaller;
}

#top_books_attn {
width: 157px;
text-align: right;
font-size: smaller;
}

.clear_left{
clear: left;
}

.clear_right{
clear: right;
}

.clear_both{
clear: both;
}




/* textmenu */
#textmenu {
clear: both;
width: 760px;
height: 22px;
padding: 12px 0px 0px 0px;
background: url(images/top_04.jpg);
}

#text_menu {
width: 760px;
padding: 3px 0px 3px 0px;
text-align: center;
color: #333333;
}



/* footer */
#footer {
width: 760px;
height: 50px;
padding: 0px;
background:url(images/top_05.jpg) no-repeat;
text-indent: -9999px;
}