@charset "Shift_JIS";
/*
	================================================================================================
		tablet support guide special skillup_z2 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;
}
/*
----------------------------------------------------------------------------
	画面幅＜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;
}
}