/*-----------------------------------------------------	*/
/*	essay.css						*/
/*-----------------------------------------------------	*/
hgroup {
}
#mainTit {
	text-align:center;
	padding-bottom:60px\9; /* IE8 以下 */
}
#mainTit:not(:target) {
	padding-bottom:0px\9; /* IE9 */
}
#essayArea {
	width:1280px;
	margin:0 auto;
}

/* ------ essayBox ------ */
#essayBox {
	float:left;
	width:57%;
	padding:0 3%;
}
#essayBox h2 {
	background:url(/images/essay/rappa.gif) no-repeat;
	padding:75px 0 10px 50px;
	border-bottom:#292F33 solid 2px;
	font-size:200%;
	line-height:120%;
	font-weight:bold;
	margin-bottom:40px;
}
#essayBox p {
	font-size:130%;
	line-height:160%;
	padding:1rem 0 2rem;
}
#essayBox #pageNav {
	padding:1rem 0;
	border-top:#292F33 solid 2px;
	font-size:70%;
}
#essayBox #pageNav p.back {
	float:left;
}
#essayBox #pageNav p.next {
	float:right;
}
/* ------ rightBox ------ */
#rightBox {
	float:left;
	width:320px;
	padding-right:3%;
}
/* ------ archiveBox ------ */
#archiveBox h3 {
	background:url(/images/essay/kuma.gif) no-repeat 0 40px;
	padding:60px 0 10px 125px;
	font-size:160%;
	line-height:100%;
	font-weight:bold;
	padding-bottom:30px;
}
#archiveBox ul {
	border-bottom:#292F33 dotted 1px;
	margin-bottom:20px;
}
#archiveBox li {
	padding:0.5rem 0.5rem;
	border-top:#292F33 dotted 1px;
	list-style: none;
}
/* ------ profBox ------ */
#profBox {
	background-color:#eee;
}
#boxTxt {
	padding:10px 20px;
}
#boxTxt h3 {
	font-size:130%;
	font-weight:bold;
	padding:1rem 0;
}


#profArea section#prof01 { float:left; }
#profArea section#prof02 { float:right; }
#profArea section#prof03 { float:left; }
#profArea section#prof04 { float:right; }

#profArea section div {
	width:85%;
	margin:0 auto;
}
#profArea section h2 {
	font-size:140%;
	padding-bottom:10px;
	text-align:center;
}
#profArea section p {
	border-top: #000000 solid 1px;
	padding:20px 0 80px;
	text-align: justify;
}
#aboutBg {
	width:320px;
	margin:0 auto;
}

/*-----------------------------------------------------	*/
/*	for - 1280px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 1280px) {
#essayArea {
	width:100%;
}

}

/*-----------------------------------------------------	*/
/*	for - 980px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 980px) {
/* ------ rightBox ------ */
#rightBox {
	width:34%;
	padding-right:3%;
}

}

/*-----------------------------------------------------	*/
/*	for - 800px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 800px) {
#essayBox h2 {
	font-size:160%;
}
#essayBox p {
	font-size:110%;
}

}

/*-----------------------------------------------------	*/
/*	for - 568px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 568px) {

#profArea section {
	width:100%;
}

#profArea section#prof01,
#profArea section#prof02,
#profArea section#prof03,
#profArea section#prof04 { float:none; }

}

/*-----------------------------------------------------	*/
/*	for - 480px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 480px) {
/* ------ essayBox ------ */
#essayBox {
	float: none;
	width:96%;
	padding:0 2%;
}
/* ------ rightBox ------ */
#rightBox {
	float: none;
	width:320px;
	padding-right:0;
	margin:0 auto;
}

}