@charset "utf-8";
/* 読書の旅に出かけよう PC　*/
body{
	padding:0;
	margin:0;
	background:#ffffff;
	background-image:url(../images/white_bg.jpg);
	color:#1f1f1f;
	line-height:160%;
	text-align:center;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size:14px;
}

ul,ol{
	list-style-type:none;
	}
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,p{
	margin:0;
	padding:0;
	}

img a,
img{
	border:0;
	vertical-align: bottom;
}

a img.opacity:hover{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
	}

.fontL{ font-size:18px; line-height:160%;}
.fontM{ font-size:14px; line-height:160%;}
.fontML{ font-size:16px; line-height:170%;}
.fontS{ font-size:12px; line-height:120%;}
.fontXS{ font-size:10px; line-height:120%;}

.lh170{line-height:170%;}
.lh200{line-height:200%;}


.important{ color:#D80000;}

.center{ text-align:center;}
.txtR{text-align:right;}

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}

.mb05{margin-bottom:05px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb60{margin-bottom:60px;}

.mr05{margin-right:05px;}

.left{ float: left;}
.right{ float: right; }
.clear{ clear: both;}

a:link{ color:#1f1f1f; text-decoration:underline;}
a:hover{ color:#1f1f1f; text-decoration:underline;}
a:visited{ color:#1f1f1f; text-decoration:none;}
a:active{ color:#1f1f1f; text-decoration:none;}


#container{
    position: relative;
}


/* header **************************** */

#wrapper_header{
	width: 100%;
	background-color: #FFFFFF;
	border-bottom: 1px solid #EFEFEF;
	text-align:left;
}

#header{
	width:930px;
	margin:0 auto;
	padding:10px 0;
	text-align:left;
}


#header .logo{
	float:left;
	width:106px;
}


/* title **************************** */


#wrapper_title{
	width: 100%;
	background-image:url(../images/title_bg.png);
	background-repeat:repeat-x;
}


/* wrapper **************************** */

#wrapper{
	width: 930px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
	padding: 10px 0;
	text-align: left;
}


#wrapper_tophead{
	width: 930px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	padding: 0;
	text-align: left;
	background-image: url(../images/top_pix.png);
	background-position: right;
	background-repeat: no-repeat;
}


#wrapper_yellow{
	width:100%;
	text-align:center;
	padding:10px 0;
	margin:0 auto;
	background-image:url(../images/yellow_paint_bg.jpg);
	background-repeat:repeat-x;
}


/* top_navi **************************** */

.book_navi01{
	float:left;
	margin-right:10px;
}

.book_navi02{
	float:right;
	margin-right:0px;
}




/* top_book_list **************************** */

.book_wap{
	width:143px;
	margin: 0 5px;
	float:left;
	text-align:center;
	font-size:10px;
	line-height:120%;
}

.book_wap02{
	width:143px;
	margin: 0 5px;
	float:left;
	text-align:center;
	font-size:10px;
	margin-right:12px;
	line-height:120%;
}


.book_list_l{
	float:left;
	margin-right:12px;
	width:459px;
}

.book_list_r{
	float:left;
	width:459px;
}

.book_list01{
	border:solid 3px #85B200;
	padding:5px;
	margin-bottom:8px;
	font-size:18px;
	line-height:180%;
	font-weight:bold;
	color:#85B200;
}

.book_list02{
	border:solid 3px #F7B900;
	padding:5px;
	margin-bottom:8px;
	font-size:18px;
	line-height:180%;
	font-weight:bold;
	color:#F7B900;
}

.book_list03{
	border:solid 3px #FF8000;
	padding:5px;
	margin-bottom:8px;
	font-size:18px;
	line-height:180%;
	font-weight:bold;
	color:#FF8000;
}

.book_list04{
	border:solid 3px #FF7373;
	padding:5px;
	margin-bottom:8px;
	font-size:18px;
	line-height:180%;
	font-weight:bold;
	color:#FF7373;
}

.book_list05{
	border:solid 3px #9672FF;
	padding:5px;
	margin-bottom:8px;
	font-size:18px;
	line-height:180%;
	font-weight:bold;
	color:#9672FF;
}

.book_list06{
	border:solid 3px #2692FF;
	padding:5px;
	margin-bottom:8px;
	font-size:18px;
	line-height:180%;
	font-weight:bold;
	color:#2692FF;
}

.book_list07{
	border:solid 3px #265BFF;
	padding:5px;
	margin-bottom:8px;
	font-size:18px;
	line-height:180%;
	font-weight:bold;
	color:#265BFF;
}

.book_list08{
	border:solid 3px #008C68;
	padding:5px;
	margin-bottom:8px;
	font-size:18px;
	line-height:180%;
	font-weight:bold;
	color:#008C68;
}



/* book photo size **************************** */

.book_small{
	width:84px;
	height:auto;}


/* presen_btn **************************** */

.present_b{
	background-color:#005BAC;
	padding:20px;
	margin-bottom:40px;
	text-align:center;
}


/* kouza **************************** */

.chu_kouza{
	background-color:#FFFFFF;
	border:solid 3px #005BAC;
	padding:20px;
	margin-bottom:40px;
}



/* books **************************** */

.books_navi01{
	margin-right:1px;
	float:left;
}

.books_navi02{
	margin-right:0px;
	float:left;
}


.books_cont{
	width:460px;
}

.books_cont02{
	width:150px;
	text-align:center;
	float:left
}

.books_cont03{
	width:307px;
	float:right;
}


.books_border{
	width:307px;
	float:right;
	border-bottom:solid 1px #999999;
	margin: 5px 0;
}


/* asai **************************** */

.asai_prof01{
	width:180px;
	float:left;
	margin-right:10px;
}

.asai_prof02{
	width:740px;
	float:right;
}

.asai_prof_border{
	width:740px;
	float:right;
	border-bottom:solid 1px #34A2CA;
	margin-bottom: 5px;
}

.asai_prof03{
	width:63px;
	float:left;
	margin-right:10px;
}

.asai_prof04{
	width:667px;
	float:right;
}


.asai_cont05{
	width:640px;
	float:left;
}

.asai_cont06{
	width:270px;
	float:right;
}


.asai_cont07{
	width:270px;
	float:left;
}

.asai_cont08{
	width:640px;
	float:right;
}

.asai_cont09{
	width:155px;
	float:left;
	text-align:center;
}

.asai_cont10{
	width:775px;
	float:right;
}


.indigo{
	color:#005BAC;
}

.blue{
	color:#00A3D9;
}



/* footer ****************************** */

#wrapper_footer{
	width: 100%;
	background-color: #FFFFFF;
	border-top: 1px solid #EFEFEF;
	text-align:left;
}


#footer{
	width:930px;
	margin:0 auto;
	padding:15px 0;
	text-align:left;
	font-size: 10px;
}


#footer a:link{ color:#0070CB; text-decoration:underline;}
#footer a:hover{ color:#0070CB; text-decoration:underline;}
#footer a:visited{ color:#0070CB; text-decoration:none;}
#footer a:active{ color:#0070CB; text-decoration:none;}


/* back to top **************************** */

p.gotop{
    position: fixed;
    right: 5%;
        bottom: 0;
}
p.gotop a{
    width: 10px;
    height: 94px;
    display: block;
}



/* clearfix For modern browsers */
.cf:before,
.cf:after {
	content: " ";
	display: table;
}

.cf:after {
	clear: both;
}

/* For IE 6/7 only */
.cf {
	*zoom: 1;
}