@charset "UTF-8";
/* CSS Document */

#flashconent,
#external_top{
	margin-bottom:35px;
}


#flashconent h2,
#flashconent p{
	text-indent:-9999px;
	line-height:0px;
	height:0px;
}
#flashconent ul{
	background:no-repeat top url(../img/top/no_flash.jpg);
	width:850px;
	height:344px;
}

#flashconent ul#noflash{
	position:relative;
}

#flashconent ul#noflash li{
	width:222px;
	height:75px;
	position:absolute;
}
#flashconent ul#noflash a{
	display:block;
	text-indent:-9999em;
	width:222px;
	height:75px;
}

#flashconent ul#noflash li#f1{
	top:25px;
	left:0px;
}
#flashconent ul#noflash li#f2{
	top:99px;
	left:0px;
}
#flashconent ul#noflash li#f3{
	top:171px;
	left:0px;
}
#flashconent ul#noflash li#f4{
	top:247px;
	left:0px;
}

#flashconent ul#noflash li#f5{
	top:0px;
	left:240px;
	width:612px;
	height:344px;
}
#flashconent ul#noflash li#f5 a{
	width:612px;
	height:344px;
}

/*----------------------------------------*/
/*インフォメーション                      */
/*----------------------------------------*/
#information{
	float:left;
	width:600px;
	position:relative;
}

#information h3{
	background:no-repeat url(../img/top/h2_information.gif);
	height:28px;
	width:159px;
	text-indent:-9999em;
}

#information ul{
	background:no-repeat top url(../img/top/info_line.gif);
	padding-top:10px;
}
.ie6 #information ul{
	background:no-repeat top url(../img/top/info_line.gif);
	padding-top:0px;
}

#information li{
	position:relative;
	padding-left:95px;
	padding-bottom:15px;
}

#information li .date{
	position:absolute;
	background:no-repeat left 4px url(../img/common/arrow_fff.gif);
	padding-left:14px;
	left:0px;
	top:0px;
	font-size:1.2em;
}
.ie6 #information li .date{
	left:-95px;
	top:12px;
}

#information li dl.ctg_product{
	padding-left:56px;
	background:no-repeat left top url(../img/common/icon_product.gif);
}
#information li dl.ctg_news{
	padding-left:56px;
	background:no-repeat left top url(../img/common/icon_news.gif);
}

#information li dl dt{
	font-size:1.6em;
	padding-bottom:5px;
}
#information li dl dd{
	font-size:1.2em;
}

/*アーカイブ*/
#bt_archive{
	position:absolute;
	top:1px;
	left:175px;
}
#bt_archive a{
	display:block;
	background:no-repeat top url(../img/top/bt_archive.gif);
	width:68px;
	height:16px;
	text-indent:-9999em;
}
#bt_archive a:hover{
	background-position:bottom;
}

/*----------------------------------------*/
/*トピックス                              */
/*----------------------------------------*/
#topics{
	float:right;
	width:220px;
}

#topics h3{
	background:no-repeat url(../img/top/h2_topics.gif);
	width:96px;
	height:28px;
	text-indent:-9999em;
}

#topics li{
	margin-bottom:7px;
}