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


html {
	font-size: 62.5%
}
body {
	line-height: 1.6em;	
}
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;
}
body{
	font-size:140%;
}

.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;
	}

/************************子ども用 kids_top_header*/

#kids_top{
	
	display:block;
	position:relative;
	width:960px;
	height:768px;
	background:no-repeat url(../img/index_bg.png);
}

#top_line h1{
	color:#006db3;
}

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

	


/************************子ども用 kids_top_NAV*/
nav li{
	display:inline-block;
	width:128px;
	height:36px;
	text-indent:-9999px;
	overflow:hidden;
}
	
	
#kids_top nav li.guidance{
	display:block;
	position:absolute;
	left:65px;
	top:160px;
	width:210px;
	height:240px;
	background:no-repeat url(../img/guidance.png);
	transition: 0.3s;
	z-index:51;
}
#kids_top nav li.guidance:hover {
  -moz-transform: rotateZ(5deg);
  -webkit-transform: rotateZ(5deg);
  -o-transform: rotateZ(5deg);
  -ms-transform: rotateZ(5deg);
}
	
	

#kids_top nav li.event{
	display:block;
	position:absolute;
	left:288px;
	top:187px;
	width:240px;
	height:188px;
	background:no-repeat url(../img/event.png);
	transition: 0.3s;
	z-index:46;
}

#kids_top nav li.event:hover{
-moz-transform: rotateZ(5deg);
  -webkit-transform: rotateZ(5deg);
  -o-transform: rotateZ(5deg);
  -ms-transform: rotateZ(5deg);
}

#kids_top nav li.access{
	display:block;
	position:absolute;
	left:531px;
	top:187px;
	width:214px;
	height:240px;
	background:no-repeat url(../img/access.png);
	transition: 0.3s;
	z-index:52;
}
#kids_top nav li.access:hover{
-moz-transform: rotateZ(5deg);
  -webkit-transform: rotateZ(5deg);
  -o-transform: rotateZ(5deg);
  -ms-transform: rotateZ(5deg);
}


#kids_top nav li.search{
	display:block;
	position:absolute;
	left:125px;
	top:386px;
	width:250px;
	height:195px;
	background:no-repeat url(../img/search.png);
	transition: 0.3s;
	z-index:48;
}
#kids_top nav li.search:hover{
-moz-transform: rotateZ(5deg);
  -webkit-transform: rotateZ(5deg);
  -o-transform: rotateZ(5deg);
  -ms-transform: rotateZ(5deg);
}


#kids_top nav li.borrowing{
	display:block;
	position:absolute;
	left:379px;
	top:357px;
	width:215px;
	height:224px;
	background:no-repeat url(../img/borrowing.png);
	transition: 0.3s;
	z-index:49;
}
#kids_top nav li.borrowing:hover{
-moz-transform: rotateZ(5deg);
  -webkit-transform: rotateZ(5deg);
  -o-transform: rotateZ(5deg);
  -ms-transform: rotateZ(5deg);
}


#kids_top nav li.newbook{
	display:block;
	position:absolute;
	left:595px;
	top:373px;
	width:268px;
	height:205px;
	background:no-repeat url(../img/newbook.png);
	transition: 0.3s;
	z-index:50;
}
#kids_top nav li.newbook:hover{
-moz-transform: rotateZ(5deg);
  -webkit-transform: rotateZ(5deg);
  -o-transform: rotateZ(5deg);
  -ms-transform: rotateZ(5deg);
}


#kids_top nav li.backtoindex{
	display:block;
	position:absolute;
	left:21px;
	top:576px;
	width:164px;
	height:192px;
	background:no-repeat url(../img/backtoindex.png);
	transition: 0.3s;
}
#kids_top nav li.backtoindex:hover{
-moz-transform: rotateZ(5deg);
  -webkit-transform: rotateZ(5deg);
  -o-transform: rotateZ(5deg);
  -ms-transform: rotateZ(5deg);
}


#kids_top nav li.readme{
	display:block;
	position:absolute;
	left:749px;
	top:576px;
	width:199px;
	height:192px;
	background:no-repeat url(../img/readme.png);
	transition: 0.3s;
}
#kids_top nav li.readme:hover{
-moz-transform: rotateZ(-5deg);
  -webkit-transform: rotateZ(-5deg);
  -o-transform: rotateZ(-5deg);
  -ms-transform: rotateZ(-5deg);
}


/*******************************************************************news*/	

#kids_news{
    display:block;
	position:absolute;
	left:266px;
	top:638px;
	width:415px;
	height:86px;
	overflow:auto;
	font-size:100%		
}
#kids_news dl{
	padding:5px;
}
#kids_news dt{
	float: left;
	width: 90px;
	font-weight: bold;
}
#kids_news dd{
	float:right;
	width:295px;
}	
	
/*******************************************************************content*/	
	
#content{
	width:100%;
	height:auto;
}	
	
/*******************************************************************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;
	padding:25px 20px 0;

}