@charset "shift_jis";

/* body start-------------------------------------------*/

* {
	margin: 0px;
	padding: 0px;
}

body{
	text-align: left;
	font-size: 12px;
	color: #4d4d4d;
}

#wrapper {
	width: 980px;
	margin: 11px 0px 0px 0px;
	text-align: left;
	background-color: #f0efe9;
}

a:link {
	color: #004ea2;
	text-decoration: underline;
}
a:visited{
	color: #660066;
	text-decoration: underline;
}

a:hover {
	color: #004ea2;
	text-decoration: underline;
}

/* body end---------------------------------------------*/

/* headaer start----------------------------------------*/
#header {
	display: block;
	margin:0px; 
	padding: 0px;
	width: 980px;
	height: 63px;
	background-color: #ffffff;
	border-bottom: #d7d2bb 1px solid;
}

#header_menu{
	float: left;
	margin: 0px;
	padding: 0px 9px 0px 20px;
	width: 980px;
	_width: 951px;
}

#header_menu ul{
	list-style-type:none;
}

#header_menu li{
	float: left;
}

#header_menu li a{
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
}    

#header_menu h1{
	margin: 0px;
	padding: 0px;
}

#header_menu li#catalog {
	width: 222px;
	height: 48px;
	margin: 3px 0px 0px 0px;
}

#header_menu li#logo_rohm a{
	width: 0px;
	height: 0px;
	margin: 0px;
	background-image: url(../img/common/logo_rohm.gif);
}

#header_menu li#logo_ecodevices a{
	width: 407px;
	height: 53px;
	margin: 0px 61px 0px 0px;
	background-image: url(../img/common/logo_ecodevices.jpg);
}
	
#header_menu li#ecodevices_top a{
	width: 83px;
	height: 27px;
	margin: 22px 23px 0px 0px;
	background-image: url(../img/common/menu_ecodevices_top.gif);
}

#header_menu li#rohm_top a{
	width: 60px;
	height: 27px;
	margin: 22px 23px 0px 0px;
	background-image: url(../img/common/menu_rohm_top.gif);
}

#header_menu li#contact a{
	width: 68px;
	height: 28px;
	margin: 21px 0px 0px 0px;
	background-image: url(../img/common/menu_contact.gif);
}

#header_menu li#catalog a{
	width: 112px;
	height: 48px;
	margin: 3px 0px 0px 0px;
	background-image: url(../img/common/menu_catalog.gif);
}

#header_menu li#ecodevices_top a:hover,li#rohm_top a:hover{
	background-position: 0px -27px;
}

#header_menu li#contact a:hover{
	background-position: 0px -28px;
}

#header_menu li#catalog a:hover{
	background-position: 0px -48px;
}

/* headaer end------------------------------------------*/

/* breadcrumb_list start--------------------------------*/

#breadcrumb_list{
	clear: both;
	display: block;
	width: 965px;
	height: 17px;
	margin: 0px;
	padding: 6px 0px 0px 15px;
	font-size: 10px;
	background-color: #f1f0e9;
	border-top:  #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
}

/* breadcrumb_list end----------------------------------*/

/* pagebody start---------------------------------------*/
#pagebody{
	clear: both;
	width: 980px;
	background-color: #f0efe9;
}

/* pagebody end-----------------------------------------*/

/* menu start-------------------------------------------*/
#menu{
	float: left;
	width: 185px;
	padding: 6px 10px 0px 10px;
	background-color: #f0efe9;
}

#menu_title01{
	width: 185px;
	height: 22px;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}

#menu_title02{
	width: 185px;
	height: 22px;
	padding: 1px 0px 0px 0px;
	background-color: #ffffff;
}

#menu_dl {
	margin: 0px;
	padding: 7px 7px 6px 7px;
	background-color: #ffffff;
}

#menu_dl a{
	float:left;
	margin: 0px 0px 2px 0px;
	width: 171px;
	height: 45px;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../img/common/menu_catalog_dl.jpg);
}

#menu_dl a:hover{
	background-position: 0px -45px;
}

#menu_dl .capacity01{
	display: block;
	margin: 50px 0px 5px 0px;
	font-size: 11px;
	height: 11px;
	text-align: right;
}

#menu_dl .capacity{
	margin: 0px 0px 5px 0px;
	font-size: 11px;
	text-align: right;
}


#menu ul{
	margin: 0px;
	padding: 0px;
	list-style-type:none;
}

#menu li{
	width: 185px;
}

#menu li a{
	display: block;
	width: 185px;
	height: 45px;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
}    
	
#menu li#lighting a{
	background-image: url(../img/common/menu_lighting.jpg);
}

#menu li#power a{
	background-image: url(../img/common/menu_power.jpg);
}

#menu li#audio a{
	background-image: url(../img/common/menu_audio.jpg);
}

#menu li#mobile a{
	background-image: url(../img/common/menu_mobile.jpg);
}

#menu li#panel a{
	background-image: url(../img/common/menu_panel.jpg);
}

#menu li#power_manage a{
	background-image: url(../img/common/menu_power_manage.jpg);
}

#menu li#pc a{
	background-image: url(../img/common/menu_pc.jpg);
}

#menu li#lsi a{
	background-image: url(../img/common/menu_lsi.jpg);
}

#menu li#discrete a{
	background-image: url(../img/common/menu_discrete.jpg);
}

#menu li#passive a{
	background-image: url(../img/common/menu_passive.jpg);
}

#menu li#opto_device a{
	background-image: url(../img/common/menu_opto_device.jpg);
}

#menu li#module a{
	background-image: url(../img/common/menu_module.jpg);
}

#menu li#pc a{
	background-image: url(../img/common/menu_pc.jpg);
}

#menu li#oki a{
	margin: 5px 0px 15px 0px;
	background-image: url(../img/common/menu_oki.jpg);
}

#menu li#act a{
	margin: 17px 0px 15px 0px;
	background-image: url(../img/common/menu_act.jpg);
}

#menu li a:hover{
	background-position: 0 -45px;
}

#menu a.visited{
	background-position: 0 -45px;
}

/* menu end--------------------------------------------*/

/* contents start--------------------------------------*/
#contents{
	float: right;
	margin: 0px;
	padding: 6px 0px 0px 20px;
	width: 755px;
	text-align: left;
	line-height: 1.4em;
	background-color: #ffffff;
}
/* contents end----------------------------------------*/

/* footer_menu start----------------------------------------*/
#footer_menu01 {
	clear: both;
	display: block;
	width: 740px;
	margin: 0px;
	padding: 17px 0px 5px 15px;
	font-size: 10px;
	line-height: 1.4em;
	border-top: #9f9f9f 1px dotted;
}

.footer_menu_title01 {
	float: left;
	width: 115px;
	padding: 0px 0px 0px 0px;
}

.footer_menu_link01 {
	float: right;
	width: 625px;
}

#footer_menu02 {
	clear: both;
	display: block;
	width: 740px;
	margin: 0px;
	padding: 5px 0px 35px 15px;
	font-size: 10px;
	line-height: 1.4em;
}

.footer_menu_title02 {
	float: left;
	width: 115px;
	padding: 0px 0px 0px 0px;
}

.footer_menu_link02 {
	float: right;
	width: 625px;
}

/* footer end-----------------------------------------*/

/* footer start----------------------------------------*/
#footer {
	clear: both;
	display: block;
	width: 966px;
	height: 20px;
	padding: 9px 0px 0px 14px;
	font-size: 10px;
	background: url(../img/common/footer_line.gif) no-repeat;
	background-color: #ffffff;
}

#footer_box01 {
	float: left;
	width: 500px;
	text-align: left;
}

#footer_box02 {
	float: right;
	width: 466px;
	text-align: right;
}


/* footer end-----------------------------------------*/

/* pagetop start---------------------------------------*/
.page_top{
	clear: both;
	display: block;
	padding: 10px 0px 15px 0px;
	width: 755px;
	text-align: right;
}

.page_top01{
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 9px 0px 15px 0px;
	width: 267px;
	height: 10px;
	text-align: right;
}

.page_top_act{
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
	width: 267px;
	height: 10px;
	text-align: right;
}

/* pagetop end-----------------------------------------*/