/* ホーム */
/*#supporttop_link_guide {
	margin-bottom:5px;
	float:left;
}*/

/* アンケート・お客様の声ボタン */
#enq_voice {
	width:350px;
	height: 33px;
	margin: 0px;
	padding: 0px;
	float:right;
}
#enq_voice div.left {
	width:193px;
	margin: 0px;
	padding: 0px;
	float:left;
}
#enq_voice div.right {
	width:141px;
	margin: 0px;
	padding: 0px;
	float:right;
}
img {
	border:none;
}

/*===========================================
	pregArea_01
=============================================*/
div#pregArea_01 {
	width: 745px;
	margin: 3px auto 0px auto;
	padding: 0px;
}
div#pregArea_01 div.pregBox {
	width: 745px;
	margin: 15px auto 0px auto;
	padding: 0px;
}
div#pregArea_01 div.pregBox div#img02 {
	display: none;
}



/*===========================================
	pregArea_02
=============================================*/
div.pregArea_02 {
	width: 725px;
	margin: 45px auto 0px auto;
	padding: 0px;
	clear:both;
}

/* subTitleGreen */
#subTitleGreen {
	width: 710px;
	height: 38px;
	margin: 0px auto 0px auto;
	padding: 5px 0px 0px 15px;
	background: url(../images/mt.png) no-repeat;
	color: #FFF;
	font-size: 19px;
}

div.pregArea_02 ul {
	width: 725px;
	margin: 20px auto 0px auto;
	padding: 0px;
	list-style: none;
}
div.pregArea_02 ul li {
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
	background: url(../images/dotline.png) repeat-x bottom;
}
div.pregArea_02 ul li p {
	margin: 0px;
	padding: 4px 0px 4px 30px;
	background: url(../images/ico_mame.png) no-repeat 0px 4px;
	font-size: 16px;
	font-weight: bold;
}
div.pregArea_02 ul li p span {
	margin: 0px;
	padding: 0px 0px 0px 13px;
	background: url(../common/images/arrow_black.png) no-repeat 0px 8px;
	display: block;
}



/*===========================================
	questionBlueArea
=============================================*/
div.questionBlueArea {
	width: 760px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	clear: both;
}
div.questionBlueArea div.questionBox {
	width: 520px;
	margin: 0px;
	padding: 15px;
	border: solid 3px #DCF2FE;
	float: left;
}


/*===========================================
	questionPinkArea
=============================================*/
div.questionPinkArea {
	width: 760px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	clear: both;
}
div.questionPinkArea div.questionBox {
	width: 520px;
	margin: 0px;
	padding: 15px;
	border: solid 3px #F1DDEF;
	float: left;
}


/*===========================================
	iconPerson
=============================================*/
/* aqPersonBlue */
div.aqPersonBlue01 {
	width: 102px;
	height: 52px;
	margin: 0px;
	padding: 0px;
	background: url(../../common/images/pct_boy03.gif) no-repeat;
	float: left;
}


/* aqPersonPink */
div.aqPersonPink01 {
	width: 102px;
	height: 52px;
	margin: 0px;
	padding: 0px;
	background: url(../../common/images/pct_girl03.gif) no-repeat;
	float: left;
}
div.aqPersonPink02 {
	width: 102px;
	height: 52px;
	margin: 0px;
	padding: 0px;
	background: url(../../common/images/pct_girl01.gif) no-repeat;
	float: left;
}
div.aqPersonPink03 {
	width: 102px;
	height: 52px;
	margin: 0px;
	padding: 0px;
	background: url(../../common/images/pct_girl00.gif) no-repeat;
	float: left;
}


/*===========================================
	answerGlayArea
=============================================*/
div.answerGlayArea {
	width: 760px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	clear: both;
}
div.ansPerson01 {
	width: 102px;
	height: 52px;
	margin: 0px;
	padding: 0px;
	background: url(../../common/images/pct_teacher.gif) no-repeat;
	float: right;
}
div.answerBox {
	width: 520px;
	margin: 0px;
	padding: 15px;
	border: solid 3px #E6E4E5;
	float: right;
}



/*===========================================
	onePointArea
=============================================*/
div.onePointArea {
	width: 760px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	clear: both;
}
div.onePointArea div.onePointTitle {
    background: url("../../common/images/pct_advice.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);
    height: 65px;
    margin: 0;
    width: 760px;
}
div.onePointTitle2 {
	display: none;	
}
div.onePointArea  div.onePointBox {
	border-bottom: 11px double #E8E0D7;
    border-left: 11px double #E8E0D7;
    border-right: 11px double #E8E0D7;
    margin-top: 0;
    padding: 20px;
    width: 698px;
}


/*===========================================
	txtAlignCenter
=============================================*/
.txtAlignCenter {
	text-align: center;
}


/*===========================================
	clearfix 
=============================================*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix { display:block;}
/* End hide from IE-mac */


/*===========================================
	clear_both
=============================================*/
.clear_both {
	clear: both;
}



/*===========================================
	Space
=============================================*/
.mt_00 {
	margin: 0px;
}
.mt_02{
	margin: 2px 0px 0px 0px;
}
.mt_03{
	margin: 3px 0px 0px 0px;
}
.mt_05{
	margin: 5px 0px 0px 0px;
}
.mt_10 {
	margin: 10px 0px 0px 0px;
}
.mt_15 {
	margin: 15px 0px 0px 0px;
}
.mt_20 {
	margin: 20px 0px 0px 0px;
}
.mt_25 {
	margin: 25px 0px 0px 0px;
}
.mt_30 {
	margin: 30px 0px 0px 0px;
}
.mt_35 {
	margin: 35px 0px 0px 0px;
}
.mt_40 {
	margin: 40px 0px 0px 0px;
}
.mt_45 {
	margin: 45px 0px 0px 0px;
}
.mt_50 {
	margin: 50px 0px 0px 0px;
}


.ml_05 {
	margin-left: 5px;
}
.ml_10 {
	margin-left: 10px;
}
.ml_15 {
	margin-left: 15px;
}
.ml_20 {
	margin-left: 20px;
}
.ml_25 {
	margin-left: 25px;
}
.ml_30 {
	margin-left: 30px;
}
.ml_35 {
	margin-left: 35px;
}
.ml_40 {
	margin-left: 40px;
}
.ml_45 {
	margin-left: 45px;
}
.ml_50 {
	margin-left: 50px;
}


/*===========================================
	font
=============================================*/
.font_16 {
	font-size: 120%;
}
.font_14 {
	font-size: 107%;
}
.font_13 {
	font-size: 100%;
}
.font_12 {
	font-size: 92%;
}
.font_11 {
	font-size: 84%;
}
.font_10 {
	font-size: 76%;
}


/*===========================================
	pagetopBox
=============================================*/
.pagetopBox{
	margin:20px 0px 0px 0px;
	padding:0px;
	text-align:right;
	clear:both;
}






@media (max-width: 640px) {
	/* =======================================
		mod-mainContentContainer
	======================================= */
	.mod-mainContentContainer , div#pregArea_01 {
	    width: 94%;
		margin: 0px auto;
	}
	
	.resize {
		/* width: 100%; */
		max-width: 100%;
		height: auto;
		margin: 0px;
		padding: 0px;
		border: 0px;
		vertical-align: bottom;
	}
	.small_60 {
		width: 60%;
		margin: 0px auto;
		height: auto;
	}
	.small_40 {
		width: 40%;
		margin: 0px auto;
		height: auto;
	}
	.small_30 {
		width: 30%;
		margin: 0px auto;
		height: auto;
	}
	
	
	/*===========================================
		pregArea_01
	=============================================*/
	div#pregArea_01 div.pregBox {
		width: 94%;
		margin: 10px auto 0px auto;
		padding: 0px;
	}
	div#pregArea_01 div.pregBox div#img01 {
		display: none;
	}
	div#pregArea_01 div.pregBox div#img02 {
		display: block;
	}
	div#pregArea_01 div.pregBox div#img02 img {
		width: 94%;
	}


	/*===========================================
		pregArea_02
	=============================================*/
	div.pregArea_02 {
		width: 94%;
		margin: 45px auto 0px auto;
		padding: 0px;
		clear:both;
	}
	
	/* subTitle */
	#subTitleGreen {
		width: 94%;
		margin: 0px auto 0px auto;
		padding: 6px 10px 0px 10px;
		text-indent: 0px;
		background: #62B742;
		color: #FFF;
		font-size: 18px;
		font-weight: bold;
		line-height: 160%;
		text-align: center;
		
		-webkit-border-radius: 5px;
    	-moz-border-radius: 5px;
    	border-radius: 5px;
	}
	
	div.pregArea_02 ul {
		width: 94%;
		margin: 20px auto 40px auto;
		padding: 0px;
		list-style: none;
	}
	div.pregArea_02 ul li {
		margin: 15px 0px 0px 0px;
		padding: 0px 0px 15px 0px;
		background: url(../images/dotline.png) repeat-x bottom;
	}
	div.pregArea_02 ul li p {
		margin: 0px;
		padding: 4px 0px 4px 30px;
		background: url(../images/ico_mame.png) no-repeat 0px 4px;
		font-size: 16px;
		font-weight: bold;
	}
	
	
	
	/*===========================================
		questionBlueArea
	=============================================*/
	div.questionBlueArea {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		clear: both;
		padding: 3% 0%;
		border: solid 3px #DCF2FE;
	}
	div.questionBlueArea div.questionBox {
		width: 92%;
		margin: 10px auto 0px auto;
		padding: 0px;
		border: none;
		float: none;
	}
	
	
	/*===========================================
		questionPinkArea
	=============================================*/
	div.questionPinkArea {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		clear: both;
		padding: 3% 0%;
		border: solid 3px #F1DDEF;
	}
	div.questionPinkArea div.questionBox {
		width: 92%;
		margin: 10px auto 0px auto;
		padding: 0px;
		border: none;
		float: none;
	}
	

	/*===========================================
		person icon
	=============================================*/
	div.aqPersonBlue01 {
		width: 94%;
		height: 52px;
		margin: 0px 0px 0px 10px;
		padding: 0px 0px 0px 0px;
		background: url(../../common/images/pct_boy04.gif) no-repeat;
		float: none;
	}
	
	/* aqPersonPink */
	div.aqPersonPink01 {
		width: 94%;
		height: 52px;
		margin: 0px;
		padding: 0px;
		background: url(../../common/images/pct_girl06.gif) no-repeat;
		float: none;
	}
	div.aqPersonPink02 {
		width: 102px;
		height: 52px;
		margin: 0px;
		padding: 0px;
		background: url(../../common/images/pct_girl05.gif) no-repeat;
		float: none;
	}
	div.aqPersonPink03 {
		width: 102px;
		height: 52px;
		margin: 0px;
		padding: 0px;
		background: url(../../common/images/pct_girl04.gif) no-repeat;
		float: none;
	}
	
	
	
	/*===========================================
		answerGlayArea
	=============================================*/
	div.answerGlayArea {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		clear: both;
		padding: 3% 0%;
		border: solid 3px #E6E4E5;
	}
	div.ansPerson01 {
		width: 94%;
		height: 52px;
		margin: 0px 0px 0px 10px;
		padding: 0px 0px 0px 0px;
		background: url(../../common/images/pct_teacher01.gif) no-repeat;
		float: none;
	}
	div.answerBox {
		width: 92%;
		margin: 10px auto 0px auto;
		padding: 0px;
		border: none;
		float: none;
	}
	
	
	
	/*===========================================
		onePointArea
	=============================================*/
	div.onePointArea {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		padding: 10px 0px;
		clear: both;
		border: 11px double #E8E0D7;
	}
	div.onePointArea div.onePointTitle {
		width: 78%;
		display: none;
	}
	div.onePointTitle2 {
		width: 84%;
		margin: 0px auto 10px auto;
		padding: 0px;
		display: block;
		text-align: center;
	}
	
	div.onePointArea  div.onePointBox {
		width: 84%;
		margin: 0px auto;
	    padding: 0px 0px 0px 0px;
		height: auto;
		border: medium none;
	    float: none;
	}
	
	
}


div.knowledgeBnrArea{
	margin: 30px auto 0;
}