@charset "utf-8";
/*-----------------------------------トップページ*/

/*-----------------------------------フラッシュエリア*/
#topMainAreaWrap {
	background-color:#000;
	background:url(img/flash_bg.jpg) #2C2E2D repeat top center;
	padding:0 0;
}
#topMainArea {
	width:943px;
	height:350px;
	margin:0 auto;
	background-color:#000;
	padding:0 5px;
}
#flash , #flashcontent{
	width: 743px;
	height: 350px;
	float:left;
}
/*-----------------------------------イベントエリア*/
#eventArea {
	width: 200px;
	height: 350px;
	float:left;
	background: #444;
	/*background:url(img/top_eventarea_back.gif) repeat;*/
}
#eventInfo {
	margin:5px;
	padding:5px;
	width:180px;
	height:330px;
	background: #000 url(img/top_eventinfo_back.jpg) no-repeat top right;
	font-size:12px;
	color:#FFF;
	overflow:auto;
	overflow-x: hidden;
}
#eventInfo h2 {
	width:160px;
	height:25px;
	margin:0 auto;
	padding:0;
	
}
#eventInfo h3 {
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	margin-top:5px;
	background-color:#000;
	padding:1px 3px;
}
#eventInfo p.eventTitle {
	font-size:12px;
	padding:0 2px 2px;
}
#eventInfo p.eventDetail {
	font-size:12px;
	color:#333;
	background-color:#EFEFEF;
	padding:5px;
}
#eventInfo p.eventDetail a {
	display:block;
}
#eventInfo .eventLink {
	text-align:right;
	clear:both;
}
#eventInfo .eventLink a{
	color:#FF0;
	font-size:10px;
	background:url(img/top_eventlink.gif) no-repeat left center;
	padding-left:14px;
}

#eventInfo .eventSepcial {
	background-color:#EFEFEF;
}
#eventInfo .eventSepcialDay {
	font-size:12px;
	color:#900;
	padding-left:2px;
	font-weight:bold;
}
.eventSepcial img {
/*	float:left;
	margin-bottom:1em;*/
	text-align:center;
	margin:0 auto;
}
.eventSepcial a img {
	display:block;
	margin-top:3px;	
	}
#eventInfo .eventSpecialText {
	font-size:12px;
	color:#333;
}
/*#eventInfo .eventSepcial img {margin-right:5px;}*/

/*-----------------------------------コンテンツエリア*/
#contetnWrap {
	background:url(img/flash_bottom.jpg) #FFF repeat-x top left;
	border-top:1px solid #999;
	/*padding-top:20px;*/
}

/*-----------------------------------Twitter*/
#twitterArea {
	width:943px;
	margin:30px auto;
	height:40px;
	background:url(img/top_twitter_bg2.jpg) repeat-x #FFF;
	position:relative;
	clear:both;
					   
}
#twiline {
	width:631px;
	height:40px;
	margin:0 156px 0 156px;
}
#twitterArea .follow {
	position:absolute;
	top:0;
	left:788px;
}

/*-----------------------------------ナビゲーションエリア*/
#topNaviArea {
	width:943px;
	clear:both;
	margin:0 auto 20px;
	padding:15px 0 20px;
	background:#E3E3E3 no-repeat center top;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border-radius: 5px;
}
/*角丸ボトム用*/
/*#topNaviArea-innar {
	width:903px;
	padding:0 0 15px 0;
	background:#E3E3E3 no-repeat center bottom;
}*/
#topNaviArea .topNaviBox{
	width:210px;
	float:left;
	margin-left:20px;
	display:inline;
	padding-bottom:6px;
	background:#FFF no-repeat bottom;
}
#topNaviArea h2 {
	width:210px;
	height:41px;
}

#topNaviArea ul {
	background-color:#FFF;
	padding:10px 7px 5px;
	height:210px;
	overflow:auto;
}
#topNaviArea li {
	margin:0;
	padding:0;
	display:inline;
}
#topNaviArea li a {
	display:block;
	margin:0;
	padding:2px 2px 1px 15px;
	text-decoration:none;
}

#topNaviArea #highschool3 li a {	background:url(img/top_nav_hs3_list.png) no-repeat 5px 6px;}
#topNaviArea #highschool2 li a {	background:url(img/top_nav_hs2_list.png) no-repeat 5px 6px;}
#topNaviArea #abroad li a {	background:url(img/top_nav_abroad_list.png) no-repeat 5px 6px;}
#topNaviArea #parent li a {	background:url(img/top_nav_parent_list.png) no-repeat 5px 6px;}

#topNaviArea li a:hover { color:#346B9E;}

#topNaviArea #highschool3 li a:hover { background-color:#F7D9D9; }
#topNaviArea #highschool2 li a:hover { background-color:#FFEBCC; }
#topNaviArea #abroad li a:hover { background-color:#DAE7DE; }
#topNaviArea #parent li a:hover { background-color:#D2E7ED; }

#topNaviArea li span {
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
	border-radius: 2px;
}

#topNaviArea #highschool3 li span { background-color:#CC0000;}
#topNaviArea #highschool2 li span { background-color:#FF9900;}
#topNaviArea #abroad li span { background-color:#45895C;}
#topNaviArea #parent li span { background-color:#1D85A7;}
/*-----------------------------------メインインフォメーションエリア*/
#topMainInfoArea {
	width:943px;
	margin:0 auto 20px;
	
}
#topMainInfoArea ul {
	width:943px;
	/*margin: 0 -20px 0 0;*/
	overflow:hidden;
	_zoom: 1;
}
#topMainInfoArea li {
	width:299px;
	background: url(img/top_info_back.gif) no-repeat #EFEFEF center bottom;
	float:left;
	margin-right:20px;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}
#topMainInfoArea li a{
	width:299px;
	display:block;
	cursor:pointer;
}
#topMainInfoArea li a .linkText {
	display:block;
	padding:105px 10px 10px 10px;	
	/*height:3.8em;高さ揃え2行*/
	line-height:1.6;
	overflow:hidden;
	margin:0;
}
#topMainInfoArea li#infoGraduate a{ background:url(img/top_info_graduate.jpg) no-repeat top left;}
#topMainInfoArea li#infoAdmission a{	background:url(img/top_info_admission.jpg) no-repeat top center;}
#topMainInfoArea li#infoCourse a{	background:url(img/top_info_course_2013.jpg) no-repeat top center;}
/*#topMainInfoArea li#infoCourse a{	background:url(img/top_info_course.jpg) no-repeat top center;}*/
/*#topMainInfoArea li#infoPamphlet a{ background:url(img/top_info_siryo.jpg) no-repeat top center;}*/
#topMainInfoArea li#infoAdvanced a{ background:url(img/top_info_adcanced.jpg) no-repeat top center;}
#topMainInfoArea .BoxEnd {margin:0;}

/*-----------------------------------インフォメーションエリア*/
#topInfoArea {
	width:943px;
	margin:0 auto 20px;
}
#topInfoAreaLeft {
	width:749px;
	float:left;
}
#topInfoAreaRight {
	width:174px;
	float:right;
}

/*-----------------サブインフォメーションエリア*/
#topSubInfoArea li {
	width:234px;
	background: url(img/top_info_back.gif) no-repeat #EFEFEF center bottom;
	float:left;
	margin:0 20px 20px 0;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}
#topSubInfoArea li a{
	width:234px;
	display:block;
	cursor:pointer;
}
#topSubInfoArea li a .linkText {
	display:block;
	padding:105px 10px 10px 10px;	
	/*height:3.8em;高さ揃え2行*/
	line-height:1.6;
	overflow:hidden;
	margin:0;
}
#topSubInfoArea li#infoMovie a{	background:url(img/top_subinfo_movie.jpg) no-repeat top center;}
/*#topSubInfoArea li#infoAdvanced a{	background:url(img/top_subinfo_advanced.jpg) no-repeat top center;}*/
#topSubInfoArea li#infoAnime a{ background:url(img/top_subinfo_anime.jpg) no-repeat top center;}
#topSubInfoArea li#infoSiryo a{ background:url(img/top_subinfo_siryo.jpg) no-repeat top center;}
#topSubInfoArea li#infoWebtoday a{ background:url(img/top_subinfo_webtoday.jpg) no-repeat top center;}

#topSubInfoArea .BoxEnd {margin:0;}

/*#topSubInfoArea .SubInfoBox {
	width:280px;
	float:left;
	margin-right:20px;
}
#topSubInfoArea .SubInfoBox {
	width:220px;
	float:left;
	margin-right:5px;
}
#topSubInfoArea h3 a{
	width:220px;
	height:100px;
	display:block;
	text-indent:-9999px;
}
#topSubInfoArea h3#infoMovie a{	background:url(banner/info_sub_movie.jpg) no-repeat;}
#topSubInfoArea h3#infoBosyu a{	background:url(banner/info_sub_bosyu.jpg) no-repeat;}
#topSubInfoArea h3#infoHotnews a{	background:url(banner/info_sub_hotnews.jpg) no-repeat;}*/

/*-----------------更新情報エリア*/
#topNewsArea {
	clear:both;
}
#topRenew {
	width:364px;
	height:290px;/*191px*/
	float:left;
	margin-right:20px;
	padding-bottom:8px;
	background:url(img/top_info_back.gif) #EFEFEF repeat-x bottom center;
}
#topRenew h2 {
	width:364px;
	height:28px;
}
#topRenew .newsBox {
	overflow:auto;
	height:260px;/*150px*/
}
#topRenew ul {
	padding:5px 10px 0px;
}
/*#topRenew li {
	background: url(img/top_list_news.gif) no-repeat left 2px;
	padding-left:17px;
	margin-bottom:5px;
	font-size:10px;
	color:#333;
}

#topRenew li a{
	font-size: 10px;
	display:block;
}*/



#topRenew li {
	/*background: url(img/top_news_listline.gif) repeat-x left bottom;*/
	display:block;
	border-bottom:1px dotted #BBB;
	margin:0;
	padding:0;
}
#topRenew li a span.listDay {
	font-size:10px;
	color:#555;
	display:block;
	text-decoration:none;
}
#topRenew li a {
	background: url(img/top_news_icon.gif) no-repeat 3px 8px;
	padding:5px 5px 5px 20px;
	_padding:0px 5px 5px 20px;
	display:block;
	text-decoration:none;
	
}

#topRenew li a:hover {
	background-color:#DDD;
	text-decoration:none;
}

/*-----------------ブログエリア*/
#topBlog {
	width:364px;
	height:290px;/*191px*/
	padding-bottom:8px;
	background:#EFEFEF;
	float:left;
	background:url(img/top_info_back.gif) #EFEFEF repeat-x bottom center;
	overflow:hidden;
}
#topBlog h2 {
	width:364px;
	height:28px;
}
#topBlog h2 a{
	width:364px;
	height:28px;
	display:block;
	overflow:hidden;
}
#topBlog iframe{
	margin:0;
	padding:0;
	height:260px;
	width: 364px;
	background-image: none;
}

#blogList ,
#fctokyo_blog {
	background-color: #EFEFEF;
	margin:0;
	padding:5px 10px 0px;
}
#blogList li ,
#fctokyo_blog li {
	list-style-position: outside;
	list-style-type: none;
	/*list-style-image: url(img/top_list_news.gif);*/
	padding-top: -2px;
	margin-bottom:10px;
	margin-left: -12px;
	font-size: 10px;
	_font-size: 80%;/*IE6用フォントサイズ*/ 
	/*color: #31395a;*/
	margin-bottom:8px;
	
	/*2012追加*/
	border-bottom:1px dotted #BBB;
	display:block;
	line-height:1.6;
	text-decoration:none;
	margin-bottom:0;
}


/*2012追加↓*/
#blogList li a span.listDay ,#fctokyo_blog li a span.listDay {
	font-size:10px;
	color:#555;
	display:block;
	text-decoration:none;
}
#blogList ul ,#fctokyo_blog ul {
	margin:0;
	padding:0 0 0 15px;
}
/*2012追加↑*/





#blogList li a ,
#fctokyo_blog li a {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 10px;
	_font-size: 80%;/*IE6用フォントサイズ*/ 
	
	
	/*2012追加↓*/
	background: url(img/top_news_icon.gif) no-repeat 3px 8px;
	padding:5px 5px 5px 20px;
	_padding:0px 5px 5px 20px;
	display:block;
	text-decoration:none;
	font-size:12px;	
}
#blogList li a:link, #blogList li a:visited , 
#fctokyo_blog li a:link , #fctokyo_blog li a:visited {
	color: #346B9E;
	text-decoration: underline;
	
	/*2012追加↓*/
	text-decoration: none;
}
#blogList li a:hover ,
#fctokyo_blog li a:hover{
	color: #C30D23;
	text-decoration: none;
	
	/*2012追加↓*/
	background-color:#DDD;
}

/*-----------------姉妹校エリア*/
#topLinkSchool {
	width:923px;
	margin:0 auto 40px;
	clear:both;
	background-color:#EFEFEF;
	padding:10px;
}
#topLinkSchool p.linkTitle {
	font-size:12px;
	color:#FFF;
	padding:5px;
	background-color:#666;
	display:inline;
}
#topLinkSchool p {
	margin:8px 0 0 5px;
	padding-left:5px;
}

#topLinkSchool a {
	font-size:10px;
	color:#333;
}
/*-----------------------------------スクールインフォエリア*/
#topSchoolArea {
	width:943px;
	clear:both;
	margin:5px auto 0;
	line-height:1.6;
}
#topSchoolArea p{
	text-align:center;
	font-weight:bold;
	/*background:url(img/top_schoolinfo_back.jpg) no-repeat bottom center;*/
	padding-bottom:10px;
}
#topSchoolArea p strong {
	font-size:24px;
	color:#C30D23;
	font-weight:bold;
}
#topSchoolArea p a {text-decoration:none;}
#topSchoolArea p a:hover {	text-decoration:underline;}
/*-----------------------------------緊急告知エリア*/
.attentionText , .attentionText2 {
	width:919px;
	clear:both;
	margin:20px auto;
	padding:20px 10px;
	/*background:url(img/top_attention_bg.jpg) repeat-x left bottom;*/
	border:2px solid #900;
	
	text-align:center;
}
/*.attentionText {
	width:900px;
	clear:both;
	margin:20px auto;
	padding:20px 10px;
	background:url(img/top_attention_bg.jpg) repeat-x left bottom;
	border:2px solid #900;
	text-align:center;
}*/
.attentionText p {
/*	margin-bottom:10px;*/
	font-size:14px;	
}
.attentionText p.attentionDetail {
	padding:0 20px;
}
p.attentionTitle {
	font-size:16px;
	font-weight:bold;
	color:#900;
	margin-bottom:5px;
	text-align:center;
	border-bottom:1px solid #900;
	padding-bottom:5px;
	margin-bottom:10px;
}
.attentionTitle2 {
	border-bottom:1px solid #900;
	padding-bottom:10px;
	margin-bottom:15px;
}
p.attentionTitle span {
	background-color:#900;
	padding:2px 3px;
	font-size:14px;
	color:#FFF;
	margin-right:3px;
	font-weight:normal;
}
p.attentionLine {
	margin-top:10px;
	border-top:1px dotted #CCC;
	padding-top:10px;
	
}
.marB20 { margin-bottom:20px;}
/*-----------------バナーエリア*/
/*#topBannerArea li a {
	display:block;
}*/

/*バナー反転*/
#topBannerArea a:hover img {
    /* IE */
    filter: alpha(opacity=80);
    /* Safari Opera */
    opacity:0.8;
    /* Firefox Netscape */
    -moz-opacity:0.8;
}

/*-----------------------------------その他*/

#attentionText a:hover {	
    /* IE */
    filter: alpha(opacity=80);
    /* Safari Opera */
    opacity:0.7;
    /* Firefox Netscape */
    -moz-opacity:0.7;
}