@charset "utf-8";
/* 読書の旅に出かけよう SP　*/
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;
}


.img80{
	width:80%;
	height:auto;
}


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;}
.txtL{text-align:left;}
.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;}
.ml05{margin-left:05px;}

.pd05{padding:05px;}
.pd10{padding:10px;}
.pd10_rlb{
	padding-left:10px;
	padding-right:10px;
}






.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{}


/* header **************************** */


#header{
	padding:10px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #EFEFEF;
}


#header #logo{
	float:left;
	min-width:50px;
	text-align:left;
}

#header #menuBtn{
	float:right;
	width:10%;
	min-width:40px;
	text-align:right;
}

#header #menuBtn img{
	width:100%;
	min-width:10%;
}



/* title **************************** */

#mainTTL img{
	width:100%;
	height:auto;
}


/* top main **************************** */

#mainpix {
	text-align:center;
	padding:5px;
}


#mainpix img{
	width:100%;
	height:auto;
}

.mainBtn {
	text-align:center;}


.mainBtn img{
	width:100%;
	height:auto;
}



/* wrap **************************** */

#wrap {
	text-align:left;
	padding:10px;

}

/* top bookNavi **************************** */

.topNavi {
	text-align:center;
	width:100%;
	margin-bottom:5px;
}

.topNavi img{
	width:23%;
	height:auto;
}

/* top book title **************************** */

.bookCnt_top {
	text-align:center;
	width:100%;
	margin-bottom:30px;
}

.bookCnt_top img{
	width:80px;
	height:auto;
}

.bookCnt_top_inner {
	width:33%;
	text-align:center;
}


.book_list01{
	border:solid 3px #85B200;
	padding:5px;
	margin-bottom:8px;
	font-size:16px;
	line-height:180%;
	font-weight:bold;
	color:#85B200;
}

.book_list02{
	border:solid 3px #F7B900;
	padding:5px;
	margin-bottom:8px;
	font-size:16px;
	line-height:180%;
	font-weight:bold;
	color:#F7B900;
}

.book_list03{
	border:solid 3px #FF8000;
	padding:5px;
	margin-bottom:8px;
	font-size:16px;
	line-height:180%;
	font-weight:bold;
	color:#FF8000;
}

.book_list04{
	border:solid 3px #FF7373;
	padding:5px;
	margin-bottom:8px;
	font-size:16px;
	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;
}


/* books ***** */
.book_wrap{
        width:100%;
}


.book_left{
	text-align:center;
	float:left;
	width: 25%;
}

.book_left img{
	width:100px;
	height:auto;
}


.book_right{
	text-align:left;
	width:67%;
	float:right;
	padding-right:5px;
}


.books_border{
	border-bottom:solid 1px #999999;
	margin-bottom:5px;
}

.books_present {
	text-align:center;}


.books_present img{
	width:80%;
	height:auto;
}


/* interview ***** */

.inte_border{
	border-bottom:solid 1px #34A2CA;
	margin-bottom:5px;
}


.indigo{color:#005BAC;}

.blue{color:#00A3D9;}



/* gloval navi ***** */

#global-nav{
	background:#00A3D9;
	font-size:18px;
	padding:10px 0;
	clear:both;
	z-index:9999;
}


#global-nav #gNavi{
	margin:10px 0;
}
#global-nav #gNavi li{
	border-top:2px solid #00A3D9;
	padding:12px;
	background:#fff url(../images/arrow_blue.png) no-repeat 98%;
	background-size: 16px auto;
	text-align:left;
}


#global-nav #close{
	background:#fff;
	border:1px solid #00A3D9;
	margin:10px;
	padding:12px;
	color:#00A3D9;
}
#global-nav #close a{color:#00A3D9;}

#global-nav a:link{ color:#005AAC; text-decoration:underline;}
#global-nav a:hover{ color:#005AAC; text-decoration:underline;}
#global-nav a:visited{ color:#005AAC; text-decoration:none;}
#global-nav a:active{ color:#005AAC; text-decoration:none;}


#global-nav .red {color:#FF0000;}




/* footer ****************************** */

#footer{
	background-color: #FFFFFF;
	padding:10px;
	border-top: 1px solid #EFEFEF;
	text-align:left;
	font-size: 14px;
}


#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;}



/* clearfix For modern browsers */
.cf:before,
.cf:after {
	content: " ";
	display: table;
}

.cf:after {
	clear: both;
}

/* For IE 6/7 only */
.cf {
	*zoom: 1;
}
