@charset "utf-8";


/*  SERVICE - COMMON
----------------------------------*/

#snav li.others {
	width: 195px;
	margin: 0 auto;
	padding-bottom: 15px;
	border-bottom: #7F99CC 1px dotted;
}

#snav li.yomu {
	padding-top: 15px;
}

#main h3.mds {
	padding: 17px 0;
}

#main .contentBox {
    width: 555px;
	margin: 0 auto;
}

.rgtPix {
    float: right;
	margin-left: 15px;
}

.mdsBlue {
    color: #003399;
	font-weight: bold;
}

#main em {
    color: #003399;
	font-weight: bold;
}



/*  TOP
----------------------------------*/

#main .leadBox {
    width: 555px;
	margin: 0 auto;
}

ul.btnBox {
	/*overflow: hidden;*/
	width: 600px;
	margin-left: -15px;
}

ul.btnBox li {
	float: left;
	display: inline;
	width: 285px;
	height: 100px;
	margin: 0 0 15px 15px;
}

div.onlineBox {
	position: relative;
    width: 285px;
	height: 100px;
	background: url(../../service/images/btn_online.gif) no-repeat 0 0;
}

ul.btnBox li div.onlineBox p.btnHonya {
    position: absolute;
	/*float: left;
	margin-top: 61px;
	margin-left: 15px;*/
	top: 61px;
	left: 15px;
	width: 127px;
	height: 26px;
	margin: 0;
}

ul.btnBox li div.onlineBox p.btnPcity {
    position: absolute;
    /*float: left;
	margin-top: 61px;
	margin-left: 2px;*/
	top: 61px;
	left: 144px;
	width: 127px;
	height: 26px;
	margin: 0;
}




/*  えほんのよみきかせ, ポイントカード
-------------------------------------------------*/

#main h3.mds02 {
	margin: 30px 0 17px;
}

#main h4 {
    font-size: 114%; 
	font-weight: bold;
	color: #ED008C;
	margin-bottom: 20px;
}

#nontanBox {
    width: 585px;
	margin-top: 35px;
	background: url(../../service/images/nontan_bg.gif) repeat-y 0 0;
}

.nontanTxt {
    width: 495px;
	margin: 0 auto;
	padding: 15px;
	line-height: 1.6;
}

.rgtBtn {
    text-align: right;
}



/*  その他のサービス
-------------------------------------------------*/

#main .othersBox {
    width: 555px;
	margin: 0 auto 20px;
	padding-bottom: 10px;
	border-bottom: #7F99CC 1px dotted;
}





/* alpha */

/*#main a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}
*/

a {
	text-decoration: none;
	color: #00B7FF;
}
a:hover {
	text-decoration: underline;
	color: #ED008C;
}