@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-position:3px 100px;
	background-repeat: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;
	}

/* noscript用画像 */
#noscript-image {
	position:absolute;
	top:100px;
	margin-left:3px;
	width:680px;
	height:360px;
	background:url('../image/top-billboard/no-script.jpg') left top no-repeat;
}


/* インフォメーション */
#info {
	margin-top:10px;
}


/* ヘッドライン */
#headline {
	float:left;
	margin:10px 0;
	padding-left:10px;
	width:670px;
}
.panel-list a {
	margin-left:35px;
}
* html .panel-list a { /* IE6 */
	margin-left:20px;
}

/* お知らせ */
dl.announce {
	width:620px;
	margin-left:40px;
	font-size:80%;
	border-bottom:1px dotted #d0d0d0;
}
	dl.announce dt {
		font-weight:bold;
	}
	dl.announce dd {
		margin-right:20px;
		color:#505050;
	}
p.announce {
	width:600px;
	margin-left:40px !important;
	padding:2px 10px;
	font-size:80%;
	border-bottom:1px dotted #d0d0d0;
}
dl.info {
	width:550px !important;
	clear:none !important;
}


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

/*
 * サイド
 */
#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 h2 {
		font-size:110%;
		margin:10px 0;
		padding:8px;
		border-left-width:6px;
	}
	#article #side .float-left {
		margin:0 5px 0 0;
	}
	#side p {
		text-align:justify;
		margin-left:0;
	}


/* 紹介 */
#about {
}
#about h1 {
	font-size:100%;
	font-weight:normal;
	line-height:1.8;
	margin-top:10px;
	text-align:justify;
	margin:10px 0;
}
.easily {
	color:#306030;
	border-top:1px solid #f0f0f0;
	border-bottom:1px solid #f0f0f0;
	line-height:1.3;
	margin:10px 0 30px 0;
	padding:5px 0;
}

/* コンシェルジュ */
#concierge {
	margin:10px 0;
}
	#concierge ul {
		list-style:none;
		margin:0;
		padding:0;
	}
	#concierge li {
		font-size:105%;
		padding-bottom:2px;
		padding-left:16px;
		background:url('../../image/info-icon/bullet-blue.png') left center no-repeat;
	}

/* 新着情報 */
#new {
	margin:20px 0;
}
	#new dl {
		padding-left:5px;
		margin-bottom:0;
	}
	#new dt {
	}
	#new dt a {
		background:none;
		margin:0;
		padding:0;
	}
	#new dd {
		font-size:90%;
		color:#90b0d0;
		margin:0 0 10px 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;
		padding-left:20px;
	}

/* 駿台＆Pマーク */
#sundai {
	margin:30px 0 10px 0;
}
#privacy {
	clear:both;
	margin:20px 0 20px 0;
	overflow:hidden;
}
#sundai p,
#privacy p {
	overflow:hidden;
	font-size:90%;
	line-height:1.4;
}

@media print {
	#article {
		background-position:0 0;
	}
	#clickable {
		height:360px;
	}
	#headline {
		padding-left:0;
	}
	#side {
		padding-top:0;
	}
}