﻿/* 
    AUTHOR: Chris Coyier
            chriscoyier@gmail.com
            http://chriscoyier.net
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}
abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{display:block; margin:0; padding:0;}@charset "utf-8";
/* CSS Document */

/*******************************************************
               all page shera style
********************************************************/
.clerfix:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
.clerfix{min-height:1px;}

body{font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	font-size:12px;margin:0;padding:0;background:#FFF;}

.f12{ font-size:12px;}
.r{color:#F00;}
.g{color:#090;}
/*******************************************************/

/********************************************************/
.aviaslider{ 
height:400px; 	/*this changes the height of the image slider*/
width:870px;
overflow: hidden;
position: relative;
background: #fff /*url(/images/layout/preload.gif) center center no-repeat*/;
}

.aviaslider li, .aviaslider .featured{
display: block;
width:100%;
height:100%;
position: absolute;
top:0;
left:0;
z-index: 1;
}

.js_active .aviaslider li, .js_active .aviaslider .featured{
display:none;
}

.aviaslider img, .aviaslider a img, .aviaslider a{
border:none;
text-decoration: none;
}

.slidecontrolls{
margin:20px auto 0 auto;
position: relative;
float:left;
}

.feature_excerpt{
width:900px;
position: absolute;
display: block;
bottom: 0;
left:0;
z-index: 2;
padding:14px 15px;
font-size: 11.5px;
line-height:1.5em;
cursor: pointer;
background: #000;
color: #fff;
}

.feature_excerpt strong{
display: block;
font-size: 15px;
padding-bottom: 3px;
}

* { margin: 0; padding: 0; }

html { overflow-y: scroll; }


.clear {
	clear: both;
}


.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

#whbg{
	display:block;
	width:100%;
	height:100%;
	background:url(../images/images/secondhead_bg.jpg) repeat-x;	
}
#wrapper {
	display:block;
	width:100%;
	height:100%;
	background:url(../images/images/headbg.jpg) no-repeat top center;	
}


#container {
	display:block;
	width:950px;
	margin-left:auto;
	margin-right:auto;
}

#header{display:block;
		width:950px;
		height:149px;
		background:url(../images/images/head.jpg) no-repeat;
}
.logo,.s-logo{display:block;
		width:101px;
		height:83px;
		padding:3px 0px 8px 40px;
		float:left;}

.logo a,.s-logo a{display:block;
		width:101px;
		height:83px;
		text-indent:-9999px;
}

.logo a:hover,#header li a:hover,.plist li a:hover,.Llist li a:hover,.f-menu li a:hover,.s-logo a:hover,.s-header li a:hover{background:#FFF;
				opacity:0.3;filter: alpha(opacity=30);
/* ie lt 8 */
-ms-filter: "alpha(opacity=30)";  /* ie 8 */
-moz-opacity:0.3;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.3;              /* Safari 1.x */}

.title,.s-title{display:block;
		width:809px;
		height:94px;
		float:left;
}
.title h1,.s-title h1 {font-size:20px;
	font-weight:bold;
	padding:38px 0 0 12px;
	color: #666;
}

.menuarea{display:block;
			width:950px;
			float:left;
}
#header ul,.s-header ul{padding:0 0 0 40px;}
#header li,.s-header li{float:left;}
#header li a,.s-header li a{display:block;
		height:45px;
		text-indent:-9999px;}
.m01 a{width:145px;}	
.m02 a{width:145px;}
.m03 a{width:145px;}
.m04 a{width:145px;}
.m05 a{width:145px;}
.m06 a{width:145px;}	

#main{width:950px;
		height:464px;
		background:url(../images/images/topbg.jpg) no-repeat;
}

.center{ /*center content area */
position: relative;
padding-top:41px;
padding-left:40px;
margin:0 0;
width:870px;
}

#contents{display:block;
	width:950px;
	height:auto;
}

#contents .topix{background:url(../images/images/topic.jpg) no-repeat;
				display:block;
			width:492px;
			height:auto;
			float:left;
}
.news{width:437px;
		height:auto;
		padding:50px 0px 0px 40px;
		/*border:solid 1px #e4e4e4;*/
}

.news ul{max-height:500px;
		min-height: 238px;
		overflow:scroll;
		overflow-y:none;
}

.news_txt{
	line-height:100px;
	}

.topix li{padding-left: 85px;
    background: transparent url(../images/images/newsbt.jpg) no-repeat left;
			border-bottom:dotted #b2b2b2 2px;
			color: #666;
			line-height:40px;
}

.r-topix{display:block;
		width:458px;
		height:auto;
		float:left;
}

.pickup{background:url(../images/images/pickup.jpg) no-repeat;
		display:block;
		width:458px;
		height:240px;
		float:left;
}
.plist{display:block;
		width:428px;
		height:160px;
		padding:73px 0px 0px 30px;
}

.plist li{float:left;
}

.plist li a{display:block;
		width:177px;
		height:84px;
		margin:0px 6px 6px 0px;
		text-indent:-9999px;
}

	
	

#rink{display:block;
		background:url(../images/images/rink.jpg) no-repeat #F7F2DC;
		width:418px;
		height:360px;
		float:left;
}


.Llist{display:block;
		width:418px;
		height:360px;
		padding:55px 0px 0px 15px;
}
		
.Llist li{float:left;
}

#ushiolighting{background:url(../images/images/ushiolighting.jpg) no-repeat;}
#kyb-ksm{background:url(../images/images/kyb-ksm.jpg) no-repeat;}
#sanken-eng{background:url(../images/images/sanken-eng.jpg) no-repeat;}
#sansei-technologies{background:url(../images/images/sansei-technologies.jpg) no-repeat;}
#jvckenwood{background:url(../images/images/jvckenwood.jpg) no-repeat;}
#lte{background:url(../images/images/lte.jpg) no-repeat;}
#panasonic{background:url(../images/images/panasonic.jpg) no-repeat;}
#matsumuradenki{background:url(../images/images/matsumuradenki.jpg) no-repeat;}
#marumo{background:url(../images/images/marumo.jpg) no-repeat;}
#yamaha{background:url(../images/images/yamaha2.jpg) no-repeat;}


.Llist li a{display:block;
		width:190px;
		height:80px;
		margin:0px 10px 10px 0px;
		text-indent:-9999px;
}
.fbg{margin-top:30px;
		float:left;
		display:block;
		background:url(../images/images/footerbg.jpg) repeat-x;
		width:100%;
		height:265px;}
		
.footer{margin:0 auto;
		display:block;
		background:url(../images/images/footer.jpg) no-repeat;
		width:950px;
		height:265px;
}

.f-menu{display:block;
		width:380px;
		height:49px;
		padding:54px 0px 0px 53px;
}
.f-menu li{float:left;}
.f-menu li a{display:block;
		height:18px;
		text-indent:-9999px;
		}

.fm01 a{width:60px;}	
.fm02 a{width:49px;}
.fm03 a{width:49px;}
.fm04 a{width:70px;}
.fm05 a{width:69px;}
.fm06 a{width:80px;}

.tb{display:block;
	width:130px;
	height:91px;
	padding:0px 0px 0px 414px ;
}

#pageTop{display:block;
		width:122px;
		height:91px;
		text-indent:-9999px;
		
	}
#pageTop:hover{
	background:url(../images/images/top-rb.jpg) no-repeat;
	}
.address{float:left;
		color:#666;
		padding:0px 0px 0px 0px ;
}
/************************************************************
                       second page
************************************************************/
.wrapper-s{
	display:block;
	width:100%;
	height:100%;
	background:url(../images/images/secondhead_bg.jpg) repeat-x;	
}
.s-header{display:block;
		width:950px;
		height:149px;
		background:url(../images/images/secondhead.jpg) no-repeat;
		 margin:0 0 15px 0;}

.mainarea{display:block;
		width:950px;
		height:auto;
}
.p-title{width:880px;
			height:20px;
			padding:0px 0 0 40px;
}
.p-title a{float:right;
margin-right:15px;}

.p-title02{width:950px;
			height:20px;
			padding:40px 0 5px 0;
}

.p-title img,.p-title02 img{float:left; padding:0 14px 0 0 ;}
.p-title h2,.p-title02 h2{vertical-align:middle; font-weight:bold; font-size:14px;}


.honbun{width:950px;
		height:auto;
		padding:20px 0 30px 40px;
}
.honbun b{font-size:14px;}
.ns{float:right;
	margin-right:15px;}
.honbun ul{margin-left:40px;}
.honbun table{
		margin:5px 0px 0px 55px ;
}
.honbun th{text-align:center;}
.honbun td{text-align:right;}

.honbun .yakuin{margin-left:40px;
				border:none;}
.honbun .yakuin th,.honbun .yakuin td{border:none;}
.honbun .yakuin th{text-align:left;}


.soshiki table{margin:5px 0px 0px 40px ;
}
.soshiki th{text-align:center; background-color:#eee;}
.soshiki td{padding:10px;}

.houkoku{margin:0px 0px 0px 40px ;
				height:auto;
				width:865px;}
								
.enkaku table{margin:5px 0px 0px 40px ;
}
.enkaku th{text-align:center; background-color:#eee;}
.enkaku td{padding:10px;}

.houkoku{margin:0px 0px 0px 40px ;
				height:auto;
				width:865px;
}


.memver{display:block;
		width:950px;
		height:auto;
		padding:15px 0px 30px 40px;
}
.memver table{margin-bottom:30px;}
.memver .tr1{background:#f3f3f3;}
.memver .th1{width:215px;
			background:#eee;
			text-align:center;
			padding:3px 0 3px 0;}
.memver .th2{width:140px;
			background:#eee;
			text-align:center;
			padding:3px 0 3px 0;}			
.memver .th3{width:350px;
			background:#eee;
			text-align:center;
			padding:3px 0 3px 0;}
.memver td{padding:5px 5px 5px 5px;}
.memver .tanntou{padding-left:43px;}
.m-name{color:#cc0000;}

.ken{font-size:14px;
		margin:30px 0 5px 0;
		background:#ffd;}

.p-title p{padding:10px 0 5px 20px;}

.form{display:block;
		width:780px;
		height:auto;
		padding:30px 0px 30px 40px;
}

.form table, th, td {
border: 1px #CCCCCC solid;
text-align: left;
}
.form table {
border-collapse: collapse;
width: 600px;
margin:5px 0 0 20px;
border-spacing: 0;
}
.form table {
border-collapse: collapse;

}

.form th {
background-color: #E6E6E6;
padding: 5px 10px;
font-weight: bold;
color: #666;
font-size: 14px;
width: 30%;
vertical-align: middle;
}

.form td {
padding: 5px 10px;
width: 70%;
}
.form .center{text-align:center;}
/************************************************************
                       工事中ページ
************************************************************/

.k-main{display:block;
		width:950px;
		height:300px;}
		