@charset "UTF-8";
/*
制作　株式会社メックコミュニケーションズ　http://www.mec-com.co.jp/ 
*/

/*--------------------------------------------コンテンツ*/
#contents {
	padding-top:20px;
}

/* タブ-----------------*/
#mimi{
	height: 50px;
	width:700px;
	margin-top:10px;
	background:url(css/home_mimi.jpg) top left no-repeat;
}
#mimi li {
	float: left;
	cursor:pointer;
}
.mimiSelected img{
	filter:alpha(opacity=0);
	-moz-opacity:0;
}
#tabtext{
	background:#96C8FF;
	padding:20px;
}
#tabtext h2{
	font-size:1em;
	font-weight:bold;
	padding-bottom:10px;
}
#genre,#area,#sikaku,#aiueo{
	padding:20px;
	background:#FFFFFF url(css/home-habatan01.gif) 550px bottom no-repeat;
	font-size:1.4em;
}
#tabtext li{
	width:300px;
	margin-bottom:4px;
	float:left;
}
#tab input{
	 margin-right:5px;
}
#tab label{
	cursor:pointer;
}
#tab .search{
	text-align:center;
	padding-top:20px;
	}
#tabtext #area h2{
	padding-bottom:0px;
}
#tabtext #area h3{
	float:right;
	width:340px;
	font-size:1em;
	font-weight:bold;
	padding:15px 0 5px 0;
}
#tabtext #area ul{
	float:right;
	width:340px;
}
#tabtext #area li{
	width:110px;
}
#home-area{
	float:left;
	padding-top:10px;
}

/* インフォメーション-----------------*/
#info p.title{
	font-size:18px;
	line-height:20px;
	padding:25px 0 5px 50px;
	background:url(css/home-info.gif) left no-repeat;
	color:#333333;
}
#info p.more{
	font-size:12px;
	line-height:20px;
	margin-top:-20px;
	text-align:right;
	border-bottom:2px solid #999999
}
#info p.more a{
	padding-left:10px;
	background:url(css/more.gif) left no-repeat;
	color:#000000;
}
#info #emergency{
	background:#E6E6E6;
	padding:10px;
	font-size:1.2em;
	color:#333333;
}
#info ul{
	background:url(css/home-habatan02.gif) 620px 7px no-repeat;
	padding-right:80px;
	min-height:100px;
	height:auto !important;
	height:100px;
}


#info li{
	font-size:1.2em;
	padding-left:10px;
	background:url(css/home-info-ya.gif) left no-repeat;
	margin:0.5em 0 0 10px;
}
#info li a{
	margin-left:1em;
}
/* イベント情報-----------------*/
#event{
	background:#FED68D url(css/ami.gif);
	padding-bottom:6px;
}
#event p.title{
	font-size:18px;
	line-height:20px;
	padding:25px 0 5px 50px;
	background:url(css/home-event.gif) left no-repeat;
	color:#996600;
}
#event p.more{
	font-size:12px;
	line-height:20px;
	margin:-20px 6px 0 6px;
	text-align:right;
	border-bottom:4px solid #FF9900;
}
#event p.more a{
	padding-left:10px;
	background:url(css/more.gif) left no-repeat;
	color:#000000;
}
#event p.subtitle{
	margin-left:6px;
}
/*イベントリスト*/

#event dl{
	font-size:100%;
	border:3px double #FED68D;
	background:#FFFFFF;
	padding:15px;
	margin:0px 6px;
	margin-bottom:1px;
}
#event dt{
	float:left;
}
#event dd{
	margin-left:135px;
	min-height:90px;
	height:auto !important;
	height:90px;
}
#event p,#event h2{
	font-size:1.2em;
}
#event h2 span{
	padding:3px 5px;
	margin-left:5px;
	float:right;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	display:block;
}
#event h3{
	font-size:1.6em;
	margin:3px 0;
	color:#7C4C00;
	font-weight:bold;
}
#event p.date{
	padding-left:35px;
	background:url(css/date.gif) left no-repeat;
}
#event span.time{
	padding-left:35px;
	background:url(css/time.gif) left no-repeat;
	margin-left:5px;
}
#event p.copy{
	background:#F2F2F2;
	margin-top:4px;
	padding:3px 8px 4px 8px;
	line-height:150%;
	border-top:1px dotted #CCCCCC;
	border-bottom:1px dotted #CCCCCC
}
#event p.kotira{
	margin-top:5px;
}
/*------------------イベントカラー*/
#event h2.setumei span{
	background:#FF3333;
}
#event h2.kengaku span{
	background:#FF9900;
}
#event h2.taiken span{
	background:#339900;
}
#event h2.etc span{
	background:#3399FF;
}


/* 特集記事-----------------*/
#special{
	background:#FDCDBC url(css/ami.gif);
	padding-bottom:6px;
}
#special p.title{
	font-size:18px;
	line-height:20px;
	padding:25px 0 5px 50px;
	background:url(css/home-special.gif) left no-repeat;
	color:#C22B19;
}
#special p.more{
	font-size:12px;
	line-height:20px;
	margin:-20px 6px 0 6px;
	text-align:right;
	border-bottom:4px solid #FB5F4B;
}
#special p.more a{
	padding-left:10px;
	background:url(css/more.gif) left no-repeat;
	color:#000000;
}
#special p.subtitle{
	margin-left:6px;
}
#special ul{
	margin:0 0 0 6px;
}
#special li{
	background:#FEF2EE;
	margin-bottom:1px;
	margin-right:1px;
	font-size:1.2em;
	float:left;
	width:229px;
}
#special li span.img{
	float:left;
	padding:8px;
	padding-right:5px;
}
#special li span.copy{
	padding:8px;
	padding-left:0;
	display:block;
	min-height:45px;
	height:auto !important;
	height:45px;
	line-height:125%;
}
/* インタビュー-----------------*/
#interview{
	background:#B4DBFA url(css/ami.gif)
}
#interview p.title{
	font-size:18px;
	line-height:20px;
	padding:25px 0 5px 50px;
	background:url(css/home-inter.gif) left no-repeat;
	color:#1C6588;
}
#interview p.more{
	font-size:12px;
	line-height:20px;
	margin:-20px 4px 0 6px;
	text-align:right;
	border-bottom:4px solid #38A5DC;
}
#interview p.more a{
	padding-left:10px;
	background:url(css/more.gif) left no-repeat;
	color:#000000;
}
#interview p.subtitle{
	margin-left:6px;
}
#interview ul{
	margin:0 4px 6px 6px;
}
#interview li{
	background:#F5FBFE;
	padding:8px;
	font-size:1.2em;
}
#interview li span.img{
	float:left;
	padding-right:5px;
}
#interview li span.copy{
	min-height:45px;
	height:auto !important;
	height:45px;
	line-height:125%;
}
#interview div.interview{
	width:349px;
	float:left;
}

/*--------------------------------------------学校一覧*/
#side-ichiran {
	background: url(css/ichiran-bg.gif) bottom no-repeat;
	margin-bottom:5px;
}
#side-ichiran p{
	margin-top:-1px;
}
#side-ichiran ul{
	padding:2px 10px 10px 10px
}
#side-ichiran li{
	border-bottom:1px dotted #CCCCCC;
	padding:5px 0 5px 20px;
	background:url(css/ichiran-ya.gif) left no-repeat
}
#side-ichiran li a{
	font-size:1.2em;
}
#side-ichiran li a:hover{
	text-decoration:underline
}

/* トピック-----------------*/
#side-topic p{
	margin-top:5px;
}
#side-topic ul{
	background:#FEE6F2;
	padding:1px 5px 5px 5px;
	margin-bottom:5px;
	
}
#side-topic li{
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:5px;
	font-size:1.2em;
	margin-top:5px;
}
#side-topic li img{
	margin-bottom:4px;
}
#side-topic li a{
	color:#666666;
}