@charset "UTF-8";
/* CSS Document */

body, div, ul, li, dl, dt, dd, ol, p, h1, h2, h3, h4, h5, h6, form {
margin : 0;
padding : 0;
}
ul {
list-style : none;
padding : 0;
margin : 0;
}
ol, dl {
list-style : none;
}
img {
border : 0;
vertical-align : top;
}
body {
background-color : #000000;
background-image : url(../images/background.jpg);
background-position : top;
background-repeat : no-repeat;
background-attachment : fixed;
color : #000000;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 20px;
}
h2 {
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 30px;
color : #000000;
text-decoration : underline;
margin-top : 60px;
font-style : oblique;
}
h2 span {
background : #0cc;
}
#enter a {
color : #ffcc00;
text-decoration : none;
}
#enter a:hover {
color : #0cc;
text-decoration : underline;
}
#wrapper {
width : 1024px;
margin : 0 auto;
}
#Top_wrapper {
width : 1024px;
margin : 0 auto;
background-image : url(../images/top_navi.png);
background-position : top;
background-repeat : no-repeat;
padding : 15px 0 0 305px;
width : 692px;
height : 69px;
position : fixed;
}
#Top_navi {
display : inline;
}
#Top_navi li {
list-style-type : none;
float : left;
padding : 0 15px 10px 15px;
}
#Top_navi li a {
text-decoration : none;
color : #000000;
}
#Top_navi li a:hover {
text-decoration : none;
color : #ffffff;
}
#left_box {
width : 271px;
float : left;
}
#logo {
float : left;
padding : 0 0 30px 0;
}
#left_navi {
width : 200px;
float : left;
padding : 0 0 30px 11px;
}
#left_navi li {
text-align : right;
list-style-type : none;
color : #ffcc00;
border-bottom-width : 1px;
border-bottom-style : dotted;
border-left-color : #ffcc00;
}
#left_navi li a:hover {
color : #ffffff;
text-decoration : underline;
background-image : url(../images/over.png);
background-position : left top;
background-repeat : repeat;
}
#left_navi li a {
color : #ffcc00;
text-decoration : none;
}
#left_navi_detail {
font-size : 15px;
width : 200px;
padding : 30px 0 0 11px;
}
#left_navi_detail li {
text-align : right;
list-style-type : none;
color : #0cc;
border-bottom-width : 1px;
border-bottom-style : dotted;
border-left-color : #0cc;
}
#left_navi_detail li a {
color : #0cc;
text-decoration : none;
}
#left_navi_detail li a:hover {
color : #ffffff;
text-decoration : underline;
background-image : url(../images/over_blue.png);
background-position : left top;
background-repeat : repeat;
}
#right_box {
width : 723px;
float : right;
padding : 150px 0 0 30px;
color : #ffcc00;
}
#right_box p {
line-height : 30px;
}
#right_box a {
color : #0cc;
text-decoration : none;
}
#right_box a:hover {
color : #ffcc00;
text-decoration : underline;
}
#right_box p span {
color : #000000;
background-color : #ffcc00;
font-style : oblique;
}
#right_box li span {
color : #0cc;
text-decoration : underline;
}
#right_box li a {
color : #ffcc00;
text-decoration : none;
}
#right_box li a:hover {
color : #ffcc00;
text-decoration : underline;
}
#right_box ul#detail {
padding : 0 0 30px 0;
}
#right_box ul#information {
padding : 30px 0 0 0;
}
#right_box ul#information li.detail {
font-size : 16px;
padding : 15px 0 0 0;
}
#image_box {
width : 594px;
background-color : #000000;
padding : 15px 15px 15px 15px;
}
#book {
background-color : #0cc;
padding : 10px 10px 10px 10px;
width : 600px;
}
#footer {
font-size : 13px;
font-style : oblique;
line-height : 20px;
color : #333333;
width : 944px;
float : left;
padding : 80px 40px 0 40px;
}
.fav {
width : 140px;
float : left;
padding : 0 0 40px 170px;
}
#footer ul li span {
font-weight : bold;
font-size : 17px;
line-height : 40px;
color : #f36;
}
#footer ul li a {
color : #333333;
text-decoration : none;
}
#footer ul li a:hover {
color : #ffcc00;
text-decoration : underline;
}
#copy {
width : 424px;
text-align : right;
float : left;
padding : 15px 260px 15px 260px;
border-top : 1px dotted #ccc;
}