@charset "utf-8";

/*
===== CONTENTS =====

	Title:theme.css
	Last-updated: 2010/04/13
	Auther:colletomo
	Outline:サイト独自デザイン
====================
*/


/* ----------------------------------------------------
 レイアウト
----------------------------------------------------*/
body#index #contentsArea{
	width:475px;
	float:left;
}

body#index #extraArea{
	width:225px;
	float:right;
}

body#index #featureBox{
	width:956px;
}

body#index #TopicsArea{
	margin:0 0 20px 0;
}


/* ----------------------------------------------------
 見出し
----------------------------------------------------*/
body#index #kv{
	margin-bottom:15px;
}

body#index #contentsArea h2.headline{
	margin-bottom:10px;
}


/* ----------------------------------------------------
 特別コンテンツ
----------------------------------------------------*/
body#index #featureBox{
	background:url(../imgs/index/featurebox.jpg) no-repeat top left;
	width:995px;
	height:146px;
	margin:0 auto 20px;
	text-align:left;
}

body#index #featureBox.demo{
	background:url(../imgs/index/featurebox_demo.jpg) no-repeat top left;
}

#featureBox li,
#featureBox li a{
	height:146px;
	width:197px
}

li#feat-01{
	left:0px;
}

li#feat-02{
	left:200px;
}

li#feat-03{
	left:399px;
}

li#feat-04{
	left:598px;
}

li#feat-05{
	left:799px;
}

li#feat-01 a:hover{
	background:url(../imgs/index/featurebox.jpg) no-repeat 0 -146px;
}

li#feat-02 a:hover{
	background:url(../imgs/index/featurebox.jpg) no-repeat -200px -146px;
}

li#feat-03 a:hover{
	background:url(../imgs/index/featurebox.jpg) no-repeat -399px -146px;
}

body#index #featureBox.demo li#feat-03 a:hover{
	background:url(../imgs/index/featurebox_demo.jpg) no-repeat -399px -146px;
}

li#feat-04 a:hover{
	background:url(../imgs/index/featurebox.jpg) no-repeat  -598px -146px;
}

body#index #featureBox.demo li#feat-04 a:hover{
	background:url(../imgs/index/featurebox_demo2.jpg) no-repeat -598px -146px;
}

li#feat-05 a:hover{
	background:url(../imgs/index/featurebox.jpg) no-repeat  -799px -146px;
}

body#index #featureBox.demo li#feat-05 a:hover{
	background:url(../imgs/index/featurebox_demo.jpg) no-repeat -799px -146px;
}

#featureBox .featureiner{
	position:relative;
}

#featureBox .spicon{
	position:absolute;
	left: 541px;
	top: 47px;
}

#featureBox .spiconInner{
	position:absolute;
	left: 547px;
	top: 63px;
}



/* ----------------------------------------------------
 更新Box
----------------------------------------------------*/
body#index .entryBlock{
	border:5px solid #D2F1F7;
	background:#fff;
	padding:10px;
}


/* ----------------------------------------------------
 Topics
----------------------------------------------------*/
body#index dl#topics-Item {

}

dl#topics-Item dt {
	float:left;
	width:70px;
	clear:both;
}

dl#topics-Item dd {
	margin:0 0 10px 85px;
}

dl#topics-Item dd.last {
 margin:0 0 0 70px;
}


/* ----------------------------------------------------
 PickUp
----------------------------------------------------*/
body#index .pickup-Item{
	position:relative;
	margin-bottom:12px;
	text-align:left;
}

.pickup-Item .pubDate{
	position:absolute;
	height:73px;
	width:73px;
	background:url(../imgs/index/bg_date.png) no-repeat top left;
	left:-35px;
	top:0px;
}

.pickup-Item .pubDate p{
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding-top:22px;
	line-height:1.2;
}

.pickup-Item h3{
	min-height: 20px;
	text-align:left;
	font-size:1.1em;
	font-weight:bold;
	color:#000;
	margin-bottom:6px;
	padding-left: 28px;
}

.pickup-Item h3 img{ 
  float:left;
  clear:left;
  margin: 0 10px 10px 0;
  padding: 0;
}


.pickup-Item  .pickup-thumb{
	float:left;
	margin:0 8px 8px 0;
}


/* ----------------------------------------------------
 extraArea
----------------------------------------------------*/
body#index #extraArea{
	background:#F1EFDC;
}

body#index #extraArea{
	background:#F1EFDC;
}


/* ----------------------------------------------------
 日程更新
----------------------------------------------------*/
body#index #ScheduleArea{
	background:url(../imgs/index/extra_bottom.gif) no-repeat bottom center;
	padding:5px 5px 8px 5px;
}

body#index #ScheduleArea .inner{
	background:#FFF;
	padding:5px;
}

body#index #ScheduleArea a{
	color:#333;
}

body#index #ScheduleArea h2,
body#index #ScheduleArea h3{
	font-size:12px;
	margin-bottom:0;
}

body#index #ScheduleArea .day{
	font-weight:bold;
	color:#F60000;
	font-size:1.4em;
}

/* ----------------------------------------------------
 注目コンテンツ
----------------------------------------------------*/
body#index #RecomendArea{
	background:url(../imgs/index/extra_bottom.gif) no-repeat bottom center;
	padding:5px 5px 8px 5px;
}

body#index #RecomendArea .inner{
	background:#FFF;
	padding:0 5px;
}

#RecomendArea .link-Item p a{
	display:block;
	background:url(../imgs/index/icn_recomend.gif) no-repeat 0 50%;
	padding:4px 0 4px 29px;
	min-height: 21px;
  height: auto !important;
  height: 21px;
	border-bottom:1px dotted #999;
	color:#333;
}

#RecomendArea .link-Item p.last a{
	margin-bottom:0;
}


/* ----------------------------------------------------
 募集学科一覧
----------------------------------------------------*/
body#index #AllSubject{
	background:url(../imgs/index/extra_bottom.gif) no-repeat bottom center;
	padding:0 0 8px;
	position:relative;
}

body#index #AllSubject ul{
	list-style:none;
	margin:0;
	padding:0;
}

body#index #AllSubject .icnphoto{
	position:absolute;
	top:0;
	right:0;
}


/* ----------------------------------------------------
 subBannerArea サブバナー
----------------------------------------------------*/
#subBannerArea{
	clear:both;
	padding:10px 22px 0;
	margin-bottom:10px;
}

#subBannerArea ul li{
	float:left;
	margin:0 22px 10px 0;
	list-style:none;
}

#subBannerArea ul li:nth-child(4n){
	margin-right:0;
}

#subBannerArea .banner {
    height: 60px;
    position: relative;
    width: 210px;
}

#subBannerArea #bstv {
    position: absolute;
    right: 0;
    top: -10px;
}