@charset "utf-8";
/* CSS Document */


html {
	font-size: 62.5%
}
body {
	line-height: 1.6em;
	font-size:100%;
	
}
body, div, pre, p, blockquote, form, fieldset, input, textarea, select, option, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, tr, th, td, embed, object, img {
	text-decoration: none;
	margin: 0;
	padding: 0;
	text-indent: 0;
	border: none;
}
body {
	position: relative;
	height: auto;
	background-color:#E9F3E9;	
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
img {
	border: none;
}
ul li {
	list-style: none;
}
a {
	overflow: hidden;
	text-decoration: none;
	color: #333333;
}
#body_wrapper{
	margin: auto;
	width: 960px;
	height:auto;
	display:block;
	position:relative;
	min-width:960px;
	}
/*******************************************************************header*/
#kids_page_header{
	
	display:block;
	position:relative;
	width:960px;
	height:auto;
}
#kids_page_header #top_line{
	background-image:url(../img/bg_header.png);
	display:block;
	position:relative;
	height:140px;
	width:960px;
}



#top_line h1{
	color:#006db3;
}

#top_line p.h1_01{
	display: block;
	font-size: 24px;
	position: absolute;
	left: 100px;
	top: 22px;
	width: 260px;
	height: 59px;
	text-align: center;
	line-height: 1.2em;
}
#top_line p.h1_02{
	display: block;
	font-size: 12px;
	position: absolute;
	left: 100px;
	top: 86px;
	width: 260px;
	height: 27px;
	text-align: center;
}
#top_line p.h1_03{
	display: block;
	font-size: 36px;
	position: absolute;
	left: 403px;
	top: 53px;
	width: 112px;
	height: 46px;
	text-align: center;
}
#top_line p.h1_04{
	display: block;
	font-size: 28px;
	position: absolute;
	left: 502px;
	top: 83px;
	width: 103px;
	height: 36px;
	text-align: center;
}

	
	
	
	

/*******************************************************************nav*/

#kids_page_header nav{
	display:block;
	position:relative;
	background-color:#ccc;
	width:960px;
	height:81px;
}
#kids_page_header nav ul{
	width:840px;
	height:81px;
	position:relative;
	margin:auto;

}
/*******************************/
#kids_page_header nav li.toppage{
	display:block;
	float:left;
	width:120px;
	height:0px;
	font-size:0px;
	line-height:0px;
	padding-top:81px;
	background:no-repeat url(../img/menu.png) 0 0;	
}
#kids_page_header nav li.toppage:hover{
	background:no-repeat url(../img/menu.png) 0 -81px;	
}
#kids_page_header nav li.toppage_current{
	display:block;
	float:left;
	width:120px;
	height:0px;
	font-size:0px;
	line-height:0px;
	padding-top:81px;
	background:no-repeat url(../img/menu.png) 0 -81px;	
}
/*******************************/

#kids_page_header nav li.guidance{
	display:block;
	float:left;
	width:120px;
	height:0px;
	font-size:0px;
	line-height:0px;
	padding-top:81px;
	background:no-repeat url(../img/menu.png) -120px 0;	
}
#kids_page_header nav li.guidance:hover{
	background:no-repeat url(../img/menu.png) -120px -81px;	
}
#kids_page_header nav li.guidance_current{
	display:block;
	float:left;
	width:120px;
	height:0px;
	font-size:0px;
	line-height:0px;
	padding-top:81px;
	background:no-repeat url(../img/menu.png) -120px -81px;	
}
/*******************************/

#kids_page_header nav li.event{
	display:block;
	float:left;
	width:120px;
	height:0px;
	font-size:0px;
	line-height:0px;
	padding-top:81px;
	background:no-repeat url(../img/menu.png) -240px 0;	
}
#kids_page_header nav li.event:hover{
	background:no-repeat url(../img/menu.png) -240px -81px;	
}
#kids_page_header nav li.event_current{
	display:block;
	float:left;
	width:120px;
	height:0px;
	font-size:0px;
	line-height:0px;
	padding-top:81px;
	background:no-repeat url(../img/menu.png) -240px -81px;	
}


#kids_page_header nav li.search{
	display:block;
	float:left;
	width:120px;
	height:0px;
	font-size:0px;
	line-height:0px;
	padding-top:81px;
	background:no-repeat url(../img/menu.png) -360px 0;	
}
#kids_page_header nav li.search:hover{
	background:no-repeat url(../img/menu.png) -360px -81px;	
}
#kids_page_header nav li.search_current{
	display:block;
	float:left;
	width:120px;
	height:0px;
	font-size:0px;
	line-height:0px;
	padding-top:81px;
	background:no-repeat url(../img/menu.png) -360px -81px;	
}
/*******************************/
#kids_page_header nav li.borrowing{
	display:block;
	float:left;
	width:120px;
	height:0px;
	font-size:0px;
	line-height:0px;
	padding-top:81px;
	background:no-repeat url(../img/menu.png) -480px 0;	
}
#kids_page_header nav li.borrowing:hover{
	background:no-repeat url(../img/menu.png) -480px -81px;	
}
#kids_page_header nav li.borrowing_current{
	display:block;
	float:left;
	width:120px;
	height:0px;
	font-size:0px;
	line-height:0px;
	padding-top:81px;
	background:no-repeat url(../img/menu.png) -480px -81px;	
}
/*******************************/
#kids_page_header nav li.newbook{
	display:block;
	float:left;
	width:120px;
	height:0px;
	font-size:0px;
	line-height:0px;
	padding-top:81px;
	background:no-repeat url(../img/menu.png) -600px 0;	
}
#kids_page_header nav li.newbook:hover{
	background:no-repeat url(../img/menu.png) -600px -81px;	
}
#kids_page_header nav li.newbook_current{
	display:block;
	float:left;
	width:120px;
	height:0px;
	font-size:0px;
	line-height:0px;
	padding-top:81px;
	background:no-repeat url(../img/menu.png) -600px -81px;	
}

#kids_page_header nav li a{
    display:block;
    width:100%;
    height:100%;
    z-index:99;
}
    
/*******************************/

#kids_page_header p.backtoindex{
	display: block;
	position: absolute;
	right: 21px;
	top: 230px;
	width: 210px;
	height: 30px;
	padding-top: 10px;
	padding-bottom: 5px;
	background: no-repeat url(../img/icon_backto.png);
	text-indent: 40px;
	z-index: 50;
	font-size:140%;
}
#kids_page_header p.backtoindex:hover{
	text-decoration:underline;
	}
	


   table



------------------------------------------------*/


table.line_kids {
	background: none repeat scroll 0 0 #D8D8D8;
	/* [disabled]border-collapse:collapse; */
	position:relative;
	border-spacing:1px;
	width: 100%;
	margin-bottom: 20px;
	/* [disabled]border: 1px solid #ddd; */
}

table.line_kids tr th {
	width:882px;
	line-height:130%;
	text-align: left;
	vertical-align: top;
	/* [disabled]width: 155px !important; */
	color:#5d3700;
	font-size:190%;
	padding: 10px;
	/* [disabled]border-bottom: 1px solid #ddd; */
	background: #c6de8f;
	/* [disabled]border-right: 1px solid #ddd; */
	border: 1px solid #fff;
	/* [disabled]white-space: nowrap; */
}
table.line_kids tr td  {
	padding: 5px 10px;
	line-height: 24px;
	/* [disabled]border-bottom: 1px solid #ddd; */
	/* [disabled]border-top: 1px solid #ddd; */
	/* [disabled]border-right: 1px solid #ddd; */
	background:#fff;
	font-size: 180%;
}
table.line_kids tr:hover {
	background:#F7F7F7;
}
table.line_kids .head {
	background:url(../../img/common/bg/bg_head.png) repeat-x 0 0;
}

div.pt0 h3{font-size:200%;}

/*******************************************************************content*/	
	
#content{
	display: block;
	position: relative;
	top:-10px;
	width:960px;
	height:auto;
	overflow:hidden;
	
}		
#content .fill{
	display: block;
	position: relative;
	width:100%;
	height:auto;
	margin-top:10px;
	box-shadow:0px 0px 4px #666;
	background-color:#fff;
	z-index:10;
}		
	
#content .fill .breadlist{
	display:inline-block;
	position: relative;
	padding-top:20px;
	padding-left:20px;
}
.breadlist li{
	display: block;
	position: relative;	
font-size: 140%;
    color: #333;
    float: left;
    margin-right: 10px;	
}
	
.breadlist li a {
    color: #333;
    padding-right: 20px;
    background: url(../img/icon_arrow_crumb.png) no-repeat right center;	
    color:#0000FF;
    text-decoration:underline;
}
	
/*予約かご*/
#divCart{float:right;width:180px;height:32px;margin-top:0px;margin-right:21px;}
#divCart p{width:100%;height:100%;border:solid 1px #332f00;display:block;background:#f2ea61;background:linear-gradient(#ffff99, #f2e400);box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 6px 0px;border-radius: 6px;}
#divCart input[type='button']{font-weight:bold;margin-left:2px;text-indent:10px;color:#332f00;font-size:160%;border:0px;height:100%;width:100%;background-color:Transparent;background: url(../../img/basket.png) left center no-repeat;cursor:pointer;}
#divCart p:hover{background: linear-gradient(#ffffcc, #f2ea61);}
	
/*******************************************************************footer*/
footer{
	width:960px;
	background-color:#d9d9d9;
	height:50px;
	display:block;
	position:relative;
	text-align:right;
	z-index:5;
}

footer p{
	display:block;
	position:relative;
	font-size:140%;
	padding:25px 20px 0;

}

/*********** ********** ********** **********
* etc
*/
/* タイトル画像 -------- */
#ImgTitle{display:none;}
/* ハイライト表示 -------- */
div#content .highlight{background:#eeff99;}
/* ハイライト表示 -------- */
div#content .dispnone{display:none;}
/* ラジオボタン、チェックボックス -------- */
input[type='checkbox'],
input[type='radio']{width:1.5em;height:1.5em;vertical-align:text-bottom;cursor: pointer;}
/* GoogleBooksの文言 -------- */
p.footermsg{font-size:120%;color:#555;display:block;float:right;}
/*インジケーター*/
#divloading{border:solid 1px #999;background-color:#FFFF99;-webkit-filter:opacity(80%);-moz-filter:opacity(80%);-o-filter:opacity(80%);-ms-filter:opacity(80%);opacity:0.80;z-index:99;}
#divloading div{font-size:200%;width:200px;height:100px;margin: -75px 0 0 -100px; position: fixed;top:50%;left:50%;text-align:center;}
/*サジェスト*/
.ui-autocomplete{ z-index: 9999 !important; }


#login_info .mode_login{float:right;width:auto;height:36px;margin-top:6px;letter-spacing:0.0em;background:url(../img/icon_login.png) no-repeat left center;background-position-y: center;}
#login_info .mode_login input[type='button']{width:120px;color:#FFF;border:#236600 1px solid;background:#40806a;background:linear-gradient(#4d9980, #40806a);height:30px;padding:0 5px;cursor:pointer;}
#login_info .mode_logout{float:right;width:auto;height:36px;margin-top:6px;letter-spacing:0.2em;background:url(../img/icon_logout.png) no-repeat left center;background-position-y: center;}
#login_info p{font-size:120%;text-indent:25px;padding-right:10px;padding-top:4px;}
#login_info .mode_login #btnLogout{
display: inline-block;
border: #999 solid 1px;
border-radius: 6px;
background: #ccc;
background: linear-gradient(#e6e6e6, #b3b3b3);
padding: 5px 10px 3px;
font-weight: bold;
font-size: 110%;
text-indent: 10px;
color: #332f00;
border: 0px;
height: 100%;
width: 100%;
width: auto;
cursor: pointer;
 }