@charset "utf-8";
/*	main:	#006699		*/
/*	Xmain:	#6A6A3E		*/
/*	second:	#DFF4FF		*/
/*	text:	#212181		*/
/*	border:	#006699		*/

/***********************************************/
/* Header  Footer                              */
/***********************************************/

#navi .nl { border-bottom: 5px solid #006699;	}
#navi .nl li.active { background-position: left -242px; }
#navi .nl li.active a { background-position: right -242px; }
#breadcrumb .path li.bold { color: #212181; }
#footer { border-top: 3px solid #006699; }

/***********************************************/
/* side                                        */
/***********************************************/

.sideBox { position: relative; }
.sideBox li.selected a { background-color: #f6f6f6; font-weight: bolder; color: #444; }
.sideBox li.selected a:before { position: relative; font: 11px 'FontAwesome'; content: "\f0a9"; 
	color: #006699;	padding-right: 5px; }
#catBox { -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.1); box-shadow: 1px 2px 5px rgba(0,0,0,0.1);
	font-size: 80%; margin-bottom: 15px; border-bottom: 1px solid #ccc; }
#catBox .title { font-size: 100%; padding: 5px 0px; background: #737373;
	background: -webkit-gradient(linear, left top, left bottom, from(#737373), to(#595959));
	background: -webkit-linear-gradient(#737373, #595959);
	background: linear-gradient(#737373, #595959);
	border: 1px solid #6666; text-align: center; font-weight: normal; color: #FFF;
	border-radius: 4px 4px 0px 0px;
	-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.1);
	box-shadow: 1px 2px 5px rgba(0,0,0,0.1); }
#catBox ul { margin: 0; padding: 0; list-style-type: none; }
#catBox ul li { padding-bottom: 5px; border-right: 1px solid #ccccba; border-left: 1px solid #ccccba;
	border-top: 1px solid #ccccba;	}
#catBox li.selected { background-color: #f6f6f6; }
#catBox li a { display: block; padding: 5px 10px; }
#catBox li a:hover, 
#catBox li.selected a:hover { color: #444; background-color: #eef; text-decoration: none; }
#catBox li a.selected { color: #444; font-weight: bolder; }
#catBox li a.selected:before { position: relative; font: 11px 'FontAwesome';
	content: "\f0a9"; color: #069; padding-right: 5px; }
#catBox li span { font-weight: bold; color: #c60; padding: 5px 0 0 10px; display: block; }
#catBox li ul.subList li { border: none; padding-bottom: 0; }
#catBox li ul.subList li a { border-top: none; padding-left: 7px; padding-top: 3px; padding-bottom: 2px; }
#catBox li ul.subList li a:before { position: relative; top: -2px; left: 7px; font: 11px 'FontAwesome';
  	content: "\f0da"; color: #ccc; padding-right: 13px; }
#catBox li ul.subList li a.selected:before { content: "\f0a9"; color: #069;	}
#catBox li ul.subList li a:before { }

#keyword { width: 95%; }

.aYTO { background-color: #393; }
.aYVR { background-color: #039; }
.aYYJ { background-color: #933; }
.aYYC { background-color: #c60; }
.aYOW { background-color: #c06; }
.aYMQ { background-color: #60c; }
.aXCA { background-color: #ddd; color: #444; }

.sideBox input { border: 1px solid #ccc; padding: 2px; vertical-align: middle; }

#pdArea, #pdCat { display: none; }

/***********************************************/
/* Title                                        */
/***********************************************/
h1 { color: #fff; font-size: 110%; text-align: left;
	background: url(/image/em/school/bg.png) no-repeat left -32px;
	height: 30px; margin: 0 auto; padding-top: 16px; padding-left: 28px;
	line-height: 1;	border-radius: 4px; margin-bottom: 15px;
	-webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.3); box-shadow: 0px 2px 8px rgba(0,0,0,0.3); }
h2 { font-size: 18px; margin: 0; margin-top: 5px; padding: 0; }
h3 { border-bottom: 2px dotted #069; font-size: 24px; font-weight: normal; margin-top: 30px;}
h3#title {	border-bottom: none; font-size: 18px; font-weight: bold; margin-top: 15px;}
p, ol { font-size: 14px; }

/***********************************************/
/* Main Contents                                */
/***********************************************/

dl.accordion { background:#eee; width:100%; margin:0 auto 10px; font-size:14px; border: 1px solid #ccc; border-top: none;
	-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.1); box-shadow: 1px 2px 5px rgba(0,0,0,0.1);}
dl.accordion dt { background-color: #F3F3E1; padding: 5px 20px 5px 10px; font-size: 15px; border-top: 1px solid #ccc; 
	border-left: 5px solid #9A9A6B; position: relative; }
dl.accordion dt:after { position: absolute; right: 10px; top: 10px; font: 14px 'FontAwesome'; color: #9A9A6B; content: "\f055"; }
dl.accordion dt:hover, dl.accordion dt.open { background-color: #ebebcb;}
dl.accordion dt.open { border-bottom: 1px dotted #ccc; }
dl.accordion dt.open:after { content: "\f056"; }
dl.accordion dd { background:#FFF; padding: 5px 10px; display:none;  }
dl.accordion dd p:after { content: ""; clear: both; display: block;}
dl.accordion dd img { border: 1px solid #ccc; float: left; margin-right: 10px; }
dl.accordion dd div.info {border-top: 1px dotted #ccc; text-align: right; padding-top: 5px; font-size: 12px;}
dl.accordion dd div.noBorder {border: none; }
dl.accordion table { background-color: #f0f0f0; width: 100%;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 5px; }
dl.accordion th, dl.accordion td {padding: 2px 0 0 8px; font-size: 12px; vertical-align: top; }
dl.accordion th { color: #666; width: 8em; }
dl.accordion td { margin-left: 8em; }
dl.accordion td ul { list-style: none; margin: 0; padding: 0; }

#info {background-color: #eee;	font-size: 13px; margin-top: 10px; padding: 10px;	border-radius: 5px; clear: both;}
#info h3 {margin: 0 0 10px 0; font-size: 13px; background-color: #069; color: #fff; width: 9em;  border-radius: 5px; text-align: center;}


#basic { margin: 0 0 10px 0; background-color: #f6f6f6; padding: 10px;	border-radius: 5px;}
#basic dt { float: left; width: 6em; font-weight: bolder;}
#basic dt:before { position: relative; top:  0; font: 14px 'FontAwesome'; color: #069; padding-right: 5px; }
#basic dt.location:before { content: "\f041"; padding-left: 3px; padding-right: 8px; }
#basic dt.web:before { content: "\f0ac"; }
#basic dt.phone:before { content: "\f095"; padding-left: 1px; padding-right: 7px; }
#basic dd { margin-left: 6em; }

#data, #service, #programData {background-color: #f6f6f6;	padding: 10px;	border-radius: 5px; }
#data:after { content: ""; clear: both; display: block;}
#data dl, #data div {margin:0; width: 33%;	float: left;}
#data dt {width: 5.5em; float: left; font-weight: bold;}
#data dd {margin-left: 5.5em; }	
#data div ul {list-style-type: none; margin: 0; padding: 0}
#data div ul li span {color: #c60; }
#data table {font-size: 12px; width: 34%; background-color: #fff;}
#data table td { border: 1px solid #ccc; padding: 1px 2px;}
#data table td.circle {color: #c60; text-align: center;}

#dataNote {font-size: 12px; margin: 2px 0 20px 10px; clear: both;}
#dataNote dt {width: 9em; float: left; }
#dataNote dt:after {	content: ":";}
#dataNote dd {margin-left: 9em; }

#service dl.item, #service div {margin:0; width: 50%;	float: left;}
#service dl.item dt {width: 7em; float: left; font-weight: bold;}
#service dl.item dd {margin-left: 7em; padding-right: 10px;}
#service dl.item dd dl { margin: 0; }
#service dl.item dd dl dt {width: 4em; float: left; font-weight: normal; }
#service dl.item dd dl dt:after {	content: ":"}
#service dl.item dd dl dd {margin-left: 4em}
#service div.item p {margin: 0; font-size: 13px;}

#fee { margin: 0 0 10px 0; background-color: #f6f6f6; padding: 10px;	border-radius: 5px;}
#fee dl { margin: 0; }
#fee dt { float: left; width: 7em; font-weight: bolder; padding: 2px; }
#fee dd { margin-left: 7.5em; padding: 2px;}
#fee dd table { width : 100%; margin: 0;}
#fee dd th, #fee dd td  { border-bottom: 1px dotted #ccc; padding: 3px; font-weight: normal}

#programData dl.item, #programData div { margin:0; width: 50%;	float: left;}
#programData dl.item dt {width: 7em; float: left; font-weight: bold; padding: 2px; }
#programData dl.item dd {margin-left: 7.5em; padding: 2px; }
#programData dl.item dd dl { margin: 0; }
#programData div p {margin-top: 0; font-size: 12px; }
#programData div.note { clear:both; margin:0; width: 100%; }
#programData div.note dl dt {width: 7em; float: left; font-weight: bold; padding: 2px; }
#programData div.note dd { margin-left: 7.5em; padding: 2px; }
#programData div.note dl { margin: 0; }

.adTop { clear: both; margin: 0; margin-bottom: 15px; }
.borderT3 { border-top: 3px solid #006699; }
.borderB3 { border-bottom: 3px solid #006699; }

#mainColumn .adBottom { margin: 0; margin-bottom: 10px; font-size: 13px; }
#mainColumn .alignR { padding-right:10px; }
#mainColumn table { padding: 0; }
#mainColumn td.left { width: 580px; padding: 10px; vertical-align: top; }
#mainColumn td.right { padding: 10px  10px  10px 0; width: 230px; vertical-align: top; line-height: 2; }

#loc { font-size: 14px; margin-top: 0; }
#loc:after { content: ""; clear: both; display: block;}
#loc ul { font-size: 14px; padding: 10px; margin: 0; border: 1px solid #ccc; border-radius: 5px; float: right; width: 260px; 
	-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.1); box-shadow: 1px 2px 5px rgba(0,0,0,0.1); padding-left: 30px; 
	margin: 0 0 5px 10px; }


/***********************************************/
/* List                                     */
/***********************************************/

.mainList { border: 1px solid #ccc; border-radius: 5px; padding: 10px; margin-bottom: 15px; overflow: hidden;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#eee));
	background-image: -webkit-linear-gradient(#FFF, #eee);
	background-image: linear-gradient(#FFF, #eee);
	-webkit-box-shadow: 2px 2px 7px rgba(0,0,0,0.1);
	box-shadow: 2px 2px 7px rgba(0,0,0,0.1); clear: both; font-size: 13px; }
.mainList p { padding: 0; margin: 0; }
.mainList dl { margin: 0; }
.mainList dl dt { width: 100px; font-weight: bolder; float: left; }
.mainList dl dt:before { position: relative; top: 0px; right: 4px; font: 12px 'FontAwesome'; 
  	content: "\f0da"; color: #000; padding-left: 5px; }
.mainList dl dd { margin-left: 110px; }
.mainList .bottom { padding: 0; margin: 0px; text-align: right; }

.logo { float: left; margin: 0 10px 10px 0; border: 1px solid #ccc; }
.top { margin: 0; margin-left: 110px; padding: 0; padding-bottom: 5px;
	border-bottom: 1px dotted #ccc; font-size: 11px; }
.photo { float: right; margin: 0 0 10px 10px; border: 1px solid #ccc;}

#points { margin: 10px 0; padding: 10px; border: 1px solid #ccc; border-radius: 7px;
	background: -moz-linear-gradient(top,#ffd 0%,#ffe);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffd), to(#ffe));
	background: linear-gradient(#ffd, #ffe);
	clear: both; font-size: 13px; }
#points h3 { font-weight: bold; margin: 0; padding: 0; font-size: 15px; border-bottom: none; }
#points h3:before { position: relative; top: 0px; right: 4px; font: 18px 'FontAwesome'; content: "\f0a6";
  	color: #096; padding-left: 5px;	 }
#points ul { margin: 0 auto; }

#item {	background-color: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	border: 1px solid #999; padding: 10px 15px; margin: 15px 0;
	-webkit-box-shadow: 2px 0px 7px rgba(0,0,0,0.1); box-shadow: 2px 0px 7px rgba(0,0,0,0.1);
	font-size: 14px; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#eee));
	background-image: -webkit-linear-gradient(#FFF, #eee); background-image: linear-gradient(#FFF, #eee);
}
#item:after { content: ""; clear: both; display: block;}
#item ul { margin: 0; padding: 0; padding-top: 5px; }

#itemTitle h2 { line-height: 1.5; padding: 5px 0; margin: 0; margin-bottom: 4px; border-bottom: 2px solid #096; }	

#pager-top { font-size: 13px; color: #666; padding: 0; width: 100%; text-align: center; }

span.icn { font-size: 11px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	margin: 0; margin-right: 5px; width: 80px; display: inline-block; text-align: center; }
a.btn-arrow { background: -moz-linear-gradient(top,#06c 0%,#069);
	background: -webkit-gradient(linear, left top, left bottom, from(#09C), to(#069));
	background: linear-gradient(#09C 069);	border: 1px solid #DDD;
	color: #fff; width: auto; 	padding: 4px;	padding-right: 10px; 	font-size: 13px;
	display: inline-block; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

a.btn-arrow:hover {
	background: -moz-linear-gradient(top,#069 0%,#06c);
	background: -webkit-gradient(linear, left top, left bottom, from(#069), to(#06c));
	background: linear-gradient(#069, #06c); text-decoration: none;	}

a.btn-arrow:before { position: relative; top: 0px; right: 4px; font: 12px 'FontAwesome'; content: "\f061";
  	color: #fff; padding-left: 5px;	}



/***********************************************/
/* TABLE                                      */
/***********************************************/

.gtable { font-size: 80%; border-collapse: collapse; width: 100%; margin-bottom: 15px;
	-webkit-box-shadow: 2px 2px 7px rgba(0,0,0,0.1); box-shadow: 2px 2px 7px rgba(0,0,0,0.1); }
.gtable td { border: 1px solid #ccc; padding: 5px; background-color: #f9f9f9; }
.gtable th { border: 1px solid #ccc; padding: 5px; background-color: #eee; color: #444;
	text-align: center; font-weight: normal; }
.gtable td.stitle { background-color: #f6f6f6; }
.gtable input { border: 1px solid #ccc; padding: 2px; vertical-align: middle; }
.gtable select { border: 1px solid #ccc; }
.gtable textarea { border: 1px solid #ccc; }  	
  	
/***********************************************/
/* unitMenu                                */
/***********************************************/
#unitMenu {	list-style-type: none; font-size: 12px; padding: 0; margin: 10px 0 0 110px; float: left;}
#unitMenu li { float: left; padding: 3px 10px; } 
#unitMenu li:before { position: relative; font: 11px 'FontAwesome'; content: "\f0da"; color: #ccc; padding-right: 5px; }
#unitMenu li.selected { background-color: #ddd; border-radius: 5px; }
#unitMenu li.selected:before { position: relative; font: 11px 'FontAwesome'; content: "\f0a9"; color: #c60; padding-right: 5px; }


/***********************************************/
/* Map                                         */
/***********************************************/
#canvas_wrapper { max-width: 100%; min-width: 280px; padding: 4px; border: 1px solid #CCC; margin: auto; }
#canvas_wrapper img { max-width: none; }
#map-canvas { height:300px; width:100%; }


/***********************************************/
/* Program                                     */
/***********************************************/

.program { border: 1px solid #CCC; border-radius: 6px; padding: 10px; margin-bottom: 15px; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f6f6f6));
	background-image: -webkit-linear-gradient(#FFF, #f6f6f6);
	background-image: linear-gradient(#FFF, #f6f6f6);
	-webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset;
	box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset;
	font-size: 14px; overflow: hidden; }
.program p { padding: 0px; padding-top: 5px; margin: 0; display: block; margin-bottom: 0; }
.program h4 { margin: 5px 0 ; padding: 10px 0 5px 0; font-size: 18px; border: none; border-top: 1px dotted #CCC; 
	font-size: 16px; }
.program h5 { border-radius: 5px; font-size: 15px; padding: 3px 3px 3px 10px; margin: 5px 0; font-weight: normal; 
	background-color: #F3F3E1;}
.program img { float: left; border: 1px solid #ccc; border-radius: 5px; margin-right : 10px;}
.program span.icn, #programItem span.icn { width: 10em; color: white; }
.program div.bottom { padding: 0; margin: 0px; text-align: right; }
.bLG { 	background-color: #393; }
.bTP {	background-color: #c60; }
.bSP { 	background-color: #039; }
.bOT { 	background-color: #069; }

#programItem h3 { font-size: 20px; border: none; border-left: 5px solid #068; padding-left: 10px; font-weight: bold;
	margin: 20px 0 10px 0 ; }
#programItem img { float: right; border: 1px solid #ccc; border-radius: 5px; margin: 0 0 10px 10px;}
#programItem h4 { border-radius: 5px; font-size: 16px; padding: 5px 5px 5px 10px; margin: 5px 0; font-weight: normal; 
	background-color: #F3F3E1; margin-top: 10px;} 
/***********************************************/
/* Teacher                                    */
/***********************************************/

.teacher {background-color: #eee; font-size: 13px; padding: 10px; border-radius: 5px;  margin-bottom: 15px;}
.teacher h4 { margin: 0; padding: 0; font-size: 20px; }
.teacher p { background-color: #fefefe;	padding: 10px;	border-radius: 5px; margin: 0; margin-top: 10px; }
.teacher p:after { content: ""; clear: both; display: block;}
.teacher p img { float: right; border: 1px solid #ccc; border-radius: 5px; margin-left: 5px;}
.b0 { 	background-color: #393; }
.b1 {	background-color: #c60; }
.b2 { 	background-color: #039; }

/***********************************************/
/* Review                                    */
/***********************************************/
.review { border: 10px solid #F3F3E1; background-color: #fff; font-size: 14px; padding: 10px; border-radius: 10px;  margin-bottom: 15px;}
.review h4 { border-left: 5px solid #9F955F; padding: 0; padding-left: 10px; margin: 10px 0; font-size: 18px; color: #444;  }
.review div.info { border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; margin-bottom: 15px; padding: 5px 0;}
.review img.pic { float: right; border: 1px solid #ccc; border-radius: 5px; margin-left: 5px; margin-bottom: 10px; }
.review dl { background-color: #f6f6f6;	padding: 10px; margin-bottom: 0; border: 1px solid #ccc; clear: both; border-radius: 5px; }
.review dl:after { content: ""; clear: both; display: block;}
.review dt, .review dd { padding: 3px;}
.review dt { width: 6em; float: left; }
.review dd { margin-left: 7em; min-height: 2em; font-size: 12px; }
.review dd img {margin: 2px 0 5px 0;}
div.pages {text-align: center; color: #666; font-size: 13px; margin: 0; padding: 0; }
#pageNumber {font-weight: bolder; }

/***********************************************/
/* General                                     */
/***********************************************/

.colorMain {	color: #006699; }
.colorText {	color: #212181; }


/* ========================================================================
タブレット用設定
---------------------------------------------------------------------------*/
@media (max-width:767px){

#leftColumn { width: 100%; padding: 0; }
#areaBox { width: 49%; float: left; }
#catBox { width: 49%; float: right; }
#searchBox { width: 49%; float: left; }
#adSide { clear: both; width: 100%; }
.mainList { position: relative; }

#pdArea, #pdCat { display: block; width: 150px; z-index: 5; border-top: 1px solid #ccc;
	height: 25px; float: left; position: relative; }
#pdArea { margin-right: 10px; }
#pdArea li, #pdCat  li { display: none; height: 32px; }
#pdArea li.selected, #pdCat li.selected { display: block; }
div.chevron-d { position: absolute; top: 10px; right: 10px; z-index: 7; }
#pager-top { font-size: 12px; padding-top: 5px; }
#data table {font-size: 10px; margin-top: 15px; }
}

/* ========================================================================
モバイル用設定
---------------------------------------------------------------------------*/
@media (max-width : 499px){
	
h1 { padding-top: 18px;	font-size: 95%;	}
h2 { font-size: 16px; line-height: 1.5; }
#pager-top { clear: both; padding: 5px 0; }
.mainList { position: relative; }
.mainList p { clear:both; }
.mainList dl dt { width: 100%; float: none;}
.mainList dl dd { margin-left: 0; }
#points ul { margin-left: -10px;}
#pdArea, #pdCat { width: 140px;	}
.photo { width: 180px; margin: 0 0 5px 5px; }
#data dl, #data div { width: 100%; }
#data dt {width: 7m; float: left; font-weight: bold;}
#data dd {margin-left: 7em; }	
#data table { font-size: 12px; margin-top: 10px; width: 100%;}
#service dl.item, #service div { width: 100%; float: none;}
#programData dl.item dt {width: 6em; }
#programData dl.item dd {margin-left: 6em; }
#fee dt { width: 6em; }
#fee dd { margin-left: 6em; }
#programData dl.item, #programData div { width: 100%; float: none;}
#loc ul { float: none; margin-left: 0; width: auto; }
}