/*////////////////////////////
■学校導入事例のスタイル
////////////////////////////*/
.CaseStudy .contentHead {
	background: url(../img/case/bg_case_h1.gif) repeat-x left top;
}
.CaseStudy .contentHead h1 {
}
.CaseStudy .contentHead h1 a {
	background: #666666 url(../img/case/case_h1.gif) no-repeat left top;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	height: 62px;
	width: 173px;
	overflow: hidden;
	display: block;
	float: left;
}
.CaseStudy .contentHead .inner {
	padding: 0;
	margin: 0;
	background: #CC0000;
	/*	background: url(../img/case/bg_h2.jpg) repeat-y left top; */
	color: #FFFFFF;
	width: 396px;
	float: left;
	border-left: 1px solid #FFFFFF;
}
.CaseStudy .contentHead .inner h2 {
	font-size: 75%;
	font-weight: normal;
	padding: 0;
	margin: 15px 15px 0 15px;
	border: none;
	color: #FFFFFF;
}
.CaseStudy .contentHead .inner h3 {
	font-size: 87.5%;
	padding: 0;
	margin: 3px 15px 14px 15px;
	border: none;
	color: #FFFFFF;
	
}
.CaseStudy .contentHeadBottom {
	clear: both;
	margin: 0;
	padding: 1px 0 10px 0;
	text-indent: -9999px;
	width: 570px;
	background: no-repeat left 1px;
	background-color: #FFFFFF;
}
.CaseStudy .contentBody {
	width: 405px;
	margin: 0 0 15px 0;
	padding: 0 15px 0 0;
	border-right: 1px solid #ccc;
	float: left;
}
.LeftHalfBox {
	float: left;
	width: 200px;
}
.RightHalfBox {
	float: right;
	width: 200px;
}
img.FloatLeft, .FloatLeft {
	float: left;
	margin: 0 10px 10px 0;
	padding: 0 0 0 5px;
}
img.FloatRight, .FloatRight {
	float: right;
	margin: 0 0 10px 10px;
	padding: 0 5px 0 0;
}
.CaseStudy .contentBody p.Caption {
	text-align: center;
	font-size: 62.5%;
}
.CaseStudy .contentBody .textBox, .CaseStudy .contentBody .textComment, .CaseStudy .contentBody .textFirst, .CaseStudy .contentBody .textSecond {
	margin: 0 0 15px 0;
	padding: 0;
}
.CaseStudy .contentBody p {
	font-size: 75%;
	line-height: 140%;
	margin: 0 0 1em;
}
.CaseStudy .contentBody h4 {
	margin: 0 0 0.3em;
}
.CaseStudy .contentBody .textBox h3, .CaseStudy .contentBody .textFirst h3, .CaseStudy .contentBody .textWorks h3, .CaseStudy .contentBody .textSecond h3, .CaseStudy .contentBody .textThird h3 {
	clear: both;
	margin: 0 0 5px 0;
	padding: 0;
	color: #ED6D00;
	line-height: 140%;
	width: 405px;
	border: none;
	font-size: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.CaseStudy .contentBody .voiceStudents {
	background: url(../img/case/bg_voice_students_c.gif) repeat-y left top;
	width: 405px;
	margin: 0 0 15px;
	padding: 0px;
}
.CaseStudy .contentBody .voiceStudents h3 {
	background: url(../img/case/bg_voice_students_h.gif) no-repeat left top;
	text-indent: -9999px;
	height: 39px;
	width: 405px;
	margin: 0px;
	padding: 0px;
	border: none;
}
.CaseStudy .contentBody .voiceFoot {
	background: url(../img/case/bg_voice_students_b.gif) no-repeat left bottom;
	height: 16px;
	width: 405px;
	margin: 0px;
	padding: 0px;
}
.CaseStudy .contentBody .voiceStudents ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.CaseStudy .contentBody .voiceStudents ul li {
	margin: 5px 0 5px 27px;
	padding: 4px 5px 0 37px;
	display: block;
	font-size: 75%;
	background: url(../img/case/bg_voice.gif) no-repeat left top;
	width: 311px;
	height: 19px;
}
.CaseStudy .contentBody .voiceStudents p {
	margin: 5px 27px;
}
.CaseStudy .contentBody .voiceStudents ul li.Long {
	background: url(../img/case/bg_voice2.gif) no-repeat left top;
	height: 39px;
}
/* 先生の声 */
.CaseStudy .contentBody .voiceTeacher {
	background: url(../img/case/bg_voice_teacher_c.gif) repeat-y left top;
	width: 405px;
	margin: 0 0 15px;
	padding: 0px;
}
.CaseStudy .contentBody .voiceTeacher h3 {
	background: url(../img/case/bg_voice_teacher_h.gif) no-repeat left top;
	text-indent: -9999px;
	height: 39px;
	width: 405px;
	margin: 0px;
	padding: 0px;
	border: none;
}
.CaseStudy .contentBody .voiceFootTeacher {
	background: url(../img/case/bg_voice_teacher_b.gif) no-repeat left bottom;
	height: 16px;
	width: 405px;
	margin: 0px;
	padding: 0px;
}
.CaseStudy .contentBody .voiceTeacher ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.CaseStudy .contentBody .voiceSTeacher ul li {
	margin: 5px 0 5px 27px;
	padding: 4px 5px 0 37px;
	display: block;
	font-size: 75%;
	background: url(../img/case/bg_voice_teacher.gif) no-repeat left top;
	width: 311px;
	height: 19px;
}
.CaseStudy .contentBody .voiceTeacher p {
	margin: 5px 27px;
}
.CaseStudy .contentBody .voiceTeacher ul li.Long {
	background: url(../img/case/bg_voice2_teacher.gif) no-repeat left top;
	height: 39px;
}
.contentInfo {
	float: right;
	width: 135px;
	padding: 0;
	margin: 0 0 15px 0
}
.contentInfo .infoBox {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #ccc;
}
.contentInfo .infoBox h4 {
	font-size: 75%;
	line-height: 120%;
	margin: 0 0 0.2em 0;
	padding: 0;
}
.contentInfo .infoBox p {
	font-size: 75%;
	line-height: 130%;
	margin: 0 0 0.4em 0;
	padding: 0;
}
.contentpager {
	clear: both;
	font-size: 75%;
	line-height: 140%;
	padding: 10px 10px 0;
	margin: 10px 0;
	border-top: 1px solid #ccc;
	width: 550px;
}
.contentpager dl {
	padding: 0;
	margin: 0 0 5px 0;
	clear: both;
	width: 550px;
}
.contentpager dt {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	width: 5.5em;
	font-weight: bold;
}
.contentpager dd {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
}
.contentLink {
	clear: both;
	font-size: 75%;
	line-height: 140%;
	border-top: 1px solid #CCCCCC;
	margin: 0 0 15px 0;
	padding: 10px 0 0 0;
}
.contentLink ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.contentLink li {
	margin: 0;
	padding: 0;
	margin-bottom: 3px;
	padding-top: 0;
}
.contentInfo .noborder {
	border-bottom: 0;
}
.LeftHalfBox {
	float: left;
}
.RightHalfBox {
}
.LeftHalfBox img, .RightHalfBox img {
	margin: 0 auto 5px;
	display: block;
}
.LeftHalfBox p, .RightHalfBox p {
	margin: 0 0 5px 0;
	text-align: center;
}
table.TableBlue {
	border-collapse:collapse;
	border-spacing: 0;
	border-top: 1px solid #3366CC;
	border-left: 1px solid #3366CC;
	display: block;
}
table.TableBlue th {
	font-size: 75%;
	text-align: center;
	font-weight: bold;
	padding: 3px 10px;
	border-right: 1px solid #3366CC;
	border-bottom: 1px solid #3366CC;
	background-color: #3366CC;
	color: #FFFFFF;
}
table.TableBlue td {
	font-size: 75%;
	padding: 3px 10px;
	text-align: left;
	vertical-align: top;
	border-right: 1px solid #3366CC;
	border-bottom: 1px solid #3366CC;
}
.CaseStudy .contentBody table.TableBlue td p {
	font-size: 100%;
	line-height: 140%;
	margin: 0 0 5px 0;
}
.ContentInner table.TableBlue td ul {
	margin: 5px;
	padding: 0 10px 0 2em;
}
table.TableBlue td li {
	font-size: 100%;
	line-height: 140%;
	margin: 0 0 5px 0;
}
/*////////////////////////////
■. 事例個別の設定
////////////////////////////*/
/* case01 */
#case01 h2 {
	border-left: none;
	margin: 0;
	padding: 0;
}
/* case02 */
#case02 .contentHeadBottom {
	background-image: url(../img/case/case02/head_bottom.jpg);
	width: 570px;
	height: 173px;
}
#case02 .textSecond img {
	float: right;
	margin: 0 0 5px 5px;
}
#case02 .textComment img, #case02 .textFirst img {
	float: left;
	margin: 0 5px 5px 0;
}
/* case03 */
#case03 .contentHeadBottom {
	background-image: url(../img/case/case03/head_bottom.jpg);
	width: 570px;
	height: 173px;
}
#case03 .textSecond img {
	float: right;
	margin: 0 0 5px 5px;
}
#case03 .textComment img, #case03 .textFirst img {
	float: left;
	margin: 0 5px 5px 0;
}
#casestudy .contentBody .textFirst h3, #casestudy .contentBody .textSecond h3, #casestudy .contentBody .textThird h3 {
	text-indent: 0;
	color: #ED6D00;
	
}
/* case04 */
#case04 .contentHeadBottom {
	background-image: url(../img/case/case04/head_bottom.jpg);
	width: 570px;
	height: 173px;
}
#case04 .textSecond img {
	float: right;
	margin: 0 0 10px 10px;
}
#case04 .textWorks img {
	float: left;
	padding: 10px 5px 0;
}
#case04 .textThird img, #case04 .textComment img, #case04 .textFirst img {
	float: left;
	margin: 0 10px 0 0;
}
#case04.CaseStudy .contentBody .voiceStudents h3 {
	background: url(../img/case/bg_voice_students2_h.gif) no-repeat left top;
	text-indent: -9999px;
	height: 39px;
	width: 405px;
	margin: 0px;
	padding: 0px;
	border: none;
}
/* case05 */
#case05 .contentHeadBottom {
	background-image: url(../img/case/case05/case05_head_bottom.jpg);
	width: 570px;
	height: 173px;
}
#case05 .LeftHalfBox {
	float: left;
}
#case05 .RightHalfBox {
}
#case05 .LeftHalfBox img, #case05 .RightHalfBox img {
	margin: 0 auto 5px;
	display: block;
}
#case05 .LeftHalfBox p, #case05 .RightHalfBox p {
	margin: 0 0 5px 0;
	text-align: center;
}
/* case06 */
#case06 .contentHeadBottom {
	background-image: url(../img/case/case06/case06_head_bottom.jpg);
	width: 570px;
	height: 173px;
}
.CaseStudy#case06 .contentBody {
	width: 570px;
	margin: 0 0 15px 0;
	padding: 0;
	border-right: none;
	float: left;
}
/* case07 */
#case07 .contentHeadBottom {
	background-image: url(../img/case/case07/case07_head_bottom.jpg);
	width: 570px;
	height: 173px;
}
/* case08 */
#case08 .contentHeadBottom {
	background-image: url(../img/case/case08/case08_head_bottom.jpg);
	width: 570px;
	height: 173px;
}
.CaseStudy#case08 .contentBody.wide {
	width: 570px;
	margin: 0 0 15px 0;
	padding: 0;
	border-right: none;
	float: left;
}
/* case09 */
#case09 .contentHeadBottom {
	background-image: url(../img/case/case09/case09_head_bottom.jpg);
	width: 570px;
	height: 173px;
}
.ContentInner .LargeList {
	border: 1px solid #ccc;
	padding: 10px 0 0 10px;
	margin: 0 0 1em 0;
	background-color: #eee;
}
#case09 .TableBlue {
	margin: 0 0 1em 0;
}
#case09 .TableBlue th {
	width: 90px;
	background-color: #85A3E0;
}
#case09 .TableBlue td {
	width: 262px;
}
/* case10 */
#case10 .contentHeadBottom {
	background-image: url(../img/case/case10/case10_head_bottom.jpg);
	width: 570px;
	height: 173px;
}
/* case11 */
#case11 .contentHeadBottom {
	background-image: url(../img/case/case11/case11_head_bottom.jpg);
	width: 570px;
	height: 173px;
}
/* case12 */
#case12 .contentHeadBottom {
	background-image: url(../img/case/case12/case12_head_bottom.jpg);
	width: 570px;
	height: 173px;
}
.ContentInner .LargeList {
	border: 1px solid #ccc;
	padding: 10px 0 0 10px;
	margin: 0 0 1em 0;
	background-color: #eee;
}
.ContentInner .LargeList li {
	font-size: 75%;
	margin-bottom: 10px;
}