@charset "UTF-8";

/* -----------------------------------------------------------
 Space School (since 2009/12/01)

 File name:      css/contents.css
 Author:         Your Name (admin)
 Style Info:     各コンテンツ用CSS
----------------------------------------------------------- */

/* index_swf_info
----------------------------------------------------------- */

div#indexHead {
	display: block;
	width: 950px;
	margin: 0;
	padding: 0;
}

div#indexHead div#indexSwf {
	float: left;
	width: 743px;
	margin: 0;
	padding: 0;
}

div#indexHead div#indexInfo {
	float: left;
	width: 207px;
	height: 442px;
	margin: 0;
	padding: 0;
	background: url(../images/index/infoBg.jpg) no-repeat left top;
}

div#indexHead div#indexInfo div {
	padding: 56px 15px 14px 10px;
}



/* index
----------------------------------------------------------- */

div#indexBnrFrame {
	width: 682px;
	margin: 0;
	padding: 20px 0 10px;
}

div#indexBnrFrame div.indexBnrBox {
	margin-bottom: 15px;
}

div#courceGuide {
	width: 682px;
	margin: 0;
	padding-bottom: 13px;
}

div#courceGuide div#courceGuideTtl {
	margin-bottom: 8px;
}

div#courceGuide div.courceGuideBox {
	display: block;
	width: 682px;
	margin-bottom: 12px;
}

div#courceGuide div.courceGuideBox div.courceGuideBoxL {
	float: left;
	display: inline;
	width: 335px;
	margin: 0;
}

div#courceGuide div.courceGuideBox div.courceGuideBoxR {
	float: right;
	display: inline;
	width: 335px;
	margin: 0;
}

div#courceGuide div.courceGuideBox div.courceGuideImg {
	float: left;
	width: 114px;
	height: 114px;
	margin: 0;
}

div#courceGuide div.courceGuideBox div.courceGuideTxt {
	float: right;
	width: 219px;
	margin: 0;
}

div#courceGuide div.courceGuideBox div.courceGuideTxt div.courceGuideCap {
	width: 219px;
	height: 30px;
}

div#courceGuide div.courceGuideBox div.courceGuideTxt div.gelCource {
	width: 219px;
	height: 84px;
	background: #acebed;
}

div#courceGuide div.courceGuideBox div.courceGuideTxt div.homeCource {
	width: 219px;
	height: 84px;
	background: #ead2f6;
}

div#courceGuide div.courceGuideBox div.courceGuideTxt div.proCource {
	width: 219px;
	height: 84px;
	background: #f0ead6;
}

div#courceGuide div.courceGuideBox div.courceGuideTxt div.optionCource {
	width: 219px;
	height: 84px;
	background: #f6d2e5;
}

div#courceGuide div.courceGuideBox div.courceGuideTxt div p {
	padding: 7px 10px 0;
}

div#lesson {
	display: block;
	width: 682px;
	margin-bottom: 30px;
	padding: 0;
}

div#lesson div#lessonL {
	float: left;
	display: inline;
	width: 335px;
	margin: 0;
}

div#lesson div#lessonR {
	float: right;
	display: inline;
	width: 335px;
	margin: 0;
}

div#lesson div.lessonTtl {
	margin-bottom: 8px;
}

div#lesson div.lessonBox {
	display: block;
	width: 335px;
	margin: 0;
}

div#lesson div.lessonBox div.lessonImg {
	float: left;
	width: 114px;
	height: 135px;
}

div#lesson div.lessonBox div.lessonTxt {
	float: right;
	width: 219px;
}

div#lesson div.lessonBox div.lessonTxt div.lessonCap {
	width: 219px;
	height: 30px;
}

div#lesson div.lessonBox div.lessonTxt div.privateLesson {
	width: 219px;
	height: 104px;
	background: #fdffc1;
}

div#lesson div.lessonBox div.lessonTxt div.otherLesson {
	width: 219px;
	height: 104px;
	background: #e3ffce;
}

div#lesson div.lessonBox div.lessonTxt div p {
	padding: 8px 12px 0;
}

div#schoolInfo {
	display: block;
	width: 682px;
	height: 176px;
	margin: 0;
	padding: 0;
	background: url(../images/index/schoolInfoBg.jpg) no-repeat left top;
}

div#schoolInfo div#schoolInfoFrame {
	padding: 116px 13px 0 434px;
}

div#schoolInfo div#schoolInfoFrame div#schoolInfoBox {
	display: block;
	width: 235px;
	padding: 0;
}

div#schoolInfo div#schoolInfoFrame div#schoolInfoBox div#contactBtn {
	float: left;
	width: 113px;
}

div#schoolInfo div#schoolInfoFrame div#schoolInfoBox div#requestBtn {
	float: right;
	width: 113px;
}



/* information
----------------------------------------------------------- */

body#infoBody {
	margin: 0;
	padding: 10px 0 0 10px;
	color: #6788f2;
	background: #dfebff url(../images/index/infoBodyBg.jpg) repeat-x fixed left top;
}

div.infoBox {
	width: 146px;
	padding: 0 0 20px 0;
}