@charset "utf-8";



/*===========================

headerについて

===========================*/

#header {
	width:840px;
	padding:0 38px;
}

#logotxt {
	padding:16px 0 10px 0;
}

h1 {
	padding:0 0 16px 0;
}

#header li {
	display:block;
	float:left;
	padding-right:5px;
}

/*===========================

gnavについて

===========================*/


#gnav #wrapul {
	padding-left:8px;
}
		
#gnav li {
	display:block;
	float:left;
}

#gnav #panzarea {
	background-color:#B0B4B9;
	width:824px;
	padding:5px 38px;
	margin-left:8px;
	color:#ffffff;
	font-size:90%;
}

#gnav #panzarea a {
	color:#ffffff;
}	

#gnav #recruit {
	padding-left:20px;
}
	
#gnav #recruit a {
	color:#003399;
	background:url(../images/common/icon01_alfa.gif) no-repeat 0;
	padding-left:10px;
}	

#gnav, #gnav ul {
	position:relative;
}

#gnav ul li {
	float:left;
	position:relative;
	z-index:3 ;
}


#gnav ul li ul{
	position: absolute;
	top: 39px;
	border-top: 1px solid #cccccc;
/*	top: 40px;*/
	left:0px;
	display: block;
	visibility:hidden;
}

#gnav ul li ul li a{
	display: block;
	background: #ececec ;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left:5px;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	height:17px;
}

#gnav #aboutul a {
	width:143px;
}

#gnav #programul a {
	width:183px;
}

#gnav #activeul a {
	width:146px;
}

	

/*===========================

topBoxについて

===========================*/

#topBox {
	padding:20px 38px;
}
	
#topBox #h2 {
	width:840px;
	height:494px;
}

#topBox #leftarea {
	width:580px;
}


#topBox #leftarea dt {
	float:left;
	clear:both;
	width:76px;
	padding-left:10px;
	background:url(../images/common/icon01.gif) no-repeat 0;
}
	
#topBox #leftarea dd {
	width:440px;
	margin-left:100px;
	margin-bottom:10px;
	color:#F73809;
}

#topBox #leftarea dd a {
	color:#F73809;
}

#topBox #leftarea dd a:hover {
	color:#F73809;
}
	
	
#topBox #leftarea .col_F73809 a {
	color:#F73809;
}

#topBox #leftarea .col_F73809 a:hover {
	color:#F73809;
}	
	
#topBox #siryou {
	width:340px;
	padding-top:10px;
	font-weight:bold;
}



#topBox #rightarea {
	padding-top:20px;
}
	
#topBox　#bannerarea {
	margin-top:40px;
	clear:both;
	float:none;
}

#topBox h4 {
	text-align:center;
	padding:25px 0;
	
}

#topBox li {
	display:block;
	float:left;
}

#topBox #kaplanbox {
	margin-top:20px;
	padding:20px;
	background-color:#EFEFEF;
	width:800px;
	
}
	
#topBox #kaplanbox p{
	margin-right:20px;
}

/*===========================

copyrightについて

===========================*/

#copy {
	text-align:right;
	padding:0 10px 10px 0;
	color:#000000;
}


/*===========================

中ページ共通

===========================*/
#ttlBox {
	padding:20px 38px;
}

#ttlBox  h2 {
	padding-top:30px;
	padding-bottom:20px;
}

.pagelink h2 {
	float:left;
}

#pagelinkarea {
	float:right;
	padding-top:30px;
}

#pagelinkarea a {
	background:url(../images/common/icon01.gif) no-repeat 0 ;
	padding-left:10px;
	padding-right:10px;
}

#pagelinkbtn  {
	float:right;
	padding-top:30px;
}

			
.texarea {
	padding:30px 98px 30px 44px;
}	
		
#ttlBox  .h2comment {
	padding-left:16px;
}

.pagetop {
	padding-right:20px;
	text-align:right;
}

#contents {
	margin-left:54px;
	margin-top:20px;
	margin-bottom:50px;
}	

.price {
	font-weight:bold;
	color:#019845;
}

.icon02 {
	margin-top:10px;
}
	
.icon02 li {
	background:url(../images/common/icon02.jpg) no-repeat ;
	padding-left:12px;
	padding-bottom:5px;
	background-position:0 5px;
}

h4 {
	padding:20px 0 ;
}
	

/*===========================

aboutBoxについて

===========================*/	
#aboutBox #box1-com {
	padding:30px 0
}
	
#aboutBox #program_list {
	width:575px;
	margin:30px auto;
	background-color:#E3E4E6;
	padding:20px;
}

#aboutBox #program_list ul {
	margin-top:20px;
}

#aboutBox .box3 {
	margin-top:10px;
}
			
#aboutBox .box3 li {
	padding-bottom:5px;
}

#aboutBox .box3 li a {
	padding-left:10px;
}

/*===========================

serviceBoxについて

===========================*/	


#serviceBox .texarea02 {
	width:417px;
}

#serviceBox .boxarea {
	width:238px;
	border:1px dotted #cccccc;
	float:right;
	padding:5px 10px;
}

#serviceBox #imgBox {
	margin-top:30px;
}
	
#serviceBox .img01 {
	width:200px;
	float:left;
	margin-right:50px;
}

#serviceBox .img02 {
	width:220px;
	float:left;
}

#serviceBox .mail {
	background:url(../images/common/icon04.jpg) no-repeat 0;
	padding-left:20px;
}

/*===========================

calenderBoxについて

===========================*/	
#calenderBox tr {
	border:1px solid #cccccc;
}
	
#calenderBox td {
	padding:15px;
}
	
#calenderBox .td01 {
	background-color:#324160;
	border-right:1px solid #cccccc;
	width:100px;
	color:#ffffff;
	font-weight:bold;
	font-size:120%;
}

#calenderBox .td02 {
	color:#324160;
	width:80px;
}

#calenderBox .td03 {
	width:460px;
	font-weight:bold;
	font-size:120%;
}

#calenderBox .fontsize86 {
	font-weight:normal;
}
	
#calenderBox .col01 {
	background-color:#DCE1ED;
}

#calenderBox .col02 {
	background-color:#ECEFF4;
}
	

/*===========================

programsBoxについて

===========================*/	

#programsBox .courseBox_wrapper {
	margin:20px auto;
	width:840px;
}
	

#programsBox .courseBox{
	width:268px;
	float:left;
	background:url(../programs/images/box02_boxsideline.jpg) repeat-y 0 ;
}


#programsBox .courseImg {
	margin:10px 0 10px 18px;
}
	
#programsBox .courseTxt {
	padding:0 20px 10px 20px;
	height:120px;
}
	
#programsBox .courseBtn {
	padding:0 20px 10px 0 ;
	text-align:right;
}

#programsBox #tablearea {
	width:800px;
	background:url(../programs/images/box3-bg.jpg) no-repeat 0 ;
	background-position:top;
	padding-left:30px;
	margin:30px auto;
}


#programsBox #tablearea {
	width:800px;
	background:url(../programs/images/box3-bg.jpg) no-repeat 0 ;
	background-position:top;
	padding-left:30px;
	margin:30px auto;
}

#programsBox #tablearea02 {
	width:800px;
	background:url(../programs/images/box3-bg-2.jpg) no-repeat 0 ;
	background-position:top;
	padding-left:30px;
	margin:30px auto;
}



#programsBox #tablewrapper {
	padding-top:92px;
}
		
		
#programsBox td {
	padding:0 8px 5px 0;
}	

#programsBox #table02 td {
	padding-right:5px;
}

#programsBox #juniorlink {
	width:400px;
	padding-top:20px;
}
	
		
/*===========================

programs02Box（programsの下層ページ）について

===========================*/	
#programs02Box h3 {
	margin-top:30px;
}
	
#programs02Box .classBox_wrapper {
	width:808px;
}
	
#programs02Box .classBox {
	width:384px;
}
	

	
/*===========================

admissionsBoxについて

===========================*/	
#admissionsBox #flowBox {
	width:582px;
	margin:0 auto;
	text-align:center;
	margin-top:30px;
}
	
#admissionsBox #flowBox p {
	padding-bottom:5px;
}
	
#admissionsBox table {
	width:664px;
	margin-top:20px;
}

#admissionsBox th {
	padding:2px 5px;
	font-weight:bold;
	border:1px solid #cccccc;
	text-align:center;
}


#admissionsBox td {
	padding:10px;
	border:1px solid #cccccc;
}

#admissionsBox .bgcolor_a {
	background-color:#ECEEF2;
}

#admissionsBox .bgcolor_b {
	background-color:#E1E4EC;
}

#admissionsBox .bgcolor_c {
	background-color:#D6DAE4;
}

/*===========================

activeBoxについて

===========================*/	

#activeBox {
	width:916px;
	background:url(../activities/images/bg02.jpg) repeat-y 0 ;
	background-color:#C0FF3E;
	padding-top:5px;
}
#activeBox #activearea	{
	background-color:#ffffff;
	width:840px;
	margin:0 auto;
	margin-top:20px;
}
	
#activeBox #comment {
	padding:20px 0 20px 40px;
}
	


/*===========================

juniorBoxについて

===========================*/	
#juniorBox dt {
	background:url(../images/common/icon02.jpg) no-repeat 0 ;
	padding-left:12px;
	padding-bottom:5px;
	font-weight:bold;
	background-position:0 5px;
}

#juniorBox dd {
	padding-bottom:5px;
}

#juniorBox .table {
	width:664px;
	margin:0 auto;

}

#juniorBox table {
	width:664px;
	margin-top:20px;
}

#juniorBox th {
	padding:2px 5px;
	font-weight:bold;
	border:1px solid #cccccc;
	text-align:center;
}


#juniorBox td {
	padding:10px;
	border:1px solid #cccccc;
}

#juniorBox .bgcolor_a {
	background-color:#ECEEF2;
}

#juniorBox .bgcolor_b {
	background-color:#E1E4EC;
}

#juniorBox .bgcolor_c {
	background-color:#D6DAE4;
}
	
#juniorBox .price {
	font-weight:bold;
	color:#019845;
}

#juniorBox .table_com {
	font-size:86%;
	text-align:right;
}





/*===========================

accessBoxについて

===========================*/	

#accessBox #maparea {
	width:380px;
	margin-bottom:20px;
}

/*===========================

contactBoxについて

===========================*/	

#contactBox .mail {
	background:url(../images/common/icon04.jpg) no-repeat 0;
	padding-left:20px;
}
	
/*===========================

newsBoxについて

===========================*/	

#newsBox .texarea {
	padding-top:0px;
}
	
#newsBox dl {
	margin-bottom:20px;
}

#newsBox dt {
	font-size:120%;
	font-weight:bold;
	background:url(../images/common/icon03.jpg) no-repeat 0;
	padding:10px;
}
		
#newsBox .iconarea {
	padding-bottom:5px;
}
		
#newsBox h3 {
	font-size:120%;
	font-weight:bold;
	background:url(../images/common/icon03.jpg) no-repeat 0;
	padding:10px;

}	

#newsBox .imgarea {
	margin:30px 0px;
}
	
#newsBox .imgarea img {
	padding-right:15px;
}


/*===========================

galleryBoxについて

===========================*/	

#galleryBox .galleryarea {
	border:1px solid #cccccc;
	padding:20px;
	margin-bottom:10px;
}

#galleryBox .gallery_txtarea02 {
	width:400px;
}

#galleryBox .photoBox {
	padding-top:20px;
}
	
#galleryBox .gallery_txtarea {
	width:480px;
	float:left;
	padding-left:20px;
}

#galleryBox dl {
	margin-bottom:20px;
}
#galleryBox h3 {
	font-size:120%;
	font-weight:bold;
	background:url(../images/common/icon03.jpg) no-repeat 0;
	padding-left:10px;

}		
/*===========================

privacyBoxについて

===========================*/	
#privacyBox ol {
	padding:30px 52px 0 42px;
}

#privacyBox li {
	list-style-type:decimal;
	padding-bottom:10px;
}

#privacyBox #linkbox {
	padding:30px 52px 0 42px;
	margin-bottom:400px;
}

#privacyBox dt {
	padding-bottom:5px;
	font-weight:bold ;
}

			
#privacyBox dd {
	padding-bottom:10px;
}
	

	
/*===========================

privacyBoxについて

===========================*/	


#sitemapBox table {
	width:350px;
}
	
#sitemapBox td {
	padding:15px 0;
	border-bottom:1px dotted #cccccc;
}
	
#sitemapBox a {
	background:url(../images/common/icon01.gif) no-repeat 0 ;
	padding-left:10px;
}
	
#sitemapBox .border-none {
	border:none;
}	

#sitemapBox .td02 {
	padding-left:30px;
}

#sitemapBox .td02 a {
	padding-right:10px;
	background:url(../images/common/icon05.jpg) no-repeat 0 ;
}
	
/*===========================

parentsBoxについて

===========================*/			
#parentsBox #formBox {
	width:400px;
	margin:0 auto;
	padding-top:10px;
	padding-left:10px;
	border:1px solid #cccccc;
	margin-top:30px;
}

#parentsBox table {
	width:380px;
	margin:0 auto;
}

#parentsBox td {
	padding-bottom:10px;
}
/*===========================

modx table

===========================*/
.modtable{
	width:720px;
}
.modtable th{
	padding-top:10px;
	text-align:left;
}
.modtable td{
	padding-top:10px;
	/*width:305px;*/
	text-align:left;
	vertical-align:top; 
}
.modtable2{
	width:720px;
}
.modtable2 td{
	padding-top:10px;
	text-align:center;
}

/*===========================

TOP更新100224

===========================*/
#blank_banner {
	width:532px;
	margin-top:20px;
}

#blank_banner li {
	padding-left:10px;
}
	
/*===========================

newtermBoxについて 100212追加

===========================*/	
#newtermBox {
	padding:20px 54px;
}

#newtermBox .floatBox {
	width:722px;
	padding:0 43px;
	clear:both;
}

#newtermBox .subttl {
	margin-bottom:10px;
}
	
#newtermBox h4 {
	margin:10px 0;
	clear:both;
}

	

#newtermBox #btmBox table  {
	width:722px;
	margin:10px auto;
}
	
#newtermBox td {
	text-align:center;
}
	
#newtermBox #twbanner {
	padding:10px 0;
}

#newtermBox .rightarea {
	float:right;
	width:360px;
}

#newtermBox .left table {
	width:300px;
}

#newtermBox .left th {
	background-color:#D9E9FF;
	color:#003E96;
	border:1px solid #003E96;
	text-align:center;
}	

#newtermBox .left td {
border:1px solid #003E96;
font-size:120%;
font-weight:bold;
padding:5px;
}

#newtermBox .w300 {
	width:300px;
}				
/*===========================

teacherBoxについて 100212追加

===========================*/	

.teacherBox {
	width:722px;
	clear:both;
	margin-bottom:30px;
	margin-left:43px;
}
#teacherBox table {
	width:517px;
}
	

#teacherBox th {
	width:76px;
}

#teacherBox .righttd {
	width:440px;
}
	
#teacherBox th , #teacherBox td {
	padding-bottom:5px;
	padding-right:5px;
}
		
	
#teacherBox .message {
	border-top:1px dotted #3567AD;
	border-bottom:1px dotted #3567AD;
	padding:5px;
}

#teacherBox .m_ttl {
	padding:5px 0;
}	

#teacherBox table {
	width:520px;	
}

/*===========================

careerBoxについて 100329追加

===========================*/	
#careerBox	{
	padding-bottom:60px;
}
	
#careerBox table {
	width:720px;
	margin-left:60px;
	margin-top:20px;
}
	
#careerBox	td {
	padding-bottom:30px;
	border-bottom:1px dotted #324160;
	padding-top:10px;
	vertical-align:top;

}

#careerBox .cap {
	color:#990000;
	font-size:86%;
	margin-top:20px;