@charset "utf-8";

/* ===========================================================

	Title: home.css
	Created: 2009-3-3
	Created: 2009-3-13
	
=========================================================== */
/*

	body
	flash
	home
	column
	menu
	news
	banner
	dist/latest
	
=========================================================== */
/*

	body
	
=========================================================== */

body {
	background: #d0e5ff url(../image/bg_body.gif) top repeat-x;
}

/* ===========================================================


	flash
	
=========================================================== */

div#flash {
	background: url(../image/bg_flash.gif) no-repeat;
	height: 349px;
	padding: 0 10px;
}

/* ===========================================================

	home
	
=========================================================== */

div#home {
	padding: 20px 20px 0;
}

/* ===========================================================

	column
	
=========================================================== */

div#home .columnL {
	float: left;
	width: 650px;
	margin: 0 0 10px;
}

div#home .columnR {
	float: right;
	width: 230px;
	margin: 0 0 10px;
}

/* ===========================================================

	menu
	
=========================================================== */

div#home div#menu {
	background: url(../image/bg_menu_grad.gif) 0 37px repeat-x;
	border: solid 1px #9eaafe;
	margin: 0 0 10px;
}

div#home div#menuBg {
	background: url(../image/bg_menu.gif) repeat-y;s
}

div#home div#menu dl {
	float: left;
	width: 162px;
	margin: 0;
}

div#home div#menu dl dt {
	margin: 0 0 10px;
}

div#home div#menu dl dt img {
	vertical-align: bottom;
}

div#home div#menu dl dd {
	overflow: hidden;
	background: url(../common/image/ic_arrow_a.gif) 0 3px no-repeat;
	margin: 0 8px 10px 10px;
	padding: 0 0 0 10px;
}

div#home div#menu dl dd a {
	display: block;
}

div#home div#menu dl a:link,
div#home div#menu dl a:visited {
	text-decoration: none;
	color: #444444;
}

div#home div#menu dl a:hover {
	text-decoration: underline;
	color: #0066cc;
}

/* ===========================================================

	news
	
=========================================================== */

div#home div#news {
	clear: both;
	border: solid 1px #d4d4d4;
	margin: 0 0 10px;
}

div#home div#news div#tit {
	position: relative;
	width: 648px;
	height: 36px;
	margin: 0 0 6px;
}

div#home div#news div#tit ul {
	position: absolute;
	top: 3px;
	right: 10px;
	margin: 0;
	font-size: 11px;
	line-height: 1;
}

div#home div#news div#tit ul li {
	float: left;
	margin: 0 0 0 10px;
}

div#home div#news div#tit ul li img {
	vertical-align: bottom;
}

div#home div#news p {
	margin: 0;
}

div#home div#news p img {
	vertical-align: bottom;
}

div#home div#news table {
	clear: both;
	background: none;
	border: none;
	width: 630px;
	margin: 0 0 10px 10px;
}

div#home div#news table th {
	background: #fff;
	width: 5%;
	padding: 6px 10px 6px 0;
	border: none;
	border-bottom: solid 1px #d4d4d4;
	vertical-align: top;
	color: #333333;
	white-space: nowrap;
}

div#home div#news table td {
	padding: 6px 10px 6px 65px;
	border: none;
	border-bottom: solid 1px #d4d4d4;
}

div#home div#news table td.release {
	background: url(../image/ic_release.gif) 0 6px no-repeat;
}
div#home div#news table td.update {
	background: url(../image/ic_update.gif) 0 6px no-repeat;
}
div#home div#news table td.other {
	background: url(../image/ic_other.gif) 0 6px no-repeat;
}

div#home div#news table img {
	vertical-align: text-bottom;
	margin: 0 5px;
}

div#home div#news table a:link,
div#home div#news table a:visited {
	text-decoration: none;
	color: #444444;
}

div#home div#news table a:hover {
	text-decoration: underline;
	color: #0066cc;
}

/* ===========================================================

	banner
	
=========================================================== */

div#home div.banner {
	padding: 0 0 5px;
}

div#home div.banner ul {
	margin: 0;
}

div#home div.banner ul li {
	margin: 0 0 5px;
}

div#home div.banner ul li img,
div#home div.banner p img {
	vertical-align: bottom;
}

div#home div.banner p {
	margin: 0 0 5px;
}

/* ===========================================================

	dist/latest
	
=========================================================== */

div#home div.section {
	border: solid 1px #d4d4d4;
	margin: 0 0 10px;
}

div#home div.box {
	background: #FFFFFF;
	border: solid 1px #cbdcf4;
	margin: 0 3px 5px;
	padding: 5px 0 0;
	font-size: 11px;
	line-height: 1.4;
}

div#home div.box dl {
	margin: 0 5px;
}

div#home div.box dl dt {
	margin: 0;
	padding: 0;
}

div#home div.box dl dt.kakutei {
	color: #294aaf;
}

div#home div.box dl dd {
	background: url(../common/image/line_dot_x.gif) bottom repeat-x;
	margin: 0 0 5px;
	padding: 0 0 5px 1em;
}

div#home div.box dl dd em {
	padding: 0 2px 0 2em;
	color: #da6209;
	font-size: 16px;
	font-weight: bold;
}

div#home div.box dl dt.kakutei {
	color: #294aaf;
}

div#home div.box dl dd.kakutei em {
	color: #cc0000;
}

div#home div.box p {
	margin: 0 5px 2px;
}

div#home div.box ul {
	margin: 0 5px 5px;
}

div#home div.box ul li {
	background: url(../common/image/ic_dl.gif) 0 50% no-repeat;
	margin: 0 0 5px;
	padding: 0 0 0 13px;
}

div#home div.box ul li img {
	vertical-align: text-bottom;
	margin: 0 1px 0 5px;
}

div#home div.box ul li a:link,
div#home div.box ul li a:visited {
	text-decoration: none;
	color: #444444;
}

div#home div.box ul li a:hover {
	text-decoration: underline;
	color: #0066cc;
}

div#home div.section p.tit {
	margin: 0;
}

div#home div.section p {
	margin: 0 10px 5px;
}

div#home div.section p img {
	vertical-align: bottom;
}

div#home div#dist {
	background: #edf1fa url(../image/bg_dist.gif) 0 35px no-repeat;
	border: solid 1px #ffffff;
}

div#home div#latest {
	background: #ebf0fa url(../image/bg_latest.gif) 0 35px no-repeat;
	border: solid 1px #ffffff;
}

div#home div#latestIc {
	background: #FFFFFF url(../image/bg_latest_ic.gif) right bottom no-repeat;
}