@charset "utf-8";
body{background-color:#FFF;color:#000;}


#banner-training01{background:url(../searchsystem2/img/school_searchs/training_banner01.jpg);width:765px;height:140px;margin:5px auto ;}
#campaign-banner01{background:url(../searchsystem2/img/school_searchs/campaign_banner01.jpg);width:765px;height:170px;margin:5px auto ;}



ul#search-headerlink {height:26px;}
ul#search-headerlink li {float:left;}
ul#search-headerlink li a#link1{background:url(../image/searchsystem2/headerlinkbg.gif) 0px 0px;height:21px;width:330px;}
ul#search-headerlink li a#link1:hover{background-position:0 -21px;}
ul#search-headerlink li a#link2{background:url(../image/searchsystem2/headerlinkbg.gif) -330px 0px;height:21px;width:250px;}
ul#search-headerlink li a#link2:hover{background-position:-330px -21px;}
ul#search-headerlink li a#link3{background:url(../image/searchsystem2/headerlinkbg.gif) -580px 0px;height:21px;width:250px;}
ul#search-headerlink li a#link3:hover{background-position:-580px -21px;}

#searchsystem2-title{background:url(../image/searchsystem2/category_title.gif);height:39px;width:830px;clear:both;margin:10px 0;}



div#search-for-map{background:url(../image/searchsystem2/search_from_map.gif) no-repeat 10px 10px;width:830px;height:410px;}
div#search-for-map ul{width:830px;height:410px;text-align:left;position:relative;}
div#search-for-map ul li {display:block;position:absolute;}
div#search-for-map ul li h3{font-size:70%;font-weight:normal;padding-bottom:3px;}
div#search-for-map ul li a{font-size:95%;font-weight:bold;color:#000;text-decoration:underline;}
div#search-for-map ul li a:hover{color:#F30;}
div#search-for-map ul li#map01{left:520px;top:20px;}
div#search-for-map ul li#map02{left:675px;top:140px;}
div#search-for-map ul li#map03{left:610px;top:210px;}
div#search-for-map ul li#map04{left:380px;top:270px;}
div#search-for-map ul li#map05{left:300px;top:120px;}
div#search-for-map ul li#map06{left:170px;top:120px;}
div#search-for-map ul li#map07{left:180px;top:290px;}
div#search-for-map ul li#map08{left:30px;top:120px;}

div#search-for-address{background:url(../image/searchsystem2/search_from_address.gif) no-repeat 10px 10px;
	width:415px;float:left;height:170px;}
div#search-for-address div{float:left;}
div#search-for-address div div{float:none;}
#search-for-address-pref{background:#e2e2e2 url(../image/searchsystem2/search_from_address_pref.gif) no-repeat;
	text-align:right;margin:80px 10px 0;width:280px;}
#search-for-address-city{background:#e2e2e2 url(../image/searchsystem2/search_from_address_city.gif) no-repeat;
	text-align:right;margin:3px 10px 0;width:280px;}
#search-for-address-pref select,#search-for-address-city select{margin-left:90px;font-size:100%;text-align:left;
	width:170px;margin:1px;height:28px;}
#search-for-address-pref select:focus,#search-for-address-city select:focus,div#search-for-name input:focus{background:#eee;}

a#btn-search{background:url(../image/searchsystem2/btn_search.gif);width:97px;height:33px;}
a#btn-search:hover{background-position:0 -33px;}
div#search-for-address a{float:right;margin:110px 15px 0 0;}

div#search-for-name{background:url(../image/searchsystem2/search_from_name.gif) no-repeat 10px 10px;
	width:415px;float:left;height:170px;text-align:center;}
div#search-for-name input{width:90%;padding:5px;font-size:100%;margin:65px 0 0 10px;}
div#search-for-name a{float:right;margin:3px 10px 0 0;}





.search-toptext{font-size:90%;line-height:1.4;text-align:left;padding:0 10px 5px;}

ol.citylist{width:830px;margin:10px 0 0 10px;padding-bottom:10px;}
ol.citylist li{width:160px;height:60px;text-align:center;float:left;}
ol.citylist li a{padding:10px 5px;display:block;text-align:center;margin:5px;color:#000;text-decoration:underline;}
ol.citylist li a:hover{background:#eeeeee;}

a.button-go-searchtop{border-top:1px solid #c2c2c2;width:830px;margin:20px 0;height:60px;clear:both;
	background:url(../image/searchsystem2/b_go_searchtop.gif) no-repeat center bottom;}
a.button-back{border-top:1px solid #c2c2c2;width:830px;margin:20px 0;
	height:60px;clear:both;
	background:url(../image/searchsystem2/b_back.gif) no-repeat center bottom;}
	
ol.schoollist{width:830px;margin:10px 0;}
ol.schoollist li{background:url(../image/searchsystem2/search_list_bg.gif) no-repeat top left;width:830px;height:95px;text-align:left;}
ol.schoollist li a{width:100%;color:#FFF;font-size:120%;font-weight:bold;display:block;padding:7px 0 5px 10px;}
ol.schoollist li dl {font-size:75%;margin:5px 10px 0;}
ol.schoollist li dl dt{color:#7b7b7b;float:left;padding-bottom:4px;display:block;}
ol.schoollist li dl dd{color:#000;padding-bottom:4px;}
ol.schoollist li dl dd p{float:left;width:105px;height:23px;display:block;background-repeat:no-repeat;text-indent:-9999px;}
ol.schoollist li dl dd p.icon01{background-image:url(../image/searchsystem2/search_list_icon01.gif)}
ol.schoollist li dl dd p.icon02{background-image:url(../image/searchsystem2/search_list_icon02.gif)}
ol.schoollist li dl dd p.icon03{background-image:url(../image/searchsystem2/search_list_icon03.gif)}
ol.schoollist li dl dd p.icon04{background-image:url(../image/searchsystem2/search_list_icon04.gif)}
ol.schoollist li dl dd p.icon05{background-image:url(../image/searchsystem2/search_list_icon05.gif)}
ol.schoollist li dl dd p.icon06{background-image:url(../image/searchsystem2/search_list_icon06.gif)}

.schoollist-navi{font-size:90%;padding:2px 8px;text-align:center;background:#eeeeee;margin:10px 0;color:#626262;}
.schoollist-navi a{font-weight:bold;text-decoration:underline;padding:3px 10px;display:inline-block;color:#000;}
.schoollist-navi a:hover{background:#CCC;}

#search-hint{background:url(../image/searchsystem2/search_hint_bg.gif) no-repeat top;width:810px;text-align:left;}
#search-hint p{margin:40px 18px 20px;font-size:90%;}

#schooldetail-title{background:url(../image/searchsystem2/t_schoolname.gif) no-repeat;width:830px;
	color:#000;font-size:130%;padding:13px 16px;text-align:left;font-weight:bold;margin:15px 0 0;}
	
.schooldetail-pagelink{padding:5px 0 0;margin:10px auto 0;height:33px;clear:both;
text-align:center;}

#school-intro{margin:0 15px 10px;text-align:left;clear:both;border:1px solid #CCC;padding:15px;}
#school-intro h2{background:url(../image/searchsystem2/t_intro.gif);/*width:830px;*/height:27px;margin:0 0 10px;}
#school-intro p#schoolprofile{padding:5px 15px 10px;font-size:90%;font-weight:bold;line-height:1.6;}
#school-intro div#map{border:1px solid #eee;float:right;width:320px;float:left;margin:0 15px 10px 0;}
#school-intro div#map img{margin:10px 0 5px 10px;}
#school-intro div#map div{float:right;}
#school-intro div#map div img{margin:5px 10px 10px 0px;}
#school-intro div#map p{padding:5px 0 5px 15px;font-size:100%;}
#school-intro div#map p span{font-size:75%;}
#school-intro dl{float:left;border-top:1px solid #aeaeae;border-bottom:1px solid #aeaeae;padding:5px 0 0;margin:0 0 10px;
	width:200px;}
#school-intro dl dt{font-weight:bold;color:#ff6000;padding:0 0 5px 5px;font-size:80%;}
#school-intro dl dd{padding:0 5px 5px;font-size:75%;line-height:1.2;}
#school-intro dl dd div{padding:5px 0;}
#school-intro dl dd p{float:left;width:38px;height:35px;display:block;background-repeat:no-repeat;text-indent:-9999px;padding-bottom:2px;}
#school-intro dl dd p.icon01{background-image:url(../image/searchsystem2/icon_parking.gif);}
#school-intro dl dd p.icon02{background-image:url(../image/searchsystem2/icon_eiken.gif)}
#school-intro dl dd p.icon03{background-image:url(../image/searchsystem2/icon_suken.gif);}
#school-intro dl dd p.icon04{background-image:url(../image/searchsystem2/icon_kanken.gif);}
#school-intro dl dd p.icon05{background-image:url(../image/searchsystem2/icon_shoppingcenter.gif);}
#school-intro dl dd p.icon06{background-image:url(../image/searchsystem2/icon_yoji.gif);}
#school-intro div#album{background:url(../image/searchsystem2/album_bg.gif) no-repeat 0 0;width:214px;height:220px;text-align:center;float:right;}
#school-intro div#album p{width:150px;height:113px;/*background:url(../image/searchsystem2/album_noimage.jpg);*/margin:30px auto 20px;}
#school-intro div#album a{width:214px;height:35px;}
#school-intro div#otherschool{clear:both;background:#f4f4f4;}
#school-intro div#otherschool h3{font-weight:bold;color:#ff6000;font-size:80%;margin:10px 10px 5px;}
#school-intro div#otherschool p{float:left;padding:0px 10px 5px;font-size:75%;line-height:1.3;}
#school-intro div#otherschool p a{color:#F30;text-decoration:underline;font-weight:bold;}

.button-go-freetrial-l{background:url(../image/searchsystem2/b_go_freetrial_l.gif) no-repeat center center;width:830px;height:60px;
	margin:15px 0;}
.button-go-siryos-l{background:url(../image/searchsystem2/b_go_siryos_l.gif) no-repeat center center;width:830px;height:60px;
	margin:15px 0;}
.button-go-freetrial-m{background:url(../image/searchsystem2/b_go_freetrial_m.gif) no-repeat center center;width:410px;height:60px;float:left;
	margin:15px 0 30px;}
.button-go-siryos-m{background:url(../image/searchsystem2/b_go_siryos_m.gif) no-repeat center center;width:410px;height:60px;float:left;clear:both;
	margin:15px 0 30px;}
	
.button-go-freetrial-s{background:url(../image/searchsystem2/b_go_freetrial_s.gif) no-repeat center center;width:210px;height:31px;float:right;
	margin:5px 0;}
.button-go-siryos-s{background:url(../image/searchsystem2/b_go_siryos_s.gif) no-repeat center center;width:210px;height:31px;float:right;
	margin:5px 0;}
.button-go-trainingform-l{background:url(../image/searchsystem2/b_go_trainingform_l.gif) no-repeat center center;width:830px;height:60px;
	margin:5px 0;}
.button-go-trainingform-s{background:url(../image/searchsystem2/b_go_trainingform_s.gif) no-repeat center center;width:221px;height:31px;
	margin:5px 0;}


#school-course{margin:0 15px 30px;text-align:left;clear:both;border:1px solid #CCC;padding:15px;}
#school-course h2{background:url(../image/searchsystem2/t_course.gif);/*width:830px;*/height:27px;}
#school-course div.school-course-1school {padding:20px 10px 10px;clear:both;border-bottom:1px solid #c2c2c2;}
#school-course div.school-course-1school div.course{width:320px;float:left;text-align:center;
	padding-bottom:10px;}
#school-course div.school-course-1school div.course h3{background:#ececec url(../image/searchsystem2/t_course_name.gif) no-repeat 8px 3px;}
#school-course div.school-course-1school div.course h4 {width:320px;
	background-repeat:no-repeat;text-indent:-9999px;
	text-align:center;font-size:120%;font-weight:bold;color:#FFF;
	margin:0 auto 0;padding:8px 0 0;vertical-align:middle;min-height:61px;}
#school-course div.school-course-1school div.course h4.course-banner00{background-image:url(../image/searchsystem2/course_banner00.gif);text-indent:0px;}
#school-course div.school-course-1school div.course h4.course-banner01{background-image:url(../image/searchsystem2/course_banner01.gif);}
#school-course div.school-course-1school div.course h4.course-banner02{background-image:url(../image/searchsystem2/course_banner02.gif);}
#school-course div.school-course-1school div.course h4.course-banner03{background-image:url(../image/searchsystem2/course_banner03.gif);}
#school-course div.school-course-1school div.course h4.course-banner04{background-image:url(../image/searchsystem2/course_banner04.gif);}
#school-course div.school-course-1school div.course h4.course-banner05{background-image:url(../image/searchsystem2/course_banner05.gif);}
#school-course div.school-course-1school div.course h4.course-banner06{background-image:url(../image/searchsystem2/course_banner06.gif);}

#school-course div.school-course-1school div.course h4 div.course_name_tag_1gyo{}
#school-course div.school-course-1school div.course h4 div.course_name_tag_2gyo{margin-top:-12px;}

#school-course div.school-course-1school div.course div{text-align:center;}

#school-course div.school-course-1school div.course div.old{/*border:1px solid #d4d4d4;*/color:#000;
	text-align:center;font-size:85%;padding:5px;margin:0 10px 1px;}
#school-course div.school-course-1school div.course div.price {background:#d4d4d4;color:#474747;text-align:center;padding:5px;font-size:70%;
	margin:5px 10px 1px;}
#school-course div.school-course-1school div.course div.profile{background:#e9e9e9;padding:5px 10px;font-size:80%;font-weight:bold;text-align:left;margin:0 10px;}
#school-course div.school-course-1school div.timetable{width:420px;float:right;text-align:left;}
#school-course div.school-course-1school div.timetable h3{text-align:left;
	background:#ececec url(../image/searchsystem2/t_course_week.gif) no-repeat 8px 3px;}

#school-course div.school-course-1school div.timetable table{border-collapse:collapse;
	margin:0 10px 10px;}
#school-course div.school-course-1school div.timetable table th,#school-course div.school-course-1school div.timetable table td{border-bottom:1px dotted #c2c2c2;padding:5px;
	text-align:left;}
#school-course div.school-course-1school div.timetable table th{font-size:80%;
	white-space:nowrap;}
#school-course div.school-course-1school div.timetable table td{font-size:80%;font-weight:bold;color:#F60;}
.sun{color:#F00;}
.sat{color:#00F;}

#school-course div.school-course-1school div.timetable div.timetablelink{text-align:left;}
p.course-detail-link{font-size:70%;padding:0 10px 10px;text-align:right;}

#school-voice{margin:0 15px 30px;text-align:left;clear:both;border:1px solid #CCC;padding:15px;
	}
#school-voice h2{background:url(../image/searchsystem2/t_voice.gif);height:27px;}
#school-voice ul {margin:10px 10px 10px -10px;
}
#school-voice ul li{margin:0 0 5px 10px;width:370px;float:left;min-height:130px;_height:130px;
	display:block;
	background:#ffebe1 url(../image/searchsystem2/voice_btm.gif) no-repeat right bottom;}
#school-voice ul li h3{text-align:right;font-weight:bold;padding:0 15px 20px;font-size:80%;}
#school-voice ul li p{padding:15px 20px 5px;font-size:80%;line-height:1.3;background:url(../image/searchsystem2/voice_top.gif) no-repeat top;}

#school-voice ul li.lastimg {background:url(../image/searchsystem2/voice_image.gif) no-repeat center center;width:765px;clear:both;}

.voice-more {text-align:right;display:block;clear:both;font-size:80%;padding:0 15px;margin:0;}


#school-news{margin:0 15px 30px;text-align:left;clear:both;border:1px solid #CCC;padding:15px;}
#school-news h2{background:url(../image/searchsystem2/t_news.gif);/*width:830px;*/height:27px;margin:0 0 10px;}
#school-news div {margin:5px 0px 0;}
#school-news div div{border:none;margin:none;}
#school-news div div.newstitle{display:block;background:#e9e9e9 url(../image/searchsystem2/b_news_title.gif) no-repeat 8px 5px;padding:10px 10px 8px 35px;}
#school-news div div.newstitle h3{color:#000;font-weight:bold;float:left;}
#school-news div p{padding:5px 12px;text-align:left;font-size:80%;line-height:1.4;}
#school-news div p.newsimage{text-align:center;padding:5px 0;line-height:1;}

#school-news div a.newsopen {display:block;width:106px;height:25px;margin:0;padding:0;
	background:url(../image/searchsystem2/b_news_open.gif) no-repeat 0 0;
	cursor:pointer;float:right;}
#school-news div a.newsclose {display:block;width:106px;height:25px;margin:0;padding:0;
	background:url(../image/searchsystem2/b_news_close.gif) no-repeat 0 0;
	cursor:pointer;float:right;}

.school-news-banner-text{padding:10px 10px 8px 35px;font-weight:bold;margin:0 0 5px;
	line-height:1.4;
	background:#e9e9e9;background:#e9e9e9 url(../image/searchsystem2/b_news_title.gif) no-repeat 8px 5px;}
.school-news-banner-text a{text-decoration:underline;}
.school-news-banner-text a.newsdetail{display:block;width:106px;height:25px;margin:0;padding:0;
	background:url(../image/searchsystem2/b_news_detail.gif) no-repeat 0 0;
	cursor:pointer;float:right;}

#school-course h2.training-schedule {background:url(../image/searchsystem2/t_training_schedule.gif);width:830px;height:27px;}
#school-course div.school-course-1school div.timetable h3.training-schedule{background:#ececec url(../image/searchsystem2/t_training_week.gif) no-repeat 8px 3px;}
#school-course div.school-course-1school div.timetable ul.training-schedule h4{font-size:100%;font-weight:bold;padding:0 0 0 10px;}
#school-course div.school-course-1school div.timetable ul.training-schedule li {font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;}
#school-course div.school-course-1school div.timetable ul.training-schedule li dl{margin-left:10px;}
#school-course div.school-course-1school div.timetable a.button-go-trainingform-s{float:right;}

#school-course div.school-course-1school div.timetable p{padding:5px;text-align:left;font-size:85%;line-height:1.4;}

a.button-go-school{border-top:1px solid #c2c2c2;width:830px;margin:20px 0;height:60px;clear:both;
	background:url(../image/searchsystem2/button-go-school.gif) no-repeat center bottom;}



	
	
	
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{width:49%;height:100%;background-image:url(data:image/gif;base64,AAAA);/* Trick IE into showing hover */display:block;}
#prevLink {left:0;float:left;background: url(../image/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink {right:0;float:right;background: url(../image/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #000; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;color:#FFF;}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#imageDetails span#caption{font-size:120%;font-weight:normal;line-height:1.3;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



#searchsystem2-result-title{font-weight:bold;font-size:120%;padding:5px 10px;text-align:left;
	border-top:2px solid #ff9000;border-bottom:2px solid #ff9000;margin:10px 0;}
#searchsystem2-result-title span{color:#ff9000;font-size:85%;}

#school-teacher{margin:0 15px 30px;text-align:left;clear:both;border:1px solid #CCC;padding:15px 10px;}
#school-teacher h2{background:url(../image/searchsystem2/t_teacher.gif);height:27px;margin:0 0 10px;}
#school-teacher table {border-collapse:collapse;}
#school-teacher table td{vertical-align:top;background:#fff6e1;padding-top:15px;}
#school-teacher table td.photo{width:145px;text-align:center;border-bottom:7px solid #FFF;}
#school-teacher table td.text {padding-bottom:0px;width:230px;border-right:10px solid #FFF;}
#school-teacher table td.text p{font-size:80%;line-height:1.4;padding:0 10px 3px 0;}
#school-teacher table td.data {padding-bottom:20px;padding-top:10px;width:230px;border-right:10px solid #FFF;border-bottom:7px solid #FFF;}
#school-teacher table td.data p.data{line-height:1.4;padding:0 10px 3px 0;text-align:right;line-height:1.3;font-size:75%;font-weight:bold;}


p.school-news-banner{padding-bottom:5px;text-align:left;}