/* 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;
}

a:link{
color:#0066FF;
}
a:visited{
color:#0033FF;
}
a:active{
color:#0000FF;
}
a:hover{
color:#FF3333;
}

.smalltext {
font-size: smaller;
}


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



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

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

#about {
display: block;
margin: 35px 578px 0px 30px;
width: 152px;
height: 27px;
}

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

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




/* nav */
#nav {
display: block;
width: 749px;
height: 31px;
padding: 0px 0px 0px 11px;
margin: 0px;
background:url(images/inner_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 {
	float: left;
	width: 600px;
	background: url(common/inner_bg.jpg);
}

#contents {
background:url(common/maincol_bg.jpg) no-repeat;
width: 556px;
padding: 10px 20px 10px 24px;
}

#pankuzu {
width: 556px;
padding: 0px;
font: x-small;
color: #666666;
}

#title {
width: 556px;
padding: 10px 0px 10px 0px;
}

#subtitle {
width: 556px;
padding: 0px;
}


/*----------------*/
/*関連書籍ページ*/
/*----------------*/

.reaf_dl a {
display: block;
width: 150px;
height: 25px;
margin: 0 auto;
padding: 0;
background: url(books/images/reaf_dl_button.gif) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

.reaf_dl a:hover {
background: url(books/images/reaf_dl_button.gif) no-repeat 0px -25px;
}


.file_dl a {
display: block;
width: 150px;
height: 25px;
margin: 0 auto;
padding: 0;
background: url(books/images/reaf_dl_button02.gif) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

.file_dl a:hover {
background: url(books/images/reaf_dl_button02.gif) no-repeat 0px -25px;
}



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

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





/* menu */
#menu {
float: right;
width: 160px;
height: 315px;
background:url(common/menu_bg.jpg);
}

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

#leftmenu a {
display: block;
width: 146px;
height: 17px;
margin: 0px;
padding: 3px 0px 0px 3px;
background:url(common/menu_all.gif) no-repeat;
color:#FFFFFF;
text-decoration: none;
}

#leftmenu a:hover {
background:url(common/menu_all.gif) no-repeat -149px 0px;
color: #FFFFFF;
}

#leftmenu #st a {
background:url(common/menu_all.gif) no-repeat -298px 0px;
color: #333333;
cursor: default;
}

#leftmenu #menutop a {
background:url(common/menu_all.gif) no-repeat -447px 0px;
color: #333333;
cursor: default;
}



/* textmenu */
#textmenu {
clear: both;
width: 760px;
height: 24px;
padding: 3px 0px 0px 0px;
background: url(images/inner_04.jpg);
}

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



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