@charaset "UTF-8";

@font-face {
	font-family: "logotype";
	src: url("../../essay_files/fonts/logotype.eot");
	src: url("../../essay_files/fonts/logotype.eot?") format('embedded-opentype'),
	url("../../essay_files/fonts/logotype.woff") format('woff'),
	url("../../essay_files/fonts/logotype.otf") format('opentype');
	font-style: normal;
	font-weight: normal;
}

body{
	background:url(../img/bg_body.jpg) repeat;
}

#wrap{
	z-index:0;
	width:900px;
	margin:50px auto 10px auto;
	border-top:solid 1px #000;
	border-left:solid 1px #666;
	border-right:solid 1px #666;
	border-bottom:solid 1px #666;
	position:relative;
	background-color:#fff;
}
#wrap > nav{font-size:14px;font-size:1.4rem;	position:absolute;
	top:-18px;
	left:0;
}
#wrap > nav{
	color:#b0c4de;
}
#wrap > nav > a{
	text-decoration:none;
	color:#b0c4de;
}
#wrap > nav > a:hover{
	color:red;
	color:#0068b7;
}
#wrap > nav span{
	font-family:'Arial Black';font-weight:bold;color:#c9171e;
-moz-transform:    scale( 0.6, 1 );  /* Firefox※ */
-webkit-transform: scale( 0.6, 1 );  /* Chrome,Safari */
-o-transform:      scale( 0.6, 1 );  /* 旧Opera※ */
-ms-transform:     scale( 0.6, 1 );  /* IE */
transform:         scale( 0.6, 1 );  /* CSS3 */
display: inline-block;
}
article{position:relative;}


div#img_layer{/*layer5 中間　*/
	width:900px;
	height:290px;
	position:relative;
	z-index:5;
	display:block;
}
div#img_layer img{
	display:block;
	position:absolute;
}
/*--------------------
	header構造
---------------------*/
header{/*layer10 最上部 透明*/
	position:absolute;
	left:-1px;top:-1px;
	width:900px;
	height:400px;
	box-sizing: border-box;
	border-left:solid 1px #666;
	border-right:solid 1px #666;
	border-top:solid 7px #000;
	border-collapse: separate;  /* セルの間隔を空ける */
	border-spacing: 5px 0;  /* 左右 上下で記述 */
	z-index:10;
}

header > div{
	height:160px;
	display:table-cell;
}
/*Firefoxだけに適用されるCSSハック*/
@-moz-document url-prefix() {
  header > div {
   height:0;
  }
}

header > div.left{
	width:160px;
	border-right:solid 1px #000;
	overflow:hidden;

}
header > div.mid{
	width:570px;
	border-left:solid 7px #000;
}
/*Firefoxだけに適用されるCSSハック*/
@-moz-document url-prefix() {
  header > div.mid {
	width:580px;
  }
}

header:after{
	contents ".";
	visibility:hidden;
	clear:both;
	display:block;
}
/*--------------------
	header要素
---------------------*/
header *{font-family:'logotype';/*z-index:10;170112コメント*/}

header *{
  font-family:'logotype'\9; /* IE10以下 */
}
@media all and (-ms-high-contrast: none){
  header *{
    font-family:'logotype'/* IE10以上 */
  }
}


h1{font-size:20px;font-size:2rem;padding:15px 0 15px 15px;vertical-align:top;}
h2{font-size:30px;font-size:3rem;padding:0 0 15px 15px;font-weight:bold;color:#432f2f;
	text-shadow: 2px 2px 5px #fff,-2px -2px 5px #fff;}
h2 span{letter-spacing: -3px;}
header>div.mid>p{font-size:16px;font-size:1.6rem;padding:0 0 0 15px;line-height:1.4;
	text-shadow:2px 2px 5px #fff,-2px -2px 5px #fff;
	font-weight:bold;
}
header div.left{
	background:url(../img/logo_l.png) no-repeat top center;
}
header a#logo_t{
	display:block;
	position:absolute;
	top:-29px;right:0px;
	z-index:10;
}
header img#logo_r{
	position:absolute;
	top:20px;right:0px;
	z-index:10;
}
time{
	position:absolute;
	top:200px;
	right:160px;
	text-shadow:5px 5px 5px #fff,-5px -5px 5px #fff;
	font-size:20px;font-size:2rem;	font-weight:bold;
	font-family:"Verdana";
	font-family:Times New Roman;
}
time span{font-size:12px;font-size:1.2rem;display:block;}

/*--------------------
	section
---------------------*/
section{/*構造*/
	width:620px;
	margin:0 40px 0 40px;
	padding-bottom:5em;
}

section *{font-family:'logotype';}
section *{
  font-family:'logotype'\9; /* IE10以下 */
}
@media all and (-ms-high-contrast: none){
  section *{
    font-family:'logotype'/* IE10以上 */
  }
}
section h3{font-size:20px;font-size:2rem;padding-bottom:0.75em;font-weight:bold;}
section h4{font-size:18px;font-size:1.8rem;padding-bottom:0.75em;text-indent:-0.5em;font-weight:bold;}
section h4:nth-child(2){margin-top:1.0em;}
section p{font-size:16px;font-size:1.6rem;line-height:1.8;
	text-align: justify; /* 両端揃え */
	text-justify: inter-ideograph; /* 両端揃えの種類 */
	text-indent:1em;
}
span.kanji{font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;font-weight:bold;}
section p.tyu{
	font-size:14px;font-size:1.4rem;	color:#999;
	text-indent:-1em;
	padding-left:1em;
	margin-top:1em;
}

/*--------------------
	table
---------------------*/
section table *{
	font-size:14px;font-size:1.4rem;	padding:0.5em;
	line-height:1.2;
	text-align:left;
font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
section table {
    border-spacing: 0;
    width: 100%;
}

section table {
    border: solid #aaa 1px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    border-radius:0px;
    -webkit-box-shadow: 0 1px 1px #aaa; 
    -moz-box-shadow: 0 1px 1px #aaa; 
    box-shadow: 0 1px 1px #aaa;         
}
/*caption-----------------------------*/
section table caption{
	text-align:right;
	font-size:14px;font-size:1.4rem;}

/*th-----------------------------*/
section table th{
	background-color:#544a47;
	border-bottom:1px solid #aaa;
	color:#fff;

}
section table thead th{
	text-align:center;
}
section table th {
    border-right:1px solid #aaa;
}

/*td-----------------------------*/
section table td {
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}


/*---------------------
　パネル
---------------------*/
.pnl_ttl{
	text-align:right;
	color:#999;
	font-size:14px;font-size:1.4rem;
	margin:1em 0 0.5em 0;
	cursor:pointer;
}


/*---------------------
　声　共通
---------------------*/
div.koe{
	height:auto;
	padding-bottom:15px;
	width:620px;
}
/*---top---*/
div.koe div.top{
	height:15px;
}
/*---mid---*/
div.koe div.mid blockquote{
	font-size:16px;font-size:1.6rem;
	line-height:2.0;

	margin:0px 20px 0px 20px;
	padding-bottom:10px;
	color:maroon;
	text-align: justify; /* 両端揃え */
	text-justify: inter-ideograph; /* 両端揃えの種類 */
	/*text-indent:1em;*/
}
div.koe div.mid blockquote hr{margin: 1.0em 0;}
div.koe div.mid img{
	display:block;float:left;
	margin:0px 20px 5px 20px;
	padding-top:5px;
}

/*---btm---*/
div.koe div.btm{
	height:15px;
}
div.koe div.mid p.whois{
	padding-bottom:0px;
	text-align:right;
	color:#666;
	font-size:14px;font-size:1.4rem;	line-height:1.4;
	margin-right:20px;
}


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



/*---------------------
　声 MID(画像)
---------------------*/
.pnl div.koe div.top{
	background:url(../img/koe/top.png) no-repeat;
}
.pnl div.koe div.mid{
	background:url(../img/koe/mid.png) repeat-y;
}
.pnl div.koe div.btm{
	background:url(../img/koe/btm.png) no-repeat;
}

/*--------------------
	right
---------------------*/
div#right{
position:absolute;
top:340px;
right:0px;
width:200px;
padding-top:20px;
}
div#right div#ads_r{
	width:200px;
	text-align:center;
	margin-bottom:20px;
}
div#right img{
	display:block;
	margin:8px auto 10px auto;
}

div#right dl * {font-size:12px;font-size:1.2rem;}
div#right dt{text-align:center;	line-height:1.5;}
div#right dd{
	line-height:1.5;
	text-align: justify; /* 両端揃え */
	text-justify: inter-ideograph; /* 両端揃えの種類 */
	margin:0 16px;
}


/*--------------------
	rightのMenuメニュー
---------------------*/
nav.menu *{color:#999;}
nav.menu{margin-bottom:20px;}

nav.menu h3{
	font-size:18px;font-size:1.8rem;	border-bottom:solid 1px #999;
	/*border-left:solid 5px #999;*/
	padding-top:5px;
	padding-bottom:5px;
	padding-left:0px;
}
nav.menu ul li{
	font-size:14px;font-size:1.4rem;font-family:'logotype';
	border-bottom:solid 1px #999;
	padding:5px 0 5px 15px;
	line-height:1.5;
	background-image:url(../img/lst_tri.png);
	background-repeat:no-repeat;
	background-position: left center;
}
nav.menu ul li a{
	text-decoration:none;
	display:block;
}

/*--------------------
	footer要素
---------------------*/
footer{font-size:14px;font-size:1.4rem;width:100%;
color:#fff;
background-color:#000;
text-align:center;
padding:0.5em;
}
footer a{color:#fff;text-decoration:none;}
/*---------------
 デフォルトclearfix
---------------*/
.clearfix:after {
font-size: 0;
height:0;
content:".";
display:block;
clear:both;
visibility: hidden;
}
 /* IE6 */
* html .clearfix { zoom: 1;}
 /* IE7 */
*:first-child+html .clearfix { zoom: 1;}


/*--------------------
	デザイン
---------------------*/
.px10{font-size:10px;font-size:1rem;}
.px12{font-size:12px;font-size:1.2rem;}