@charset "Shift_JIS";
/*
	================================================================================================
		tablet support guide special skillup common css
	================================================================================================
*/
#contents ol li {
	clear: both;
}
#contents div.speech {
	margin: 0 0 30px 0;
	padding: 0;
}
#contents div.teacher div.person {
	float: right;
	width: 102px;
	height: 52px;
	margin-right: 87px;
	background: url("/support/tablet/guide/dialogue/share/images/pct_teacher.gif") no-repeat top left;
}
#contents div.teacher div.person_s {
	float: right;
	width: 102px;
	height: 52px;
	margin-right: 98px;
	background: url("/support/tablet/guide/dialogue/share/images/pct_teacher.gif") no-repeat top left;
}
#contents div.teacher div.word {
	float: left;
	width: 540px;
	margin-left: 15px;
	padding: 15px 5px 5px 5px;
	border: solid 3px #e6e4e5;
}
#contents div.teacher div.word_s {
	float: left;
	width: 490px;
	width: 477px\9;
	margin:0 0 30px 15px;
	padding: 15px 5px 5px 5px;
	border: solid 3px #e6e4e5;
}
div.ex {
	background-color: #f3f3f3;
	border: 1px solid #d2d2d2;
	margin: 0 1em 1.25em;
	padding-top: 1.25em;
}
#contents div.teacher div.word_s ol {
	margin-left: 2em;
}

/*
	====================================
		one point advice
	====================================
*/

#contents div#onepoint div.ttl {
	width: 760px;
	height: 65px;
	margin: 0;
	background: url("/support/tablet/guide/dialogue/share/images/pct_advice.jpg") no-repeat top left;
}
#contents div#onepoint div.advice{
	border-left: 11px double #E8E0D7;
	border-right: 11px double #E8E0D7;
	border-bottom: 11px double #E8E0D7;
	width: 698px;
	padding: 20px;
	margin-top: 0;
}

div#onepoint div.advice h5 {
	color: #826A52;
	border-bottom: 1px solid #E8E0D7;
}

div#onepoint div.advice div.pctCnt {
    margin: 10px 0 30px;
    text-align: center;
}

div#onepoint div.reference {
    border: 1px solid #E8E0D7;
    padding: 20px;
}

div#onepoint div.reference .ttl{
    padding-bottom: 10px;
    color: #826A52;
}


div#onepoint img {
	/vertical-align: bottom;	/* For IE6, IE7 */
}
/*
----------------------------------------------------------------------------
	画面幅＜640px＞以下のときに適用
----------------------------------------------------------------------------
*/
@media screen and (max-width: 640px) {
#contents div.word p {
	margin: 0.5em 0em;
}
#contents div.teacher {
	border: solid 3px #e6e4e5;
	width: auto;
	height: auto;
	padding: 10px;
}
#contents div.teacher div.person,
#contents div.teacher div.person_s {
	float: none;
	background: url("/support/tablet/guide/dialogue/share/images/pct_teacher01.gif") no-repeat 0 0;
}
#contents div.teacher div.word,
#contents div.teacher div.word_s {
	float: none;
	border: none;
	width: 100%;
	height: auto;
	margin-left: 0;
}
/*
	====================================
		one point advice
	====================================
*/
#contents div#onepoint {
	border: 11px double #E8E0D7;
	width: auto;
	height: auto;
	margin: 0 0 20px;
	padding: 10px;
}
#contents div#onepoint div.ttl {
	width: 280px;
	height: 65px;
	margin: 0 auto 15px;
	background: url("/support/tablet/guide/dialogue/share/images/pct_advice01.jpg") no-repeat top left;
}
#contents div#onepoint div.advice{
	float: none;
	border: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}
}
/*
----------------------------------------------------------------------------
	画面幅＜349px＞以下のときに適用
----------------------------------------------------------------------------
*/
@media screen and (max-width: 349px) {
/*
	====================================
		one point advice
	====================================
*/
#contents div#onepoint div.ttl {
	width: auto;
	background: url("/support/tablet/guide/dialogue/share/images/pct_advice01.jpg");
	background-position:left top;
	background-repeat:no-repeat;
	-moz-background-size: 100% auto;
	background-size: 100% auto; 
}
}