@charset "utf-8";
/**********************************************************************
 * #bg
 */

#bg,
#bg_header,
#bg_inner,
#bg_footer{
	float:left;
	display:inline;
	width:100%;
	margin:0;
}

#bg_header{
	background-color:#232323;
	background-image:url(img/bg_header.png);
	background-position:center top;
	background-repeat:no-repeat;
	border-bottom:4px solid #5b6067;
	height:96px;
}

#bg_footer{
	background: #f7f7f7;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYWNhY2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f7f7f7 0%, #cacaca 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#cacaca));
	background: -webkit-linear-gradient(top,  #f7f7f7 0%,#cacaca 100%);
	background: -o-linear-gradient(top,  #f7f7f7 0%,#cacaca 100%);
	background: -ms-linear-gradient(top,  #f7f7f7 0%,#cacaca 100%);
	background: linear-gradient(to bottom,  #f7f7f7 0%,#cacaca 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#cacaca',GradientType=0 );

}
/**********************************************************************
 * #wrap
 */

#wrap,
#wrap_header,
#wrap_inner,
#wrap_footer{
	width:950px;
	margin:0 auto;
}
/**********************************************************************
 * #header
 */

#header {
	float:left;
	display:inline;
	width:950px;
	height:96px;
	margin:0;
	background-image:url(img/header_bg.png);
	background-position:0 0;
	background-repeat:no-repeat;
}

#header #logo{
	float:left;
	display:inline;
}

#header #logo a{
	float:left;
	display:block;
	width:135px;
	height:96px;
	margin:0 auto 0 0;
	background-image:url(img/logo_bg.png);
	background-position:0 0;
	background-repeat:no-repeat;
}
#header #logo a span {
	display:none;
}

#header #contact{
	float:right;
	display:inline;
	margin:0;
	width:381px;
	height:50px;
	/*background-image:url(img/header_contact.png);
	background-position:0 0;
	background-repeat:no-repeat;*/
}

#header #contact a{
	display:block;
	width:381px;
	height:50px;
	background-image:url(img/header_contact.png);
	background-position:0 0;
	background-repeat:no-repeat;
	display:none;
}

#header #contact a:hover{
	filter: alpha(opacity=95);
	-moz-opacity:0.95;
	opacity:0.95;
}

#header #contact a span{
	display:none;
}

/**********************************************************************
 * #menu
 */


#header #menu {
	float:right;
	display:inline;
	width:770px;
	margin:15px 0 1px 0;
	padding:0;
	background-color:#F00;
	z-index:1000;
}

#menu ul {
	position: absolute;
	z-index:1000;
}

* html #menu ul {
	line-height: 0;
}

#menu ul li {
	float:left;
	display:inline;
	width:190px;
	position: relative;
	z-index:1000;
}

#menu ul li a {
	display:block;
	width:190px;
	height:30px;
	padding:0;
	border-left:1px solid #5b6067;
	background-image:url(img/menu_li_a.png);
	background-position:0 0;
	background-repeat:no-repeat;
}

#menu ul li a span{
	display:none;
}

#menu ul li.product a{
	background-position:-190px 0;
	cursor:default;
}
#menu ul li.company a{
	background-position:-380px 0;
}
#menu ul li.contact a{
	background-position:-570px 0;
}

body.top #menu ul li.top a, 
body.product #menu ul li.product a, 
body.company #menu ul li.company a, 
body.contact #menu ul li.contact a {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}


#menu ul ul{
	display:none;
	border:1px solid #5B6067;
	border-top:none;
	box-shadow:1px 1px 3px #000;
	z-index:1000;
}

#menu ul li li a {
	display:block;
	width:180px;
	height:auto;
	font-size:13px;
	line-height:13px;
	padding:6px 0 6px 10px;
	background-image:none;
	background: #444444;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ0NDQ0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #444444 0%, #333333 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#333333));
	background: -webkit-linear-gradient(top,  #444444 0%,#333333 100%);
	background: -o-linear-gradient(top,  #444444 0%,#333333 100%);
	background: -ms-linear-gradient(top,  #444444 0%,#333333 100%);
	background: linear-gradient(to bottom,  #444444 0%,#333333 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#333333',GradientType=0 );
	color:#fff;
	text-decoration:none;
	border:none;
	cursor:pointer !important;
	border-top:1px solid #5B6067;
}


#menu ul li li a span {
	display:inline;
}


/**********************************************************************
 * #inner
 */

#inner{
	float:left;
	display:inline;
	width:950px;
/*	background-image:url(img/inner_bg.png);
	background-image:url(img/bg_main.png);
	background-position:0 0;
	background-repeat:no-repeat;
	background-color:#FFF;
*/	padding:0 0 10px 0;
}









/**********************************************************************
 * #mainview
 */
#mainview {
	float:left;
	display:inline;
	width:950px;
	padding:0;
	display:none;
}

/**********************************************************************
 * #pan
 */
#pan{
	float:left;
	display:inline;
	width:950px;
	padding:10px 0 5px;
}

#pan ul li{
	float:left;
	display:inline;
	padding:0 0 0 20px;
	background-image:url(img/pan_li.png);
	background-position:5px center;
	background-repeat:no-repeat;
	color:#0f0f0f;
	font-size:12px;
	line-height:14px;
}

#pan ul li:first-child,
#pan ul li.top{
	padding:0;
	background-image:none;
}


/**********************************************************************
 * #contents
 */
#contents {
	float:left;
	display:inline;
	clear:none;
	width:747px;
	margin:0;
	background-image:url(img/contents_bg.png);
	background-position:0 0;
	background-repeat:repeat-y;


}

#contents h1 {
	float:left;
	display:inline;
	width:747px;
	height:113px;
	margin:0;
	font-size:20px;
	line-height:44px;
	color:#fff;
	padding:0 0 10px 0;
	background-color:#fff;
	background-position:0 0;
	background-repeat:no-repeat;
}

#contents h1 span{
	display:none;
}

#contents #main{
	float:left;
	display:inline;
	width:707px;
	min-height:400px;
	background-image:url(img/main_bg.png);
	background-position:0 0;
	background-repeat:no-repeat;
	padding:20px 20px 0;
}

#contents h2,
.pop_box h2{
	margin:0 0 15px 0;
	background-image:url(img/main_h2.png);
	background-position:0 0;
	background-repeat:no-repeat;
	height:44px;
}

.pop_box h2{
	margin-bottom:10px;
}

#contents h2 span,
.pop_box h2 span{
	float:left;
	display:inline;
	margin:12px 0 0 30px;
	font-size:16px;
	line-height:20px;
	font-weight:normal;
}

#contents h3,
.pop_box h3 {
	margin:0 10px 15px 20px;
	padding:5px 0 4px 20px;
	font-size:16px;
	line-height:20px;
	color:#000;
	background-image:url(img/main_h3.png);
	background-position:1px center;
	background-repeat:no-repeat;
	border-bottom:1px solid #dbdbdb;
}

.pop_box h3 {
	margin-bottom:10px;
}

#contents h4,
.pop_box h4 {
	margin:25px 10px 15px 20px;
	padding:4px 0 4px 4px;
	color:#000;
	font-size:14px;
	line-height:16px;
	background-color:#dbdbdb;
}

#contents h4 span,
.pop_box h4 span{
	border-left:2px solid #fff;
	padding: 0 0 0 5px;
}

#contents h5,
.pop_box h5 {
	margin:25px 10px 10px 15px;
	padding:0 ;
	color:#000;
	font-size:12px;
	font-weight:bold;
}
#contents h5 span,
.pop_box h5 span{
	border-bottom:1px solid #dbdbdb;
	padding:0 10px 0;
}

#contents p,
.pop_box p {
	margin:0 15px 20px;
}

#contents p img,
.pop_box p img{
	border:1px solid #ddd;
	padding:4px;
	margin:5px;
}

#contents table{
	border:1px solid #dbdbdb;
	margin:0 20px 10px;
	width:665px;
	background-color:#FFF;
	border-collapse:separate;
	border-spacing:1px;

}

.pop_box table{
	width:98%;
	margin:0 1%;
	border:1px solid #aaa;
}

#contents table th,
.pop_box table th{
	background-color:#d2d2d2;
	border:none;
	color:#333;
	min-width:80px;
	font-weight:normal;
}

.pop_box table th{
	min-width:inherit;
	color:#111;
	background-color:#ccc;
}

#contents table td,
.pop_box table td{
	border:none;
	background-color:#f2f2f2;
}

.pop_box table th,
.pop_box table td{
	border:1px solid #aaa;
	text-align:center;
	padding:3px 0;
	line-height:16px;
}

.pop_box table td{
	font-size:11px;
}

#contents table td.subtitle{
	background-color:#e2e2e2;
	text-align:center;
}

#contents table td p,
#contents table td ul{
	margin:0 0 5px 0;
}

#contents ul,
.pop_box ul{
	margin:0 15px 20px;
}

#contents ul li,
.pop_box ul li{
	background-image:url(img/ul.png);
	background-position:0 6px;
	background-repeat:no-repeat;
	padding:0 0 0 15px;
}

#contents ul ul li,
.pop_box ul ul li{
	background-image:url(img/ul_ul.png);	
}

#contents .contents_footer{
	float:left;
	display:inline;
	width:747px;
	height:10px;
	background-image:url(img/contents_footer_bg.png);
	background-position:0 bottom;
	background-repeat:no-repeat;
}

#contents tr.blue td,
#contents td.blue,
#contents .pop_box tr.blue td,
#contents .pop_box td.blue,
.pop_box tr.blue td,
.pop_box td.blue{
	background-color:#E8F3FF;
}

.pop_box .floatWrap{
	margin:0 0 5px 0;
}

.pop_box .floatWrap .hinban{
	width:280px;
}

.pop_box .floatWrap .zumen{
	width:400px;
}
.pop_box .floatWrap .zumen img{
	width:400-x;
	height:auto;
	padding:0;
	margin:0 ; 
}
/**********************************************************************
 * #side
 */
#side {
	float:right;
	display:inline;
	clear:none;
	width:190px;
	margin:0;
}

#side ul{
	margin:0 0 20px 0;
}

#side h2.menu{
	background-image:url(img/side_menu_h2.png);
	background-position:0 0;
	background-repeat:no-repeat;
	height:39px;
	margin:0 0 1px 0;
}

#side h2.menu span{
	display:none;
}

#side ul.menu li a,
#side ul.menu li span{
	display:block;
	border:1px solid #D1E4E8;
	margin:0 0 1px 0;
	padding:6px 0 6px 10px;
	width:190px;
	text-decoration:none;
	color:#333;
	background-color:#EEF4F7;
	background-image:url(img/side_menu_li.png);
	background-position:0 0;
	background-repeat:repeat-x;
	cursor:pointer;
}

#side ul.menu li:hover{
	color:#666;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}


#side ul.banner {
}
#side ul.banner li {
	margin:0 0 10px 0;
}
#side ul.banner li a {
	display:block;
	width:188px;
	height:113px;
	border:1px solid #ccc;
	border-radius:4px;
	background-position:center center;
	background-repeat:no-repeat;
}
#side ul.banner li a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#side ul.banner li a span {
	display:none;
}

#side ul.banner li.other a{
	background-image:url(img/catalog.jpg);
}
#side ul.banner li.exceed a{
	background-image:url(img/banner_exceed.jpg);
}
#side ul.banner li.ff a{
	background-image:url(img/fortish.jpg);
}

#side ul.banner li.led a{
	background-image:url(img/banner_led.jpg);
}

#side ul.banner li.ttb a{
	background-image:url(img/banner_turntable.jpg);
}

#side ul.banner li.hook a{
	background-image:url(img/banner_hookline.jpg);
}
#side ul.banner li.hook a{
	background-image:url(img/ban20220927.png);
}

#side ul.banner li.recruit a{
	background-image:url(img/banner_recruit.jpg);
	height:68px;
	border:none;
	border-radius:0;

}

#side ul.banner li.comingsoon a{
	background-image:url(img/banner_comingsoon.jpg);
	height:50px;
	cursor:default;
}

#side #catalog{
	border:1px solid #ccc;
	border-radius:4px;
	background: #f7f7f7;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjRmNGY0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzkyOTI5MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #f7f7f7 0%, #f4f4f4 0%, #929292 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(0%,#f4f4f4), color-stop(100%,#929292));
	background: -webkit-linear-gradient(top,  #f7f7f7 0%,#f4f4f4 0%,#929292 100%);
	background: -o-linear-gradient(top,  #f7f7f7 0%,#f4f4f4 0%,#929292 100%);
	background: -ms-linear-gradient(top,  #f7f7f7 0%,#f4f4f4 0%,#929292 100%);
	background: linear-gradient(to bottom,  #f7f7f7 0%,#f4f4f4 0%,#929292 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#929292',GradientType=0 );
	display:none;
}

#side #catalog h3{
	text-align:center;
	padding:10px 0 6px 0;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
}

#side #catalog h3 span{
	border:none;
	margin:0;
	padding:0;
}

#side #catalog ul{
	background-color:#fff;
	margin:3px ;
	padding:1px ;
}

#side #catalog ul li a{
	display:block;
	background-color:#fff;
	margin:1px;
	border:1px solid #ccc;
	color:#000;
	background-image:url(img/side_li.png);
	background-position:10px center;
	background-repeat:no-repeat;
	padding:15px 0 15px 20px;
	font-size:14px;
	line-height:14px;
	text-decoration:none;
}


/**********************************************************************
 * #footer
 */

#footer {
	float:left;
	display:inline;
	width:950px;
	margin:15px 0 0 0;
	border-top:1px solid #a5a5a5;
	box-shadow:inset 0 1px 0 #fff;
}

#footer #footerNavi{
	float:left;
	display:inline;
	width:800px;
	padding:10px 0;
	text-align:center;
	font-size:12px;
	line-height:20px;
	background-image:url(img/footer_navi_bg.png);
	background-position:0 0;
	background-repeat:no-repeat;
}

#footer #footerNavi ul{
	width:850px;
	float:left;
	display:inline;
}
#footer #footerNavi ul li{
	float:left;
	height:100px;
	width:130px;
	text-align:left;
	border-left:1px solid #a5a5a5;
	padding:0 0 0 15px;
	font-weight:bold;
	box-shadow:-1px 0 0 #fff;
}


#footer #footerNavi ul li.product{
width:360px;
}

#footer #footerNavi ul li.product a{
display:block;
}



#footer #footerNavi ul li a{
	text-decoration:none;
	color:#000;
}
#footer #footerNavi ul li a:hover{
	text-decoration:underline;
}

#footer #footerNavi ul ul{
	width:auto
}

#footer #footerNavi ul li.product ul.p1{
clear:none;
width:150px;
float:left;
}
#footer #footerNavi ul li.product ul.p2{
clear:none;
width:180px;
float:left;
}

#footer #footerNavi ul li.product ul img{
vertical-align:middle;
}



#footer #footerNavi ul ul li{
	float:none;
	height:auto;
	margin:0;
	padding:0 0 0 10px;
	border:none;
	font-weight:normal;
	width:auto;
	box-shadow:none;

}


#footer #footerGotop{
	float:right;
	display:inline;
	margin:0 5px 0 0;
}
#footer #footerGotop a{
	display:block;
	width:65px;
	height:20px;
	background-image:url(img/footer_gotop.png);
	background-position:0 0;
	background-repeat:no-repeat;
}
#footer #footerGotop a:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
#footer #footerGotop a span{
	display:none;
}
#footer #copy{
	float:left;
	display:inline;
	width:950px;
	color:#515151;
	text-align:center;
	font-size:12px;
	line-height:12px;
	padding:5px 0;
	border-top:1px solid #a5a5a5;
	box-shadow:inset 0 1px 0 #fff;
}