@import url(pc2.css) screen and (min-width:1000px); /* 横幅1000px以上 */
@import url(phone2.css) screen and (max-width:999px); /* 横幅999px以下 */
#body{
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
}
h1.title {
	text-align:left;
	margin:0 0 20px 0;
	padding-top:10px;
	padding-bottom:0;
}
 /* volナンバー */
div.title p:first-child{
	display:block;
	text-align:center;
	margin:-10px 0 -20px 0;
	font-size:200%;
	font-weight:bold;
	background-color:#090;
	color:#fff;
	padding:3px 20px 5px 20px;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
}
div.title p:first-child:before{
	content:"Vol.";
	color:#fff;
}
 /* タイトル */
div.title p:nth-child(2){
	margin-bottom:0;
	padding-top:0px;
	font-weight:bold;
}
.face,.face2,.face3,.face4{
	position:absolute;
	height:200px;
}
 /* 名前と出身 */
div.title p:nth-child(3){
	margin-top:0;
	margin-right:0px;
	font-size:150%;
	text-align:right;	
}
 /* 出身 */
div.title p:nth-child(3) span{
	font-size:80%;
}


/* ■■■■■■■■■■　先生の顔画像(150x200px) */
.nakashima{
	background-image:url(article_nakashima.png);
	background-repeat:no-repeat;
	background-position:right top;	
}
.yoshida{
	background-image:url(article_yoshida.jpg);
	background-repeat:no-repeat;
	background-position:right top;	
}
.otsuka{
	background-image:url(article_otsuka.jpg);
	background-repeat:no-repeat;
	background-position:right top;	
}
.ushiro{
	background-image:url(article_ushiro.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}
.ebisu{
	background-image:url(article_ebisu.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}
.nishigaki{
	background-image:url(article_nishigaki.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}
.tamura{
	background-image:url(article_tamura.png);
	background-repeat:no-repeat;
	background-position:right top;
}
.oshiro{
	background-image:url(article_oshiro.png);
	background-repeat:no-repeat;
	background-position:right top;
}
/* ■■■■■■■■■■　先生の顔画像 ここまで */

div.honbun{
	margin:auto;
}

div.honbun h2{
	font-weight:bold;
	background-color:#090;
	color:#fff;
	padding:10px 20px;
}
h2 span{
	font-size:90%;	
}
div.honbun p{
	line-height:180%;
	letter-spacing:1px;	
}
#body div.box{
	margin:auto;
	border-radius:10px;
	border:1px solid #000;	
	padding:0;
	padding:10px 20px;
}
#body div.box ol{
	letter-spacing:1px;
}
#body div.box li{
	margin:10px 0;
}
#body div.box.blue{
	 border-color:#0CF;	
}
#body div.box.orange{
	border-color:#F30;	
}
#body p.chushaku{
	padding:0;
	margin:0 0 30px 0;	
}
#body p.gazo{
	margin:10px auto 0 auto;
	text-align:center;	
}
#body table.leftman, #body table.rightman{
	border-spacing:0;
	margin-bottom:30px;
}
#body table.leftman td:first-child{
	vertical-align:top;
	text-align:right;
}
#body table.leftman td:first-child img{
	margin-right:-1px;
}
#body table.leftman td:first-child p{
	text-align:center;
	line-height:120%;
}
#body table.leftman td:nth-child(2){
	border-radius:10px;
	border:3px solid #009;
	padding:10px 20px;
}


#body table.rightman td:nth-child(2){
	vertical-align:top;
	text-align:left;
}
#body table.rightman td:nth-child(2) img{
	margin-left:-1px;
}
#body table.rightman td:first-child{
	border-radius:10px;
	border:3px solid #009;
	padding:10px 20px;
}
#body table.rightman td:nth-child(2) p{
	text-align:center;
	line-height:120%;
}

.r{
	text-align:right;	
}
.c{
	text-align:center;
}

.fr{
	float:right;
	margin:10px 20px;	
}
.fl{
	float:left;
	margin:10px 20px;	
}
div.author{
	border:1px solid #000;
	border-radius:10px 10px 10px 10px;	
	margin:20px auto;
	padding:20px 40px;
}
div.author p:nth-child(2), div.author p:nth-child(4){
	font-weight:bold;	
}

.t_kaiwa{
	
}
.t_kaiwa td{
	letter-spacing:1px;	
}
.t_kaiwa td:first-child{
	vertical-align:top;
	font-style:italic;
}
.t_kaiwa td:first-child:after{
	content:":";
	font-style:normal;	
}
.box table{
	
}
.box table td{
	letter-spacing:1px;	
}
.box table td:first-child{
	vertical-align:top;	
}
.box2,.box3,.box4{	
	border-radius:10px 10px 10px 10px;
	padding:10px 10px 10px 10px;	
}
.box2{
	border:3px solid #F69;
}
.box3{
	border:3px solid #069;
}
.box4{
	border:3px solid #390;
}
.box2 h3,.box3 h3,.box4 h3{
	font-size:100%;	
}
.box2 h3 span,.box3 h3 span,.box4 h3 span{
	background-color:#FF0;
	padding:5px 10px;	
}
.midashi_box{
	border:1px solid #000;
	padding:5px 10px;
	margin-right:5px;	
}

.midashi_box2{
	border:2px solid #f69;
}
.midashi_box3{
	border:2px solid #069;
}
.midashi_box4{
	border:2px solid #390;
}
.midashi_g{
	font-weight:bold;
	color:#090;	
}
.web3 td{
	padding:1px 5px;
	vertical-align:top;
}
.web3 td:first-child{
	white-space:nowrap;	
}
table.web3 td:first-child span{
	border:1px solid #F00;
	display:block;
	padding:0px 5px;
	border-radius:5px;
	text-align:center;
}
.indent1{
	padding-left:2em;
	text-indent:-1em;	
}
table.textsample{
	width:100%;
}
table.textsample td:first-child{
	text-align:center;	
}
table.textsample td:nth-child(2){
	vertical-align:top;	
	line-height:180%;
	padding-left:10px;
	letter-spacing:1px;
}
table.textsample2 td:nth-child(2){
	text-align:center;	
}
table.textsample2 td:first-child{
	vertical-align:top;
	line-height:180%;
	padding-right:10px;	
	text-align:left;
	letter-spacing:1px;
}
.vol6qanda{
	width:100%;	
	border-spacing:0;
}
.vol6qanda td:nth-child(2){
	text-align:right;
	width:205px;	
}
.vol6qanda td span{
	display:block;
	margin-top:140px;	
}
.vol6qanda td.share{
	text-align:right;
	vertical-align:text-bottom;	
}
h3.tokucho{
	color:#090;
	font-size:100%;	
}
.square{
	border:1px solid #000;
	border-radius:2px;
	padding:0px 0.5em;
	margin-right:0.5em;
	margin-left:0.5em;
}
.indent_square{
	text-indent:-3em;
	padding-left:3em;	
}
.vol8_yellow{
	background-color:#FF0;	
}
.vol8_teacher{
	color:#09C;
	font-style:italic;	
}
.vol8_student{
	color:#F30;
	font-style:italic;
}
.vol8_box{
	width:100%;
}
.vol8_box td:first-child{
	text-align:right;
	vertical-align:top;
}
.vol8_box td:first-child:after{
	content:":";
	color:#000;
	font-style:italic;
}
.fs{
	letter-spacing:-0.1em;	
}