@charaset "UTF-8";
/*---------------------
 コンテンツ部骨格
---------------------*/
#left{float:left;width:300px;margin-left:10px;}
#cent{float:left;width:670px;margin-left:10px;}
#cent section{margin-bottom:0;}
#ads{margin-bottom:18px;}

/*---------------------
　タブ下(ナビ)
---------------------*/
div#tab_shita div.tab_shita_cent,
div#tab_shita div.pre_p,
div#tab_shita div.nxt_p
{
	width:320px;
	font-size:14px;
}
div#tab_shita .pre_p{
	position:absolute;
	left:5px;top:2px;
	text-align:left;
	}

div#tab_shita .pre_p a{
	padding:0;
	display:inline;
}
div#tab_shita .nxt_p{
	position:absolute;
	right:15px;top:2px;
	text-align:right;
	
}
div#tab_shita .nxt_p a{
	padding:0;
	display:inline;
}

div#tab_shita .tab_shita_cent{
	position:absolute;
	left:340px;top:4px;
	text-align:center;
	color:red;
	font-size:12px;
}
div#tab_shita .tab_shita_cent a{
	color:red;
	display:inline;
}

/*---------------
 メニュー表示
---------------*/

.ich-dan{
	margin-bottom:20px;
}
.ich-dan > div{
	float:left;
	width:300px;
	font-size:16px;
	border:solid 1px #ccc;
}

.ich-dan div.ttl{	font-size:19px;font-size:1.9rem;	font-weight:normal;
	padding: 15px 10px 15px 20px;
}
.ich-dan>div>img{
	margin-left:5px;
	display:block;
	width:290px;
	height:94px;
	margin-bottom:2px;
}
.ich-dan div ul{margin:0px 5px 4px 5px;}
.ich-dan div ul li{
	background-color:#f4f0e8;
	margin-bottom:1px;
	}
.ich-dan div ul li a{
	display: block;
	padding: 10px 10px 7px 20px;
	text-decoration:none;
	background:url(../img/lst/tri_red.png) 8px center no-repeat;
}
.ich-dan div ul li a span{font-size:12px;font-size:1.2rem;}
.ich-dan:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size:
}
/*---------------------
　section内フォント
---------------------*/
section *{/*font-family:"BIZ UDGothic","Noto Sans Japanese",'Helvetica Neue',Helvetica,Arial,"游ゴシック体","Yu Gothic",YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'Helvetica Neue',Helvetica,Arial,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;*/
font-weight:bold;
}


/*---------------------
　waku
---------------------*/
#waku_top{
	width:674px;
	height:25px;
	background:url(../img/waku/n_top.png) no-repeat;
	margin:0px;
}
#waku_mid{
	width:674px;
	height:auto;
	margin:0px;
	background:url(../img/waku/n_mid.png) repeat-y;
	position:relative;
}
#waku_btm{
	width:674px;
	height:20px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	background:url(../img/waku/n_btm.png) no-repeat;
}
#waku_waku{
	width:610px;
	height:50px;
	margin:0px auto 25px 30px;
	text-align:center;
	position:relative;
}
#waku_waku h2{
	width:610px;text-align:center;
	color:#fff;
	font-size:24px;line-height:1;
	position:absolute;
	top:14px;
	left:0;
	font-weight:normal;
	}
#waku_waku h2 > span{font-size:16px;font-size:1.6rem;}
/* IE6-7用上書き指定 */
*html #waku_mid h2 {
		line-height:45px;
}
*:first-child+html #waku_mid h2{padding-top:2px;} /*IE7*/

/* IE8用上書き指定 */
html>/**/body #waku_mid h2{
	padding-top/*\**/:0px\9;
}

#waku_mid section{margin:0px 34px 0px 30px;}

section>h3,
section .h3{
	margin-bottom:20px;
	font-weight:bold;
	color:#c9171e;/*深緋こきひ*/
	/*background:url(../img/lst/h3.png) no-repeat;
	background-position:left center;
	padding-left:30px;*/
	font-size:22px;font-size:2.2rem;
}
section > div.sub{font-size:16px;font-size:1.6rem;margin-bottom:0.75em;color:#c9171e;}
section p,
section .p,
section li{
	font-size:16px;font-size:1.6rem;
	padding-bottom:0.7em;
	line-height:2.0;
	color:#333;

}
section > h4{
	font-size:18px;font-size:1.8rem;	color:#69821b;
	margin-bottom:12px;
}


/*---------------------
　最終更新
---------------------*/
time{
	font-size:14px;font-size:1.4rem;
	width:610px;
	text-align:right;
	display:block;
    margin: -18px 34px 10px 30px;
	color:#999;
}
/*---------------------
　注釈のインデント
---------------------*/
p.tyu{
	text-indent:-1.0em;
	padding-left:1.0em;
	color:#999;
	font-size:14px;font-size:1.4rem;	line-height:1.5;
}

/*---------------------
　img/cent(便利なので継続)
---------------------*/
img.cent{margin:10px auto 3px auto;display:block;}

/*---------------------
　img_box_c
---------------------*/
.img_box_c{
	margin:10px auto;
}
.img_box_c p{
	margin:0px;
	font-size:14px;font-size:1.4rem;	line-height:1.5;
	color:#666;
}

/*---------------------
　img_box_r
---------------------*/
.img_box_r{
	margin:5px 0px 3px 12px;/*topの5pxは右のpとのバランス*/
	float:right;
/*画像サイズにあわせて書きかえ*/
/*width:auto;にするとIE6 7で回り込みしない。各ページで上書き指定する*/
}
.img_box_r img{
	margin:0 0 3px 0;
	display:block;
}

.img_box_r p{
	text-align:center;
	font-size:12px;font-size:1.2rem;	color:#666;
	line-height:1.5;
}
/*---------------------
　img_box_l
---------------------*/
.img_box_l{
	margin:5px 10px 3px 0px;/*topの5pxは右のpとのバランス*/
	float:left;
/*画像サイズにあわせて書きかえ*/
/*width:auto;にするとIE6 7で回り込みしない。各ページで上書き指定する*/
}
.img_box_l img{
	margin:0px auto;
}

.img_box_l p{
	text-align:center;
	font-size:12px;font-size:1.2rem;	color:#666;
	line-height:1.5;
}

/*---------------------
　ul系
---------------------*/
section ul.lnks li{
	font-size:16px;font-size:1.6rem;
	padding-left:20px;
	background:url(../img/lst/yabox_yel.png) no-repeat left center;		line-height:2.0;
	padding-bottom:0;
}
section ul.lst{
/*	margin-left:40px;
	margin-right:34px;
2016.10.12コメント化*/

	margin-left:20px;
}
section ul.lst li{
	font-size:16px;font-size:1.6rem;	line-height:2.0;
	list-style-type:disc;
	padding-bottom:10px;
	color:steelblue;
}

#waku_mid hr{margin-left:30px;margin-right:34px;}
#waku_mid hr:last-child{display:none;}

/*---------------------
　ol系
---------------------*/
section ol{margin-left:40px;}
section ol li{
	font-size:16px;font-size:1.6rem;	line-height:2.0;
	list-style-type:decimal;
	padding-bottom:10px;
	color:steelblue;
}

/*---------------------
　page_index
---------------------*/
#waku_mid section#page_index{
	margin: 20px 34px 0px 30px;
	background-image:url(../img/bg/koushi.png);
	padding:2em;
	border-radius:8px;
	position:relative;
}
section#page_index ol *{color:brown;}

p.whois{
	padding-bottom:0px;
	text-align:right;
	width:100%;
	color:#999;
	font-size:14px;font-size:1.4rem;
	line-height:1.6;
}

/*---------------------
　声　共通
---------------------*/
div.koe{
	height:auto;
	padding-bottom:15px;
}

div.koe div.top{
	height:15px;
}
div.koe div.mid h3{
	font-size:20px;font-size:2.0rem;color:maroon;
	line-height:2.0;
	margin:0px 0px 0px 20px;
	font-weight:bold;
	font-family: "BIZ UDGothic","FOT-スーラ ProN M","Noto Sans Japanese",'Helvetica Neue',Helvetica,Arial,"游ゴシック体","Yu Gothic",YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'Helvetica Neue',Helvetica,Arial,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
div.koe div.mid p,
div.koe div.mid blockquote{
	font-size:16px;font-size:1.6rem;
	line-height:2.0;
	margin:0px 15px 0px 20px;
	padding-top:5px;
	padding-bottom:10px;
	color:maroon;
}

div.koe div.mid img{
	display:block;float:left;
	margin:0px 20px 5px 20px;
	padding-top:5px;
}

div.koe div.whois{
	padding-bottom:0px;
	text-align:right;
	margin-right:20px;
	color:#666;
	font-size:14px;font-size:1.4rem;
	line-height:1.6;}
div.koe div.btm{
	height:15px;
}
/*---------------------
　声 MID
---------------------*/
#waku_mid section div.koe{
	width:610px;
}
#waku_mid section div.koe div.top{
	background:url(../img/cont_page/koe/mid/top.png) no-repeat;
}
#waku_mid section div.koe div.mid{
	background:url(../img/cont_page/koe/mid/mid.png) repeat-y;
}


#waku_mid section div.koe div.btm{
	background:url(../img/cont_page/koe/mid/btm.png) no-repeat;
}

/*---------------------
　声　LEFT
---------------------*/
#left div.koe{
	width:300px;
}
#left div.koe div.top{
	background:url(../img/cont_page/koe/side/top.png) no-repeat;
}
#left div.koe div.mid{
	background:url(../img/cont_page/koe/side/mid.png) repeat-y;
}
#left div.koe div.btm{
	background:url(../img/cont_page/koe/side/btm.png) no-repeat;
}
#left div.koe div.mid p{color:chocolate;}


/*---------------------
　詳細な内容/パネル（pnl）
---------------------*/

.pnl_ttl{
	font-size:14px;font-size:1.4rem;	text-align:right;
	color:#999;
	padding-bottom:8px;
	cursor:pointer;
}
.pnl{
	padding:10px;
	margin-bottom:10px;
}
.pnl p{
	color:#999;
	font-size:16px;font-size:1.6rem;	padding-bottom:0;
}


/*---------------------
　記事内の声・パネル
---------------------*/
#waku_mid section > div.non_pnl,
div.pnl{
	margin:2em auto;
}

section > div.non_pnl > div.sub,
div.pnl > div.sub
{
	font-size:30px;font-size:3rem;	color:#999;
	padding:0.25em 0 0.5em 0;
}
section > div.pnl p,
section > div.non_pnl p
{
	font-size:16px;font-size:1.6rem;
	color: maroon;
}

section > div.pnl > div.whois,
section > div.non_pnl > div.whois
{
	font-size:14px;font-size:1.4rem;	color:#999;
	text-align:right;
	line-height:1.25;
	padding-top:1em;
}

section > div.koe_neo
{background-image:url(../img/bg/koe.jpg);}

section > div.pnl,
section > div.non_pnl {
	padding: 1em 1em 1em 1.5em;
}






/*---------------------
　Neo_table
---------------------*/
.neo_table{
color:#666;
border:solid 1px #999;
border-collapse:collapse;
border-spacing:1px;
margin-bottom:15px;
width:100%;
}
.neo_table caption{
	font-size:16px;font-size:1.6rem;	padding:1em 0em 0.5em 0.25em;
}
.neo_table th{
padding:5px;
border-right:solid 1px #999;
border-bottom:solid 1px #999;
font-weight:normal;
font-size:16px;font-size:1.6rem;text-align:left;
background-color:aliceblue;
vertical-align:middle;
line-height:1.6;
}
.neo_table thead tr th{
	text-align:center;
}

.neo_table td{
padding:5px;
border-top:solid 1px #ccc;
border-right:solid 1px #999;
border-bottom:solid 1px #999;
border-left:solid 1px #ccc;
background-color:#FFF;
font-size:16px;font-size:1.6rem;line-height:1.6;
vertical-align:middle;
}

section .neo_table ol{
	margin-left:30px;
}
.neo_table td dl{padding:10px 5px;}
.neo_table td dl dt{color:royalblue;}

.sep{border-collapse:separate;}
/*↑立体感を出したい場合*/

/*---------------------
 side_term
---------------------*/
div.side_term{
	width:300px;
	height:auto;
	margin-bottom:20px;
}
div.side_term div.top{
	background:url(../img/cont_page/side_term/top.png) no-repeat;
	height:10px;
}
div.side_term div.mid{
	background:url(../img/cont_page/side_term/mid.png) repeat-y;
}
div.side_term div.mid dl img{margin:10px auto;display:block;}
div.side_term div.mid dt{margin:0px 15px;padding-top:5px;line-height:1.2;font-size:16px;font-size:1.6rem;}
div.side_term div.mid dt div{font-size:10px;color:#999;line-height:12px;}
div.side_term div.mid dd{
	color:#666;
	margin:10px 15px 0px 15px;
	font-size:14px;font-size:1.4rem;	line-height:24px;
}
/*
div.side_term div.mid dd div.tyu{
	margin-left:-8px;
	font-size:11px;
	line-height:16px;
	color:#999;
	text-indent:-1.0em;
	padding-left:1.0em;
}

div.side_term hr{
border-style:dashed;
border-width:1px;
margin:10px 0px;
border-color: #fff #fff #999 #fff;
background-color:#fff;
}
*/
div.side_term div.btm{
	background:url(../img/cont_page/side_term/btm.png) no-repeat;
	height:10px;
}
div.side_term .tyu ul li{
	padding-left:10px;
	list-style:none;
}

/*---------------------
　記事下Books
---------------------*/

section.kiji_shita_bok h3{
	background:none;
	padding-left:0px;
	color:firebrick;
}
section.kiji_shita_bok h3 span{
	font-size:14px;
	display:block;
	line-height:1.6;
}
section.kiji_shita_bok ul.lnks{
	padding-bottom:10px;
}


/*---------------------
　書籍購入ボタンNEO
---------------------*/
.bok_shops{
	width:auto;
	height:auto;
	position: relative;
	overflow: hidden;
	margin-top:10px;padding-bottom:7px;
}
.bok_shops .wp{
	height:auto;
	float: left;
	position: relative;
	left: 50%;
	width:auto;
}
.bok_shops .wp div{
	width:100px;/* 固有 */
	height:40px;
	margin-right:10px;
	position: relative;
	left: -50%;
	float: left;
}
.wp div a{
	display:block;
	width:100px;/* 固有 */
	height:40px;
	text-decoration:none;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.wp div a:hover{text-decoration:none;}
.bok_shops .wp div:last-child{
	margin-right:0px;
}
.btn_kindle a		{background:url(../boks/img/btn/kindle/m/off.png) no-repeat;}
.btn_amazon a		{background:url(../boks/img/btn/amazon/m/off.png) no-repeat;}
.btn_kino a			{background:url(../boks/img/btn/kino/m/off.png) no-repeat;}
.btn_kino img		{display:inline !important;}			
.btn_e-hon a		{background:url(../boks/img/btn/e-hon/m/off.png) no-repeat;}
.btn_e-hon_ng		{background:url(../boks/img/btn/e-hon/m/ng.png) no-repeat;}
.btn_j-pub a		{background:url(../boks/img/btn/j-pub/m/off.png) no-repeat;}
.btn_maruzen a		{background:url(../boks/img/btn/maruzen/m/off.png) no-repeat;}
.btn_honto a		{background:url(../boks/img/btn/honto/m/off.png) no-repeat;}
.btn_honto_ng a		{background:url(../boks/img/btn/honto/m/ng.png) no-repeat;}
.btn_bookfan a		{background:url(../boks/img/btn/bookfan/m/off.png) no-repeat;}
.btn_bookfan_ng		{background:url(../boks/img/btn/bookfan/m/ng.png) no-repeat;}

.wp div a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50) ;	/* Ie用 */
}
/*---------------------
　記事下ADS
---------------------*/
div#ads_kiji_shita{
	margin:0px 34px 0px 30px;
}
/*---------------------
　ページトップ
---------------------*/
#totop{
	position:fixed;
	right:20px;
	bottom:3px;
	cursor:pointer;
}

/*---------------------
　印刷用
---------------------*/
@page { 
	size:A4 portrait;/*またはportrait */
	margin-top:0.5cm;
	margin-bottom:0cm;
	margin-left:1cm;
	margin-right:0cm;
	
}
@media print {
	header,
	aside,
	div#tab,
	#left,
	nav,
	div#ads_kiji_shita{
		display:none;
	}
	div.sy-box{display:none;}
	div#cent,div#waku_top,div#waku_mid,#waku_btm{width:100%;}
	p{font-size:11pt!important;line-height:1.2;}

#wrap{
	width:100%;
	border-top:none;
	-webkit-box-shadow:none;box-shadow:none;-moz-box-shadow:none;
	}
}

