@charset "UTF-8";

/* ****************************************************
	other.css
***************************************************** */

/*  /about/index.html
=========================================*/
.slideBlock01 {
	clear: both;
	width: 696px;
	height: 365px;
	background: url(../images/com_bg06.gif) no-repeat 0 0;
}
.slideBlock01 .panel {
	padding: 25px 0 0;
	text-align: center;
}
.slideBlock01 .filmstrip img {
	border: #97b5da 3px solid;
}
/*.slideBlock01 .nav-next {
	width: 36px;
	height: 36px;
	background: url(../images/com_ic15.gif) no-repeat 0 0;
}
.slideBlock01 .nav-prev {
	width: 36px;
	height: 36px;
	background: url(../images/com_ic14.gif) no-repeat 0 0;
}*/



/*  /tokushoku/index.html
=========================================*/
.voiceBlock01,
.voiceBlock02,
.voiceBlock03,
.voiceBlock04,
.voiceBlock05 {
	padding: 0 0 20px;
}
.voiceBlock01 .inner,
.voiceBlock02 .inner,
.voiceBlock03 .inner,
.voiceBlock04 .inner,
.voiceBlock05 .inner {
	min-height: 160px;
	padding: 20px 28px 0 138px;
}

* html .voiceBlock01 .inner,
* html .voiceBlock02 .inner,
* html .voiceBlock03 .inner,
* html .voiceBlock04 .inner,
* html .voiceBlock05 .inner { /* for IE6 */
	height: auto !important;
	height: 160px;
}
.voiceBlock01 {
	background: url(../../tokushoku/images/index_bg01.gif) no-repeat 0 100%;
}
.voiceBlock01 .inner {
	background: url(../../tokushoku/images/index_bg01.gif) no-repeat 0 0;
}
.voiceBlock02 {
	background: url(../../tokushoku/images/index_bg02.gif) no-repeat 0 100%;
}
.voiceBlock02 .inner {
	background: url(../../tokushoku/images/index_bg02.gif) no-repeat 0 0;
}
.voiceBlock03 {
	background: url(../../tokushoku/images/index_bg03.gif) no-repeat 0 100%;
}
.voiceBlock03 .inner {
	background: url(../../tokushoku/images/index_bg03.gif) no-repeat 0 0;
}
.voiceBlock04 {
	background: url(../../tokushoku/images/index_bg04.gif) no-repeat 0 100%;
}
.voiceBlock04 .inner {
	background: url(../../tokushoku/images/index_bg04.gif) no-repeat 0 0;
}
.voiceBlock05 {
	background: url(../../tokushoku/images/index_bg05.gif) no-repeat 0 100%;
}
.voiceBlock05 .inner {
	background: url(../../tokushoku/images/index_bg05.gif) no-repeat 0 0;
}



/*  /course/index.html
=========================================*/
.indexColumn01 {
	clear: both;
	margin: 30px 0 0;
	background: url(../../course/images/index_bg01.gif) no-repeat 0 100%;
}
.indexColumn01 .leftContents {
	float: left;
	width: 220px;
	margin: 0 18px 0 0;
}
.indexColumn01 .centerContents {
	float: left;
	width: 220px;
}
.indexColumn01 .rightContents {
	float: right;
	width: 220px;
}
.indexColumn01 .innerContents {
	min-height: 115px;
	padding: 0 12px 65px;
}



/*  /kyozai/national_language/suisentosho.html
=========================================*/
.pdfList01 {
	clear: both;
	margin: 10px 0 0;
}
.pdfList01 li {
	float: left;
	margin: 0 5px 5px 0;
}
.pdfList01 li .tailIcon01 {
	margin: -0.15em 0 0 5px;
}



/*  /kyozai/arithmetic/original.html
=========================================*/
.tabContentsBlock {
	clear: both;
	margin: 25px 0 0;
}
.tabContentsBlock .tabBtns {
	margin: 0 0 -1px;
	padding: 0 0 0 15px;
}
.tabContentsBlock .tabBtns .tabBtn {
	float: left;
	margin: 0 10px 0 0;
	cursor: pointer;
}
.tabContentsBlock .tabContainer {
	padding: 25px 0 0;
	background: url(../../kyozai/arithmetic/images/original_bg01.gif) no-repeat 0 0;
}
.tabContentsBlock .tabContainer .inner {
	padding: 0 0 25px;
	background: url(../../kyozai/arithmetic/images/original_bg01.gif) no-repeat 0 100%;
	text-align: center;
}


/*  /flow/index.html
=========================================*/
.flowBlock01 {
	clear: both;
	border: #f5c2d6 1px solid;
}
.flowBlock01 .inner {
	padding: 15px;
	border: #fce8f0 5px solid;
}

.flowBlock02 {
	clear: both;
	margin: -10px 0 0;
}

.flowIcon01 {
	clear: both;
	margin: 10px 0;
	text-align: center;
}

.tellIcon {
	margin: 3px 0 0;
	padding: 0 0 0 25px;
	background: url(../images/com_ic29.gif) no-repeat 0 0.3em;
}



/*  /sp/ :common parts
=========================================*/
/* mainVisual01 */
.mainVisual01 {
	position: relative;
	clear: both;
}
.mainVisual01 .btn01 {
	position: absolute;
	left: 50px;
	top: 316px;
}
.mainVisual01 .btn02 {
	position: absolute;
	left: 490px;
	top: 316px;
}

/* spBlock01 */
.spBlock01 {
	clear: both;
	margin: 30px 0 0;
}
.spBlock01 .inner {
	margin: 17px 10px 0;
}
.spBlock01 .leftContents {
	float: left;
	width: 460px;
	margin: 0 20px 0 0;
}
.spBlock01 .rightContents {
	float: right;
	width: 460px;
}
.spBlock01 dl {
	margin: 10px 0 0;
	padding: 0 0 10px;
	border-bottom: #cccccc 1px solid;
}
.spBlock01 .hasBorderTop {
	padding-top: 10px;
	border-top: #cccccc 1px solid;
}
.spBlock01 dt {
	width: 80px;
	height: 23px;
}
.spBlock01 dd {
	margin: -23px 0 0 80px;
}
.spBlock01 .innerColumn {
	margin: 10px 0 0;
	padding: 0 0 10px;
	border-bottom: #cccccc 1px solid;
}
.spBlock01 .innerColumn dl {
	margin: 0;
	padding: 0;
	border: none;
}
.spBlock01 .innerColumn .leftCol {
	float: left;
	width: 150px;
	margin: 0 10px 0 0;
}
.spBlock01 .innerColumn .rightCol {
	float: left;
	width: 180px;
}
.spBlock01 .noBorder {
	padding: 0;
	border: none;
}

/* bg01 */
.spBlock01 .bg01 {
	background: url(../../sp/images/sp_bg01.gif) no-repeat 100% 0;
}

/* bg02 */
.spBlock01 .bg02 {
	background: url(../../sp/images/sp_bg02.gif) no-repeat 100% 22px;
}

/* priceBlock */
.priceBlock {
	border: #cccccc 1px solid;
}
.priceBlock .title {
	padding: 6px 10px 10px;
	background-color: #e6e6e6;
}
.priceBlock .title img {
	margin: 0 5px 0 0;
}
.priceBlock .box {
	padding: 20px;
}
.priceBlock .column .leftContents {
	float: left;
	width: 170px;
}
.priceBlock .column .rightContents {
	float: right;
	width: 220px;
}
.priceBlock .column dl,
.priceBlock .column dt,
.priceBlock .column dd {
	margin: 0;
	padding: 0;
	border: none;
}
.priceBlock .column dt,
.priceBlock .column dd {
	font-size: 110%;
}

/* spSection01 */
.spSection01 {
	margin: 30px 40px;
}





/*  /sp/experience/index.html
=========================================*/
/* detailBlock01 */
.detailBlock01 {
	clear: both;
	margin: 30px 0 0;
	overflow: hidden;
	/*background: url(../../sp/experience/images/index_il06.gif) no-repeat 100% 0;*/
}
.detailBlock01 dl {
	margin: -1px 0 16px;
	padding: 11px 0 0;
	/*background: url(../../sp/experience/images/index_ex01.gif) no-repeat 0 0;*/
	border-top: #cccccc 1px solid;
}
.detailBlock01 dt {
	width: 88px;
	height: 23px;
}
.detailBlock01 dd {
	margin: -23px 0 0 88px;
}
.detailBlock01 .column {
	margin: -1px 0 16px;
	padding: 11px 0 0;
	background: url(../../sp/experience/images/index_ex01.gif) no-repeat 0 0;
}
.detailBlock01 .column dl {
	margin: 0;
	padding: 0;
	background: none;
	border-top: none;
}
.detailBlock01 .column .leftContents {
	float: left;
	width: 370px;
	margin: 0 10px 0 0;
}
.detailBlock01 .column .rightContents {
	float: left;
	width: 330px;
}

/* detailBlock02 */
.detailBlock02 {
	clear: both;
	margin: 20px 0 0;
	padding: 0 0 40px;
	background: url(../../sp/experience/images/index_bg01.gif) no-repeat 0 100%;
}
.detailBlock02 .column {
	padding: 18px 0 0 30px;
}
.detailBlock02 .column .leftImage {
	float: left;
	width: 202px;
}
.detailBlock02 .column .leftText {
	float: left;
	width: 192px;
	margin: 0 8px 0 0;
}
.detailBlock02 .column .leftText p:first-child {
	margin: 0 0 10px;
	padding: 0 0 15px;
	background: url(../../sp/experience/images/index_ic01.gif) no-repeat 50% 100%;
}
.detailBlock02 .column .rightImage {
	float: left;
	width: 272px;
}
.detailBlock02 .column .rightText {
	float: left;
	width: 192px;
}

/* detailBlock03 */
.detailBlock03 {
	clear: both;
	margin: 0;
	padding: 0 0 40px;
	background: url(../../sp/experience/images/index_bg02.gif) no-repeat 0 100%;
}
.detailBlock03 .column {
	padding: 0 0 0 60px;
}
.detailBlock03 .column dd {
	padding: 0 10px;
}
.detailBlock03 .column .leftContents {
	float: left;
	width: 277px;
}
.detailBlock03 .column .leftContents dl {
	padding: 0 7px 0 0;
}
.detailBlock03 .column .centerContents {
	float: left;
	width: 287px;
}
.detailBlock03 .column .centerContents dl {
	padding: 0 10px 0 7px;
}
.detailBlock03 .column .rightContents {
	float: left;
	width: 277px;
}
.detailBlock03 .column .rightContents dl {
	padding: 0 0 0 7px;
}

/* detailBlock04 */
.detailBlock04 {
	clear: both;
	margin: 0;
	padding: 0 0 50px;
	background: url(../../sp/experience/images/index_bg03.gif) no-repeat 0 100%;
}
.detailBlock04 .column {
	padding: 5px 0 0 58px;
}
.detailBlock04 .column .leftContents {
	float: left;
	width: 400px;
	margin: 0 30px 0 0;
}
.detailBlock04 .column .rightContents {
	float: left;
	width: 403px;
}

/* btnBlock01 */
.btnBlock01 {
	position: relative;
	clear: both;
	height: 180px;
	background-color: #e9528e;
}
.btnBlock01 .title {
	padding: 17px 0;
	border-bottom: #fdeef4 1px solid;
	text-align: center;
}
.btnBlock01 .btn01 {
	position: absolute;
	left: 50px;
	top: 73px;
}
.btnBlock01 .btn02 {
	position: absolute;
	left: 490px;
	top: 73px;
}

/* textBlock01 */
.textBlock01 {
	min-height: 44px;
	margin: 15px 0 0;
	padding: 8px 0 0 100px;
	background: url(../../sp/images/sp_tx12.gif) no-repeat 0 0;
	line-height: 1.2;
}
* html .textBlock01 { /* for IE6 */
	height: auto !important;
	height: 44px;
}

/* bg03 */
.spBlock01 .bg03 {
	background: url(../../sp/images/sp_bg03.gif) no-repeat 100% 0;
}





/*  /sp/entrance/index.html
=========================================*/
/* presentBlock01 */
.presentBlock01 {
	clear: both;
	width: 911px;
	margin: 30px auto 0;
}
.presentBlock01 .leftContents {
	float: left;
	width: 547px;
}
.presentBlock01 .rightContents {
	position: relative;
	float: right;
	width: 342px;
}
.presentBlock01 .rightContents .btn {
	position: absolute;
	left: 29px;
	top: 283px;
}

/* btnBlock02 */
.btnBlock02 {
	position: relative;
	clear: both;
	width: 910px;
	height: 124px;
	margin: 35px auto 0;
	background: url(../../sp/entrance/images/index_bg01.gif) no-repeat 0 0;
}
.btnBlock02 .btn01 {
	position: absolute;
	left: 20px;
	top: 20px;
}
.btnBlock02 .btn02 {
	position: absolute;
	left: 470px;
	top: 20px;
}

/* kyozaiBlock01 */
.kyozaiBlock01 {
	position: relative;
	clear: both;
	width: 910px;
	margin: 0 auto;
}
.kyozaiBlock01 .btn01 {
	position: absolute;
	left: 649px;
	bottom: 4px;
}

/* bg04 */
.spBlock01 .bg04 {
	background: url(../../sp/images/sp_bg04.jpg) no-repeat 100% 0;
}

/* bg05 */
.spBlock01 .bg05 {
	background: url(../../sp/images/sp_bg05.jpg) no-repeat 100% 0;
}





/*  /sp/spring/index.html
=========================================*/
/* detailBlock05 */
.detailBlock05 {
	clear: both;
	min-height: 242px;
	margin: 30px 0 0;
	overflow: hidden;
	background: url(../../sp/spring/images/index_bg01.jpg) no-repeat 100% 0;
}
.detailBlock05 dl {
	margin: -1px 0 16px;
	padding: 11px 0 0;
	background: url(../../sp/experience/images/index_ex01.gif) no-repeat 0 0;
}
.detailBlock05 dl.shortLine {
	width: 615px;
}
.detailBlock05 dt {
	width: 88px;
	height: 23px;
}
.detailBlock05 dd {
	margin: -23px 0 0 88px;
}
.detailBlock05 .column {
	margin: -1px 0 16px;
	padding: 11px 0 0;
	background: url(../../sp/experience/images/index_ex01.gif) no-repeat 0 0;
}
.detailBlock05 .column dl {
	margin: 0;
	padding: 0;
	background: none;
}
.detailBlock05 .column .leftContents {
	float: left;
	width: 370px;
	margin: 0 10px 0 0;
}
.detailBlock05 .column .rightContents {
	float: left;
	width: 330px;
}

/* detailBlock06 */
.detailBlock06 {
	clear: both;
	margin: 50px 0 0;
	padding: 45px 0 0;
	background: url(../../sp/spring/images/index_bg02.gif) no-repeat 0 0;
}
.detailBlock06 .inner {
	padding: 0 60px 45px;
	background: url(../../sp/spring/images/index_bg02.gif) no-repeat 0 100%;
}
.detailBlock06 .leftSlide01 {
	position: relative;
	left: -18px;
}

/* detailBlock07 */
.detailBlock07 {
	clear: both;
}
.detailBlock07 .firstContents {
	float: left;
	width: 160px;
	padding: 0 30px 0 0;
	background: url(../../sp/spring/images/index_ex01.gif) no-repeat 170px 73px;
}
.detailBlock07 .secondContents {
	float: left;
	width: 270px;
	padding: 0 30px 0 0;
	background: url(../../sp/spring/images/index_ex01.gif) no-repeat 280px 73px;
}
.detailBlock07 .thirdContents {
	float: left;
	width: 160px;
	padding: 0 30px 0 0;
	background: url(../../sp/spring/images/index_ex01.gif) no-repeat 170px 73px;
}
.detailBlock07 .fourthContents {
	float: right;
	width: 160px;
}
.detailBlock07 dd {
	padding: 10px 8px 0;
}

/* detailBlock08 */
.detailBlock08 {
	clear: both;
	margin: 20px 0 0;
}
.detailBlock08 .leftContents {
	float: left;
	width: 285px;
}
.detailBlock08 .rightContents {
	overflow: hidden;
	zoom: 1;
}

/* detailBlock09 */
.detailBlock09 {
	clear: both;
	margin: 20px 0 0;
	padding: 20px 0 0;
	background: url(../../sp/spring/images/index_bg03.gif) no-repeat 0 0;
}
.detailBlock09 .leftContents {
	float: left;
	width: 355px;
}
.detailBlock09 .rightContents {
	float: right;
	width: 450px;
}
.detailBlock09 .rightContents .leftCol {
	float: left;
	width: 140px;
}
.detailBlock09 .rightContents .rightCol {
	overflow: hidden;
	zoom: 1;
}

/* btnBlock03 */
.btnBlock03 {
	position: relative;
	clear: both;
	height: 180px;
	margin: 50px 0 0;
	background-color: #dde9ff;
}
.btnBlock03 .btn01 {
	position: absolute;
	left: 50px;
	top: 73px;
}
.btnBlock03 .btn02 {
	position: absolute;
	left: 490px;
	top: 73px;
}

/* detailBlock10 */
.detailBlock10 {
	clear: both;
	margin: 30px auto 0;
	padding: 20px;
	width: 900px;
	border: #91abcc 1px solid;
}

/* detailBlock11 */
.detailBlock11 {
	clear: both;
	margin: 10px 0 0;
}
.detailBlock11 .leftContents {
	float: left;
	width: 435px;
}
.detailBlock11 .rightContents {
	float: right;
	width: 331px;
	padding: 14px 95px 14px 14px;
	background: url(../../sp/spring/images/index_bg04.gif) no-repeat 100% 15px;
	border: #fadcea 4px solid;
}
.detailBlock11 .leftContents .topSlide01 {
	position: relative;
	z-index: 100;
	margin: -22px 0 0;
}
.detailBlock11 dl {
	clear: both;
	margin: 10px 0 0;
}
.detailBlock11 dt {
	float: left;
	margin: 0 10px 0 0;
}
.detailBlock11 dd {
	overflow: hidden;
	zoom: 1;
}





/*  /sp/semester/index.html
=========================================*/
/* pointBlock03 */
.pointBlock03 {
	padding: 15px 20px 15px 15px;
	border: #f8cfe4 3px solid;
}
.pointBlock03 .pointTitleColumn .leftContents {
	float: left;
	width: 604px;
}
.pointBlock03 .pointTitleColumn .rightContents {
	float: right;
	width: 301px;
}
.pointBlock03 .pointColumn {
	clear: both;
	margin: 20px 0 0;
}
.pointBlock03 .pointColumn .leftContents {
	float: left;
	width: 471px;
}
.pointBlock03 .pointColumn .rightContents {
	float: right;
	width: 425px;
}
.pointBlock03 .pointColumn .ageSection {
	clear: both;
	margin: 17px 0 0;
}
.pointBlock03 .pointColumn .ageSection dt {
	position: relative;
}
.pointBlock03 .pointColumn .ageSection dt .btn {
	position: absolute;
	left: 309px;
	top: 25px;
	cursor: pointer;
}
.pointBlock03 .pointColumn .ageSection dd {
	padding: 14px 18px;
	border: #e73b86 2px solid;
	border-top: none;
}
.pointBlock03 .pointColumn .ageSection .adviceBlock {
	clear: both;
	margin: 12px 0 0;
	background: url(../../sp/semester/images/index_bg01.gif) no-repeat 0 100%;
}
.pointBlock03 .pointColumn .ageSection .adviceBlock .innerContents {
	padding: 5px 15px 15px;
}
.pointBlock03 .pointColumn .ageSection .kyozaiImage {
	margin: 7px 0 0 -10px;
}

/* kyozaiColumn */
.kyozaiColumn {
	clear: both;
	margin: 20px 0 0;
}
.kyozaiColumn .leftContents {
	float: left;
	width: 360px;
	margin: 0 0 0 -13px;
}
.kyozaiColumn .rightContents {
	float: right;
	width: 505px;
	padding: 30px 0 0;
}
.kyozaiColumn .rightContents .kyozaiPointBlock {
	clear: both;
	width: 505px;
	margin: 15px 0 0;
	padding: 13px 0 0;
	background: url(../../sp/semester/images/index_bg02.gif) no-repeat 0 0;
}
.kyozaiColumn .rightContents .kyozaiPointBlock .inner {
	padding: 0 10px 20px;
	background: url(../../sp/semester/images/index_bg02.gif) no-repeat 0 100%;
}

/* spLine01 */
.spLine01 {
	clear: both;
	width: 917px;
	height: 4px;
	margin: 20px auto;
	background: url(../../sp/semester/images/index_ex01.gif) no-repeat 0 0;
}

/* powerUpContents */
.powerUpContents {
	width: 340px;
}

/* lectureBlock */
.lectureBlock {
	clear: both;
	width: 879px;
	margin: 15px auto 0;
	padding: 0 0 18px;
	background: url(../../sp/semester/images/index_bg03.gif) no-repeat 0 100%;
}
.lectureBlock .inner {
	padding: 18px 25px 0 24px;
	background: url(../../sp/semester/images/index_bg03.gif) no-repeat 0 0;
}
.lectureBlock .leftContents {
	float: left;
	width: 420px;
}
.lectureBlock .rightContents {
	float: right;
	width: 370px;
}
.lectureBlock .innerColumn {
	clear: both;
	margin: 15px 0 0;
}
.lectureBlock .innerColumn .leftCol {
	float: left;
	margin: 0 15px 0 0;
}
.lectureBlock .innerColumn .rightCol {
	overflow: hidden;
	zoom: 1;
}

/* btnBlock04 */
.btnBlock04 {
	clear: both;
	margin: 60px 0 0;
	text-align: center;
}
.btnBlock04 li {
	display: inline;
}

/* flowBlock03 */
.flowBlock03 {
	clear: both;
	margin: 25px 0 0;
}
.flowBlock03 li {
	display: table-cell;
	padding: 0 10px 0 30px;
	vertical-align: middle;
}
.flowBlock03 li.flow01 {
	width: 126px;
	background: url(../../sp/semester/images/index_ic01.gif) no-repeat 0 50%;
}
.flowBlock03 li.flow02 {
	width: 159px;
	background: url(../../sp/semester/images/index_ic02.gif) no-repeat 0 50%;
}
.flowBlock03 li.flow03 {
	width: 145px;
	background: url(../../sp/semester/images/index_ic03.gif) no-repeat 0 50%;
}
.flowBlock03 li.flow04 {
	width: 134px;
	background: url(../../sp/semester/images/index_ic04.gif) no-repeat 0 50%;
}
.flowBlock03 li.flow05 {
	background: url(../../sp/semester/images/index_ic05.gif) no-repeat 0 50%;
}






/*  extra
=========================================*/
/* clearfix */
.indexColumn01:after,
.detailBlock01 .column:after,
.detailBlock02 .column:after,
.detailBlock03 .column:after,
.detailBlock04 .column:after,
.detailBlock05 .column:after,
.detailBlock07:after,
.detailBlock08:after,
.detailBlock09:after,
.detailBlock11:after,
.detailBlock11 dl:after,
.pdfList01:after,
.spBlock01 .innerColumn:after,
.spBlock01 .column:after,
.presentBlock01:after,
.tabContentsBlock .tabBtns:after,
.pointBlock03 .pointColumn:after,
.kyozaiColumn:after,
.lectureBlock .inner:after,
.pointBlock03 .pointTitleColumn:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

.indexColumn01,
.detailBlock01 .column,
.detailBlock02 .column,
.detailBlock03 .column,
.detailBlock04 .column,
.detailBlock05 .column,
.detailBlock07,
.detailBlock08,
.detailBlock09,
.detailBlock11,
.detailBlock11 dl,
.pdfList01,
.spBlock01 .innerColumn,
.spBlock01 .column,
.presentBlock01,
.tabContentsBlock .tabBtns,
.pointBlock03 .pointColumn,
.kyozaiColumn,
.lectureBlock .inner,
.pointBlock03 .pointTitleColumn {
	zoom: 1;
}