@charset "UTF-8";

/* =============================================

	style.css

============================================= */

html body{
	color: #333333;
	font-family: "游ゴシック体", "Yu Gothic", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Lucida Grande", "ＭＳ Ｐゴシック", "Osaka", verdana, arial, sans-serif;
	font-size: 16px;
	line-height: 1.6;
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(../images/bgr.jpg);
	background-repeat: repeat-x;
	background-position: center 954px;
}

#content-wrap{
	width: 1060px;
	margin: 0 auto;
}

.end{
	margin: 0 !important;	
}

a{
	text-decoration: none;
	color: #0a70b1;
}
a:hover{
text-decoration:underline;
}

/* 見出しベース ============================================================ */
#content-wrap h2.ttl-base{
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0px auto;
	position:relative;
}


/* 各コンテンツ共通 ============================================================ */
#content-wrap #intro,
#content-wrap #message,
#content-wrap #series,
#content-wrap #profile,
#content-wrap #sns,
#content-wrap #sns2
{
	width: 1060px;
	padding:0;
	overflow: hidden;

}

.border-box{padding: 0; margin:0 0 30px 0;  text-align:center;
}

.white { background-color: #ffffff; border: 3px solid #0068b3;}
.black {
	background: rgba(0,0,0,0.6);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7c000000', endColorstr='#7c000000');/* IE7, IE8 */}
.beige { background-color: #fffded; border: 3px solid #0068b3;}





/* イントロ ============================================================ */
#content-wrap #intro{
	overflow: hidden;
	padding-top: 30px;
}

	#content-wrap #intro .auther{
	}
	#content-wrap #intro .lead{
	}
	#content-wrap #intro h1#ttl-main{
	float:right;
	width: 1060px;
	height: 1250px;
	background: url(../images/main_vi.png) no-repeat top center;
	text-indent: -9999px;
}



/* メッセージ ========================================================== */
#content-wrap #message h2.ttl-base.ttl-message{
	background-image: url(../images/h2_message.png);
	height: 55px;
	width:300px;
	margin-bottom:20px;
}

#content-wrap #message{
	margin:450px 0 0 0;
	font-family:"Hiragino Mincho W3 JIS2004","ヒラギノ明朝 ProN W3", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	
}

#content-wrap #message .inner .left-box{
		float: left;
		width:515px;	
		height:570px;
	background-color: #FFF;
	border: 3px solid #0068b3;
}

#content-wrap #message .inner .right-box{
		float: right;
		width: 515px;	
		height:570px;
	background-color: #FFF;
	border: 3px solid #0068b3;
}

#content-wrap #message .inner .left-box .txt-area p,
#content-wrap #message .inner .right-box .txt-area p {
	margin: 30px;
	text-align: left;
	font-size: 16px;
	line-height: 2em;
	color: #000;
	}
#content-wrap #message .inner .left-box span,
#content-wrap #message .inner .right-box span {
	display:block;
	margin: 30px;
	text-align: right;
	font-size: 24px;
	color: #000;
	font-family:"Ryumin ExtraHeavy KL","ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	}

/* シリーズ ========================================================== */
#content-wrap #series h2.ttl-base.ttl-series{
	background-image: url(../images/h2_series.png);
	height: 89px;
	width:568px;
	margin-top:30px;
	padding:0 0 10px 0;
}

#content-wrap #series .inner{
	margin: 30px;
	overflow: hidden;
	position:relative;
}

#content-wrap #series .inner .shinyaku{
	position:absolute;
	top: 230px;
	left: 170px;
	width: 70px;
	height: 70px;
	background-image: url(../images/new.png);
	z-index: 1;
	background-repeat: no-repeat;
}
#content-wrap #series .inner .fukkan{
	position:absolute;
	top: 230px;
	left: 170px;
	width: 70px;
	height: 70px;
	background-image: url(../images/re.png);
	z-index: 1;
	background-repeat: no-repeat;
}

#content-wrap #series .inner .left-box{
		float: left;
		width:211px;
}

#content-wrap #series .inner .right-box{
		float: right;
		width:750px;
}

#content-wrap #series .inner .txt-box{
	text-align:left;
	line-height: 2.5em;	
}
#content-wrap #series .inner .txt-box p{
		font-size: 14px;
		line-height:1.8;
		font-family: "Gothic Medium BBB";
}

#content-wrap #series .inner .txt-box .book-name{
		font-weight: bold;
		font-size: 40px;
		margin:10px 0 10px 0;
		font-family:"Ryumin ExtraHeavy KL","ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
			}
#content-wrap #series .inner .txt-box .book-name .sub{
		font-size: 30px;
			}
#content-wrap #series .inner .txt-box .auther{
		font-weight: bold;
		font-size: 24px;
		margin:0 0 30px 0;
		font-family:"Ryumin ExtraHeavy KL","ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		}
#content-wrap #series .inner .txt-box p span{
		font-size: 10px;
		line-height:4;
		}
 
#content-wrap #series .inner .txt-box .book-name a,
#content-wrap #series .inner .txt-box .auther  a{
	text-decoration: none;
	color: #333333;
}
#content-wrap #series .inner .txt-box .book-name a:hover,
#content-wrap #series .inner .txt-box .auther a:hover{
text-decoration:underline;
}
/* ボタン共通 */
#content-wrap #series .inner .Button {
	width: 200px;
	height: 50px;
	margin: 30px 0 0 0;
	padding: 0;
	float:right;
}
#content-wrap #series .inner .Button a {
	display: block;
	position: relative;
	z-index: 100;
	text-align:center;
	background: #000;
	color: #fff;
	font-size: 14px;
	line-height: 50px;
	text-decoration:none;
}
#content-wrap #series .inner .Button a:hover {
	background-color: #0068b3;
	border-color: #59b1eb;
	color: #fff;        /* マウスオーバーカラー */ 
}

/* プロフィール ========================================================== */
#content-wrap #profile h2.ttl-base.ttl-profile{
	background-image: url(../images/h2_profile.png);

}

#content-wrap #profile .inner{
	margin: 30px;
	overflow: hidden;
}

#content-wrap #profile .inner .txt-box{
	text-align:left;
	line-height: 2.5em;	
}

#content-wrap #profile .inner .txt-box .name{
		font-weight: bold;
		font-size: 24px;
		margin-bottom: 13px;
		font-family:"Ryumin ExtraHeavy KL","ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	}
#content-wrap #profile .inner .txt-box .name span.kana{
			font-size: 11px;	
		}
#content-wrap #profile .inner .txt-box p{
		font-size: 14px;
		line-height:1.8;
		margin-bottom:30px;
}


/* SNS2 ========================================================== */

#content-wrap #sns2 {
	margin:30px 0 50px 0;
}

#content-wrap #sns2 .inner{
	margin:0px;
	overflow: hidden;
}

#content-wrap #sns2 .inner .left-box{
		float: left;
		width:515px;	
		height:500px;
	background-color: #FFF;
	border: 3px solid #0068b3;
}

#content-wrap #sns2 .inner .right-box{
		float: right;
		width:515px;	
		height:500px;
	background-color: #FFF;
	border: 3px solid #0068b3;
}

/* SNS ========================================================== */
#content-wrap #sns { 
}


#content-wrap #sns .inner { margin:20px 0 0 0; }
#content-wrap #sns .inner ul {position:relative; left:45%; float:left; }
#content-wrap #sns  .inner li {float:left; margin: 0 5px;   }


.fb_iframe_widget span {height: 10px; z-index: 0; overflow: hidden;}

/* フッタ ============================================================ */
#footer{
	clear: both;
	margin: 20px 0 0 0;
	height: 120px;
	background-color: #fff;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
}

#footer .inner{
	width: 950px;
	font-size: 12px;
	text-align: left;
	color: #666;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
#footer .inner ul{
padding:18px 0 10px 0;
}
#footer .inner ul li{
	color: #666;
	float: left;
	padding: 0 20px;
	background-image: url(../images/ftr_menu_bg.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#footer .inner ul li.first{
padding:0 20px 0 0;
}
#footer .inner ul li.last{
background:none;
}
#footer .inner ul li a{
color:#666;
}


/* ============================== CSS Hack */
/* 以下はfloatのバグをクリアするためのhack */
.clr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clr { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 \*/
* html .clr { height: 1%; }
.clr { display: block; }
/* End Hide from mac IE5 */

/* 以下はロールオーバーのテキストを隠すためのhack */
.hidetxt { text-indent: -9999px; overflow: hidden; }