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

	トップページ用スタイルシート
	ver2 06/05/17

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

	


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

/*	ナビゲーション
**********************************/
#navibox {
	width: 760px;
	}
	
#navi {
	background:url(images/navi_back.gif) repeat-x;
	border-left: #C1BDBE 1px solid;
	border-right: #C1BDBE 1px solid;
	float: left;
	list-style:none;
	padding:8px 0 8px 20px;
	width: 738px;
	}

#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: 57px;
	width: 241px;
	}
#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: 57px;
	width: 240px;
	}
#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: 57px;
	width: 241px;
	}
#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: 57px;
	width: 241px;
	}
#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: 57px;
	width: 240px;
	}
#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: 57px;
	width: 241px;
	}
#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;
	border: #C1BDBE 1px solid;
	line-height:1em;
	margin-bottom: 2px;
	width:758px;
	}

	

/*	トピックス
**********************************/
#topics {
	background-color:#ffffff;
	border-right: #C1BDBE 1px solid;
	width: 536px;
	float: left;
	padding:12px 0;
	position:relative;
	text-align:left;
	}

ul#whatsnewBlock{
	display:block;
	float:left;
	list-style-image:url(images/arrow01.gif);
	margin-left:6px;
	padding-bottom:8px;
	width:243px;
	}

html>body ul#whatsnewBlock{
	margin-left:18px;
	}

ul#newbrandBlock{
	display:block;
	float:right;
	list-style-image:url(images/arrow01.gif);
	margin-right:8px;
	width:243px;
	}

html>body ul#newbrandBlock{
	margin-right:15px;
	}

#topics .whatsnew a{
	display: block;
	height: 24px;
	width: 243px;
	background-image:url(images/topic_title_whatsnew.gif);
	}

#topics .newbrand a{
	display: block;
	height: 24px;
	width: 243px;
	background-image:url(images/topic_title_newbrand.gif);
	}

#topics li{
	margin-left: 20px;
	line-height: 21px;
	}

#topics li a span {
	display:inline;
	font-size: x-small;
	}

.productsMovie a{
	display: block;
	height:46px;
	position:absolute;
	top:88px;
	left:277px;
	width:243px;
	}

html>body .productsMovie a{
	left:278px;
	}

.productsMovie a:link,
.productsMovie a:visited {
	background:url(images/topic_title_movie.gif);
	}
.productsMovie a:link:hover,
.productsMovie a:visited:hover {
	background:url(images/topic_title_movie_ov.gif);
	}



	

/*	カタログダウンロード
**********************************/
#catalogDl{
	/*background-color:#f6f6f6;*/
	/*border-left: #C1BDBE 1px solid;*/
	float:right;
	/*height:125px;*/
	line-height:1em;
	padding:12px 0 0 15px;
	text-align:left;
	width:206px;
	}

#catalogDl ul{
	list-style-image:url(images/arrow02.gif);	
	}

#catalogDl ul .catalog a{
	display:block;
	height:25px;
	width:184px;
	}

#catalogDl ul .catalog a:link,
#catalogDl ul .catalog a:visited {
	background-image:url(images/topic_btn_download.gif);
	}
#catalogDl ul .catalog a:link:hover,
#catalogDl ul .catalog a:visited:hover {
	background-image:url(images/topic_btn_download_ov.gif);
	}

#catalogDl li{
	margin-left: 20px;
	line-height: 21px;
	}

#catalogDl li a span {
	display:inline;
	font-size: x-small;
	}


#catalogDl ul .denshiCatalog a{
	display:block;
	height:25px;
	margin:9px 0 12px 0;
	width:184px;
	}

#catalogDl ul .denshiCatalog a:link,
#catalogDl ul .denshiCatalog a:visited {
	background-image:url(images/topic_btn_denshicatalog.gif);
	}
#catalogDl ul .denshiCatalog a:link:hover,
#catalogDl ul .denshiCatalog a:visited:hover {
	background-image:url(images/topic_btn_denshicatalog_ov.gif);
	}


#catalogDl ul .kojin a{
	display:block;
	height:25px;
	width:184px;
	}

#catalogDl ul .kojin a:link,
#catalogDl ul .kojin a:visited {
	background-image:url(images/topic_btn_kojinjyoho.gif);
	}
#catalogDl ul .kojin a:link:hover,
#catalogDl ul .kojin a:visited:hover {
	background-image:url(images/topic_btn_kojinjyoho_ov.gif);
	}


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