/* --------off------- */

#off{
	width:800px;
	height:auto;
	margin:70px auto;
	text-align:center;
	padding-top:60px;
	padding-bottom:60px;
	border:thin #999999 dotted;
	font-size:35px;
	font-weight:bold;
	color:#333333;
}






body{
	margin:0px auto;
	padding:0px 0px;
	font-family: arial, sans-serif;
}
img.big{
	min-height:100%;
	min-width:1024px;
	width:100%;
	height:auto;
	position:fixed;
	top:0px;
	left:0px;
	margin:0px auto;
	background-size:contain;
	
}
@media screen and (max-width: 1024px){
  img.bg {
  left: 50%;
  margin-left: -512px; }
}
#container {
  position:absolute;
  width:100%;
  height:auto;
}


/*　　　2525 ここから中身スタート　　　 */

header{
	width:100%;
	height:100%;	
}


#hdbox{
	width:300px;
	height:120px;
	float:left;
	margin-right:30px;
	margin-left:10px;

}


#hdbox h1{
    margin:0px;
    padding:0px;
    padding-left:13px;
    padding-top:10px;
    position:relative;
    clear:both;
    width:250px;
	font-size:13px;
	color:#666666;
}


#hdbox img{
	float:left;
	padding-top:10px;
}

#textbox{
	width:600px;
	height:265px;
    display:inline-block;
	padding:0px;
	padding-left:100px;
	padding-top:50px;
	position:relative;
    writing-mode: tb-rl;
    direction: ltr;
    font-size:27px;
    color:#FFFF00;
    text-align:left;
    
  
}


footer{
	width:100%;
	position:fixed;
	height:60px;
	margin:0px auto;
	margin-top:10px;
	padding:0px;
	text-align:center;
	bottom:0px;
	background-color:#CCFFFF;
		/* box-shadow */
	box-shadow:0px -8px 25px -10px #998f8f;
	-moz-box-shadow:0px -8px 25px -10px #998f8f;
	-webkit-box-shadow:0px -8px 25px -10px #998f8f;
}


footer p{
	font-size:xx-small;
	color:#666666;
	bottom:0px;
}

#footur{
    margin:0px;
    padding:0px;
	width:300px;
	height:30px;
	text-align:right;
}
#footur ul{
    margin:0px;
    padding:0px;
    padding-top:10px;
}

#footur li{
    width:150px;
    list-style:none;
	font-size:15px;
	color:#666666;
	font-weight:bold;
	float:left;
}

#footur a{
    text-decoration:none;

}

#footur a:link{
	color:#666666;
}

#footur a:visited{
	color:#666666;
}

#footur a:hover{
	color:#FFFF00;
}
/* part2 footer--------------------------- */

#footer2{
	width:100%;
	height:60px;
	bottom:0px;
	position:relative;
	margin:0px auto;
	padding:0px;
	text-align:center;
	background-color:#FFFFFF;
		/* box-shadow */
	box-shadow:0px -8px 25px -10px #998f8f;
	-moz-box-shadow:0px -8px 25px -10px #998f8f;
	-webkit-box-shadow:0px -8px 25px -10px #998f8f;
}




/*　　　　　　 2525メインスタート　　　　　　 */

#mainbox{
	width:980px;
	height:auto;
	margin:0px auto;
	text-align:center;
}
#pcb{
	width:980px;
	height:400px;
	margin:0px auto;
	text-align:center;
	float:left;
}

#pcb ul{
	float:left;
	list-style:none;
}
#pcb li{
	width:225px;
	height:346px;
	float:left;
    margin:5px;
}

#pcb p{
    padding-top:250px;
    padding-right:10px;
    text-align:center;
	font-size:17px;
	font-weight:900;
       line-height:23px;
}

#pcb a{
    text-decoration:none;

}

#pcb a:link{
	color:#333333;
}

#pcb a:visited{
	color:#333333;
}

#pcb a:hover{
	color:#FFFF00;
}

/*       second__________________________________________________*/

#part2{
	width:100%;
	height:130px;
	max-width:100%;
	min-width:1000px;
    background-image:url('../../img/hdtop.png');
    background-repeat:no-repeat;
    background-color:#FFFFFF;
	box-shadow:0px 8px 25px -10px #998f8f;
    -moz-box-shadow:0px 8px 25px -10px #998f8f;
    -webkit-box-shadow:0px 8px 25px -10px #998f8f;
	
}

#nav{
	width:auto;
	height:60px;
	float:right;
	margin:0px auto;
	margin-right:50px;
	margin-top:70px;
	text-align:left;
	font-size:15px;
	font-weight:bold;
}
#nav ul{
	float:left;
	list-style:none;
}
#nav li{
	width:175px;
	height:auto;
	padding:8px 0px;
	text-align:center;
	float:left;
	box-shadow:0px 0px 20px -2px #a6a3a2;
    -moz-box-shadow:0px 0px 20px -2px #a6a3a2;
    -webkit-box-shadow:0px 0px 20px -2px #a6a3a2;
    border-left:thin #999999 double;
}
#nav a{
    text-decoration:none;

}

#nav a:link{
	color:#666666;
}

#nav a:visited{
	color:#333333;
}

#nav a:hover{
	color:#FFFF00;
}


#container2 {
  width:100%;
  height:auto;
  background-color:#CCCCCC;
}


/*       会社概要__________________________________________________*/



#aboutbox{
	width:1000px;
	height:1350px;
	margin:0px auto;
	padding:0px 0px;
	text-align:center;
	background-color:#FFFFFF;
	box-shadow:7px 0px 15px -5px #6d6c70,-7px 0px 15px -5px #6d6c70;
    -moz-box-shadow:7px 0px 15px -5px #6d6c70,-7px 0px 15px -5px #6d6c70;
    -webkit-box-shadow:7px 0px 15px -5px #6d6c70,-7px 0px 15px -5px #6d6c70;
}

#aboutbox table{
	width:850px;
	height:auto;
	margin:0px auto;
	font-size:16px;
	border-radius:0px 20px 0px 20px ;
    -moz-border-radius:0px 20px 0px 20px ;
    -webkit-border-radius:0px 20px 0px 20px ;
}



#aboutbox th{
	width:350px;
	height:auto;
	background-color:#666666;
	padding:15px 0px;
	color:#FFFFFF;
	
}


#aboutbox td{
	width:490px;
	height:auto;
	text-align:left;
	padding-left:30px;
	padding-top:15px;
	padding-bottom:15px;
	border:thin #666666 dotted;
	color:#333333;
}

#abouttext{
	width:650px;
	height:auto;
	margin:0px auto;
	padding-top:60px;
	padding-bottom:50px;
    font-size:14px;
    color:#666666;
}

#abouttext p{
	text-align:left;
	line-height:25px;
}

#abouttext2{
	width:500px;
	height:auto;
	margin:0px auto;
	padding-top:30px;
}

#abouttext2 p{
	color:#666666;
	font-size:12px;
	line-height:20px;
	text-align:left;
}

/* ----------お問合せ---------------------------------------------------------- */


#contactbox{
	width:1000px;
	height:1200px;
	margin:0px auto;
	padding:0px 0px;
	text-align:center;
	background-color:#FFFFFF;
	box-shadow:7px 0px 15px -5px #6d6c70,-7px 0px 15px -5px #6d6c70;
    -moz-box-shadow:7px 0px 15px -5px #6d6c70,-7px 0px 15px -5px #6d6c70;
    -webkit-box-shadow:7px 0px 15px -5px #6d6c70,-7px 0px 15px -5px #6d6c70;

}

#contactboxtext{
	width:700px;
	height:auto;
	margin:0px auto;
	padding:80px 0px;
}

#contactboxtext p{
	font-size:15px;
	color:#808080;
	text-align:left;
	line-height:22px;
}



#contactboxtext2{
    width:650px;
    height:auto;
    margin:0px auto;
    padding-top:700px;
}


/* ーーーーーーーーーーーーー基板開発ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */


#pcbbox{
	width:1000px;
	height:1600px;
	margin:0px auto;
	padding:0px 0px;
	text-align:center;
	background-color:#FFFFFF;
	box-shadow:7px 0px 15px -5px #6d6c70,-7px 0px 15px -5px #6d6c70;
    -moz-box-shadow:7px 0px 15px -5px #6d6c70,-7px 0px 15px -5px #6d6c70;
    -webkit-box-shadow:7px 0px 15px -5px #6d6c70,-7px 0px 15px -5px #6d6c70;

}

#pcbimg{
	width:1000px;
	height:300px;
	margin:0px auto;
	padding:0px;
}
#pcbimg img{
    margin:0px;
	border-radius:0px 0px 26px 26px ;
    -moz-border-radius:0px 0px 26px 26px ;
    -webkit-border-radius:0px 0px 26px 26px ;

}


#pcbtext{
	width:700px;
	height:auto;
	margin:0px auto;
	padding-top:70px;
	text-align:left;
}

#pcbtext .top{
	font-size:17px;
	color:#333333;
	border-bottom:thin #3399FF dotted;
	font-weight:bold;
	padding:10px 10px;
}

#pcbtext .subtop{
    font-size:16px;
    color:#808080;
    padding:10px 10px;
    border-bottom:thin #3399FF dotted;
}

#pcbngr{
	width:800px;
	height:auto;
	margin:0px auto;
	padding-top:50px;
}

#pcbngrtext{
	width:800px;
	height:auto;
	margin:0px auto;
	text-align:center;
	padding-top:50px;
	font-size:24px;
	color:#333333;
	font-weight:bold;
}


#cont{
	width:250px;
	height:auto;
	margin:70px auto;
	background-color:#CC9900;
	font-size:17px;
	font-weight:bold;
    padding:13px 13px;
    box-shadow:4px 4px 13px -1px #858182;
	-moz-box-shadow:4px 4px 13px -1px #858182;
	-webkit-box-shadow:4px 4px 13px -1px #858182;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#cont a{
    text-decoration:none;

}

#cont a:link{
	color:#FFFFFF;
}

#cont a:visited{
	color:#FFFFFF;
}

#cont a:hover{
	color:#996600;
}

/* ーーーーーーーーーー鳥獣害対策ーーーーーーーーーーーーーーーーーーーーーーー */


#birdbox{
	width:1000px;
	height:1150px;
	margin:0px auto;
	padding:0px 0px;
	text-align:center;
	background-color:#FFFFFF;
	box-shadow:7px 0px 15px -5px #6d6c70,-7px 0px 15px -5px #6d6c70;
    -moz-box-shadow:7px 0px 15px -5px #6d6c70,-7px 0px 15px -5px #6d6c70;
    -webkit-box-shadow:7px 0px 15px -5px #6d6c70,-7px 0px 15px -5px #6d6c70;


}



/* ーーーーーーーーーーーアパレルーーーーーーーーーーーーーーーーーーーーーーーー */

#apparelbox{
	width:1000px;
	height:1150px;
	margin:0px auto;
	padding:0px 0px;
	text-align:center;
	background-color:#FFFFFF;
	box-shadow:7px 0px 15px -5px #6d6c70,-7px 0px 15px -5px #6d6c70;
    -moz-box-shadow:7px 0px 15px -5px #6d6c70,-7px 0px 15px -5px #6d6c70;
    -webkit-box-shadow:7px 0px 15px -5px #6d6c70,-7px 0px 15px -5px #6d6c70;

}



/* ----------------------LED----------------------------------------------- */



#ledbox{
	width:1000px;
	height:2100px;
	margin:0px auto;
	padding:0px 0px;
	text-align:center;
	background-color:#FFFFFF;
	box-shadow:7px 0px 15px -5px #6d6c70,-7px 0px 15px -5px #6d6c70;
    -moz-box-shadow:7px 0px 15px -5px #6d6c70,-7px 0px 15px -5px #6d6c70;
    -webkit-box-shadow:7px 0px 15px -5px #6d6c70,-7px 0px 15px -5px #6d6c70;

}


#raz{
	width:700px;
	height:auto;
	margin:0px auto;
	padding-top:50px;
}


#raz .razbox1{
	width:700px;
	height:auto;
	text-align:left;
}


#raz .razbox1 p{
	font-size:16px;
	color:#333333;
	font-weight:bold;
	padding:10px 10px;
	border-bottom:thick #FFFF00 outset;
}


#raz .razbox2{
	width:300px;
	height:auto;
	text-align:center;
	float:left;
	padding-top:20px;
	margin-right:20px;
}



#raz .razbox3{
	width:350px;
	height:auto;
	text-align:left;
	float:right;
	padding-top:5px;
}


#raz .razbox3 p{
	font-size:15px;
	color:#FFFFFF;
	font-weight:bold;
	padding:15px 15px;
	line-height:25px;
	background-color:#333333;
	border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
}

#raz .razbox4{
	border:thick #666666 dotted;
	margin-top:20px;

}

#raz .nagare{
	font-size:14px;
	color:#666666;
	line-height:20px;
	text-align:left;
	padding-left:30px;
	padding-top:20px;
	padding-bottom:20px;
}