﻿@charset "utf-8";
/* CSS Document */



#Header{
	height:84px;
}
h2{
	margin-left:10px;
	padding-left:5px;
	border-left:5px solid #173590;
	font-size:12px;
	font-weight:800;
	color:#173590;
}
#NewsAndEventAndSeminar{
	clear:both;
}
#News{
	width: 420px;
	margin-top:15px;
	padding-left:25px;
	float:left;
}
#EventAndSeminar{
	width: 420px;
	margin-top:15px;
	padding-left:20px;
	float:left;
	
}
#News dd,#EventAndSeminar dd{
	background:url(../images/Triangle.gif) 0 0.3em no-repeat;
	padding-left:15px;
	margin-top:10px;
	margin-left:5px;
}
#News dd{
	margin-bottom:15px;
}
#EventAndSeminar dd{
	font-size:12px;
	line-height:1.3;
}
#EventAndSeminar dd p{
	margin-top:5px;
	margin-left:10px;
	margin-bottom:5px;
}
#EventAndSeminar dd p a{
	margin-left:0.6em;
/*	display:block;*/
	margin-bottom:0.2em;
}
#News a.More,#EventAndSeminar a.More{
	position:absolute;
	margin-top:-22px;
	margin-left:355px;
	background:none;
	width:57px;
	text-align:center;
	color:#666666;
	text-decoration:none;
	overflow:hidden;
	font-size:11px;
}
#News a.More:hover,#EventAndSeminar a.More:hover{
	text-decoration:underline;
}
#News a.rss,#EventAndSeminar a.rss{
	position:absolute;
	margin-top:-21px;
	margin-left:341px;
	width:15px;
	height:15px;
	background:url(../images/index/rss_icon.jpg) no-repeat;
	overflow:hidden;	
	display:block;
	text-indent:-9999px;	
}
#News h3,#EventAndSeminar h3{
	width: 410px;
	padding-left:10px;
	height:27px;
	line-height:27px;
	display:block;
	font-weight:800;
	color:#666666;
	background:url(../images/index/h3Background.gif) no-repeat;
	font-size:12px;
}
h4{
	font-size:12px;
	font-weight:normal;
}

/*インフォメーション*/ /*
#Information{
	padding-top:10px;
}
#Information dt{
	width:720px;
	background:url(../images/index/information/InfomationBackgroundTop.gif) left bottom no-repeat;
}
#Information dd{
	width:720px;
	background:url(../images/index/information/InfomationBackgroundBottom.gif) left bottom no-repeat;
}
strong.MaintenanceTitle{
	font-size:14px;
	color:#173590;
	margin-left:40px;
	padding:3px 25px 0 0;
	background:url(../images/index/information/MaintenanceMark.gif) right center no-repeat #ffffff;
}
strong.InfoTitle{
	font-size:14px;
	color:#173590;
	margin-left:25px;
	padding:2px 5px 0 23px;
	background:url(../images/index/information/InfoMark.gif) 0 4px no-repeat #ffffff;
	_background:url(../images/index/information/InfoMark.gif) no-repeat #ffffff;
}
#Information dd p{
	padding:3px 20px 10px 50px;
	line-height:1.2;
	font-size:12px;
}
#NewYear{
	width:660px;
	height:30px;
	padding:4px 30px;
	margin-top:10px;
	margin-bottom:-5px;
	background:url(../images/index/NewYearBG.gif) no-repeat;
	z-index:100;
	position:relative;
}
#NewYear p{
	font-size:12px;
	margin:0;
	padding:2px 0 0 180px;
	line-height:1.2;
}
#Information{
	position:relative;
	width:910px;
	height:117px;
	background:url(../images/index/info.jpg) no-repeat;
} */



/*トッププロモーションエリア (バナー通常表示用―ランダム表示が不要になったらこのCSSを掛ける 20110526 ) */
/*
#promotion_area {
	margin:0 0 0px 26px;
	padding:0 0 0px 0;
	width:858px;
	height:117px;
	border:solid 0px;
	background:none;
	clear:both;
}

#promotion_area .prayforjapan {
	display:block;
	text-indent:-9999px;
/*	overflow:hidden;*/
/*	margin:0 7px 0 0;
	width:353px;
	height:117px;
	background: url(../images/index/promotion/prayforjapan.jpg) no-repeat;
	float:left;
}

#promotion_area .multi {
	margin:0 7px 0 0;
	float:left;	
}
#promotion_area .multi a{
	display:block;
	margin:0 0 0 0;
	text-indent:-9999px;
/*	overflow:hidden;*/
/*	width:353px;
	height:117px;
	background:url(../images/index/promotion/multi_banner.jpg) no-repeat;
}
#promotion_area .multi a:hover{
	background:url(../images/index/promotion/multi_banner_on.jpg) no-repeat;
}

#promotion_area .integrity a{
	display:block;
	text-indent:-9999px;
/*	overflow:hidden;*/
/*	width:353px;
	height:117px;
}
#promotion_area .integrity a:hover{
	background:url(../images/index/promotion/integrity_banner_on.jpg) no-repeat;
}

#promotion_area .ADaC30th {

}
#promotion_area .ADaC30th a {
	display:block;
	text-indent:-9999px;
/*	overflow:hidden;*/
/*	width:139px;
	height:117px;
	background:url(../images/index/promotion/30years.jpg) no-repeat;
}
#promotion_area .ADaC30th a:hover{
	background:url(../images/index/promotion/30years_on.jpg) no-repeat;

}






/*トッププロモーションエリア (バナーランダム表示用 20110526 ) */

#promotion_area {
	margin:0 0 0px 26px;
	padding:0 0 0px 0;
	width:859px;	
	height:117px;
	border:solid 0px;
	background:none;
	clear:both;
}
#promotion_area .prayforjapan {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 9px 0 0;
	width:353px;
	height:117px;
	background: url(../images/index/promotion/info_nenmatsu_2012.jpg) no-repeat;
	float:left;
}
#promotion_area .nenmatsu {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 9px 0 0;
	width:280px;
	height:117px;
	background: url(../images/index/promotion/info_nenmatsu_2014_1s.jpg) no-repeat;
	float:left;
}
#promotion_area .nenmatsu2 {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 9px 0 0;
	width:280px;
	height:117px;
	background: url(../images/index/promotion/info_nenshi_2016.jpg) no-repeat;
	float:left;
}

#promotion_area .nenshi {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 9px 0 0;
	width:280px;
	height:117px;
	background: url(../images/index/promotion/info_nenshi_2016.jpg) no-repeat;
	float:left;
}

#promotion_area .left {
	display:block;
	margin:0 9px 0 0;
	text-indent:-9999px;
	float:left;
}
#promotion_area .middle {
	display:block;
	margin:0 9px 0 0;
	text-indent:-9999px;
	float:left;
}
#promotion_area .right {
	display:block;
	margin:0 1px 0 0;
	text-indent:-9999px;
	float:left;
}
#promotion_area .ADaC30th {
}
#promotion_area .ADaC30th a {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:139px;
	height:117px;
	background:url(../images/index/promotion/30years.jpg) no-repeat;
}
#promotion_area .ADaC30th a:hover{
	background:url(../images/index/promotion/30years_on.jpg) no-repeat;
}
* html body #promotion_area .ADaC30th { /* for WinIE6 */
	float:left;
}


/*20160421 ベルトロニクス追加キービジュアルを使ったナビゲーションに変更 */


#clickablemap {
	width: 910px;
	height: 353px;
	margin: 0 auto;
	background: url(../images/index/FlashBack.jpg) no-repeat top left;
	position: relative;
}

#clickablemap ul {
	list-style: none;
}

#clickablemap li.btn1 {
	position: absolute;
	top: 29px;
	left: 97px;
	display: block;
	width: 120px;
	height: 26px;
	background: url(./images/index/topnavi_RTOS_on.jpg) no-repeat top left;
}

#clickablemap li.btn2 {
	position: absolute;
	top: 55px;
	left: 121px;
	display: block;
	width: 81px;
	height: 26px;
	background: url(./images/index/topnavi_INTEGRITY_on.jpg) no-repeat top left;
}

#clickablemap li.btn3 {
	position: absolute;
	top: 81px;
	left: 121px;
	display: block;
	width: 72px;
	height: 25px;
	background: url(./images/index/topnavi_uvelOSity_on.jpg) no-repeat top left;
}

#clickablemap li.btn4 {
	position: absolute;
	top: 124px;
	left: 68px;
	display: block;
	width: 103px;
	height: 227px;
	background: url(./images/index/topnavi_IDE_on.jpg) no-repeat top left;
}

#clickablemap li.btn5 {
	position: absolute;
	top: 151px;
	left: 95px;
	display: block;
	width: 50px;
	height: 25px;
	background: url(./images/index/topnavi_MULTI_on.jpg) no-repeat top left;
}

#clickablemap li.btn6 {
	position: absolute;
	top: 199px;
	left: 73px;
	display: block;
	width: 143px;
	height: 45px;
	background: url(./images/index/topnavi_probe_on.jpg) no-repeat top left;
}

#clickablemap li.btn7 {
	position: absolute;
	top: 244px;
	left: 113px;
	display: block;
	width: 116px;
	height: 25px;
	background: url(./images/index/topnavi_STP_on.jpg) no-repeat top left;
}

#clickablemap li.btn8 {
	position: absolute;
	top: 269px;
	left: 113px;
	display: block;
	width: 116px;
	height: 25px;
	background: url(./images/index/topnavi_GHP_on.jpg) no-repeat top left;
}

#clickablemap li.btn9 {
	position: absolute;
	top: 29px;
	left: 517px;
	display: block;
	width: 165px;
	height: 26px;
	background: url(./images/index/topnavi_timing_on.jpg) no-repeat top left;
}

#clickablemap li.btn10 {
	position: absolute;
	top: 55px;
	left: 537px;
	display: block;
	width: 70px;
	height: 24px;
	background: url(./images/index/topnavi_symTAS_on.jpg) no-repeat top left;
}

#clickablemap li.btn11 {
	position: absolute;
	top: 79px;
	left: 537px;
	display: block;
	width: 100px;
	height: 24px;
	background: url(./images/index/topnavi_TraceAnalyzer_on.jpg) no-repeat top left;
}

#clickablemap li.btn12 {
	position: absolute;
	top: 111px;
	left: 537px;
	display: block;
	width: 193px;
	height: 27px;
	background: url(./images/index/topnavi_Veltro_on.jpg) no-repeat top left;
}

#clickablemap li.btn13 {
	position: absolute;
	top: 138px;
	left: 559px;
	display: block;
	width: 75px;
	height: 25px;
	background: url(./images/index/topnavi_Accelerate_on.jpg) no-repeat top left;
}

#clickablemap li.btn14 {
	position: absolute;
	top: 172px;
	left: 532px;
	display: block;
	width: 102px;
	height: 27px;
	background: url(./images/index/topnavi_service_on.jpg) no-repeat top left;
}

#clickablemap li.btn15 {
	position: absolute;
	top: 199px;
	left: 554px;
	display: block;
	width: 167px;
	height: 25px;
	background: url(./images/index/topnavi_comformance_on.jpg) no-repeat top left;
}

#clickablemap li.btn16 {
	position: absolute;
	top: 108px;
	left: 773px;
	display: block;
	width: 116px;
	height: 31px;
	background: url(./images/index/topnavi_EVAL_on.jpg) no-repeat top left;
}

#clickablemap li.btn17 {
	position: absolute;
	top: 147px;
	left: 773px;
	display: block;
	width: 116px;
	height: 41px;
	background: url(./images/index/topnavi_Autodemo_on.jpg) no-repeat top left;
}

#clickablemap li.btn18 {
	position: absolute;
	top: 241px;
	left: 773px;
	display: block;
	width: 116px;
	height: 32px;
	background: url(./images/index/topnavi_about_on.jpg) no-repeat top left;
}

#clickablemap li.btn19 {
	position: absolute;
	top: 237px;
	left: 518px;
	display: block;
	width: 168px;
	height: 27px;
	background: url(./images/index/topnavi_eizo_on.jpg) no-repeat top left;
}

#clickablemap li.btn20 {
	position: absolute;
	top: 264px;
	left: 542px;
	display: block;
	width: 75px;
	height: 25px;
	background: url(./images/index/topnavi_VERTechs_on.jpg) no-repeat top left;
}


#clickablemap li a,
#clickablemap li a:link,
#clickablemap li a:visited {
	display: block;
}

#clickablemap li a:hover img,
#clickablemap li a:active img {
	visibility: hidden;
}
