@charset "utf-8";

body {
 margin:0px;
 padding:0px;
 padding-top:3px;
 color:#333;
 font-size:14px;
}
a{
 color:#333;
 text-decoration:none;
}

img { border:0; }
.clear{
 margin:0;padding:0;
 clear:both;
}

/* ヘッダ */
#head {
 width:800px;
 height:60px;
 margin:10px auto;
}
#head h1{
 margin:0;padding:0;
 width:260px;
 height:60px;
 float:left;
 text-indent:-100000px;
 background: url("./images/bg_title.gif") top left repeat-x ;
}
#head h1 a{
 display:block;
 width:260px;
 height:60px;
}
/* ヘッダメニュー */
ul#head-menu{
 margin-top:32px;
 margin-left:60px;
 padding:0;
 width: 400px;
 height: 23px;
 float:left;
 list-style: none;
 background: url(./images/bg_menu.gif);
}
#head-menu li {
 float:left;
}
#head-menu li a {
 display: block;
 height: 23px;
 text-indent: -9999px;
}
li#head-books{ width:  57px; }
li#head-pr{ width:  41px; margin-left:21px;}
li#head-magazines{ width:  93px;  margin-left:16px;}
li#head-website{ width:  74px; margin-left:16px;}
li#head-profile{ width:  58px; margin-left:23px;}

li#head-books a:hover { background: url(./images/bg_menu.gif) no-repeat left bottom; }
li#head-pr a:hover { background: url(./images/bg_menu.gif) no-repeat -78px bottom; }
li#head-magazines a:hover { background: url(./images/bg_menu.gif) no-repeat -135px bottom; }
li#head-website a:hover { background: url(./images/bg_menu.gif) no-repeat -244px bottom; }
li#head-profile a:hover { background: url(./images/bg_menu.gif) no-repeat -341px bottom; }

li#head-books .on { background: url(./images/bg_menu.gif) no-repeat left bottom; }
li#head-pr .on { background: url(./images/bg_menu.gif) no-repeat -78px bottom; }
li#head-magazines .on { background: url(./images/bg_menu.gif) no-repeat -135px bottom; }
li#head-website .on { background: url(./images/bg_menu.gif) no-repeat -244px bottom; }
li#head-profile .on { background: url(./images/bg_menu.gif) no-repeat -341px bottom; }

/* コンテンツ */
#content {
 width:800px;
 margin:0 auto;
 margin-top:25px;
}
#wrap {
 width:700px;
 margin:0 auto;
}
#wrap h2{
 margin:0; padding:0;
 text-indent:-9999px;
}

/* mission */
.mission{}
.mission h2{
 background: url(./images/bg_mission.gif) no-repeat;
}
.mission p{
 text-indent:-9999px;
 margin:0; padding:0;
 width:700px;
 height:250px;
 background: url(./images/bg_mission_comment.gif) no-repeat;
}

/* release */
.release{
 margin-top:30px;
 margin-bottom:20px;
}
.release h2{
 background: url(./images/bg_release.gif) no-repeat;
}
.release div{
 padding:10px;
 background-color:#f7f7f7;
}
.release tr{
 background: url(./images/bg_release_tr.gif) repeat-x left bottom;
}
.release td{
 padding:10px;
}

/* books */
.books{}
.books h2{
 background: url(./images/bg_books.gif) no-repeat;
}
.books .bookimage{
 margin:15px 0 30px 50px;
 width:200px;
 float:left;
 text-align:center;
 background-color:#f7f7f7;
}
.books .left{
 margin-left:0px;
}
/* books detail */
.books .bookimage_detail{
 margin:15px auto;
 width:450px;
 text-align:center;
 background-color:#f7f7f7;
}
.books .bookimage img,
.books .bookimage_detail img{
 margin:10px auto;
}
.books .bookcomment{
 width:400px;
 margin:0px auto;
 padding-bottom:20px;
 text-align:left;
}
/* profile */
.profile {
 width:360px;
 margin:40px auto 25px auto;
}
.profile td{
 font-size:12px;
 padding:2px;
}

/* フッタ */
#foot {
 width:800px;
 height:60px;
 margin:10px auto;
 margin-top:35px;
 text-align:center;
}
#foot p{
 margin-top:25px;
 text-indent:-99999px;
 height:19px;
 background: url(./images/bg_copyright.gif) no-repeat right bottom;

}