@charset "utf-8";

/* 基本 */
body,div,p,span,ul,ol,li,th,tr,td,table,h1,h2,h3,h4,h5,h6,img{
margin:0 auto;
text-align:center;
padding:0;
border:0;
font-size:100%;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

li{list-style-type:none;}

.clear{clear:both;}
.hide{display:none;}

a:link {color:#0b0c38;text-decoration:underline;}
a:visited {color:#0b0c38;text-decoration:underline;}
a:hover {color:#e33600;text-decoration:none;}
a:active {color:#e33600;text-decoration:none;}

/* 中身 */

body{
background-color:#0b0c38;
}

div#container{
width:800px;
}

div#contentsbox{
width:800px;
background:#FFF url(../img/contents_top.gif) no-repeat 0 0;
margin-top:1px;
}
div#contentsbox div#contents{
width:760px;
margin-left:40px;
padding-bottom:30px;
}
div#contentsbox div#contents p#lead{
padding-top:28px;
margin-right:40px;
font-size:75%;
text-align:left;
color:#0b0c38;
line-height:1.4;
}
div#contentsbox div#contents div.book{
width:188px;
float:left;
text-align:left;
margin-top:20px;
position:relative;
}
div#contentsbox div#contents div.book div.pop img{
border:none;
position:absolute;
margin-top:0px;
top:0px;
left:126px;
}
div#contentsbox div#contents div.book img{
border:#f0f0f0 solid 1px;
margin-top:23px;
}
div#contentsbox div#contents div.book p{
font-size:75%;
margin-left:30px;
margin-top:8px;
text-align:left;
font-weight:bold;
color:#e33600;
}
div#contentsbox div#contents div.book p a{
color:#e33600;
}
div#contentsbox div#contents h2{
width:710px;
margin-top:50px;
margin-left:0px;
margin-right:40px;
text-align:left;
color:#e33600;
border-top:#e33600 solid 1px;
border-bottom:#e33600 solid 1px;
font-size:90%;
padding:5px 0px 5px 10px;
}
div#contentsbox div#contents ul{
width:750px;
margin-left:10px;
}
div#contentsbox div#contents ul li{
text-align:left;
margin-top:20px;
padding-left:14px;
background:url(../img/arrow.gif) no-repeat 0 3px;
width:361px;
float:left;
font-size:80%;
}
div#contentsbox div#contents ul li a{
font-weight:bold;
margin-right:5px;
}

/* ヘッダー・フッター */

div#pageheader{
width:800px;
height:28px;
line-height:28px;
background-color:#faf5e2;
font-size:70%;
color:#f1d69d;
}
div#pageheader ul{
text-align:right;
margin-right:21px;
}
div#pageheader li{
display:inline;
}
div#pageheader li a{
color:#0b0c38;
margin-left:8px;
margin-right:8px;
}

div#header{
width:800px;
height:235px;
background:url(../img/header.gif) no-repeat 0 0;
}

div#footer{
width:800px;
height:34px;
line-height:34px;
background:url(../img/footer.gif) no-repeat 0 0;
}
div#footer #footertitle{
margin-left:20px;
float:left;
font-size:80%;
color:#0b0c38;
}
div#footer #footeranchor{
margin-right:20px;
float:right;
font-size:70%;
}
div#footer #footeranchor a{
color:#0b0c38;
}

div#pagefooter{
width:800px;
height:18px;
line-height:18px;
padding-top:13px;
color:#555574;
background:url(../img/footer_bg.gif) no-repeat 0 13px;
font-size:80%;
margin-bottom:30px;
}
div#pagefooter div#footercopyright{
float:left;
}
div#pagefooter div#footernavi{
float:right;
margin-right:21px;
}
div#pagefooter div#footernavi ul{
text-align:right;
}
div#pagefooter div#footernavi li{
display:inline;
}
div#pagefooter div#footernavi li a{
color:#9d9eaf;
margin-left:3px;
margin-right:3px;
}


/* ポップアップ */

body#popup{
padding:25px;
}
body#popup p{
font-size:75%;
font-weight:bold;
margin-top:20px;
}
body#popup p a{
color:#FFF;
}