@charset "UTF-8";

body {
	padding: 0px;
	margin: 0px;
	font-size: 0.75em;
	background: url(../images/top/bk_portal02.jpg) repeat-y center top; 
	color: #666666; line-height: 130%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align: center;
	
	
}

/* safari only \*/
html:\66irst-child body{
	font-size: 0.7em;
}
/* end */


/* CLEARFIX
-----------------------------------------*/
.clearfix{
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html .clearfix{
	display:inline-table;
	/*\*/display:block;/**/
}

.clr{
clear:both;
}
.clr:after
{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}
* html .clr { display: inline-block; }
/* no ie mac \*/
* html .clr { height: 1%; }
.clr{ display: block; }
/* */



img { border:none; /*vertical-align: middle; border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none;*/}


h3.title {
	margin: 3px 1px; padding:6px 0 0 10px;
	height:23px;
	background:url(../images/common/bk_listTitle.gif) repeat-x; 
	font-size:12px; 
	color:#666666; 
	clear:both; 
	position:relative;
	z-index:10;
}

a:link {color: #4a8fbd; text-decoration: underline;}
a:active {color: #4a8fbd; text-decoration: underline;}
a:visited {color: #4a8fbd; text-decoration: underline;}
a:hover {color: #4a8fbd; text-decoration: none;}
a.nonecolor:link {color: #666666; text-decoration: none;}


a.nonecolor:active {text-decoration: none}
a.nonecolor:visited {color: #666666; text-decoration: none}
a.nonecolor:hover {	color: #666666; text-decoration: underline}


.library input.btn{ border:2px #aaaaaa solid; color:#418DE3; background:#ffffff;}
.library input.ipt{ width:150px;}


#container {
	padding: 0px; 
	
	margin: 0px auto; width: 900px; 
	position: relative;
	text-align: left;
}


/* header */
#header{
	padding:0; margin:0; position:relative; height:120px;
}

/* 新header */
div#header p#logo {
	margin:0 0 0 10px;
	padding: 47px 0 0 0;
}
h1#lead_text {
	background-color: #F3F3F3;
	background-image: none;
	text-indent: 0px;
	font-size: 0.9em;
	font-weight: normal;
	position: absolute;
	height: auto;
	width: 610px;
	margin: 0;
	padding: 4px 280px 4px 10px;
	color: #9B9B9B;
	top: 2px;
	left: 0px;
}	
#header p.regist{
	width:462px; height:85px; background:url(../images/library/bt_regist.jpg) no-repeat; text-indent:-9999px;
	position:absolute; left:420px; margin:0; padding:0; top: 30px;
}

#header p.regist a{
	width:462px; height:85px; display:block;
}

#header p.regist_ch{
	width:462px; height:85px; background:url(../images/library/bt_regist_ch.jpg) no-repeat; text-indent:-9999px;
	position:absolute; left:420px; margin:0; padding:0; top: 30px;
}

#header p.regist_ch a{
	width:462px; height:85px; display:block;
}
/* 新規会員登録、ログインエリア */
p#regist { margin:30px 0 0 23px;}
#login { margin:36px 0 0 6px;}

#topicPath{ position:relative; padding:5px 10px;}

/* グローバルナビ
-------------------------------------------*/
dl#headerNavi {margin: 0 0 5px 3px; background: none;}
#headerNavi dd{ float:left;margin:0;padding:0px;}
#headerNavi dt{ display:none;}
#headerNavi dd a{ display:block;height:40px;text-indent:-9999px;/*\*/overflow: hidden;/**/}
#headerNavi dd ul{ display:none;}
#headerNavi dd#menu01{ background:url("/data/images/common/menu01.gif") no-repeat left top;}
#headerNavi dd#menu02{ background:url("/data/images/common/menu02.gif") no-repeat left top;}
#headerNavi dd#menu03{ background:url("/data/images/common/menu03.gif") no-repeat left top;}
#headerNavi dd#menu04{ background:url("/data/images/common/menu04.gif") no-repeat left top;}
#headerNavi dd#menu05{ background:url("/data/images/common/menu05.gif") no-repeat left top;}
#headerNavi dd#menu06{ background:url("/data/images/common/menu06.gif") no-repeat left top;}
#headerNavi dd#menu01 a,
#headerNavi dd#menu02 a,
#headerNavi dd#menu03 a,
#headerNavi dd#menu04 a,
#headerNavi dd#menu05 a,
#headerNavi dd#menu06 a {width:149px;}


/* ユーティリティナビ
------------------------------------------------*/
ul#utilitiy_navi,
ul#utilitiy_navi li {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#utilitiy_navi {
	position: absolute;
	top: 4px;
	right: 5px;
	width: 250px;
	background: url(../images/bg_utility_navi.gif) right center no-repeat;
	padding-right: 1.2em;
}
ul#utilitiy_navi li {
	background: url(../images/bg_utility_navi.gif) left center no-repeat;
	float: right;
	padding-left: 1.2em;
}


/* main */
.library #main{ margin:0 }
.library #main a{text-decoration:none;}

.library div.right{ text-align:right; position:relative; padding:3px 5px;}


.library div.grpNameBar{ background:url(../images/common/bk_listTitle.gif) repeat-x; height:29px; position:relative; margin:5px 0 0 0; }
.library div.grpNameBar div.search{ position:absolute; left:500px; top:4px;width:375px; text-align:right;}

.library div.grpNameBar div.search input{
vertical-align:middle;
}

.library div.grpNameBar div.title{
	position:absolute; left:10px; top:6px;
}
.library div.grpNameBar div.group{ 
	background:url(../images/library/bg_groups.jpg) no-repeat; 
	width:301px; height:24px;
	position:absolute; top:0px; left:140px;
	color:#ffffff;
	padding:5px 0 0 0;text-align:center; 
}
.library div.grpNameBar div.group strong{ color:#FF66FF; background:#ffffff; padding:0 7px 0 10px; font-size:1.2em;}




.library div#grpList{ 
	margin:3px 0 8px 0; padding:0px; 
	border:1px #FFCE65 solid; position:relative; 
	line-height: 200%; height:100px;
	overflow:hidden;
}

.library div#grpListin{
	margin:0;
	padding:10px;
}

.library div#grpList img#grpPull{ position:absolute; left:873px; top:0; cursor:pointer;}

.library div#grpList ul{ list-style:none; margin:0; padding:0;}
.library div#grpList li{ float:left; margin:0; padding:0 0 0 20px; height:30px;white-space: nowrap;}

.library div#grpList img{ /*vertical-align:middle;*/ line-height: 200%;}
.library div#grpList a{ text-decoration: none; padding: 0 5px 0 0; }
.library div#grpList a:hover{ text-decoration:underline; padding: 0 5px 0 0;/* background:#4a8fbd; color:#FFFFFF;*/}
.library div#grpList a.type1{ font-size:0.8em;}
.library div#grpList a.type2{ font-size:1em;}
.library div#grpList a.type3{ font-size:1.2em; font-weight:bold;}
.library div#grpList a.type4{ font-size:1.4em; font-weight:bold;}


.library div#fstTime{ 
	/*background:url(../images/library/bg_booklist2.gif) no-repeat;height:585px; position:relative;*/
}
.library div#fstTime dl.head{ 
	margin:0; padding:0 10px; 
	position:absolute;
	height:104px;

}

.library div#fstTime dl.head dt{
	width:378px; height:104px; background:url(../images/library/ti_library.jpg) no-repeat;
	text-indent:-9999px;

}

.library div#fstTime dl.head dd{
	position:absolute; top:25px; left:225px;
	width:200px; height:30px; /*background:url(../images/library/cp_library.jpg) no-repeat;
	text-indent:-9999px;*/
}

.library div#fstTime dl.head dd a:link{
color:#FFFFFF;
}


.library div#fstTime div.search{
	position:absolute; left:609px; top:5px;
}
.library div#fstTime div.search input{
vertical-align:middle;
}

.library div#fstTime div.list{ 
	padding:0 9px; 
	position:absolute; top:54px;
}
.library div#fstTime div.room{
	float:left; width:290px;
}

.library div#fstTime div.selection div.title{
height:27px; background:url(../images/library/ti_recselection.jpg) no-repeat; text-indent:-9999px;
}

.library div#fstTime div.selection{
	float:left; width:581px; height:436px; background:#fff;
}

.library div#fstTime div.selection table tr{
	cursor:pointer;
}

.library div#fstTime div.selection table{
border-collapse: collapse; 
border-spacing: inherit;
margin:0 5px; padding:0;
}
.library div#fstTime div.selection table td{
margin:0; padding:0 3px 1px 3px;

}

.library div#fstTime div.selection table td.title{ width:120px;}
.library div#fstTime div.selection table td.comment{ width:270px;}
.library div#fstTime div.selection table td.sassu{ font-weight:bold; text-align:right;}

.library div#fstTime .groupcaption{
	position:absolute; top:495px; left:7px;
}

.library div#sel_comment{
 position:absolute;
z-index: 100; display:none;
/*background:url(../images/library/bg_selDetail.gif) no-repeat;*/
width:196px; height:117px;
}


.library div#sel_comment ul{ 
	margin:0; padding:5px; list-style:none; background:#fff; 
	border-left:1px #ccc solid;border-right:1px #ccc solid;
}
.library div#sel_comment ul li{ margin:0; padding:1px;}

.library div#regist{
	clear:both;
	position:relative;
	width:886px;
}


.library div#regist div.button{
	clear:both;
	margin:4px auto;
	background:url(../images/library/bg_regist.jpg) no-repeat; 
	width:886px; height:117px;
}

.library div#regist div.button a{
	width:886px; height:117px;
	display:block;
	text-indent:-9999px;
}


.library div#regist div.button_ch{
	clear:both;
	margin:5px auto;
	background:url(../images/library/bg_regist_ch.jpg) no-repeat; 
	width:886px; height:117px;
}

.library div#regist div.button_ch a{
	width:886px; height:117px;
	display:block;
	text-indent:-9999px;
}

.library div#bookdetail{
	background-color:#FFCE65;
	width:887px; position:relative;
	z-index:5;
}
.library div#bookdetail input{
vertical-align:middle;
}
.library div#bookdetail dl.head{ margin:0 0 5px; padding:0 10px; position:relative;}
.library div#bookdetail dl.head dt{ height:22px; width:490px;float:left; margin:0; padding:8px 230px 3px 3px; font-weight:bold; background-color:#FFF7DD; line-height:1;}
.library div#bookdetail dl.head dd.cap{ 
	float:left; margin:0; padding:7px 3px 3px 20px;
}
.library div#bookdetail dl.head dd.search{ 
	float:right; margin:0; padding:0;
	
}

.library div#bookdetail dl.head dd.search input{
vertical-align:middle;
}

.library div#bookdetail div.booklist{
	padding:0 10px;
}

.library div#bookdetail div.list{
	float:left;
	width:619px; height:570px;
	background:#9B6B43 url(../images/library/bg_detail.jpg) no-repeat;
	margin:0;
	position:relative;
	overflow:hidden;
}

.library div#bookdetail div.list ul.bookListImage{ list-style:none; margin:0; padding:5px 10px;}
.library div#bookdetail div.list ul.bookListImage li{
position:relative;
float:left; width:80px; height:77px; margin:1px 1px; text-align:center; cursor:pointer;
}

.library div#bookdetail div.list div#bar1{ display:none;}
.library div#bookdetail div.list div.bar1{ position: absolute; top:0px; left:603px; width:16px; height:505px; background:#C99E78;}
.library div#bookdetail div.list div#btUP1{width:16px; height:16px; position:absolute; top:0; left:0px;cursor: pointer;/* display:none;*/}
.library div#bookdetail div.list div#btDOWN1{width:16px; height:16px; position:absolute; top:489px; left:0px;cursor: pointer; /*display:none;*/}
.library div#bookdetail div.list div#btBAR1{width:3px; height:473px; position:absolute; top:16px; left:7px; background:#AC7739; /*display:none;*/}
.library div#bookdetail div.list div#btTGL1{width:16px;height:16px; position:absolute; top:16px; left:0px; cursor: pointer; /*display:none;*/}

.library div#bookdetail div.list li div.noimage{
border: 1px solid #cccccc;
margin: 0pt 4px 4px; 
font-size: 0.8em; 
_font-size: 0.75em;
height: 64px;
clear: both;background:#ffffff;

}

.library div#bookdetail div.list li div.noimage div.icon{
margin: 2px; background: #807FFF; 
}
.library div#bookdetail div.list li div.noimage div.title{
margin: 2px; text-align: left;
}

.library div#bookdetail div.list li div.original{
border: 1px solid #cccccc; 
margin: 0pt 4px 4px;
font-size: 0.8em;
_font-size: 0.75em;
height: 64px;
clear: both;background:#ffffff;
}

.library div#bookdetail div.list li div.original div.icon{
margin: 2px; background: #009966; 
}
.library div#bookdetail div.list li div.original div.title{
margin: 2px; text-align: left;
}






.library div#bookdetail div.detail{
	float:right;
	width:246px;height:570px;
	background:#fff;
	margin:0;
	position:relative;
}

.library div#bookdetail div.detail a{ text-decoration:none;}
.library div#bookdetail div.detail a:hover{ text-decoration:underline;}

.library div#bookdetail div.detail div.title{
	padding:3px 5px;
}

.library div#bookdetail div.detail div.book{
	padding: 0 5px;
}

.library div#bookdetail div.detail div.image{
	float:left; width:75px; height:75px;
}

.library div#bookdetail div.detail div.exp{
		float:left;  width:154px; padding:0 3px;
}

.library div#bookdetail div.detail ul{
 margin:0; padding:0; list-style:none;
}

.library div#bookdetail div.detail ul li{
overflow:hidden;
 margin:0; padding:0 0 0 20px; 
 background:url(../images/icon/bullet_go.gif) no-repeat left 5px;
}

.library div#bookdetail div.detail ul li.showDetail{
 margin:0; padding:0 0 0 20px;
 background:url(../images/library/bt_showdetail.jpg) no-repeat;
 text-indent:-9999px; width:138px; height:35px;
}

.library div#bookdetail div.detail ul li.showDetail a{
width:138px; height:35px; display:block;
}

/*******************************************/
.library div#bookdetail div.detail dl.user{
 margin:0; padding:2px 0; position:relative;
}

.library div#bookdetail div.detail dl.user dt{
	margin:0; padding:5px 0 0 0;
	float:left; width:125px;
}

.library div#bookdetail div.detail dl.user dd{
	margin:0; float:left; color:#ffffff; font-size:1.4em;
}

.library div#bookdetail div.detail dl.user dd.ninzu{
padding:5px 3px 0 0;
width:92px; height:20px; background:url(../images/library/bg_ninzu.jpg) no-repeat; text-align:right;
}

.library div#bookdetail div.detail dl.user dd.kaisu{
padding:5px 3px 0 0;
width:92px; height:20px; background:url(../images/library/bg_kaisu.jpg) no-repeat; text-align:right;
}


.library div#bookdetail p.caution{ font-size:0.8em; margin:0; padding:3px 0; position:relative; clear:both;}

/*******************************************/
.library div#bookdetail div.detail div.rank{
position:relative; height:40px; z-index:100;
}

.library div#bookdetail div.detail dl{
	margin:0; padding:0;
	position: absolute;
}
.library div#bookdetail div.detail div.rank dl dt{
	font-weight:bold; text-align:center;
	margin:0 0 0 -3px; padding:9px 0 0 0;
	position:relative;
	width:243px; height:27px; color:#58739D;
	background:url(../images/library/bg_detailrank.gif) no-repeat;
}
.library div#bookdetail div.detail div.rank dl dt strong{
 color:#FF6600;
}

.library div#bookdetail div.detail div.rank dl dd{
	/*font-weight:bold;*/ 
	/*text-align:center;*/
	margin:0 5px; padding:2px 4px 0 4px;
	position:relative;
	width:280px; /*height:16px;*/ color:#58739D;
	border:1px #cccccc solid;
	background:#fff;
	display:none;
}
.library div#bookdetail div.detail div.rank dl dd strong{
 color:#FF6600;
}




/*******************************************/


.library div#bookdetail div.detailGroup{
padding:0 5px; line-height:130%;
}

.library div#bookdetail div.detailGroup a{ padding:0 5px 0 0}

.library div#bookdetail table{ border-collapse:0; border:none; margin:0 5px;}
.library div#bookdetail table td.title{ width:135px;}









/******ranking*************************************/

.library div#ranking{
	width:873px; height:345px; background: url(../images/library/bg_ranking.gif) no-repeat; 
	margin:5px 0 0 0; padding:0 7px; position:relative; z-index:2;
	/*display:none;*/
	
	
}

.library div#ranking a{ text-decoration:none;}
.library div#ranking a:hover{ text-decoration: underline;}




.library div#ranking div.selection{ float:left; width:580px; position:relative;}
.library div#ranking div.selection div.title{ 
	background: url(../images/library/ti_selection.jpg); 
	width:208px; height:24px;
	text-align:right; color:#fff; font-weight:bold;
	padding: 3px 100px 0 0;
	position:relative;
}
.library div#ranking div.selection div.search{
 position:absolute; top:3px; left:320px;
}
.library div#ranking div.selection div.list{ background:#fff;height:311px;}



.library div#ranking div.selection table{
border-collapse:0; margin:0 5px;
}
.library div#ranking div.selection table td{
margin:0; padding:0 3px 0 0;
}

.library div#ranking div.selection table td.title{ width:120px;}
.library div#ranking div.selection table td.comment{ width:270px;}
.library div#ranking div.selection table td.sassu{ font-weight:bold; text-align:right;}

.library div#ranking div.selection ul{ margin:2px 5px; padding:0; list-style:none;}
.library div#ranking div.selection ul li.back{ 
	margin:0; padding:0 0 0 20px; float:left;
	background:url(../images/icon/bullet_back.gif) no-repeat left 4px;
}
.library div#ranking div.selection ul li.next{
	margin:0; padding:0 20px 0 0; float:right;
	background:url(../images/icon/bullet_go.gif) no-repeat right 4px;
}








/*  group */
.library div#ranking div.group{ float:right; width:286px; position:relative;}
.library div#ranking div.group div.title{ 
	background: url(../images/library/ti_ranking.jpg); 
	width:268px; height:27px;
	text-indent:-9999px;
	position:relative; top:0px; left:0px;
	z-index:1;
}

.library div#ranking div.group div.list{
	 padding:1px 5px; background:#fff; height:309px; overflow:hidden; position:relative;
}

.library div#ranking div.group div.list dl{
	margin:0; padding:0;
}
.library div#ranking div.group div.list dt{ padding:1px 0 1px 20px; height:17px;}

.library div#ranking div.group div.list dd{
	margin:0; padding:0 0 0 30px; height:17px;  display:none; 
}


.library div#ranking div.group div#bar2{ display:none;}
.library div#ranking div.group div.bar2{ position: absolute; top:0px; left:270px; width:16px; height:505px;}
.library div#ranking div.group div#btUP2{width:16px; height:16px; position:absolute; top:0; left:0px;cursor: pointer;/* display:none;*/}
.library div#ranking div.group div#btDOWN2{width:16px; height:16px; position:absolute; top:295px; left:0px;cursor: pointer; /*display:none;*/}
.library div#ranking div.group div#btBAR2{width:3px; height:279px; position:absolute; top:16px; left:7px; background:#cccccc; /*display:none;*/}
.library div#ranking div.group div#btTGL2{width:16px;height:16px; position:absolute; top:16px; left:0px; cursor: pointer; /*display:none;*/}



/* footer
------------------------------- */
/*旧*/
#footer {padding-right: 0px; padding-left: 0px; padding-bottom: 8px; margin: 0px; vertical-align: middle; padding-top: 8px; text-align: center}
#footer #copyright {background: url(../images/common/im_copyright.jpg) no-repeat center top; text-indent: -9999px; height: 18px; text-align: center}
#footer #footertxt {margin: 8px; vertical-align: middle; height: 20px; text-align: center}
#footer #catch {background: url(../images/common/ti_kosodate.gif) no-repeat center top; text-indent: -9999px; height: 20px; text-align: center}
#footer a:link {color: #4a8fbd; text-decoration: underline;}
#footer a:active {color: #4a8fbd; text-decoration: underline;}
#footer a:visited {color: #4a8fbd; text-decoration: underline;}
#footer a:hover {color: #4a8fbd; text-decoration: none;}

/* 新 */
#footer {
	background:#FFFFFF url(../../images/common/footer.gif) repeat-x scroll left top;
	padding:0;
	margin:0;
	width:100%;
	clear:both;
}
p#footer_lead {
	width: 740px;
	font-size: 0.9em;
	color: #9B9B9B;
	margin: 0 auto;
	padding: 1em 0;
	text-align: left;
}
ul#footernavi {
	float:left;
	padding:0;
	margin: 0;
}
#footernavi li {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}
#footernotice {
	float:right;
	padding:0 10px 0.5em 0;
	font-size:0.9em;
}
#bottomwrap {
	background:#E6E6E6 none repeat scroll 0%;
	clear:both;
	margin:0;
}
#copyright {
	background:#E6E6E6 none repeat scroll 0%;
	text-align:right;
	padding:8px;
}
img.footicon {
	margin:0px 4px 0pt 10px;
	padding:0;
	vertical-align:bottom;
}


/* 絵本詳細　吹き出し */
#book_detail { position: absolute; left: 182px; top: 523px; z-index: 100; display:none;}
#book_detail ul{ 
/*	border: 3px solid rgb(0, 102, 255);*/
	border: 3px solid #cccccc;
	margin: 0px; padding: 5px;
	background: rgb(255, 255, 255) no-repeat; 
	width: 220px; 
	text-align: left;
	list-style:none;
}
#book_detail ul li{ padding:2px;} 
#book_detail img.arrow{clear:both;}


#selrank {position:absolute; top:-32px; left:657px; display:none;}



/*-----------------------------
	 ミーテ図書館newトップ 
 ------------------------------*/

/*メインエリア部分*/
.library div#library_main {width:890px; height:341px; margin:0px 0px 5px; background-image:url(../images/library/bg_library.jpg); background-repeat:no-repeat; background-position:center bottom;}
.library div#library_main h2 {width:215px; float:left;}
.library div#library_main ul#status {width:660px; float:right; padding:15px 0px 0px 0px;}
div#library_main ul#status li {float:left; margin-right:10px;}
div#library_main ul#status span {font-weight:bold; padding:0px 5px;}
div#library_main ul#navi {width:545px; margin:0px auto 0px; padding:19px 0px 0px; clear:both;}
div#library_main ul#navi li {float:left; list-style:none; margin:0px 5px 3px 0px; padding:0px; background-repeat:no-repeat; background-position:0 0; text-indent:-9999px;}
div#library_main ul#navi a {display:block; width:270px; height:85px; outline:none; background-color:#FFFFFF;}

ul#navi li.book, ul#navi li.book a, ul#navi li.book a:link, ul#navi li.book a:visited {background-image:url(../images/library/btn_book_off.jpg);}
ul#navi li.book a:hover, ul#navi li.book a:active {background-image:url(../images/library/btn_book_on.jpg);}
ul#navi li.selection, ul#navi li.selection a, ul#navi li.selection a:link, ul#navi li.selection a:visited {background-image:url(../images/library/btn_selection_off.jpg);}
ul#navi li.selection a:hover, ul#navi li.selection a:active {background-image:url(../images/library/btn_selection_on.jpg);}
ul#navi li.qa, ul#navi li.qa a, ul#navi li.qa a:link, ul#navi li.qa a:visited {background-image:url(../images/library/btn_qa_off.jpg);}
ul#navi li.qa a:hover, ul#navi li.qa a:active {background-image:url(../images/library/btn_qa_on.jpg);}
ul#navi li.ranking, ul#navi li.ranking a, ul#navi li.ranking a:link, ul#navi li.ranking a:visited {background-image:url(../images/library/btn_ranking_off.jpg);}
ul#navi li.ranking a:hover, ul#navi li.ranking a:active {background-image:url(../images/library/btn_ranking_on.jpg);}
ul#navi li.review, ul#navi li.review a, ul#navi li.review a:link, ul#navi li.review a:visited {background-image:url(../images/library/btn_review_off.jpg);}
ul#navi li.review a:hover, ul#navi li.review a:active {background-image:url(../images/library/btn_review_on.jpg);}
ul#navi li.collection, ul#navi li.collection a, ul#navi li.collection a:link, ul#navi li.collection a:visited {background-image:url(../images/library/btn_collection_off.jpg);}
ul#navi li.collection a:hover, ul#navi li.collection a:active {background-image:url(../images/library/btn_collection_on.jpg);}

div#library_main  ul#navi li.end {margin:0px 0px 3px 0px;}


.library p.move_mybook{width:850px; clear:both; margin:0 auto; padding:0; text-align:right; height:30px;}

/*コンテンツ部分のカラム別け*/
.library div#library-contents {width:850px; margin:15px auto 10px; padding:0px;}
.library div#library-contents div.line1 {width:300px; float:left; margin-right:10px;}
.library div#library-contents div.line2 {width:230px; float:right;}
/*それぞれのコンテンツ*/
div#library-contents div#book, div#library-contents div#rank, div#library-contents div#selection, div#library-contents div#review {width:300px; margin:0px 0px 10px; padding:0px;}
div#library-contents div#qa, div#library-contents div#collection, div#library-contents div#keyword {width:230px; margin:0px 0px 10px; padding:0px;}

/*コンテンツ内の共通*/
div#library-contents h3 {padding:0px; margin:0px;}
div#library-contents h3 img {padding:0px; margin:0px; vertical-align:top;}
div#library-contents p.bottom {clear:both;}
div#library-contents p.bottom img {vertical-align:top;}
div#library-contents div#book p.bottom, div#library-contents div#ranking p.bottom, div#library-contents div#selection p.bottom, div#library-contents div#review p.bottom {width:300px; margin:0px; padding:0px; font-size:0.1em;}
div#library-contents div#qa p.bottom, div#library-contents div#collection p.bottom, div#library-contents div#keyword p.bottom {width:230px; margin:0px; padding:0px; font-size:0.1em;}

/*コンテンツの色分け*/
div#library-contents dl.libraryMiniBox {margin:0px; padding:0px; background-color:#FFFFFF;}
div#library-contents div#book dl.libraryMiniBox {background-color:#FFF9F8; border-left:#FD9A9A solid 2px; border-right:#FD9A9A solid 2px;}
div#library-contents div#rank dl.libraryMiniBox {border-left:#A1D1E7 solid 2px; border-right:#A1D1E7 solid 2px;}
div#library-contents div#selection dl.libraryMiniBox {border-left:#B6E097 solid 2px; border-right:#B6E097 solid 2px;}
div#library-contents div#review dl.libraryMiniBox {border-left:#EEB2CA solid 2px; border-right:#EEB2CA solid 2px;}
div#library-contents div#qa dl.libraryMiniBox {border-left:#FDB564 solid 2px; border-right:#FDB564 solid 2px;}
div#library-contents div#collection dl.libraryMiniBox {border-left:#CDCD12 solid 2px; border-right:#CDCD12 solid 2px;}
div#library-contents div#keyword dl.libraryMiniBox {border-left:#CB9030 solid 2px; border-right:#CB9030 solid 2px;}

/*コンテンツ内の内容部分*/
div#library-contents dl.libraryMiniBox dt {text-align:center; padding:5px 0px 10px;}
div#library-contents dl.libraryMiniBox dd {padding:0px 5px;}
div#library-contents dl.libraryMiniBox h4 {clear:both; margin:0px 0px 10px; padding:0px;}
div#library-contents dl.libraryMiniBox p.more {clear:both; margin:0px; padding:0px; text-align:right;}
dl.libraryMiniBox p.more a {background-image:url(../images/icon/bullet_go.gif); background-repeat:no-repeat; background-position:0; padding-left:15px;}

/*一冊の絵本を探す*/
div#book dl.serch {width:250px; margin:0px auto; padding:0px;}
div#book dl.serch dt {width:70px; margin:0px 0px 5px; padding:0px; float:left; text-align:left; height:20px; line-height:1.7em;}
div#book dl.serch dt img {vertical-align:top;}
div#book dl.serch dd {width:180px; margin:0px 0px 5px; padding:0px; float:right; height:20px;}
div#book dl.serch input {width:178px; border:1px solid #DDDDDD; margin:0px; padding:0px; float:right; height:18px;}
div#book dl.serch dd.attention {width:250px; clear:both; float:none; text-align:left; font-size:0.9em;}
div#book dl.serch dd.btn {width:250px; clear:both; float:none; margin:0px; text-align:center; height:30px;}
div#book dl.serch dd.btn input {width:106px; height:29px; border:none; float:none;}

/*ランキングから探す*/
div#rank ul.age {width:270px; margin:0px auto 10px; padding:0px; list-style:none;}
div#rank ul.age li {float:left; margin:0px 3px 2px 0px; width:42px; padding:0px;}
div#rank ul.other-rank {width:270px; margin:0px auto 10px; padding:0px; list-style:none;}
div#rank ul.other-rank li {margin:0px; padding:0px; line-height:1.8em;width: 130px; float: left;}
div#rank ul.other-rank li.other_right { float:right;}
div#rank ul.other-rank li.other_none { float:none; clear:both; width: 270px;}
div#rank dl.most {width:270px; margin:0px auto 10px; padding:0px;}
div#rank dl.most dt {width:270px; margin:0px 0px 5px; padding:0px; text-align:left; clear:both;}
div#rank dl.most dd {width:270px; margin:0px 0px 5px; padding:0px 0px 10px; text-align:left; clear:both; border-bottom:1px dashed #CCCCCC;}
dl.most dd span {float:left; display:block; width:75px; height:75px; text-align:center;}
dl.most dd p {float:right; width:186px; line-height:1.5em;}

/*おすすめセレクションから探す*/
div#selection dl.pickup {width:270px; margin:0px auto 10px; padding:0px 0px 10px; clear:both; border-bottom:1px dashed #CCCCCC;}
div#selection dl.pickup-end {width:270px; margin:0px auto 10px; clear:both; border:none;}
div#selection dl.pickup dt, div#selection dl.pickup-end dt {width:186px; float:left; text-align:left; margin:0px; padding:0px;}
div#selection dl.pickup span, div#selection dl.pickup-end span {display:block; padding:5px 0px;}
div#selection dl.pickup img, div#selection dl.pickup-end img {padding:0px 3px 0px 0px; vertical-align:bottom;}
div#selection dl.pickup dd, div#selection dl.pickup-end dd {width:75px; float:right; margin:0px; padding:0px; text-align:center;}
div#selection p.attention {width:270px; margin:0px auto 10px; padding:0px;}
div#library-contents dl.libraryMiniBox h4.selection-title {color:#CC6600; font-size:13px; margin-bottom:8px;}
div#selection ul.selection-list {width:270px; margin:0px auto 10px; padding:0px; list-style:none;}
div#selection ul.selection-list li {display:inline; padding:0px 5px 0px 0px; line-height:1.5em;}
div#selection p.search {width:270px; margin:0px auto; padding:0px;}
div#selection p.search input#serch-text {width:155px; border:1px solid #DDDDDD; margin:0px; padding:0px; height:20px; position:relative; top:-8px;}
div#selection p.search input#serch-btn {padding:0px 0px 0px 5px;}
div#selection p.line {width:270px; margin:15px auto; clear:both;}

/*絵本レビューから探す*/
div#review dl.introduction {width:270px; margin:0px auto 10px; padding:0px; padding:0px 0px 10px; clear:both; border-bottom:1px dashed #CCCCCC;}
div#review dl.introduction dt {width:186px; float:right; text-align:left; margin:0px; padding:0px;}
div#review dl.introduction span {display:block; padding:5px 0px;}
dl.introduction span img {padding:0px 0px 0px 3px; vertical-align:text-bottom;}
div#review dl.introduction dd {width:75px; float:left; margin:0px; padding:0px; text-align:center;}
div#review dl.introduction dd.comment {width:186px; float:right; text-align:left; margin:0px; padding:0px; font-size:0.9em;}

/*みんなの子育てQAから探す*/
div#qa dl.qa-list {width:210px; margin:0px auto 10px; padding:0px; padding:0px 0px 10px; clear:both; border-bottom:1px dashed #CCCCCC;}
div#qa dl.qa-list dt {width:190px; text-align:left; margin:0px 0px 3px; padding:0px 0px 0px 20px; background-image:url(../images/icon/ic_q.jpg); background-repeat:no-repeat; background-position:0 0; line-height:1.5em;}
div#qa dl.qa-list dd.num {width:210px; margin:0px 0px 5px; padding:0px; text-align:right;}
div#qa dl.qa-list dd.book {width:170px; margin:0px auto; padding:0px;}
div#qa dl.qa-list dd.book span {width:75px; height:75px; margin:0px 5px; display:inline; float:left; padding:0px; text-align:center;}

/*みんなの絵本コレクションから探す*/
div#collection dl.cllection-list {width:210px; margin:0px auto 10px; padding:0px;}
div#collection dl.cllection-list dt {width:192px; margin:0px 0px 5px; padding:0px 0px 0px 18px; background-image:url(../images/icon/book.gif); background-repeat:no-repeat; background-position:0; text-align:left;}
div#collection dl.cllection-list dd {width:200px; margin:0px 0px 10px; padding:0px 0px 5px 10px; border-bottom:1px dashed #CCCCCC;}
dl.cllection-list dd img {padding:0px 5px 0px 0px; vertical-align:middle;}
div#collection p.search, div#keyword p.search {width:210px; margin:0px auto; text-align:center; clear:both;}

/*子育てキーワードから探す*/
div#keyword ul.keyword-list {width:210px; margin:0px auto 10px; list-style:none;}
div#keyword ul.keyword-list li {width:105px; margin:0px; float:left; line-height:1.8em;}



/*2009.0309 追記*/
#rankingContainer{width:890px; background:url(../images/library/ranking/ranking_container_bg.gif) repeat-y; margin-bottom:15px;}
#rankingContainer h2{ font-size:0.1em;}
#rankingContainer p.rankingTxt{text-align:center; margin:10px 0 11px;}
#rankingContainer div.hr{width:864px; height:7px; border:none; margin:0 13px;}

#rankingContents{padding:13px;}

#ranking_leftContainer{float:left; width:429px; padding-right:6px;}
#ranking_leftContainer h3{margin-bottom:7px;}

#ranking_leftContainer .rankingAge{width:429px; margin-bottom:19px;}
#ranking_leftContainer .rankingAge ul{margin:0; padding:0 10px 0 12px;}
#ranking_leftContainer .rankingAge li{margin:0; display:inline; padding-right:10px;}

#ranking_leftContainer .rankingAge li a,
#ranking_leftContainer .rankingSex p a {filter:alpha(opacity=100); opacity: 1; -moz-opacity: 1;}
#ranking_leftContainer .rankingAge li a:link,
#ranking_leftContainer .rankingSex p a:link {filter:alpha(opacity=100); opacity: 1; -moz-opacity: 1;}
#ranking_leftContainer .rankingAge li a:visited,
#ranking_leftContainer .rankingSex p a:visited {filter:alpha(opacity=100); opacity: 1; -moz-opacity: 1;}
#ranking_leftContainer .rankingAge li a:hover,
#ranking_leftContainer .rankingSex p a:hover {filter:alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5;}

#ranking_leftContainer .rankingSex{clear:both; width:429px; margin-bottom:19px;}
#ranking_leftContainer .rankingSex div{width:419px; padding:0 0 0 10px;}
#ranking_leftContainer .rankingSex p{float:left; width:201px; height:63px; margin:0 7px 0 0;}

#ranking_leftContainer .rankingOther{clear:both; width:429px; margin-bottom:19px;}
#ranking_leftContainer .rankingOther ul{ width:417px; padding-left:12px; display:block;}
#ranking_leftContainer .rankingOther li{display:inline; white-space:nowrap; padding-right:20px; line-height:1.6em;}

#ranking_rightContainer{float:right; width:429px; height:325px;}
#ranking_rightContainer h3{margin-bottom:30px;}
#ranking_rightContainer p.mapmaparea{width:424px; height:259px;}

#tableContainer{clear:both; width:860px; background-color:#AAD6E9; margin:auto;}
#tableContainer table th{background:#C8E4F0; padding:5px 10px;}
#tableContainer table td{background:#FFF; padding:10px 15px;}
#tableContainer table td.more{ background:#E8F3F9;}
#tableContainer table td.more img{vertical-align:baseline;}
#tableContainer table td.tdBg{background:url(../images/library/ranking/tdBg.gif) repeat-y top left;}

dl.topRank{float:left; width:245px; padding-right:40px;}
dl.topRank dt{margin-bottom:5px;}
dl.topRank dd img{float:left; margin-right:10px;}
dl.topRank dd ul{float:left;}
dl.topRank dd li{line-height:1.6em;}
dl.topRank dd li.ttl{height:30px;}

dl.topRank_end{float:left; width:255px; padding-right:0; margin:0;}
dl.topRank_end dt{margin-bottom:5px;}
dl.topRank_end dd img{float:left; margin-right:10px;}
dl.topRank_end dd ul{float:left;}
dl.topRank_end dd li{line-height:1.6em;}
dl.topRank_end dd li.ttl{height:30px;}

dl.underRank{width:180px;}
dl.underRank dt{float:left; width:42px; height:14px; padding-right:15px;}
dl.underRank dd{float:left; width:123px; padding:2px 0 0;}



/*-----------------------------
	 ミーテ図書館_2nd 
 ------------------------------*/
 
/*セカンドトップ　コンテンツ共通*/
div#library_secondcontents {width:890px; margin:0px auto 15px; clear:both;}
div#library_secondcontents h2 {width:890px; margin:0px; padding:0px;}
div#library_secondcontents p.bottom {width:890px; margin:0px; padding:0px; clear:both;}
div#library_secondcontents p.bottom img {vertical-align:top;}
div#library_secondcontents dl#secondBox {width:860px; margin:0px; padding:10px 13px;}
div#library_secondcontents dl#secondBox dt.lead {margin:0px 0px 20px; text-align:center; padding:10px 0px 0px;}
div#library_secondcontents dl#secondBox dd.detail {margin:0px; padding:10px 0px;}
dl#secondBox div#miniBox-left {width:425px; float:left;}
dl#secondBox div#miniBox-right {width:425px; float:right;}
dl#secondBox div#miniBox-left h3, dl#secondBox div#miniBox-right h3 {margin:0px 0px 10px;}
dl#secondBox div#miniBox-left h4, dl#secondBox div#miniBox-right h4 {clear:both; margin:0px 0px 10px; padding:0px;}
dl#secondBox p.more {clear:both; margin:0px; padding:0px; text-align:right;}
dl#secondBox p.more a {background-image:url(../images/icon/bullet_go.gif); background-repeat:no-repeat; background-position:0; padding-left:15px;}

/*セカンドトップ　各コンテンツボーダーの色分け*/
div#library_secondcontents dl.selection{border-left:2px solid #BBE29E; border-right:2px solid #BBE29E;}


/*セカンドトップ　おすすめセレクション*/
div#miniBox-left div.pickupBox {width:425px; margin:0px 0px 10px;}
div#miniBox-left div.pickupBox p {width:425px; margin:0px; padding:0px; font-size:0.1em;}
div.pickupBox p img {vertical-align:bottom;}
div.pickupBox dl.pickup-list-l {width:405px; margin:0px; padding:0px 5px; border-left:5px solid #E5E5E5; border-right:5px solid #E5E5E5;}
div.pickupBox dl.pickup-list-l dt {width:300px; margin:0px 0px 20px; padding:0px; float:left; text-align:left;}
div.pickupBox dl.pickup-list-l span {display:block; padding:5px 0;}
div.pickupBox dl.pickup-list-l dd.pict {width:75px; margin:0px; padding:0px; float:right; text-align:center;}
dl.pickup-list-l dd.pict img {margin-bottom:5px;}
div.pickupBox dl.pickup-list-l dd.text {width:300px; margin:0px; padding:0px; float:left;}
div.pickupBox p {clear:both;}
div#miniBox-left dl.pickup-list-m {width:425px; margin:0px 0px 5px; padding:0px 0px 5px; border-bottom:1px dashed #CCCCCC;}
dl.pickup-list-m dt {width:325px; margin:0px; padding:0px; float:left;}
dl.pickup-list-m dd.star {width:100px; margin:0px; padding:0px; float:right; text-align:right;}
dl.pickup-list-m dd.text {width:425px; margin:0px; padding:5px 0px 0px; clear:both;}
div#miniBox-left p.star {clear:both; margin:0px; padding:10px 0px;}
div#miniBox-right div.searchBox {width:403px; margin:0px 0px 20px; border:1px solid #BBE29E; background-color:#EEF8E7; padding:10px;}
dl#secondBox div#miniBox-right div.searchBox h4.selection-title {color:#CC6600; font-size:13px; background:url(../images/library/selection/bg_subtitle.gif) left center no-repeat; padding-left:20px;}
div#miniBox-right div.searchBox p {width:403px; margin:0px; padding:0px;}
div.searchBox p input#search-text {width:258px; border:1px solid #DDDDDD; margin:0px 10px 0px 0px; padding:0px; height:18px; position: relative; top:-11px;}
div.searchBox p img {vertical-align:middle;}
div.searchBox ul.selection-list {width:403px; margin:0px auto 20px; padding:0px; list-style:none;}
div.searchBox ul.selection-list li {display:inline; padding:0px 5px 0px 0px; line-height:1.5em;}


/*セカンドトップ　検索*/
div#library_secondcontents dl.search{
border-left:2px solid #FD9A9A; border-right:2px solid #FD9A9A;
}
dl#secondBox div#search2 {
width:600px; margin:0 auto;
}
dl#secondBox div#search2 p.dod-line{
clear:both; margin-bottom:15px;
}
div#search2 dl{
width:400px; margin-left:140px;
}
div#search2 dl dt{
width:80px; float:left; margin-top:3px;
}
div#search2 dl dd{
width:320px; float:right; margin-bottom:5px;
}
div#search2 dl dd#search-text {width:258px; border:1px solid #DDDDDD; margin:0px 10px 0px 0px; padding:0px; height:18px; position: relative; }
p.search-btn {
width:169px; margin:0 auto;
}


/*セカンドトップ　絵本コレクション*/
div#library_secondcontents dl.usercollection {border-left:2px solid #CDCD12; border-right:2px solid #CDCD12; }
div.collection-inner-left {width: 425px; float:left;}
div.collection-inner-right {width: 425px; float:right;}
dl.usercollection h3 { font-size: 12px; font-weight: normal; background:url(../images/library/usercollection/bk_name_line.gif) left bottom no-repeat; padding-bottom: 5px; margin-bottom:5px;}
dl.usercollection h3 img { padding-right: 2px;}
dl.usercollection h3 a { font-weight: bold;}
dl.usercollection dl.childlist {width: 425px;}
dl.usercollection dl.childlist dt { width: 45px; text-align: center; float: left;}
dl.usercollection dl.childlist dd { width: 95px; float:left; padding-top:5px;}
dl.usercollection div.user-shelf {width: 405px; background:url(../images/library/usercollection/bk_usercollection.jpg) left top no-repeat; padding:10px 11px 0 9px; margin-bottom:5px;}
dl.usercollection div.user-shelf dl {width:91px; float:left; padding:0 5px; }
dl.usercollection div.user-shelf dt {width:91px; height:102px; position:relative;}
dl.usercollection div.user-shelf dt a { width:91px;position:absolute; bottom:4px; text-align:center;}
dl.usercollection div.user-shelf dd { font-size:10px; font-family:"ＭＳ Ｐゴシック", Osaka, sans-serif;}
dl.usercollection p.shelf-bottom { font-size: 0.1em; clear:both;}
dl.usercollection div#analogy { background-color: #EEF8E7; border:1px solid #BBE29E; padding: 10px; width: 403px; margin-bottom:20px;}
dl.usercollection div#analogy h3 { border-bottom: 1px solid #BBE29E; background-image:none; margin-bottom: 10px; font-weight: bold; color:#666666;}
dl.usercollection div#analogy ul#analogy-list {width:403px;}
dl.usercollection div#analogy ul#analogy-list li {float: left; background:url(../images/icon/ic_uni.gif) left top no-repeat; padding-left: 17px; margin-bottom: 11px; width:183px;}


/* セカンドトップ　みんなの読み聞かせQ&A */
div#library_secondcontents dl.qa{border-left:2px solid #FFCC99; border-right:2px solid #FFCC99;}

div#miniBox-left p.aboutqa{margin-bottom:10px;}
div#miniBox-left div.qaBox {margin:0 0 10px; width:407px; border:1px solid #B2CCE5; background:#FFFBF7; padding:8px;}

div#miniBox-left div.qaBox dl.question dt{float:left; font-weight:bold; font-size:1.2em; width:330px;}
div#miniBox-left div.qaBox dl.question dd.count{float:right;}
div#miniBox-left div.qaBox dl.question dd.comment{padding:10px 0; clear:both;}
div#miniBox-left div.qaBox div.answerBox{width:370px; padding:5px; margin-left:25px; background:url(../images/library/question/bg_answerbox.gif) #FDE8C4 top no-repeat;}
div#miniBox-left div.qaBox div.answerBox dl.answer{clear:both; padding:5px 0;}
div#miniBox-left div.qaBox div.answerBox dl.answer dt.name{float:left;}
div#miniBox-left div.qaBox div.answerBox dl.answer dt.name img{margin:0 5px;}
div#miniBox-left div.qaBox div.answerBox dl.answer dd.date{float:right; font-size:0.9em; padding-right:5px;}
div#miniBox-left div.qaBox div.answerBox dl.answer dt.book{float:left; width:75px; text-align:center;}
div#miniBox-left div.qaBox div.answerBox dl.answer dt.book span{font-size:0.9em; text-align:left; }
div#miniBox-left div.qaBox div.answerBox dl.answer dd.impression{float:right; width:285px;}
div#miniBox-left div.qaBox div.answerBox p.linkComment{text-align:right; clear:both;}

div#miniBox-right p.qaDetail{text-align:right; margin:0 5px 10px 0;}
div#miniBox-right ul.qList{ margin-top:10px; padding:5px; width:410px;}
div#miniBox-right ul.qList li{border-bottom:#CCCCCC 1px dashed; margin-bottom:10px; padding:0px 80px 5px 0; position:relative;}
div#miniBox-right ul.qList li a{background:url(../images/icon/ic_question.gif) 0 3px no-repeat; padding:5px 0 3px 22px; display:block;}
div#miniBox-right ul.qList li span{position:absolute; right:5px; top:5px;}


/*セカンドトップ　絵本レビュー*/
div#library_secondcontents dl.review{border-left:2px solid #EEB4CB; border-right:2px solid #EEB4CB;}
div#library_secondcontents dl#secondBox dd.about{text-align:center; margin-bottom:15px;}
div#miniBox-left div.pickupBox ul.reviewBox{border-left:5px solid #E5E5E5; border-right:5px solid #E5E5E5; padding:3px 8px; width:399px;}
div#miniBox-left div.pickupBox ul.reviewBox li.sumBook{float:left;}
div#miniBox-left div.pickupBox ul.reviewBox li.reviewDetail{float:right; text-align:left; width:315px; margin-left:5px;}
div#miniBox-left div.pickupBox ul.reviewBox li.reviewDetail dl.title{margin-bottom:10px;}
div#miniBox-left div.pickupBox ul.reviewBox li.reviewDetail dl.title dt{font-weight:bold;}
div#miniBox-left div.pickupBox ul.reviewBox li.reviewDetail dl.newReview{width:298px; padding:8px; background:url(../images/library/review/bg_newreviewbox.gif) #FDE8C4 top no-repeat;}
div#miniBox-left div.pickupBox ul.reviewBox li.reviewDetail dl.newReview dt{margin-bottom:10px;}
div#miniBox-left div.pickupBox ul.reviewBox li.reviewDetail dl.newReview dd{ margin-bottom:5px; position:relative; overflow:hidden; width:300px;}
div#miniBox-left div.pickupBox ul.reviewBox li.reviewDetail dl.newReview dd span{position:absolute; right:0;}
div#miniBox-left div.pickupBox ul.reviewBox li.reviewDetail p.linkreview{text-align:right; padding-top:5px; font-size:12px; width:310px;}
div#miniBox-right p.reviewList{margin-bottom:10px ; text-align:right;}
div#miniBox-right ul.introduction{margin:10px 0; width:100%;}
div#miniBox-right ul.introduction li{border-bottom:#CCCCCC 1px dashed; padding:5px;}
div#miniBox-right ul.introduction li p{width:80px; float:left; text-align:center;}
div#miniBox-right ul.introduction li dl{width:330px; float:right;}
div#miniBox-right ul.introduction li dl dt{font-weight:bold;}
div#miniBox-right ul.introduction li dl dd{width:330px; overflow:hidden;}
div#miniBox-right ul.introduction li dl dd.linkReview{text-align:right; clear:both; padding:2px;}


/*都道府県別ランキング*/
dl.arearanking{width:100%;}
dl.arearanking dt{margin:20px auto; width:325px;}
dl.arearanking dd{margin:0 auto 20px; width:640px;}

/*子どもの数が同じ人が登録する絵本ランキング*/
p.childranking{margin:20px auto 40px; width:325px;}
ul.childnumber{background:url(../images/library/ranking/img_childmain.gif) no-repeat; width:620px; height:130px; margin:0 auto 20px; padding-left:100px;}
ul.childnumber li{float:left; margin-right:32px; padding-top:20px;}

ul.childnumber li a{filter:alpha(opacity=100); opacity: 1; -moz-opacity: 1;}
ul.childnumber li a:link{filter:alpha(opacity=100); opacity: 1; -moz-opacity: 1;}
ul.childnumber li a:visited{filter:alpha(opacity=100); opacity: 1; -moz-opacity: 1;}
ul.childnumber li a:hover{filter:alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5;}


/*ランキング結果*/
h4#rank-detail-title {width:480px; padding: 24px 143px 20px 0; height:38px; background:url(../images/library/ranking/bg_ranktitle.gif) left top no-repeat; text-align:center; font-size:14px; font-weight:bold; color:#FF9900; margin: 5px auto 0;}
div.rank-detail-box { position:relative;}
div#num1 {border-left:6px solid #EAD186; border-right:6px solid #EAD186;}
div#num2 {border-left:6px solid #C9C9C9; border-right:6px solid #C9C9C9;}
div#num3 {border-left:6px solid #E9B17E; border-right:6px solid #E9B17E;}
div.rank-detail-box h4 img { width:55px;position:absolute; top:-36px; left:-17px;}
div.rank-detail-box dl.rank-detail-left { width:330px; float: left; padding-left:40px;}
div.rank-detail-box dl.rank-detail-left dt {font-weight:bold; font-size:14px; margin-bottom:5px;}
div.rank-detail-box dl.rank-detail-left dd {float: right; width:160px; margin-bottom:4px;}
div.rank-detail-box dl.rank-detail-left dd.bookcover { width:170px; float:left;}
div.rank-detail-box dl.rank-detail-left dd.amazonlink {margin-top: 10px;}
div.rank-detail-box div.rank-detail-right {width:428px; float:right; padding-right:35px;}
div.rank-detail-box div.rank-detail-right h5 {font-size:12px; font-weight:bold;}
div.rank-detail-box div.amazon-text { height: 46px; overflow:hidden;}
div.rank-detail-box dl.num-data {width:105px; float:left;}
div.rank-detail-box dl.num-data {padding-top: 10px;}
div.rank-detail-box dl.num-data dd { width:92px; height:20px; padding:5px 3px 0 0; text-align:right;color:#FF6600; font-size:10px;}
div.rank-detail-box dl.num-data dd span {color:#FF6600; font-weight:bold; font-size:14px;}
div.rank-detail-box dl.num-data dd#entry-num { background:url(../images/common/bg_entry_num.jpg) left top;}
div.rank-detail-box dl.num-data dd#read-num { background:url(../images/common/bg_read_num.jpg) left top;}
div.rank-detail-box dl.num-data dd#diary-num { background:url(../images/common/bg_diary_num.jpg) left top;}
div.rank-detail-box dl.num-data dd#review-num { background:url(../images/common/bg_review_num.jpg) left top;}
div.rank-detail-box ul.rank-detail-btn {clear:both; margin:0 45px 0; padding-top:15px;}
div.r-other-inner ul.rank-detail-btn li,
div.rank-detail-box ul.rank-detail-btn li {float: right; margin-left:15px;}
li.alert{color:#FF0000; text-align:center; width:160px; font-size:10px; border:1px #CCCCCC solid; line-height:1.1em; padding:3px 0; margin-top:3px; background-color:#FAFAFA;}
p.rank-btmimg { margin-bottom:20px;}
div#rank-detail-other {background-color:#E5E5E5; padding: 10px; margin-bottom: 15px;}
div#rank-detail-other div.r-other-inner {background-color:#FFFFFF; margin-bottom:10px; padding:0 10px;}
div#rank-detail-other div.r-other-head { border-bottom:1px solid #CCCCCC; padding:5px 0;}
div.r-other-head dt { float:left; width: 650px; font-weight:bold;}
div.r-other-head dd {float:right; width:160px; text-align:right;}
div.r-other-inner dl.rank-detail {width:280px; padding:10px 0; float:left;}
div.r-other-inner dl.rank-detail dd {width:190px; float:right;}
div.r-other-inner dl.rank-detail dd.bookcover { width:80px; float:left;}
div.r-other-inner ul.rank-detail-btn { float:right; margin-top:15px;}



/*recommend selection*/
.library div#selection{width:890px; background:#FFE6C4; margin:10px auto;}
.library div#selection p.bgbar{font-size:0.1em;}
.library div#selection h4.result-title{font-size:13px; color:#412D14; margin:5px 10px; background:url(../images/library/selection/bg_subtitle.gif) left center no-repeat; padding-left:20px;}

.library div#selection dl.search{width:830px; margin:0px auto; clear:both;}
.library div#selection dl.search dt{}
.library div#selection dl.search dd{float:left; margin:5px 10px 0px 0px;}
.library div#selection dl.search dd.keyword input{width:250px;}
.library div#selection dl.search dd.display{float:right;}

.library div#selection div.bg-white{width:850px; margin:5px auto; padding:10px; background-color:#FFFFFF; clear:both;}
.library div#selection div.bg-white p.pagelink-right{text-align:right; background:#EEEEEE; padding:5px;}

.library div#selection div.bg-white table{margin:5px auto;}
.library div#selection div.bg-white table td{padding:3px;}
.library div#selection div.bg-white table td.ico{width:20px; text-align:right;}
.library div#selection div.bg-white table td.title{width:200px;}
.library div#selection div.bg-white table td.name{width:100px;}
.library div#selection div.bg-white table td.sassu{width:25px;}
.library div#selection div.bg-white table td.count{text-align:right; font-weight:bold; width:20px;}
.library div#selection div.bg-white table td.star{width:80px;}

.library div#ranking a{ text-decoration:none;}
.library div#ranking a:hover{ text-decoration: underline;}


.library div#ranking div.selection{ float:left; width:580px; position:relative;}
.library div#ranking div.selection div.title{ 
	background: url(../images/library/ti_selection.jpg); 
	width:208px; height:24px;
	text-align:right; color:#fff; font-weight:bold;
	padding: 3px 100px 0 0;
	position:relative;
}
.library div#ranking div.selection div.search{
 position:absolute; top:3px; left:320px;
}
.library div#ranking div.selection div.list{ background:#fff;height:311px;}



.library div#ranking div.selection table{
border-collapse:0; margin:0 1px; width:100%;
}
.library div#ranking div.selection table td{
margin:0; padding:0 1px 0 0;
}

.library div#ranking div.selection table td.title{ width:120px;}
.library div#ranking div.selection table td.comment{ width:175px;}
.library div#ranking div.selection table td.sassu{ font-weight:bold; text-align:right;}

.library div#ranking div.selection ul{ margin:2px 5px; padding:0; list-style:none;}
.library div#ranking div.selection ul li.back{ 
	margin:0; padding:0 0 0 20px; float:left;
	background:url(../images/icon/bullet_back.gif) no-repeat left 4px;
}
.library div#ranking div.selection ul li.next{
	margin:0; padding:0 20px 0 0; float:right;
	background:url(../images/icon/bullet_go.gif) no-repeat right 4px;
}


/* 検索結果 */
dl#search-area { width:887px; height:119px; margin:0 0 15px 2px; background:url(../images/library/search/bg_searcharea.gif) left top no-repeat; position:relative;}
dl#search-area dt, dl#search-area dd {position:absolute;}
dl#search-area dd label { float:left; width:70px; padding-top:3px;}
dl#search-area dd input { float:left; width:200px; height:14px;}
dl#search-area dt {top:-6px; left:2px;}
dl#search-area dd#search-area1 {top:41px; left:60px;}
dl#search-area dd#search-area2 {top:66px; left:60px;}
dl#search-area dd#search-area3 {top:91px; left:60px;}
dl#search-area dd#search-area4 {top:41px; left:365px;}
dl#search-area dd#search-area5 {top:66px; left:365px;}
dl#search-area dd#search-area6 {top:42px; left:688px;}
dl#search-area dd#search-area6 input { width:169px; height:45px;}
dl#search-area dd#search-area5 p {clear:both; padding-top:7px;}
ul#bookdetail-tab {height:37px; margin-left:15px;}
ul#bookdetail-tab li {float:left; margin-right:5px; width:236px;}
div#bookdetail-wrap {margin-left:2px;}
div#bookdetail-wrap p.font-mini img { vertical-align:top;}
dl.head dd#amazon-info { position:absolute; left:505px; top:0px;}
dl.head dd#amazon-btn { position:absolute; left:760px; top:0px;}
div#bookdetail-wrap ul#yomigana-search {
	clear: both;
	margin:0 0 5px 15px;
}
div#bookdetail-wrap ul#yomigana-search li {
	float: left;
	margin-right: 5px;
}
div#bookdetail-wrap ul#yomigana-search li a {
	float: left;
	padding: 3px;
	line-height: 1;
	border: 1px solid #999999;
	background-color:#FFFFFF;
	text-decoration: none;
}
div#bookdetail-wrap ul#yomigana-search li a.yomigana-act {
	background-color:#E4E4E4;
}	
div#bookdetail-wrap ul#yomigana-search li#yomigana-title {
	color: #666666;
}

/* 絵本情報　登録人数等 */
.library div#bookdetail div.detail dl.user dd { width:92px; height:20px; padding:5px 3px 0 0; text-align:right;color:#FF6600; font-size:10px;}
.library div#bookdetail div.detail dl.user dd span {color:#FF6600; font-weight:bold; font-size:14px; padding-right:2px;}
.library div#bookdetail div.detail dl.user dd.ninzu { background:url(../images/common/bg_entry_num.jpg) left top no-repeat;}
.library div#bookdetail div.detail dl.user dd.kaisu { background:url(../images/common/bg_read_num.jpg) left top no-repeat;}
.library div#bookdetail div.detail dl.user dd.review-num {background:transparent url(../images/common/bg_review_num.jpg) left top no-repeat;}


/* h10 */
div.searchlist_wrap2 {
	width: 890px;
	padding: 0 0 9px 9px;
	margin: 6px 0;
	background: url(../images/common/bg_searchlist2.gif) 12px bottom no-repeat;
}
div.searchlist_wrap1 {
	width: 441px;
	padding: 0 0 9px 9px;
	margin-bottom: 6px;
	background: url(../images/common/bg_searchlist.gif) 12px bottom no-repeat;
}

div.searchlist {
	background: #FFFFFF url(../images/common/bg_searchlist.gif) left top no-repeat;
	width: 435px;
	float: left;
	margin: 0 3px;
	padding-top: 15px;
	display: inline;
}
div.searchlist p.book_image {
	width: 90px;
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	text-align: right;
}
div.searchlist h4 {
	width: 320px;
	margin: 0 0 1em;
	font-size: 12px;
	font-weight: bold;
	float: left;
}
div.searchlist dl {
	width: 165px;
	float: right;
}	
div.searchlist ul {
	width: 170px;
	float: right;
}
div.searchlist li {
	width: 158px;
}

div.searchlist li.link_amazon {padding-bottom:5px; line-height:120%; font-family: Arial, Helvetica, sans-serif,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}

div.searchlist dt{font-size:12px; font-weight:bold; margin-bottom:10px;}
div.searchlist dd{padding:2px; overflow:hidden;}
div.searchlist li.alert {margin-bottom: 5px;}


/* ユーザーごとの絵本コレクション */
.library div#bookdetail dl.normalhead{padding:0 10px 10px; margin-bottom: 10px;}
.library div#bookdetail dl.normalhead dt{float:left; font-weight:bold; padding-left:5px;}
.library div#bookdetail dl.normalhead dd.cap{float:left; padding-left:20px;}
ul#bookdetail-tab li#search-link {float:right; width:230px; display:inline;}
ul#bookdetail-tab li#search-link img {vertical-align:top;}



div#hook {width:800px; margin:0px auto 20px; padding:10px 0px 0px;}
div#hook p {text-align:center;}
div#hook ul {list-style:none; margin:0px; padding:0px;}
div#hook li.tit {width:800px; float:none;}
div#hook li {float:left;}