@charset "utf-8";
/* CSS Document */

/*パン屑リストここから↓*/



div#breadCrumb {
	width:710px;
	height:20px;
}

div#breadCrumb ul {
	margin:0px;
	padding:0px;
}

div#breadCrumb ul li {
	float:left;
	font-size:smaller;
	color:#999;
	list-style-position: inside;
	list-style-type: none;
	margin-right:1em;
	margin-top:3px;
}

div#breadCrumb ul li a {
	color:#00F;
	text-decoration:none;
	text-decoration:underline;
}

div#breadCrumb ul li a:hover {
	color:#00F;
	text-decoration:none;
}

/*パン屑リストここまで↑*/


/*base2.cssとの重複ここから↓*/

div#mainContent {
	height:3000px;
}

div#flash-area img {
	vertical-align:bottom;
}

/*base2.cssとの重複ここまで↑*/

div#mainContent div.conTent {
	float:right;
	width:710px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 2700px;
}

/*本文ヘッダー　ここから↓*/

div.conTent div#contents-header {
	width:710px;
	margin-top:18px;
}

div.conTent div#contents-header:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.conTent div#contents-header { display: inline-block; }

/* Hides from IE-mac \*/
*html div.conTent div#contents-header { height: 1%; }
div.conTent div#contents-header { display: block; }
/*End hide from IE-mac */


/*本文ヘッダーのコンテンツここから↓*/

/*サブサブナビここから↓*/

div#contents-header ul#subsubNav {
	padding:0px;
	width:710px;
	height:36px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

div#contents-header ul#subsubNav li {
	list-style-position: inside;
	list-style-type: none;
	float:left;	
}

div#contents-header ul#subsubNav li p {
	margin:0px;
	padding:0px;	
}

div#contents-header ul#subsubNav li.eduAndguide p a {
	color: #333;
	background-color: #FFF;
	background-image: url(../../../images/program/koko/btn/btn-eduandguide.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 36px;
	width: 118px;
	overflow: hidden;		
}

div#contents-header ul#subsubNav li.eduAndguide p a:hover {
	background-image: url(../../../images/program/koko/btn/btn-eduandguide.gif);
	background-repeat: no-repeat;
	background-position: left bottom;		
}

div#contents-header ul#subsubNav li.program p a {
	color: #333;
	background-color: #FFF;
	background-image: url(../../../images/program/koko/btn/btn-program.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 36px;
	width: 118px;
	overflow: hidden;
}

div#contents-header ul#subsubNav li.program p a:hover {
	background-image: url(../../../images/program/koko/btn/btn-program.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

div#contents-header ul#subsubNav li.apply p a {
	color: #333;
	background-color: #FFF;
	background-image: url(../../../images/program/koko/btn/btn-apply.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 36px;
	width: 118px;
	overflow: hidden;
}

div#contents-header ul#subsubNav li.apply p a:hover {
	background-image: url(../../../images/program/koko/btn/btn-apply.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

div#contents-header ul#subsubNav li.experience p a {
	color: #333;
	background-color: #FFF;
	background-image: url(../../../images/program/koko/btn/btn-experience.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 36px;
	width: 118px;
	overflow: hidden;
}

div#contents-header ul#subsubNav li.experience p a:hover {
	background-image: url(../../../images/program/koko/btn/btn-experience.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

div#contents-header ul#subsubNav li.support p a {
	color: #333;
	background-color: #FFF;
	background-image: url(../../../images/program/koko/btn/btn-support.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 36px;
	width: 118px;
	overflow: hidden;
}

div#contents-header ul#subsubNav li.support p a:hover {
	background-image: url(../../../images/program/koko/btn/btn-support.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

div#contents-header ul#subsubNav li.whatsokc p a {
	color: #333;
	background-color: #FFF;
	background-image: url(../../../images/program/koko/btn/btn-whatsokc.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 36px;
	width: 118px;
	overflow: hidden;
}

div#contents-header ul#subsubNav li.whatsokc p a:hover {
	background-image: url(../../../images/program/koko/btn/btn-whatsokc.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/*サブサブナビここまで↑*/


/*ここからフロートでメインとサブに分かれる*/

#Main-contents {
	float: none;
	width: 467px;
	display: block;
	height: auto;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}

#subColumn1 {
	float: right;
	height: auto;
	width: 233px;
}
div#contents-header h2 {
	color:#333;
	background-color: #FFF;
	background-image: url(../../../images/program/koko/intro-ausnz.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 54px;
	width: 350px;
	margin-top: 18px;
	}
	
div#contents-header h3 {
	color:#333;
	background-color: #FFF;
	font-size: large;
	display: block;
	width: 324px;
	height: 18px;
	border-left-width: 9px;
	border-left-style: solid;
	border-left-color: #0C6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #366;
	margin-top: 18px;
	margin-right: 18px;
	margin-left: 18px;
	padding: 3px;
	}
	
div#contents-header h3.plus {
	color:#333;
	background-color: #FFF;
	font-size: large;
	display: block;
	width: 324px;
	height: 18px;
	border-left-width: 9px;
	border-left-style: solid;
	border-left-color: #06F;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #036;
	margin-top: 18px;
	margin-right: 18px;
	margin-left: 18px;
	padding: 3px;
	}

div#contents-header h4 {
	color:#330;
	background-color: #FFF;
	font-size:small;
	display: block;
	width: 350px;
	height: 27px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #F30;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C60;
	margin-top: 18px;
	margin-right: 18px;
	margin-left: 18px;
	padding: 1px;
	}
	
div#contents-header h4.short {
	color:#330;
	background-color: #FFF;
	font-size:small;
	display: block;
	width: 350px;
	height: 18px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #F30;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C60;
	margin-top: 18px;
	margin-right: 18px;
	margin-left: 18px;
	padding: 1px;
	}
	
div#contents-header p.main-text {
	font-size:small;
	color:#333;
	margin-top:18px;
	margin-left:36px;
	margin-right:36px;
	}
	
div#contents-header p.hogo {
	font-size:small;
	color:#333;
	margin-top:18px;
	margin-left:36px;
	margin-right:36px;
	}
	
div#contents-header p#award {
	font-weight: bold;
	font-size: large;
	margin-right:18px;
	margin-left:18px;
	}
	
div#contents-header p#award a {
	text-decoration:none;
	color:#333;
	font-size:medium;
	}
	
div#contents-header p#award span {
	color: #F00;
	}


div#contents-header ul#guide-nz {
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 45px;
}

div#contents-header ul#guide-nz li {
	margin:0px;
	padding:0px;	
}

div#contents-header ul#guide-nz li p {
	margin:0px;
	padding:0px;	
}
	
#contents-support2 {
	height: 80px;
	width: 710px;
	clear: both;
	display: block;
	margin-top: 36px;
}

.contents-support2-inside {
	height: 54px;
	width: 666px;
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 28px;
}

#container #mainContent .conTent #contents-header #contents-support2 .contents-support2-inside li {
	float: left;
	list-style-type: none;
	margin-right: 6px;
}

/*サブコンテンツここから↓*/

div#contents-header div#subColumn {
	display: block;
	height: auto;
	width: 218px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
}

div#contents-header div#subColumn p {
	padding: 0px;
	margin: 0px;
}

div#contents-header div#subColumn p.setumeikai {
	background-color: #DDFDFF;
}

div#contents-header div#subColumn p.setumeikai a {
	text-decoration: none;
	color: #000;
}

/*表*/


div#contents-header table {
	width:218px;
	margin-top:9px;
	margin-bottom:0px;
	}

div#contents-header caption {
	text-align:left;
	margin:0px;
	padding:0px;
	color:#F03;
	font-size:small;
	font-weight:bold;
	}

div#contents-header caption p span {
	font-size:small;
	color:#00F;	
}

div#contents-header caption p span a {
	text-decoration:none;
}


div#contents-header .design1 {
	border-collapse:collapse;
	border:3px solid #008855;
	}

div#contents-header .design1 th p, div#contents-header .design1 td p {
	font-size:small;
	color:#333;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	}

div#contents-header .design1 th {
	color:#FFF;
	background-color:#008855;
	font-size: small;
	}

div#contents-header .design1 td {
	padding:3px;
	border:1px solid #008855;
	}


/*表(終わり)*/

div#contents-header div#subColumn p#hiyo {
	text-align:right;
	margin-top:9px;
}



/*サブコンテンツここまで↑*/

/*体験談リンクここから↓*/
#narrative-link1 {
	display: block;
	float: right;
	width: 233px;
	clear: right;
	height: auto;
}

#narrative-link {
	height: auto;
	width: 210px;
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	margin-left: 12px;
}

.narrative-student {
	font-size: small;
	margin-top: 1em;
	margin-left: 5px;
	list-style-type: none;
	display: block;
}

.narrative-perents {
	font-size: small;
	margin-top: 1em;
	margin-left: 5px;
	display: block;
	list-style-type: none;
}

#container #mainContent .conTent #contents-header #narrative-link p {
	padding: 0px;
	margin-top: 1.5em;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/*体験談リンクここまで↑*/

/*本文ここから*/

div#contents-body {
	width:710px;
	margin-top:36px;
	height:54px;
	}

div#contents-body:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#contents-body { display: inline-block; }

/* Hides from IE-mac \*/
*html div#contents-body { height: 1%; }
div#contents-body {
	display: block;
	float: right;
}
/*End hide from IE-mac */


div#contents-body p {
	font-size:small;
	color:#333;
	margin-top:18px;
	margin-left:36px;
	margin-right:36px;
	}


/*表*/


div#contents-body table {
	width:320px;
	margin-top:18px;
	margin-bottom:9px;
	float:right;
	}

div#contents-body caption {
	text-align:left;
	}
	
div#contents-body caption p {
	margin:0px;
	padding:0px;
	color:#F03;
	font-size:large;
	font-weight:bold;
	}

div#contents-body caption p span {
	font-size:small;
	color:#00F;	
}

div#contents-body caption p span a {
	text-decoration:none;
}


div#contents-body .design1 {
	border-collapse:collapse;
	border:3px solid #008855;
	}

div#contents-body .design1 th p, div#contents-body .design1 td p {
	font-size:small;
	color:#333;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	}

div#contents-body .design1 th {
	color:#FFF;
	background-color:#008855;
	font-size: small;
	}

div#contents-body .design1 td {
	padding:3px;
	border:1px solid #008855;
	}

div#contents-body .design1 td p.t-apply a {
	color: #333;
	background-color: #FFF;
	background-image: url(../../../images/program/koko/btn-tokyoapply.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 32px;
	width: 48px;
}

div#contents-body .design1 td p.t-apply a:hover {
	background-image: url(../../../images/program/koko/btn-tokyoapply.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	
}

div#contents-body .design1 td p.o-apply a {
	color: #333;
	background-color: #FFF;
	background-image: url(../../../images/program/koko/btn-osakaapply.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 32px;
	width: 48px;
}

div#contents-body .design1 td p.o-apply a:hover {
	background-image: url(../../../images/program/koko/btn-osakaapply.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	
}



/*表(終わり)*/

div#contents-body ul {
	width:360px;
	height:324px;
	}

div#contents-body ul li {
	width:360px;
	height:54px;
	list-style-type: none;
	}
	
div#contents-body ul li p {
	margin: 0px;
	padding: 0px;
	}

div#contents-body ul li.program p a {
	display: block;
	height: 54px;
	width: 360px;
	background-color: #FFF;
	background-image: url(../../../images/program/koko/btn-program.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	overflow:hidden;
	}
	
div#contents-body ul li.kokoseikatsu p a {
	display: block;
	height: 54px;
	width: 360px;
	background-color: #FFF;
	background-image: url(../../../images/program/koko/btn-kokoseikatsu.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	overflow:hidden;
	}
	
div#contents-body ul li.support p a {
	display: block;
	height: 54px;
	width: 360px;
	background-color: #FFF;
	background-image: url(../../../images/program/koko/btn-support.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	overflow:hidden;
	}

div#contents-body ul li.yoko p a {
	display: block;
	height: 54px;
	width: 360px;
	background-color: #FFF;
	background-image: url(../../../images/program/koko/btn-yoko.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	overflow:hidden;
	}

div#contents-body ul li.taiken p a {
	display: block;
	height: 54px;
	width: 360px;
	background-color: #FFF;
	background-image: url(../../../images/program/koko/btn-taiken.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	overflow:hidden;
	}

div#contents-body ul li.whatsokc p a {
	display: block;
	height: 54px;
	width: 360px;
	background-color: #FFF;
	background-image: url(../../../images/program/koko/btn-whatsokc.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	overflow:hidden;
	}

/*本文ヘッダー左側のコンテンツここまで↑*/


p.addBanner {
	margin-bottom:18px;
	margin-top: 18px;
	text-align: center;	
}


/*申込ボタンエリア*/

div.conTent div#application-area {
	width:710px;
	height:78px;
	padding-top:0px;
	margin-top: 36px;
	float: right;
}

div.conTent div#application-area ul {
	width:710px;
	height:74px;
	background-image: url(../../../images/btn/bg-subbtn2.jpg);
	}

div.conTent div#application-area ul li {
	width:114px;
	height:72px;
	float:left;
	list-style-type: none;
	margin-left:1px;
	}
	
div.conTent div#application-area ul li.mailcsl {
margin-left:6px;
}


div.conTent div#application-area ul li.mailcsl p a {
	color: #000;
	background-color: #FFF;
	background-image: url(../../../images/btn/subbtn2-mailcsl.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 72px;
	width: 114px;
	overflow:hidden;
	}

div.conTent div#application-area ul li.mailcsl p a:hover {
	background-image: url(../../../images/btn/subbtn2-mailcsl.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
div.conTent div#application-area ul li.skypecsl p a {
	color: #000;
	background-color: #FFF;
	background-image: url(../../../images/btn/subbtn2-skypecsl.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 72px;
	width: 114px;
	overflow:hidden;
	}

div.conTent div#application-area ul li.skypecsl p a:hover {
	background-image: url(../../../images/btn/subbtn2-skypecsl.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
div.conTent div#application-area ul li.usuallcsl p a {
	color: #000;
	background-color: #FFF;
	background-image: url(../../../images/btn/subbtn2-usuallcsl.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 72px;
	width: 114px;
	overflow:hidden;
	}

div.conTent div#application-area ul li.usuallcsl p a:hover {
	background-image: url(../../../images/btn/subbtn2-usuallcsl.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	}

div.conTent div#application-area ul li.seminar p a {
	color: #000;
	background-color: #FFF;
	background-image: url(../../../images/btn/subbtn2-seminar.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 72px;
	width: 114px;
	overflow:hidden;
	}

div.conTent div#application-area ul li.seminar p a:hover {
	background-image: url(../../../images/btn/subbtn2-seminar.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
div.conTent div#application-area ul li.mitsumori p a {
	color: #000;
	background-color: #FFF;
	background-image: url(../../../images/btn/subbtn2-mitsumori.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 72px;
	width: 114px;
	overflow:hidden;
	}

div.conTent div#application-area ul li.mitsumori p a:hover {
	background-image: url(../../../images/btn/subbtn2-mitsumori.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
div.conTent div#application-area ul li.shiryo p a {
	color: #000;
	background-color: #FFF;
	background-image: url(../../../images/btn/subbtn2-shiryo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 72px;
	width: 114px;
	overflow:hidden;
	}

div.conTent div#application-area ul li.shiryo p a:hover {
	background-image: url(../../../images/btn/subbtn2-shiryo.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	}

/*申込ボタンエリアここまで↑*/

/*「もどる」ボタン*/

p#return {
margin-top:36px;
text-align:center;
}
#container #mainContent .conTent #contents-header #narrative-link1 p {
	color: #000;
	background-color: #FFF;
	margin-top: 9px;
	margin-bottom: 9px;
	margin-left: 12px;
}



/**  追加  ***************************************************/
.seminar {
	overflow: hidden;
	width: 700px;
	height: auto;
	margin-top: 18px;
	margin-left: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #999;
}


.seminar p.title {
	display: block;
	width: 320px;
	font-size: 152%;
	font-weight: bold;
	color: #2226CE;
	text-align: center;
	border: 2px solid #F00;
	padding: 3px 5px 0;
}


.seminar p.date {
	font-size: 84%;
	margin-left: 10px;
	color: #6F3733;
}


.seminar p.office {
	float: left;
	font-size: 84%;
	margin-left: 10px;
	color: #6F3733;
}


.seminar p.office span {
	font-size: small;
}


.seminar p.seminar-link {
	float: left;
	font-size: 84%;
	margin-left: 10px;
}


.seminar p.seminar-link a {
	color: #00F;
	text-decoration: underline;
}


.seminar p.seminar-link a:hover {
	color: #F00;
}


.seminar p.counselling {
	float: right;
	font-size: 78%;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
	color: #666;
	clear: both;
}


.seminar p.counselling a {
	color: #00F;
	text-decoration: underline;
}


.seminar p.counselling a:hover {
	color: #F00;
}



#main1 {
	overflow: hidden;
	width: 467px;
	height: 516px;
	margin-top: 18px;
	margin-left: 10px;
}


#main1 a p {
	text-decoration: none;
}



#main1 p.title {
	width: 447px;
	height: 29px;
	font-size: 128%;
	font-weight: bold;
	padding-left: 15px;
	line-height: 20px;
	padding-top: 5px;
	background: url(../../../images/program/koko/title-bar.jpg) no-repeat;
}


#main1 .main1-1 a {
	float: left;
	width: 215px;
	height: 217px;
	margin-top: 18px;
	margin-right: 17px;
	margin-bottom: 17px;
	background: url(../../../images/program/koko/point01.jpg) no-repeat;
}


#main1 .main1-2 a {
	float: left;
	width: 215px;
	height: 217px;
	margin-top: 18px;
	margin-bottom: 17px;
	background: url(../../../images/program/koko/point02.jpg) no-repeat;
}


#main1 .main1-3 a {
	float: left;
	width: 215px;
	height: 217px;
	margin-right: 17px;
	background: url(../../../images/program/koko/point03.jpg) no-repeat;
}


#main1 .main1-4 a {
	float: left;
	width: 215px;
	height: 217px;
	background: url(../../../images/program/koko/point04.jpg) no-repeat;
}


#main1 a:hover {
	background-position: bottom left;
}


#main1 .main1-1 a p.text01 {
	height: auto;
	margin-top: 56px;
	margin-bottom: 10px;
	padding: 5px 10px 0px 10px;
	font-size: 78%;
	color: #2E81FD;
	text-align: left;
	text-decoration: none;
	clear: both;
}


#main1 .main1-2 a p.text01, 
#main1 .main1-3 a p.text01, 
#main1 .main1-4 a p.text01 {
	height: 34px;
	margin-top: 56px;
	margin-bottom: 10px;
	padding: 5px 10px 0px 10px;
	font-size: 78%;
	color: #2E81FD;
	text-align: left;
	text-decoration: none;
	clear: both;
}


#main1 .main1-2 a p.text01 span, 
#main1 .main1-3 a p.text01 span, 
#main1 .main1-4 a p.text01 span {
	float: right;
}


#main1 .main1-1 a p.text02, 
#main1 .main1-2 a p.text02, 
#main1 .main1-3 a p.text02, 
#main1 .main1-4 a p.text02 {
	padding: 0px 10px 10px 10px;
	font-size: 78%;
	text-align: left;
	line-height: 16px;
	text-decoration: none;
	color: #000;
}

/** 不登校　バナー**/
.truancy a {
	display: block;
	width: 216px;
	height: 133px;
	margin-top: 10px;
	margin-bottom: 20px;
	background: url(../../../images/program/koko/truancy.jpg) no-repeat;
}

/**  追加  ***************************************************/
.el-blog a {
	display: block;
	width: 216px;
	height: 150px;
	margin-top: 10px;
	margin-bottom: 20px;
	background:
	url(../../../images/program/koko/el-blog.jpg) no-repeat;
}