/* CSS Document */

/*number*/
.number{
color:#002999;
font-size:12px;
text-align:right;
}

.bookarea{
	width:100%;
	clear:both;
	height:220px;
}

.bookarea .title{
width:498px;
clear:both;
background-color:#AAAAAA;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
}

.bookarea .title .txtarea{
padding:1px 5px 1px 10px;
}

.bookarea .title .sp{
color:#FFFF00;
font-weight:bold;
}

.bookarea .title .soldout{
color:#FF3300;
font-weight:bold;
}


.bookarea .book{
width:100px;
height:138px;
padding:5px;
float:left;
background:url(../img/printing_w90.gif);
background-repeat:no-repeat;
background-position:5px 5px;
/*margin-bottom:10px;*/
}


.bookarea .book_nobk{
width:100px;
height:138px;
padding:5px;
float:left;
background-position:5px 5px;
/*margin-bottom:10px;*/
}

.bookarea .book_nobk img{
border:1px solid #999;
}


.bookarea .book img{
border:1px solid #999;
}

.bookarea .book_nobg{
width:100px;
height:138px;
padding:5px;
float:left;
background-repeat:no-repeat;
background-position:5px 5px;
}

.bookarea .book_nobg img{
border:1px solid #999;
margin:0 auto;
}


.bookarea .cont{
width:380px;
float:left;
padding:0 0px 0 0px;
}

.bookarea .cont .txt{
width:inherit;
padding:5px 0px 5px 0;
font-size:12px;
}

.bookarea .cont .button{
width:inherit;
text-align:right;
padding-bottom:10px;
}


/*ポップアップ*/
#pop{
width:545px;
margin:0px auto;
padding:10px;
background-color:#EAF3FA;
}

#pop #area{
margin:0 auto;
width:504px;
}

#pop #book_title{
width:495px;
padding:4px 5px 4px 10px;
clear:both;
background-color:#AAAAAA;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
}

#pop #book{
width:91px;
height:128px;
padding:5px;
float:left;
/*background:url(img/printing.gif);
background-repeat:no-repeat;
background-position:5px 5px;*/
}

#pop #book_no{
width:91px;
height:128px;
padding:5px;
float:left;
background:url(../img/printing_w90.gif);
background-repeat:no-repeat;
background-position:5px 5px;
}

#pop #book_no img{
border:1px solid #999;
}



#pop #contarea{
width:380px;
float:right;
padding:5px 5px 5px 0;
font-size:12px;
line-height:1.4em;
}

#pop #end{
width:100%;
height:1px;
background-color:#EAF3FA;
clear:both;
}

/*special*/
.fr{
padding:10px;
width:90%;
margin:10px auto 10px auto;
background-color:#FFF;
border:solid 2px #99CCFF;
}

.fr .title1{
font-weight:bold;
color:#0000FF;
background-color:#FFF;
}

/*箇条書き*/
.kajo td{
vertical-align:top;
padding:3px;
}

.datecolor {color: #FFFF00}

/*インデント*/
.ind12px{
margin-left:12px;
}

.ind27px{
margin-left:39px;
}


.ind12px_l{
	width:15px;
	float:left;
	margin-left: 12px;
}

.ind_detail{
	float:right;
	width:346px;
}


/*ul li*/
li{
margin-bottom:4px;
}

.hishi ul{
margin:0 0 0 30px;
padding:0;
}

.hishi ul li{
background-image:url(img/hishigata.gif);
background-position:0 2px;
background-repeat:no-repeat;
list-style:none;
padding-left:14px;
}

.maru ul {
margin:0 0 0 30px;
padding:0;
}

.maru ul li{
background-image:url(img/maru.gif);
background-position:0 3px;
background-repeat:no-repeat;
list-style:none;
padding-left:14px;
}

.niju ul {
margin:0 0 0 30px;
padding:0;
}

.niju ul li{
background-image:url(img/niju.gif);
background-position:0 3px;
background-repeat:no-repeat;
list-style:none;
padding-left:14px;
}

.cl{
clear:both;
height:0;
line-height:0;
}

.back_link{
	font-size:10px;
	width:100%;
	height:15px;
}

.back_link a:link{
	color:#03C;
}

.back_link a:hover{
	color:#666;
}

.back_link a:visited{
	color:#03C;
}