@charset "utf-8";

/*
 * トップページ用CSS
 */

/* パンくずリスト */
#nav #topic-path .top {
	display:none;
}
#nav #topic-path li {
	background:none;
	padding-left:0;
}


/*
 * 本文



 */
#content {
	padding:0;
}
#article {
	margin:0;
	padding:0;
	background:url('../image/top-billboard/2010-e-learning-world-2.0.jpg') 3px 100px no-repeat;
}


/*
 * メイン
 */

/* クリッカブルエリア */
#clickable {
	width:650px;
	height:460px;
}
#clickable a {
	display:block;
	width:100%;
	height:100%;
	background:none;
}
#clickable a:hover {
	text-decoration:none;
}
	#clickable a img {
		margin-top:380px;
		margin-left:200px;
		display:none;
	}

/* インフォメーション */
#info {
	padding:10px 0 0 0;
}
	#info img {
		border:1px solid #ffffff;
	}
	#info img:hover {
		border-color:#3366ff;
	}


/* ヘッドライン */
.headline {
	float:left;
	width:280px;
	margin:0;
	padding-left:50px;
	overflow:hidden;
}
.headline h2 {
	font-size:100%;
	margin:0;
	padding:0;
	color:#336699;
}
.headline dl {
	clear:both;
	margin:20px 0 0 0;
	padding:0;
	overflow:hidden;
}
.headline dt {
	font-weight:bold;
	border-bottom:1px dotted #d0d0d0;
	margin-bottom:10px;
	padding:0 0 5px 0;
}
.headline dd {
	margin:0;
	font-size:85%;
	overflow:hidden;
}
	#content .headline a {
		margin-left:0;
	}
	.headline dd .notes {
		background:none;
		padding:0;
	}
	#article .headline .float-left {
		margin:0 20px 0 0;
		padding:0;
	}
#article div.headline h2 img {
	display:inline;
	margin-left:10px;
	vertical-align:bottom;
}
.headline ul {
	margin:0;
	padding:0;
}
.headline li {
	margin:0;
	padding:0 0 5px 0;
}


/* サイトへのリンク */
#link-site {
	clear:left;
	margin:0;
	padding:0;
}
#link-site li {
	float:left;
	width:100px;
	height:100px;
	margin:30px 5px 20px 0;
	list-style:none;
}

/*
 * サイド










 */
#side {
	float:right;
	width:190px;
	margin:0 40px 0 0;
	padding:120px 15px 0 15px;
	background:url('../image/top-layout/side.png') left top repeat-y;
	font-size:85%;
	padding-bottom:32768px;
	margin-bottom:-32768px;
}
/* IE6用 */
* html #side {
	margin-right:20px;
}
	#article #side .float-left {
		margin:0 10px 0 0;
		padding:0;
	}
	#side p {
		text-align:justify;
	}

/* SATT */
#satt h1 {
	font-size:100%;
	font-weight:normal;
	line-height:1.8;
	margin-top:10px;
	text-align:justify;
}

/* コンシェルジュ */
#concierge {
	margin:20px 0;
}
	#concierge h2 {
		font-size:110%;
		margin-bottom:10px;
	}
	#concierge ul {
		list-style:none;
		margin:0;
		padding:0 0 0 10px;
	}
	#concierge li {
		padding-bottom:2px;
	}

/* 新着情報 */
#new {
	margin:20px 0;
}
	#new h2 {
		font-size:110%;
		margin-bottom:10px;
	}
	#new dl {
		font-size:90%;	
		padding-left:5px;
		margin-bottom:0;
	}
	#new dt {
	}
	#new dt a {
		background:none;
		margin:0;
		padding:0;
	}
	#new dd {
		color:#90b0d0;
		padding-bottom:5px;
		margin-left:0;
	}
/* RSS */
#new p.rss,
#new p.log {
	font-size:90%;
	color:#666666;
	text-align:right;
	margin:0;
}
	#new p.rss a {
		background:url('../image/top-layout/rss.png') left top no-repeat;
	}

/* 駿台＆Pマーク */
#sundai {
	margin:50px 0 20px 0;
}
#privacy-mark {
	padding-bottom:30px;
}
#sundai p,
#privacy-mark p {
	overflow:hidden;
	line-height:1.4;
}


/*
 * 印刷用
 */
@media print {
#article {
	background-position:0 0;
}
#header {
	padding:0;
}
#info {
	padding:320px 0 0 0;
	margin:0;
}
#clickable {
display:none;
}
.headline {
	padding-left:20px;
}
#link-site,
#link-site ul {
	margin:0;
	padding:0;
}
#side {
	padding-bottom:0;
	margin-bottom:0;
}
}