@media screen and (min-width: 1001px) {
#contentsWrapper {
	width: 100%;
	min-width:1200px;
	position: relative;
}
/*------------------------------------------------------------------------------
								THUM
------------------------------------------------------------------------------*/
#characters {
	width:1120px;
	margin:0 auto -60px;
	position:relative;
	overflow:hidden;
	zoom:1;
}
#characters .box {
	width:100%;
	position:relative;
	overflow:hidden;
	zoom:1;
	margin-bottom:20px;
}
#characters .box div {
	position:relative;
}
#characters .box div a,#characters .box .box a {
	position:absolute;
	width:100%;
	height:100%;
	text-indent:-999999px;
	top:0px;
	left:0px;
}
.mainLeftBox {
	width:550px;
	float:left;
}
.mainRightBox {
	width:550px;
	float:right;
}
.subMainBox1,.subMainBox2 {
	width:330px;
	margin-right:20px;
	float:left;
}
#characters .box .subBox {
	width:440px;
	margin-right:-20px;
	float:left;
}
.subBox div {
	float:left;
	margin-bottom:20px;
	margin-right:20px;
}

.overArea {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	min-width:1200px;
	height:100%;
	background:url(../../img/common/kuro_back.png) repeat left top;
	display:none;
}
.closeBtn {
	position:absolute;
	right:20px;
	top:20px;
}
.closeBtn a {
	position:absolute;
	width:100%;
	height:100%;
	text-indent:-999999px;
	top:0px;
	left:0px;
}
#overContentsArea {
	width:100%;
	position:relative;
}
.overContentsA {
	position:absolute;
	width:1040px;
	top:80px;
	margin-left:-520px;
}
.overContentsB {
	position:absolute;
	width:840px;
	top:80px;
	margin-left:-420px;
}
.overContentsC {
	position:fixed;
	width:1040px;
	top:50%;
	margin-top:-235px;
	margin-left:-520px;
	background:#fff462;
	box-sizing:border-box;
	padding:40px;
	overflow:hidden;
}
#overContents5 {
	background:#fff462 url(../../img/characters/sub_kata5.gif) no-repeat right bottom;
}
#overContents6 {
	background:#fff462 url(../../img/characters/sub_kata6.gif) no-repeat right bottom;
}
#overContents7 {
	background:#fff462 url(../../img/characters/sub_kata7.gif) no-repeat right bottom;
}
#overContents8 {
	background:#fff462 url(../../img/characters/sub_kata8.gif) no-repeat right bottom;
}
#overContents9 {
	background:#fff462 url(../../img/characters/sub_kata9.gif) no-repeat right bottom;
}
.overContentsC .oConImg {
	width:400px;
	height:390px;
	overflow:hidden;
	float:left;
	margin-right:30px;
}
.overContentsC .txtArea {
	width:440px;
	height:auto;
	float:left;
}
.overContentsC .subSetsu {
	width:530px;
	height:auto;
	float:left;
	font-size:19px;
	font-family: 'M PLUS 1p', sans-serif;
	line-height:1.7em;
	color:#036eb8;
	font-weight:600;
}
.overContentsC .profTxt {
	width:530px;
	height:auto;
	float:left;
	font-size:17px;
	font-family: 'M PLUS 1p', sans-serif;
	line-height:1.6em;
	color:#036eb8;
	margin-top:10px;
	text-align:justify;
}
.overContents {
	left:50%;
	display:none;
	font-weight:600;
}
#txtArea1 {
	width:100%;
	background:#009dda;
	padding:40px;
	box-sizing:border-box;
}
#txtArea2 {
	width:100%;
	background:#ea617c;
	padding:40px;
	box-sizing:border-box;
}
#txtArea3 {
	width:100%;
	background:#f08300;
	padding:40px;
	box-sizing:border-box;
}
#txtArea4 {
	width:100%;
	background:#45b035;
	padding:40px;
	box-sizing:border-box;
}
.profMidashi {
	background:url(../../img/common/prof_midashi3.png) no-repeat center top;
	width:100px;
	height:15px;
	margin:30px auto 15px;
	background-size:contain;
	line-height:15px;
	text-indent:-999999px;
	
}
.cmntMidashi {
	background:url(../../img/common/cmnt_midashi3.png) no-repeat center top;
	width:100px;
	height:15px;
	margin:0 auto 15px;
	background-size:contain;
	line-height:15px;
	text-indent:-999999px;
}
.cmntTxt {
	color:#fff100;
	font-size:19px;
	font-family: 'M PLUS 1p', sans-serif;
	line-height:1.7em;
}
.profTxt {
	color:#FFFFFF;
	font-size:18px;
	font-family: 'M PLUS 1p', sans-serif;
	line-height:1.6em;
}
}
@media screen and (max-width: 1000px) {
#contentsWrapper {
	width: 100%;
	min-width:740px;
	position: relative;
}
/*------------------------------------------------------------------------------
								THUM
------------------------------------------------------------------------------*/
#characters {
	width:660px;
	margin:0 auto -60px;
	position:relative;
	overflow:hidden;
	zoom:1;
}
}