@charset "Shift_JIS";

/* ホーム */
/*#supporttop_link_guide {
	margin-bottom:5px;
	float:left;
}
*/
/* アンケート・お客様の声ボタン */
#enquateArea {
 width: auto;
 margin:0 auto 20px auto;
 float: right;
}

/*#enq_voice {
	width:349px;
	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;
}
*/

/*===========================================
	mainCntArea
=============================================*/
div.mainCntArea {
	width: 760px;
	margin: 0px auto;
	padding: 0px;
	clear:both;
}

/* subTitle */
.subTitle {
	width: 760px;
	margin: 30px auto 0px auto;
	padding: 15px 0px 13px 0px;
	border-bottom: solid 1px #999999;
	text-align: center;
}

/* description */
.description {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
}


/*===========================================
	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;
}
div.aqPersonBlue02 {
	width: 102px;
	height: 52px;
	margin: 0px;
	padding: 0px;
	background: url(../../common/images/pct_boy02.gif) no-repeat;
	float: left;
}
div.aqPersonBlue03 {
	width: 102px;
	height: 52px;
	margin: 0px;
	padding: 0px;
	background: url(../../common/images/pct_boy00.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;
}


/*===========================================
	wakuRedArea☆
=============================================*/
div.wakuRedArea {
	width: 558px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding: 0px;
	background: #FFEFEC;
	clear: bothk;
}
div.wakuRedArea div.wakuRedBox {
	width: 520px;
	margin: 0px auto;
	padding: 10px 0px;
}

/*===========================================
	bnrArea☆
=============================================*/
.bnrArea {
	text-align: left;
}



/*===========================================
	onePointArea
=============================================*/
div.onePointArea {
	width: 760px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 70px;
	padding: 0px;
	clear: both;
}
div.onePointArea div.onePointTitle {
	width: 760px;
	height: 65px;
    margin: 0px;
}
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 20px 20px 20px;
    width: 698px;
}


/*===========================================
	knowledgeBnrArea
=============================================*/
div.knowledgeBnrArea {
	margin: 30px auto 70px auto;
	padding: 0px 0px 0px 0px;
	/* padding: 20px 0px 0px 0px; */
	/* background: url(../images/dotlineBrown.png) repeat-x top; */
	clear: both;
}
	

/*===========================================
	txtIndent
=============================================*/
.txtIndent {
	text-indent: -1.0em; padding-left: 1.0em;
}


/*===========================================
	icon
=============================================*/
.icoDisc {
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px 0px 0px 15px;
	background: url(../../common/images/ico_disc.png) no-repeat 0px 4px;
}
.icoTxtLink {
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px 0px 0px 10px;
	background: url(../../common/images/arrow_black.png) no-repeat 0px 5px;
}
.icoPoint {
	margin-left: 0px;
	margin-right: 0px;
	padding: 9px 0px 9px 40px;
	background: url(../../common/images/ico_point.png) no-repeat 0px center;
}


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


/*===========================================
	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;
}


/*===========================================
	kadomaru
=============================================*/
.kadomaru {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: left;
}


/*===========================================
	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 {
	    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;
	}
	
	
	/*===========================================
		mainCntArea
	=============================================*/
	div.mainCntArea {
		width: 94%;
		margin: 0px auto;
		padding: 0px;
		clear:both;
	}
	
	/* subTitle */
	.subTitle {
		width: 92%;
		margin: 10px auto 0px auto;
		padding: 15px 0px 13px 0px;
		border-bottom: solid 1px #999999;
		text-align: left;
		font-size: 14px;
	}
		.subTitle span{
			display: inline-block;
			width: 84%;
			vertical-align: top;
		}
	
	
	/*===========================================
		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_boy06.gif) no-repeat;
		float: none;
	}
	div.aqPersonBlue02 {
		width: 94%;
		height: 52px;
		margin: 0px 0px 0px 10px;
		padding: 0px 0px 0px 0px;
		background: url(../../common/images/pct_boy05.gif) no-repeat;
		float: none;
	}
	div.aqPersonBlue03 {
		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 8px 0px;
		float: none;
	}
	div.aqPersonPink02 {
		width: 102px;
		height: 52px;
		margin: 0px;
		padding: 0px;
		background: url(../../common/images/pct_girl05.gif) no-repeat 8px 0px;
		float: none;
	}
	div.aqPersonPink03 {
		width: 102px;
		height: 52px;
		margin: 0px;
		padding: 0px;
		background: url(../../common/images/pct_girl04.gif) no-repeat 3px 0px;
		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;
	}
	
	
	
	/*===========================================
		wakuRedArea☆
	=============================================*/
	div.wakuRedArea {
		width: 97%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		padding: 0px;
		background: #FFEFEC;
		clear: bothk;
	}
	div.wakuRedArea div.wakuRedBox {
		width: 94%;
		margin: 0px auto;
		padding: 10px 0px;
	}
	
	/*===========================================
		bnrArea☆
	=============================================*/
	.bnrArea {
		text-align: center;
	}


	/*===========================================
		onePointArea
	=============================================*/
	div.onePointArea {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px;
		padding: 10px 0px;
		clear: both;
		border: 11px double #E8E0D7;
	}
	div.onePointArea div.onePointTitle {
		width: 78%;
		display: none;
	}
	div.onePointArea div.onePointTitle2 {
		width: 84%;
		height: auto;
		margin: 0px auto 10px auto;
		padding: 0px;
		display: block;
		text-align: center;
	}
	
	div.onePointArea div.onePointBox {
		width: 84%;
		margin: 0px auto;
	    padding: 0px 0px 10px 0px;
		height: auto;
		border: medium none;
	    float: none;
	}
	
	
	}
	.pc-none {
		display: none;
	}
	@media(max-width:640px){
		.pc-none {
			display: block;
		}
	}

	/*===========================================
		enjoy_table 
	=============================================*/
	div.enjoy_table table {
	color:#333333; border-collapse:collapse; text-align:center;width:100%;
	} 

	div.enjoy_table th {
	border:1px solid #666666; background-color:#dddddd;
	} 

	div.enjoy_table td {
	border:1px solid #666666; background-color:#eeeeee;
	} 
	
/*2015/02 SelectArea追加/*
/*
	====================================
		list (btn_area)
	====================================
*/

ul.btn_area li {
	list-style: none outside none;
    float: left;
    padding: 0;
	margin: 0 1em 10px 0;
}
@media screen and (-webkit-min-device-pixel-ratio : 0 ) {
	ul.btn_area li {margin: 0 14px 10px 0;}
}
@-moz-document url-prefix( ){
ul.btn_area li {margin: 0 14px 10px 0;}
}
/*
	=============================================
		selectarea
	=============================================
*/	
#selectArea {
	border:	1px solid #999999;
	padding: 20px;
	width: 718px;
	clear: both;
	overflow:hidden;
}

.selectArea-tittle {
	text-align: center;
}

#selectArea div.mt {
    border-bottom: 1px dotted #999999;
	margin:0 0 21px 0;
	height: 60px;
    width: 718px;
}

/*
	=============================================
		button
	=============================================
*/	
.Button {
	display: inline-table;
	vertical-align: middle;
    border: 1px solid #666666;
    width: 323px;
    min-height: 32px;
    height: 32px;
    height: 40px\9;
	background: url("/support/cyber-shot/enjoy/dialogue/common/images/linkbutton.png") no-repeat scroll 0 52% transparent;
	border: 1px solid #BCBCBC;
	border-radius: 6px 6px 6px 6px;
	padding: 10px 0 10px 20px;
	cursor: pointer;
	transition: opacity 0.2s ease-in 0s;
    *width: 327px;
    *max-height: 32px;
    *height: auto;
	*padding: 8px 0 4px 22px;
	*display:inline;
	*zoom:1;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
.Button { display: inline-block; }
}
	
.ButtonText {
	word-break: break-all;
    min-height: 32px;
    height: 32px;
	color: #333333;
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
	font-size: 12px;
	line-height: 1.3em;
    margin: -3px 0 0 0;
	padding-right: 5px;
	letter-spacing: 0;
    *width: auto;
    *min-height: 0;
    *max-height: 32px;
    *height: auto;
    *margin: -3px 5px 0 5px;
	*display:inline;
	*zoom:1;
}

a:hover span.Button, a:active span.Button {
	color: #333333;
	text-decoration: none;
	background: url("/support/cyber-shot/enjoy/dialogue/common/images/linkbutton_on.png") no-repeat 0 52%;
}

a:hover span.ButtonText, a:active span.ButtonText{
	color: #333333;
	text-decoration: none;
}

@media screen and (max-width: 640px) {
	#selectArea {
		width:auto;
		overflow:hidden;
	}

	#selectArea div.mt {
	    width: 100%;
	}

	ul.btn_area li {
	    float: none;
	    width: 94%;
	}

	.ButtonText {
	    height: 32px;
	    min-height: 32px;
	    width: 100%;
	}

	.Button {
	    width: 100%;
	}
}

	.questionPinkArea.mt_30.clearfix.mb_40 {
	 margin-bottom: 40px;
	}