@charset "UTF-8";

/* CSS Infomation =======================================================
Filename	: top.css
Description	: Style for ELIC
Version		: 1.0
Modified	: 10/04/04
Content		:
	* Main Visual(Flash)
	* Contents List
	* News
========================================================================= */

@import "_common/_css/basestyle.css"; /* サイト共通スタイル取り込み */

body /* 背景指定 */
{
	background-image: url(_images/body_bg.gif);
}

/* ---------------------------------------------------------------------- */
/* トップページFlash */
/* ---------------------------------------------------------------------- */

div#main-visual
{
	margin-top: 35px;
	margin-bottom: 30px;
	margin-left: 10px;
}


/* ---------------------------------------------------------------------- */
/* コンテンツ一覧 */
/* ---------------------------------------------------------------------- */
div#contents-list ol
{
	margin-bottom: 20px;
	width: 750px;
}

div#contents-list ol li.type-a,
div#contents-list ol li.type-b,
div#contents-list ol li.type-c
{
	float: left;
	margin-bottom: 10px;
	height: 170px;
	background-repeat: no-repeat;
}

div#contents-list ol li.type-a,
div#contents-list ol li.type-b
{
	margin-right: 10px;
}

div#contents-list ol li.type-a { width: 190px; background-image: url(_images/contents_list_bg_a.gif); }
div#contents-list ol li.type-b { width: 320px; background-image: url(_images/contents_list_bg_b.gif); }
div#contents-list ol li.type-c { width: 220px; background-image: url(_images/contents_list_bg_c.gif); }

div#contents-list ol h4
{
	margin-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1.2em;
	font-weight: bold;
}

div#contents-list ol h4 a
{
	color: #000000;
}

div#contents-list ol li ul
{
	margin-left: 15px;
}

div#contents-list ol li a
{
	text-decoration: none;
}

div#contents-list ol li li
{
	font-size: 1.2em;
	padding-left: 15px;
	background-image: url(_images/icon_arrow_red.gif);
	background-position: 0 8px;
}

div#contents-list ol li li a
{
	text-decoration: underline;
}

div#contents-list ol li li a:hover
{
	color: #FF3333;
}


/* ---------------------------------------------------------------------- */
/* News */
/* ---------------------------------------------------------------------- */
div#news
{
	margin-bottom: 2em;
	width: 400px;
	float: left;
}

div#news h3#top-news-header
{
	width: 400px;
	height: 45px;
	background-image: url(_images/h3_bg_news.gif);
}

div#news dl
{
	margin-bottom: 0.5em;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 1.2em;
	line-height: 27px;
	background-image: url(_images/news_bg.gif);
	background-repeat: repeat-y;
}

div#news dt
{
	clear: left;
	float: left;
	width: 8em;
	font-family: "メイリオ", meiryo, "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", monospace;
	text-align: right;
	background: transparent;
}

div#news dd
{
	padding-left: 110px;
	background-image: url(_images/news_li_bg.gif);
	background-repeat: repeat-y;
}

div#news a
{
	text-decoration: none;
}

div#news dt a
{
	color: #000000;
}

div#news dd a
{
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	background-image: url(_images/icon_arrow_red.gif);
	background-position: 0 10px;
	background-repeat: no-repeat;
}


/* ---------------------------------------------------------------------- */
/* ELIC MOVIE */
/* ---------------------------------------------------------------------- */
div#movie
{
	width: 330px;
	float: right;
}

div#movie h3#top-movie-header
{
	width: 330px;
	height: 45px;
	background-image: url(_images/h3_bg_eliclife.gif);
}

div#movie div
{
	border: solid 5px #454545;
}