/******************************************************************

	トップページ用スタイルシート
	ver3 12/08/02

*****************************************************************/




/*	タイトルイメージ
**********************************/
#topimg {
	clear:both;
	border:#C1BDBE 0px solid;
	width: 758px;
	height: 350px;
	margin: 42px 0 0 -20px;
	/*\*/
	margin: 6px auto 0 auto;
	/* */
	}

ul#portfolio{
	width:758px;
	height:350px;
	overflow:hidden;
	}

ul#portfolio li{
	width:758px;
	height:350px;
	overflow:hidden;
	line-height:350px;
	text-align:center;
	}

ul#portfolio li p{
	padding:0px;
	margin:0px;
	width:758px;
	height:350px;
	overflow:hidden;
	line-height:350px;
	text-align:center;
	color:#000000;
	font-weight:bold;
	font-size:2em;
	background-image:url(images/whitemist.png);
	background-position:center center;
	}

a img {
	text-decoration: none;
	border-style: none;
	}



/*	ナビゲーション
**********************************/
#navibox {
	width: 760px;
	}

#navi {
	list-style:none;
	margin: 8px 0 0 1px;
	width: 758px;
	}

#navi li {
	float:left;
	}

#navi a {
	float:left;	/*Mac IE5用*/
	display: block;
	/*margin: 0 2px 2px 0;
	_margin: 0 1px 2px 0;*/
	}

#navi .newpro1 a{
	height: 60px;
	width: 253px;
	}
#navi .newpro1 a:link,
#navi .newpro1 a:visited {
	background-image:url(images/navi_newpro1.gif);
	}
#navi .newpro1 a:link:hover,
#navi .newpro1 a:visited:hover {
	background-image:url(images/navi_newpro1_ov.gif);
	}

#navi .catalog a{
	height: 60px;
	width: 252px;
	}
#navi .catalog a:link,
#navi .catalog a:visited {
	background-image:url(images/navi_catalog.gif);
	}
#navi .catalog a:link:hover,
#navi .catalog a:visited:hover {
	background-image:url(images/navi_catalog_ov.gif);
	}

#navi .events a{
	height: 60px;
	width: 253px;
	}
#navi .events a:link,
#navi .events a:visited {
	background-image:url(images/navi_events.gif);
	}
#navi .events a:link:hover,
#navi .events a:visited:hover {
	background-image:url(images/navi_events_ov.gif);
	}

#navi .newpro2 a{
	height: 61px;
	width: 253px;
	}
#navi .newpro2 a:link,
#navi .newpro2 a:visited {
	background-image:url(images/navi_newpro2.gif);
	}
#navi .newpro2 a:link:hover,
#navi .newpro2 a:visited:hover {
	background-image:url(images/navi_newpro2_ov.gif);
	}

#navi .technical a{
	height: 61px;
	width: 252px;
	}
#navi .technical a:link,
#navi .technical a:visited {
	background-image:url(images/navi_technical.gif);
	}
#navi .technical a:link:hover,
#navi .technical a:visited:hover {
	background-image:url(images/navi_technical_ov.gif);
	}

#navi .first a{
	height: 61px;
	width: 253px;
	}
#navi .first a:link,
#navi .first a:visited {
	background-image:url(images/navi_1streform.gif);
	}
#navi .first a:link:hover,
#navi .first a:visited:hover {
	background-image:url(images/navi_1streform_ov.gif);
	}



/*	トピックス & カタログダウンロード
**********************************/

#topicsDl {
	background-color:#f6f6f6;
	margin-top: 6px;
	width:758px;
	}



/*	What's New
**********************************/

ul.whatsnew{
	margin-left: 12px;
	font-size: x-small;
	line-height: 2em;
	text-align:left;
	list-style:none;
	}

ul.whatsnew li a{
	padding-left:1.8em;
	color:#575757;
	background:url(images/whats_arrow.gif) no-repeat left center;
	}

ul.whatsnew li span{
	padding-left:1.2em;
	font-size: x-small;
	color:#b32801;
	}

ul.whatsnew li dd{
	margin-left: 1.8em;
	color:#575757;
	}



/*	電子カタログコーナー
**********************************/

dl#excatalog {
	margin-top: 5px;
	margin-left: 15px;
	font-size: x-small;
	text-align:left;
	}

dl#excatalog dt a{
	padding-left:1.8em;
	font-size: x-small;
	color:#575757;
	line-height: 1em;
	background:url(images/catalog_arrow.gif) no-repeat left center;
	}

dl#excatalog dt a:hover {
	font-size: x-small;
	color:#ff0000;
	}

dl#excatalog dt span{
	padding-left:1.2em;
	font-size: x-small;
	color:#b32801;
	}

dl#excatalog dd{
	margin-top: 1.1em;
	margin-left: 32em;
	position:relative;
	top:-1em;
	font-size: x-small;
	color:#575757;
	}


/*	アプリボタン	*/

#appDl {
	list-style: none;
	margin-left: 20px;
	}

#appDl li {
	float:left;
	margin: 10px 5px;
	}

#appDl a {
	float:left;	/*Mac IE5用*/
	display: block;
	}

#appDl .appstore a{
	width: 134px;
	height: 45px;
	background-image:url(images/btn_appstore.gif);
	}

#appDl .googleplay a{
	width: 141px;
	height: 47px;
	background-image:url(images/btn_googleplay.gif);
	}




.clear{
	clear:both;
	font-size:1px;
	height:1px;
	}