@charset "UTF-8";


/* -- 全体枠 ------------------------------------------------ */
#top_wrapper {
	background-color: #FFFFFF;
	width: 900px;
	text-align: left;
	margin: 0 auto;
}


/* -- ヘッダー ----------------------------------------------- */
#top_header {
	position:relative;
	height:301px;
	margin:0;
	padding:0;
}

/* -- ヘッダーロゴ -- */
#top_header h1 {
	position:absolute;
	width:228px;
	height:41px;
	z-index:10;
	left:auto;
	right:40px;
	bottom:20px;
	margin:0;
	padding:0;
}

/* -- ヘッダーコピー -- */
#visualization {
	position:absolute;
	z-index:20;
	width:405px;
	/*
	height:88px;
	*/
	left:30px;
	bottom:20px;
}
#visualization h2 {
	color: #FFFFFF;
	font-size:1.4em;
	font-weight:normal;
	text-align: left;
	margin: 0em;
}
#visualization h3 {
	color:#99CCFF;
	font-size:0.85em;
	font-weight:normal;
	margin-top: 0.3em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

/* -- ナビ --------------------------------------------------- */
#top_navi {
	width:900px;
	margin:0;
	padding:0;
	background-image: url(img/top_meister.gif);
	background-repeat: no-repeat;
	text-align: right;
}
/* for Only IE */
/*\*/
* html #top_navi {
	margin-top:-5px;
}
/**/
#top_navi li {
	display:inline;
	list-style-type:none;
	text-align: right;
}


/* -- メインボックス ------------------------------------------ */
#mainbox {}
#top_mainbox {
	/* 080422 */
	background:url(/img/top_mainbox_bg.gif) right repeat-y;

	width: 900px;
}


/* -- レイアウト（左枠） -------------------------------------- */
#top_leftbox {
	/* 080423
	position:relative; */

	float: left;
	width: 504px;
	/*
	padding-bottom: 1000px;
	margin-bottom: -1000px;
	*/
}


/* -- メニュー ----------------------------------------------- */
.menu {
	font-size: 0.8em;
	padding-left: 11px;
	padding-top: 5px;
}

.menu p {
	padding: 0 0 0 8px;
	margin: 0 0 5px 0;
	line-height:1.1em;
}


/* -- 新着情報 ----------------------------------------------- */
#whats_new {
	/*
	float: left;
	*/
	width: 474px;
	padding: 10px 0 0 30px;
}
#whats_new ul {
	margin:10px 0 0 0;
	list-style-image: url(/img/top_list.gif);
	list-style-type: none;
}
#whatslist li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding: 1em 0em 2em 0em;
	list-style-type: none;
}
#whatsbody {
	height:365px;
	overflow:auto;
}
#whatsbody h2 {
	text-align: left;
	margin-top: 2em;
}
/*\*/
* html #whats_new ul {
	height:360px;
}
/**/


/* -- 製品情報 ---------------------------------------------- */
#top_products {
	float: left;
	width: 198px;
	/*
	margin-bottom: -1000px;
	padding-bottom: 1000px;
	*/
	background-image: url(/img/top_products_bg.gif);
	background-repeat: repeat-y;
	/* 080422
	height: 361px;
	*/
}


/* -- ソリューション情報 ----------------------------------- */
#top_solution {
	float: right;
	width: 198px;
	/*
	margin-bottom: -1000px;
	padding-bottom: 1000px;
	*/
	background-image: url(/img/top_solution_bg.gif);
	background-repeat: repeat-y;
	/* 080422
	height: 361px;
	*/
}
#top_solution .menu {
	color: #FFFFFF;
}


/* -- コピーライト ---------------------------------------- */
#copylight {
	text-align: center;
	color: #FFFFFF;
	background-color: #532589;
	font-size: 1.2em;	/* 080422
	margin-top: -0.3em;
	margin-bottom:0;
	*/
}


/* -- フッター --------------------------------------------- */
#footer {
	clear: both;
	width: 900px;
	text-align: center;
	font-size: 0.8em;
	padding-bottom: 10px;
	background-color: #FFFFFF;
}
#footer ul {
	list-style-type: none;
	margin: 0px;
	padding: 10px;
}
#footer li {
	/*
	list-style-image: url(/img/mainmenu_list.gif);
	*/
	display: inline;
	padding-right: 9px;
	padding-left: 10px;
	background-image: url(/img/mainmenu_list.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#whatslist li {
	padding: 0.3em 0em;
	text-align: left;
}
