@charset "Shift_JIS";

/*------------------------------------------------
	IDENTIFICATION DIVISION.
	Version.					0.8.2;
	Author.					Kenta Aga

	PROGRAM-ID.		"トップページ"
------------------------------------------------*/

/*************************************
	DATA DIVISION.
	WORKING-STRAGE SECTION.
*************************************/

/*------------------------------------------------
	トップページ独自の枠組み
------------------------------------------------*/
#index{
	background						: url(../img/top/background.gif) repeat-x;
}

#index #header{
	margin-bottom					: 8px;
	height									: 530px;
	position								: relative;
}

#header #flash{
	position								: absolute;
	top										: 110px;
	left										: -10px;
	width									: 820px;
	height									: 420px;
}

/*------------------------------------------------
	Flash枠の中(noscriptのためだけの処理)
------------------------------------------------*/
#header #flash img{
	vertical-align						: bottom;
}
#header #flash script{
	border-top							: 1px solid red;
}

#workNav{
	margin								: 0 10px;
}
#workNav ul{
	display					: inline-block;
	width						: 800px;
	height						: 60px;
	background			: url(../img/top/noflashnav.gif) no-repeat;
	overflow					: hidden;
	list-style					: none;
}

#workNav li{
	float						: left;
	width						: 200px;
}
#workNav a{
	display					: block;
	padding-top			: 60px;
	height						: 0px;
	overflow					: hidden;
}
#workNav .menu01 a:hover{	background:url(../img/top/noflashnav.gif)  -0px -60px;}
#workNav .menu02 a:hover{	background:url(../img/top/noflashnav.gif)  -200px -60px;}
#workNav .menu03 a:hover{	background:url(../img/top/noflashnav.gif)  -400px -60px;}
#workNav .menu04 a:hover{	background:url(../img/top/noflashnav.gif)  -600px -60px;}

/*------------------------------------------------
	共通項目まとめ
------------------------------------------------*/
h2{
	margin								: 0 1px 1em 1px;
}

/*------------------------------------------------
	2/3カラム包囲網
------------------------------------------------*/
#contents{
	float									: left;
	width									: 595px;
}

/*------------------------------------------------
	ピックアップ - PICKUP
------------------------------------------------*/
#pickup{
	float									: right;
	padding								: 1px 0;
	width									: 388px;
	border								: 1px solid #94aec0;
}
#pickup dl{
	margin								: 0 7px;
	width									: 374px;
}

#pickup dt{
	margin-bottom					: 10px;
	color									: #3394cc;
	font-weight						: bold;
}

#pickup dd{
	margin-bottom					: 35px;
	display								: inline-block;
	line-height							: 1.2;
}
#pickup dd.lastChild{
	margin-bottom					: 1em;
}

#pickup dd img{
	float									: left;
	margin-right						: 14px;
}
#pickup dd p.more{
	margin-top						: 10px;
}
#pickup dd p.more img{
	margin								: 0;
	float									: right;
}
#pickup dd p.more2{
	margin-top						: 10px;
	line-height						: 1;
	float							: right;
}
#pickup dd p.more2 img{
	margin								: 0;
}

/*------------------------------------------------
	ニュース - NEWS
------------------------------------------------*/
#news{
	float									: left;
	padding								: 1px 0;
	width									: 193px;
	border								: 1px solid #94aec0;
}

#news dl{
	margin								: 0 7px;
	width									: 179px;
}
#news dt{
	zoom									: 1;
	color									: #3394cc;
	vertical-align						: middle;
}
#news dt img{
	float									: right;
}
#news dd{
	margin-bottom					: 1em;
	line-height							: 1.2;
}

/*------------------------------------------------
	トピックス - TOPICS
------------------------------------------------*/
#topics{
	margin-bottom					: 8px;
	padding								: 1px 0;
	border								: 1px solid #94aec0;
}

#topics ul{
	margin								: 0 7px;
	width									: 179px;
}
#topics li{
	margin-bottom					: 12px;
	padding-bottom				: 13px;
	border-bottom					: 1px dashed #cccccc;
}
#topics li.lastChild{
	border								: none;
	padding-bottom				: 0px;
}


/*------------------------------------------------
	魔法 - clearfix
------------------------------------------------*/
#news dt:after,
#pickup dd:after{
	content					: ".";
	display					: block;
	clear						: both;
	height						: 0;
	visibility					: hidden;
}