@import url("base.css");
@import url("layout.css");

/* GENERAL TYPOGRAPHY (Standard HTML tags)
----------------------------------------------------------------*/
h1 {
 color:#333; margin:0; padding:0;
 font-size:15px;
 font-weight:bold;
 display: none;
}
.h1-top {
 color:#333; margin:0; padding:0;
 font-size:15px;
 font-weight:bold;
 display: none;
}
h2 {
 padding:0; margin:0 0 20px 0;
}
.h2-topleft {
 padding:0; margin:20px 0 0 0;
}
h3 {
 font-size:14px;
 line-height:1.2em;
 font-weight:bold;
 margin-bottom:15px;
}
.eventposition-title {
 font-size:14px;
 line-height:1.2em;
 font-weight:bold;
 margin-bottom:15px;
 position:absolute;
 top:0; left:130px;
 width:490px;  
}
.h3-detail {
 font-size:16px;
 line-height:1.2em;
 font-weight:bold;
 margin:0; padding:0;
}
h4 {
 font-size:13px;
 line-height:1.2em;
 font-weight:bold;
 margin:0; padding:5px 5px 5px 3px;
 background-color:#edf2e9;
 color:#44b149;
}
/* Link menu
----------------------------------------------------------------*/
a:link			{ color:#44b149; text-decoration:underline;}
a:visited		{ color:#44b149; text-decoration:underline;}
a:hover,a:active 	{ color:#44b149; text-decoration:none;}

/* Left menu
----------------------------------------------------------------*/
.block-border { height:1px; background:url(../images/left-menu-doted.gif) repeat-x; text-indent: -9999px;}

#menulist ul{
margin:0px;
padding:0px;
list-style:none;
}
 
#menulist li a{
text-decoration:none;
text-indent:-1000px;
width:190px;
overflow:hidden;
display:block;
}
 
#block-a a:link,#block-a a:visited{
background:url("../images/left-menu-home.gif") no-repeat; height:43px;}
#block-a a:hover{
background:url("../images/left-menu-home-b.gif") no-repeat; height:43px;}
#block-c a:link,#block-c a:visited{
background:url("../images/left-menu-all.gif") no-repeat; height:44px;}
#block-c a:hover{
background:url("../images/left-menu-all-b.gif") no-repeat; height:44px;}
#block-d a:link,#block-d a:visited{
background:url("../images/left-menu-event.gif") no-repeat; height:44px;}
#block-d a:hover{
background:url("../images/left-menu-event-b.gif") no-repeat; height:44px;}

#block-b{
background:url("../images/left-menu-schedule.gif") no-repeat; width:190px;
height:44px; text-indent:-1000px; overflow:hidden;}

#menulist-month li{
margin:0 0 7px 15px; padding:0;
background:url("../images/left-menu-arrow.gif") no-repeat;
background-position:0 2px;
}
#menulist-month li a{
text-decoration:underline;
text-indent:1.3em;
width:190px;
height:auto;
overflow:auto;
}
#block-e a:link,#block-e a:visited{
color:#3b4b45; text-decoration:underline;}
#block-e a:hover{
color:#3b4b45; text-decoration:none;}

#searchform-block{
 margin-top:30px;
}
#searchform {
 position: relative;  
}  
#keywords  {  
 width:140px;  
 height:28px;  
 background: url(../images/searchform.gif) no-repeat;
 border:none;
 padding:7px 2px 0 5px;
}  
#searchBtn {  
 position: absolute;  
 top:2px; left:145px;  
} 
#bn-block{
 margin-top:30px;
}
#bn-block li{
 padding-bottom:5px;
}

/* Booklist
----------------------------------------------------------------*/
.booklist {
 width:670px;
 margin-left:-39px;
}
.booklist li {
 width:296px;
 float:left;
 margin:0 0 40px 39px;
 padding:0;
}
/* for IE6 */
* html .booklist li {
 display:inline;
}
.booklist li img {
 vertical-align:top;
}
.bookblock {
 clear:left;
 position:relative;
}
p.bookblock-ph{
 float:left; margin-right:13px;
}
.bookblock-ph img{
 border:1px solid #c4c5a6;
}
.bookblock p {
 margin-bottom:15px;
}
#btn-detail {
 position:absolute;
 top:190px; left:165px;
}
#btn-tachiyomi {
 position:absolute;
 top:220px; left:165px;
}
#btn-detail a{
display:block;
width:130px; height:26px;
background:url(../images/btn-bookdetail.gif) no-repeat;
}
#btn-detail a:hover{
background:url(../images/btn-bookdetail-b.gif) no-repeat;
}
#btn-tachiyomi a{
display:block;
width:130px; height:26px;
background:url(../images/btn-tachiyomi.gif) no-repeat;
}
#btn-tachiyomi a:hover{
background:url(../images/btn-tachiyomi-b.gif) no-repeat;
}
#btn-all,#btn-event-all {
 float:right;
 margin-bottom:20px;
}
#btn-all a{
display:block;
width:157px; height:25px;
background:url(../images/btn-bookall.gif) no-repeat;
}
#btn-all a:hover{
background:url(../images/btn-bookall-b.gif) no-repeat;
}
#btn-event-all a{
display:block;
width:157px; height:25px;
background:url(../images/btn-eventall.gif) no-repeat;
}
#btn-event-all a:hover{
background:url(../images/btn-eventall.gif) no-repeat;
}
/* Bookdetail
----------------------------------------------------------------*/
#bookdetail dt{
 width:185px;
 float:left;
 margin-right:18px;
}
#bookdetail dd{
 width:425px;
 float:right;
}
#btn-tachiyomi-detail {
 width:130px; height:26px;
 padding-bottom:5px;
 display:block;
}
#btn-buy-detail {
 width:130px; height:26px;
 display:block;
}
#btn-tachiyomi-detail a{
display:block;
width:130px; height:26px;
background:url(../images/btn-tachiyomi.gif) no-repeat;
}
#btn-tachiyomi-detail a:hover{
background:url(../images/btn-tachiyomi-b.gif) no-repeat;
}
#btn-buy-detail a{
display:block;
width:130px; height:26px;
background:url(../images/btn-bookbuy.gif) no-repeat;
}
#btn-buy-detail a:hover{
background:url(../images/btn-bookbuy-b.gif) no-repeat;
}
img.detail-img {
 margin-bottom:15px;
 border:1px solid #c4c5a6; 
}

/* Eventlist
----------------------------------------------------------------*/
.eventlist {
 width:630px;
 margin:0; padding-bottom:15px;
}
.eventlist dt{
 width:auto;
 float:left;
 margin-right:13px;
}
.eventlist dd{
 width:500px;
 float:right;
}
.event-day dt{
 width:50px;
 float:left;
}
.event-day dd{
 width:400px;
 float:left;
}
.eventlist img {
 border:1px solid #c4c5a6;
 margin-bottom:5px;
}

/* Eventposition
----------------------------------------------------------------*/
.eventposition-ph {
 margin:0; padding:0;
 float:left;
 width:115px; 
}
.eventposition-txt {
 margin:0; padding:0;
 float:right; width:490px;
}

/* schedule
----------------------------------------------------------------*/
#schedule-tb {
 font-weight:bold;
 background-color:#FFF;
}

/* Etc
----------------------------------------------------------------*/
.m0 {
 margin:0; padding:0;
}
.p5 {
 padding:15px 5px 25px 3px;
}
.min-height-a {
 min-height:400px;
 height:auto !important;
 height:400px;
}
.m20 {
 margin-bottom:20px;
}
.white {
 color:#FFF;
}

/* Page Box
----------------------------------------------------------------*/

	.pgNo_Link
	{
		margin-right:15px; padding:3px 5px;
		float:left; font-weight:bold; border:1px solid #BBBBBB;
		color:#8BA0DA; text-decoration:none;
	}

		.pgNo_Link:hover
		{
			background:#DADADA;
			color:#FFFFFF;
		}

	.pgNo_NoLink
	{
		margin-right:15px; padding:3px 5px;
		float:left; font-weight:bold; border:1px solid #BBBBBB;
		background:#666666; color:#FFFFFF;
	}