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

/*


*/

/*************************
general
**************************/

/* clearfix */
.clearfix:after{
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
	
.clearfix{
	zoom: 1;
}

	/* for IE6 */
	* html .clearfix {
	display:inline-block;
	}
	
	/* for IE7 */
	*+html .clearfix {
	display:inline-block;
	}

body, html { height: 100%; }

html {
	overflow-y: scroll;
}

body {
	font: 90%/185% 'メイリオ', "ＭＳ Ｐゴシック", 'Lucida Grande', Helvetica, osaka, Arial, sans-serif, Verdana, "Hiragino Kaku Gothic Pro";
	color: #333333;
	background:#EAFFD3;
	overflow: visible;
}

h1,h2,h3,h4,h5,h6{
	font-weight: bold;
}

a:link { color:#0059B2 ; text-decoration: underline; }
a:active { color:#0059B2 ; text-decoration: none; }
a:visited { color:#0059B2 ; text-decoration: undeline; }
a:hover { color: #666 ; text-decoration: none; }

p {
	margin: 0 0 15px;
}

.img {
	display: block;
	height: 0;
	overflow: hidden;
}

/* text link */

.textLink{
	margin:0 0 30px 0;
	font-size:100%;
}


.siteNav{
	display:none;
}


/*************************
globalHeader
**************************/

	
#globalHeader{
	width:962px;
	margin:0 auto 0;
	position:relative;
}

#globalHeader h1.catch{
	font-size:90%;
	color:#333;
	font-weight:normal;
	margin-bottom:5px;
}

#globalHeader h2.logo{
	margin-bottom:10px;
}



/*************************
pankuzu
**************************/

.pankuzu{
	margin-bottom:50px;
	width:960px;
	font-size:90%;
	color:#999;
}

.pankuzu li{
	display:inline;
	margin-right:15px;
}
		.tabrow {
		    list-style: none;
		    margin: 0 0 20px;
		    padding: 0 0 0 20px;
		    line-height: 24px;
		    height: 26px;
		    overflow: hidden;
		    font-size: 12px;
		    font-family: verdana;
		    position: relative;
		}
		
		.tabrow li {
		    border: 1px solid #AAA;
		    background: #D1D1D1;
		    background: -o-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
		    background: -ms-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
		    background: -moz-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
		    background: -webkit-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
		    background: linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
		    display: inline-block;
		    position: relative;
		    z-index: 0;
		    border-top-left-radius: 6px;
		    border-top-right-radius: 6px;
		    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;
		    text-shadow: 0 1px #FFF;
		    margin: 0 -5px;
		    padding: 0 20px;
		}
		
		.tabrow a {
			  color: #555;
			  text-decoration: none;
		}
		.tabrow li.selected {
		    background: #FFF;
		    color: #333;
		    z-index: 2;
		    border-bottom-color: #FFF;
		}
		.tabrow:before {
		    position: absolute;
		    content: " ";
		    width: 100%;
		    bottom: 0;
		    left: 0;
		    border-bottom: 1px solid #AAA;
		    z-index: 1;
		}
		.tabrow li:before,
		.tabrow li:after {
		    border: 1px solid #AAA;
		    position: absolute;
		    bottom: -1px;
		    width: 5px;
		    height: 5px;
		    content: " ";
		}
		.tabrow li:before {
		    left: -6px;
		    border-bottom-right-radius: 6px;
		    border-width: 0 1px 1px 0;
		    box-shadow: 2px 2px 0 #D1D1D1;
		}
		.tabrow li:after {
		    right: -6px;
		    border-bottom-left-radius: 6px;
		    border-width: 0 0 1px 1px;
		    box-shadow: -2px 2px 0 #D1D1D1;
		}
		.tabrow li.selected:before {
		    box-shadow: 2px 2px 0 #FFF;
		}
		.tabrow li.selected:after {
		    box-shadow: -2px 2px 0 #FFF;
		}
		
		
/*************************
contents
**************************/

#wrap{
	width:1000px;
	margin:0 auto 35px;
	background:#FFF;
}

#wrap .mainBox{
	width:980px;
	margin:0 auto 0;
}

#wrap .mainBox #contensts{
	width:980px;
}

#wrap .mainBox #contensts{
	width:980px;
}

#wrap .mainBox #contensts .menu{
	background:#FFCC66;
	padding:10px 0;
	margin-bottom:60px;
}

#wrap .mainBox #contensts .menu ul{
	width:679px;
	margin:0 auto 0;
}

#wrap .mainBox #contensts .menu ul li:hover{
	opacity:0.7;
}

#wrap .mainBox #contensts .menu ul .book{
	width:209px;
	float:left;
	margin-left:40px;
}

#wrap .mainBox #contensts .menu ul .douga{
	width:209px;
	float:right;
	margin-right:40px;
}


/***********************************************/
#wrap .mainBox #contensts .ConBtn{
	background:#FFFFFF;
	padding:10px 0;
	margin-bottom:60px;
}

#wrap .mainBox #contensts .ConBtn ul{
	width:679px;
	margin:0 auto 0;
}

#wrap .mainBox #contensts .ConBtn ul li:hover{
	opacity:0.7;
}

#wrap .mainBox #contensts .ConBtn ul .contact{
	width:209px;
	margin-left:234px;
}

.contactFont{
	font-size: 24px;
	font-weight: bold;	
	margin-left:260px;
}
/***********************************************/


#wrap .mainBox #contensts .ttlDouga{
	margin-bottom:46px;
}

#wrap .mainBox #contensts .imgDouga{
	text-align:center;
}

#wrap .mainBox #contensts .dougaBox{
	margin-bottom:30px;
}

#wrap .mainBox #contensts .dougaBox .box1{
	width:320px;
	float:left;
	margin-right:10px;
}

#wrap .mainBox #contensts .dougaBox .box2{
	width:320px;
	float:left;
}

#wrap .mainBox #contensts .dougaBox .box3{
	width:320px;
	float:right;
}

#wrap .mainBox #contensts .viewCatch{
	margin-top:50px;
	margin-bottom:40px;
}

#wrap .mainBox #contensts .message{
	text-align:center;
	margin-bottom:24px;
}

#wrap .mainBox #contensts .mainMessage{
	background:url(../img/main_message_b.png) 0px bottom no-repeat;
	width:848px;
	margin:0 auto 40px;
}

#wrap .mainBox #contensts .mainMessageU{
	background:url(../img/main_message.png) 0px top no-repeat;
	width:848px;
	margin:0 auto 0;
}

#wrap .mainBox #contensts .mainMessage .textBox1{
	width:480px;
	padding:40px 0 0 40px;
}

#wrap .mainBox #contensts .mainMessage .textBox1 p{
	margin:0;
}

#wrap .mainBox #contensts .mainMessage .textBox2{
	padding:0 40px 100px;
}

#wrap .mainBox #contensts .more{
	text-align:center;
	margin-bottom:5px;
}

#wrap .mainBox #contensts .contactBox{
	border:#FF6600 solid 5px;
	width:820px;
	margin:0 auto 60px;
	padding:38px 0 38px;
}

#wrap .mainBox #contensts .contactBox .form{
	width:694px;
	margin:0 auto 0;
}




/*************************
form
**************************/

.tableBox{
	width:100%;
	margin-bottom:30px;
}

.tableBox th{
	border-bottom:#D2D2D2 solid 1px;
	padding:15px 10px;
	width:120px;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
}

.tableBox td{
	padding:10px 10px;
	border-bottom:#D2D2D2 solid 1px;
}

input.text{
	padding: 10px;
	position:relative;
	
	border: none; 
	
	background: #F0F0F0;

}

.Wsmall{
	width:120px !important;
}

.Wnomal{
	width:350px !important;
}

.Wlarge{
	width:450px !important;
}	  

select{
	padding: 10px;
	position:relative;
	
	border: none; 
	
	background:#F0F0F0;

}

textarea{
	padding: 10px;
	position:relative;
	
	border: none; 
	
	background:#F0F0F0;

}

.textBox{
	height:120px;

}

.btnSend{
	width:256px;
	display:block;
	height:62px;
	margin:0 auto 0;
	border:none;
	background:url(../img/btn_send.png) 0px 0px no-repeat;
}

.btnSend:hover{
	opacity:0.7;
	cursor:pointer;
}



/*************************
globalFooter
**************************/

#globalFooter{
	border-top: #F0F0F0 solid 1px;
	padding:25px 75px;
}

#globalFooter .main{
	margin-bottom:20px;
}

#globalFooter .logo{
	float:left;
	width:271px;
	margin-right:15px;
}

#globalFooter .access{
	float:left;
	width:500px;
	padding-top:3px;
	line-height:110%;
}

#globalFooter .copy{
	text-align:right;
	display:block;
}

	
	
	
	

/*************************
お問い合せページ
**************************/

.contactpage-contactbox {
	margin:auto;
	padding:0 0 60px;
	width:710px;
}
.contactpage-contactbox .tableBox th{
	white-space:nowrap;
}

.contactpage-contactbox .btnConfirm{
	display:block;
	margin:0 auto 0;
	width:256px;
	height:62px;
	text-indent:-9999px;
	border:none;
	background:url(../img/contact_btn_confirm.png) 0px 0px no-repeat;
}
.contactpage-contactbox .btnSend{
	text-indent:-9999px;
}
.contactpage-contactbox .btnBack{
	display:block;
	margin:30px auto 0;
	width:256px;
	height:62px;
	text-indent:-9999px;
	border:none;
	background:url(../img/contact_btn_back.png) 0px 0px no-repeat;
}


.btnTouroku{
	display:block;
	margin:0 auto 0;
	width:256px;
	height:62px;
	text-indent:-9999px;
	border:none;
	background:url(../img/btn_touroku.png) 0px 0px no-repeat;
}


/*************************
書籍紹介ページ
**************************/
.tbBookImg {
	padding: 0px 5px 0px 0px;
}

.tbPriceImg {
	padding: 20px 0px 0px 20px;
}

.authorFont{
	font-size: 18px;
	font-weight: bold;
	padding: 50px 0px 0px 20px;
}

.tbAuthorFont {
	font-size: 12px;
	padding: 0px 0px 0px 20px;
}

#wrap .mainBox #contensts .bookShoukai{
	background:url(../img/base_bookshoukai.png) 0px bottom no-repeat;
	width:790px;
	height:504px;
	margin:0 auto 0px;
}

#wrap .mainBox #contensts .bookShoukai .textBox3{
	padding:80px 40px 0px;
}

.honbunFont{
	font-size: 14px;
}

#wrap .mainBox #contensts .bookShoukai .textBox3 span{
	color:#c00;
}