@charset "shift_jis";

/* PAGEBODY BEGIN---------------------------------------*/

#wrapper {
	width: 980px;
	text-align: left;
}

/* PAGEBODY END-----------------------------------------*/

/* index BEGIN-----------------------------------------*/
#flash_area{
	margin: 11px 0px 0px 0px;
	width: 960px;
	height: 440px;
	padding: 0px 0px 0px 20px;
}

#index {
	width: 960px;
	padding: 0px 0px 9px 20px;
}

#index_menu{
	clear: both;
	width: 960px;
	height: 60px;
	margin: 0px 0px 25px 0px ;
	padding: 0px;
}

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

#index_menu li{
	float:left;
}

#index_menu li a{
	display: block;
	height: 60px;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
}    
	
#index_menu li#lighting a{
	width: 138px;
	background-image: url(../img/index/index_menu_lighting.jpg);
}

#index_menu li#power a{
	width: 137px;
	background-image: url(../img/index/index_menu_power.jpg);
}

#index_menu li#audio a{
	width: 137px;
	background-image: url(../img/index/index_menu_audio.jpg);
}

#index_menu li#mobile a{
	width: 137px;
	background-image: url(../img/index/index_menu_mobile.jpg);
}

#index_menu li#panel a{
	width: 137px;
	background-image: url(../img/index/index_menu_panel.jpg);
}

#index_menu li#power_manage a{
	width: 137px;
	background-image: url(../img/index/index_menu_manage.jpg);
}

#index_menu li#pc a{
	width: 137px;
	background-image: url(../img/index/index_menu_pc.jpg);
}

#index_menu li a:hover{
	background-position: 0 -60px;
}

#index_pagebody{
	clear: both;
	display: block;
	width: 960px;
	height: 275px;
	overflow: hidden;
}

#index_contents_left{
	float: left;
	display:block;
	width: 450px;
	padding:0px 18px 0px 0px;
}

#topics_title{
	float: left;
	width: 88px;
	height: 105px;
	padding: 0px 7px 0px 0px;
}

#topics_contents{
	float: right;
	width: 355px;
	font-size: 10px;
	line-height: 1.4em;
}

.topics01 {
	width: 345px;
	height: 45px;
	padding: 3px 5px;
	border-top: #9f9f9f 1px dotted;
	border-bottom: #9f9f9f 1px dotted;
}

.topics02 {
	width: 345px;
	height: 45px;
	padding: 3px 5px;
	border-bottom: #9f9f9f 1px dotted;
}

.topics03 {
	width: 345px;
	height: 198px;
	padding: 3px 5px;
	border-top: #9f9f9f 1px dotted;
	border-bottom: #9f9f9f 1px dotted;
	overflow: auto;
}

#index_menu_act{
	clear: both;
	width: 450px;
	height: 52px;
	padding: 12px 0px 22px 0px;
}

#index_menu_act a{
	float:left;
	width: 450px;
	height: 50px;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../img/index/index_menu_act.jpg);
}

#index_menu_oki{
	clear: both;
	width: 491px;
	height: 52px;
	padding: 12px 0px 22px 0px;
}

#index_menu_oki a{
	float:left;
	width: 491px;
	height: 50px;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../img/index/index_menu_oki.jpg);
}

#index_contents_right{
	float: right;
	width: 491px;
	height: 208px;
}

#index_contents_right01{
	width: 491px;
}

.contents_right01{
	margin: 0px;
	padding: 0px;
	width: 491px;
	height: 20px;
}

.contents_right02{
	margin: 0px;
	padding: 0px;
	width: 491px;
	height: 46px;
	background-color: #f1f1e9;
}

.contents_right03{
	clear: both;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 491px;
	height: 138px;
	background-color: #f1f1e9;
}

.contents_right04{
	margin: 0px;
	padding: 0px;
	width: 491px;
	height: 46px;
	background-color: #f1f1e9;
}

.cat_menu_left01{
	float: left;
	width: 162px;
	height: 46px;
	border-right: #ffffff 1px solid;
}

.cat_menu_right01{
	float:right;
	width: 326px;
	height: 46px;
}


.cat_menu_left02{
	float: left;
	display:block;
	margin: 0px;
	padding: 0px;
	width: 163px;
	height: 120px;
	border-right: #ffffff 1px solid; 
}

.cat_menu_left03{
	float: left;
	width: 163px;
	height: 112px;
	border-right: #ffffff 1px solid;
}

.cat_menu_left04{
	float: left;
	width: 163px;
	height: 112px;
	border-right: #ffffff 1px solid;
}
.cat_menu_right02{
	float:right;
	width: 162px;
	height: 112px;
}

.cat_menu_box01{
	clear: both;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 2px 0px;
	width: 163px;
	border-bottom: #9f9f9f 1px dotted;
	overflow: hidden;
}

.cat_menu_box02{
	clear: both;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 2px 0px;
	width: 163px;
}

.cat_menu_box03{
	clear: both;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 2px 0px;
	width: 162px;
	border-bottom: #9f9f9f 1px dotted;
	overflow: hidden;
}

.cat_menu_box04{
	clear: both;
	display: block;
	margin: 0px;
	width: 162px;
	border-bottom: #9f9f9f 1px dotted;
	overflow: hidden;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}

#cat_menu_lsi {
	margin: 0px;
	padding: 0px;
}

#cat_menu_lsi a{
	float:left;
	margin: 0px;
	padding:0px;
	width: 163px;
	height: 24px;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../img/index/index_menu_lsi.jpg);
}

#cat_menu_discrete {
	margin: 0px;
	padding: 0px;
}

#cat_menu_discrete a{
	float:left;
	margin: 0px;
	padding:0px;
	width: 326px;
	height: 24px;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../img/index/index_menu_discrete.jpg);
}

#cat_menu_opto a{
	float:left;
	margin: 0px;
	padding:0px;
	width: 163px;
	height: 24px;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../img/index/index_menu_opto.jpg);
}

#cat_menu_passive a{
	float:left;
	margin: 0px;
	padding:0px;
	width: 163px;
	height: 24px;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../img/index/index_menu_passive.jpg);
}

#cat_menu_oki a{
	float:left;
	margin: 0px;
	padding:0px;
	width: 491px;
	height: 24px;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../img/index/index_menu_oki.jpg);
}

#cat_menu_module a{
	float:left;
	margin: 0px;
	padding:0px;
	width: 162px;
	height: 24px;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../img/index/index_menu_module.jpg);
}

#cat_menu_lsi a:hover,#cat_menu_discrete a:hover,#cat_menu_opto a:hover,#cat_menu_passive a:hover,#cat_menu_module a:hover,#cat_menu_oki a:hover{
	background-position: 0 -24px;
}


#cat_menu_discrete01 a{
	float:left;
	margin: 6px 91px 0px 14px;
	padding: 0px;
	width: 73px;
	height: 13px;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../img/index/menu_discrete01.jpg);
}

#cat_menu_discrete02 a{
	float:left;
	margin: 6px 0px 0px 0px;
	padding: 0px;
	width: 62px;
	height: 13px;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../img/index/menu_discrete02.jpg);
}

#cat_menu_opto01 a{
	float:left;
	margin:0px 116px 0px 14px;
	padding:0px;
	width: 33px;
	height: 13px;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../img/index/menu_opto01.jpg);
}

#cat_menu_opto02 a{
	float:left;
	margin:0px 78px 0px 14px;
	padding:0px;
	width: 82px;
	height: 13px;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../img/index/menu_opto02.jpg);
}

#cat_menu_opto03 a{
	float:left;
	margin:0px 97px 0px 14px;
	padding:0px;
	width: 52px;
	height: 13px;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../img/index/menu_opto03.jpg);
}

#cat_menu_opto04 a{
	float:left;
	margin:0px 31px 0px 14px;
	padding:0px;
	width: 118px;
	height: 13px;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../img/index/menu_opto04.jpg);
}

#cat_menu_opto05 a{
	float:left;
	margin:0px 31px 0px 14px;
	padding:0px;
	width: 82px;
	height: 13px;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../img/index/menu_opto05.jpg);
}

#cat_menu_passive01 a{
	float:left;
	margin:0px 106px 0px 14px;
	padding:0px;
	width: 43px;
	height: 13px;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../img/index/menu_passive01.jpg);
}

#cat_menu_passive02 a{
	float:left;
	margin:0px 51px 0px 14px;
	padding:0px;
	width: 98px;
	height: 13px;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../img/index/menu_passive02.jpg);
}

#cat_menu_passive03 a{
	float:left;
	margin:0px 55px 0px 14px;
	padding:0px;
	width: 94px;
	height: 13px;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../img/index/menu_passive03.jpg);
}

#cat_menu_passive04{
	float:left;
	margin:0px 55px 0px 14px;
	padding:0px;
	width: 94px;
	height: 13px;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
}
#cat_menu_module01 a{
	float:left;
	margin:0px 59px 0px 14px;
	padding:0px;
	width: 89px;
	height: 13px;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../img/index/menu_module01.jpg);
}

#cat_menu_module02 a{
	float:left;
	margin:0px 41px 0px 14px;
	padding:0px;
	width: 107px;
	height: 13px;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../img/index/menu_module02.jpg);
}

#cat_menu_module03 a{
	float:left;
	margin:0px 33px 0px 14px;
	padding:0px;
	width: 115px;
	height: 13px;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../img/index/menu_module03.jpg);
}
#cat_menu_module04{
	float:left;
	margin:0px 33px 0px 14px;
	padding:0px;
	width: 115px;
	height: 13px;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
}

#cat_menu_discrete01 a:hover,#cat_menu_discrete02 a:hover,#cat_menu_opto01 a:hover,#cat_menu_opto02 a:hover,#cat_menu_opto03 a:hover,#cat_menu_opto04 a:hover,#cat_menu_opto05 a:hover,#cat_menu_passive01 a:hover,#cat_menu_passive02 a:hover,#cat_menu_passive03 a:hover,#cat_menu_module01 a:hover,#cat_menu_module02 a:hover,#cat_menu_module03 a:hover{
	background-position: 0 -13px;
}




/* index END-------------------------------------------*/