@charset "utf-8";
/* トップページ */
#menu{
	width:100%;
	margin: 0 auto;
	padding-right:10%;
	padding-left:10%;
	clear:both;
}
#menu ul{
	float: left;
	margin: 0px;
	padding: 0;
}
#menu li{
	margin: 0px;
	width:40%;
	list-style: none;
	float: left;
}
#menu img{
	width:100%;
	border:0;
	margin: 0;
}

.img80{
	width:95%;
}
.shadow{
	opacity: 0.4;
}
#indexmain{
	width:100%;
	margin-right: 10%;
	margin-left: 10%;
}
#indexleft{
	width:50%;
	margin: 0 auto;
	float: left;
}
#indexright{
	width:30%;
	margin: 0 auto;
	float: left;
}
#intro{
	margin: 0 auto;
	clear:both;
}
#intro p{
	padding:20px;
	font-size:17px;
	line-height:30px;

}
#topics{
	margin: 0 auto;
	border:1px solid #fff;
}
#topics table{
	font-size:17px;
	line-height:150%;
}
#topics tr:hover{
	background-color: #111;
}
#topics td.day{
	text-align: center;
	vertical-align: top;
}
/* サブページ */
#takumicontents{
	position:relative;
	width:100%;
	min-height:600px;
	padding:30px 10% 30px 5%;
	background: url("../img/company2.jpg") 50% 0px no-repeat fixed;
	-webkit-background-size: cover;
	background-size: cover;
}
#shitsucontents{
	position:relative;
	width:100%;
	min-height:600px;
	padding:30px 10% 30px 5%;
	background: url("../img/quality2.jpg") 50% 0px no-repeat fixed;
	-webkit-background-size: cover;
	background-size: cover;
}
#wazacontents{
	position:relative;
	width:100%;
	min-height:600px;
	padding:30px 10% 30px 5%;
	background: url("../img/technique2.jpg") 50% 0px no-repeat fixed;
	-webkit-background-size: cover;
	background-size: cover;
}
.content {
	height: 900px;
	margin: 0 auto;
	position: relative;
	width: 100%;
}
#img001{
	margin: 20px 0 0 0;
}
#first { background: url(../img/toki/history01.png) 50% 50px no-repeat fixed ;
			-webkit-background-size: cover;
			background-size: cover;
 }
#second { background: url(../img/toki/history02.jpg) 50% 50px no-repeat fixed ;
			-webkit-background-size: cover;
			background-size: cover;
 }
#third { background: url(../img/toki/history03.jpg) 50% 50px no-repeat fixed ;
			-webkit-background-size: cover;
			background-size: cover;
 }
#theend { background: url(../img/toki/history04.jpg) 50% 50px no-repeat fixed ;
			-webkit-background-size: cover;
			background-size: cover;
 }


#textbox01{
	margin-left:70px;

	width:550px;
	height:760px;
	background-color: #fff;
	color:#000;
	font-size:17px;
	z-index:10;
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
	padding: 20px;
	
	line-height: 180%;

}
#textbox02{
	margin-top:50px;
	float: right;
	margin-right: 70px;
	width:550px;
	height:760px;
	background-color: #fff;
	color:#000;
	font-size:17px;
	z-index:10;
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
	padding:20px;
	line-height: 180%;

}
#textbox03{
	margin-top:50px;
	margin-left:70px;
	width:550px;
	height:760px;
	padding-top: 50px;
	background-color: #fff;
	color:#000;
	font-size:17px;
	z-index:10;
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
	padding:20px;
	line-height: 180%;
	float: left;
}
#textbox04{
	margin-top:50px;
	padding-top: 50px;
	margin-right: 70px;
	width:550px;
	height:760px;
	background-color: #fff;
	color:#000;
	font-size:17px;
	z-index:10;
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
	padding:20px;
	line-height: 180%;
	float: right;
}

#firsttxt{
	position:absolute;
	top:70px;
	float: right;
	left: 100px;
	width:550px;
	height:380px;
	color:#000;
	background-color: #fff;
}

#first article{
	position: absolute;
	top: 50px;
	width: 1200px;
}

/* section second */
#second article {
	margin-left: 100px;
	padding: 10px 20px;
	line-height: 1.5em;
	width: 1100px;
}

/* section third */
#third article {
	position: absolute;
	top: 50px;
}

#third img {
	position: absolute;
	left: 30px;
	top: 800px;
}
/* section the end */
#theend h2 {
	position: absolute;
}

#submenu{
	position: fixed;
	top:240px;
	width:13%;
	float: left;
	font-size:17px;
	padding: 20px;
	opacity:0.95;
	background-color: #0c0c0c;
	line-height: 140%;
}

#submenu ul{
	margin-top: 0px;
}

#submenu li{
	margin-left: 20px;
	margin-bottom: 7px;
	list-style: none;
}
#submenu li.current{
	color:#329022;
	list-style: square;
}
#submenu a{
	border-bottom:1px dotted #fff;
}
#maintxt{
	width:60%;
	min-width:525px;
	margin-left:20%;
	padding-left:30px;
	padding-top:30px;
	padding-bottom:30px;
	padding-right:1%;
	color:#000;
	background-color:rgba(255,255,255,0.8);

}
#maintxt h2{
	margin: 0;
	padding:5px 27px;
	background-image: url("../img/icon/title.jpg");
	background-repeat: no-repeat;
}
#maintxt p{
	padding:10px;
	line-height:20px;
	line-height: 200%;
	font-size:17px;
}
#maintxt img.president{
	float: right;
}
#maintxt img.policy{
	width:50%;
	max-width:360px;
	margin: 30px 70px ;
}

#maintxt table{
	margin-left: 20px;
	margin-right: 20px;
	padding:10px;
	line-height:20px;
	font-size:17px;
}
#maintxt td{
	padding-left: 20px;
	padding-right: 20px;
}

.img00{
	top:200px;
}
#txt00{
	margin:50px 100px;
	font-size:17px;
	line-height: 180%;
}
.ptop{
	text-align: right;
	margin-top: 40px;
}
#access{
	width:100%;
	min-height:600px;
	padding:30px 10% 30px 5%;
	background: url("../img/map/exbg.jpg") 50% 0px no-repeat fixed;
	-webkit-background-size: cover;
	background-size: cover;
}
#map{
	float: left;
}
#address{
	padding:20px;
	float: left;
	margin: 40px 70px;
	text-align: center;
	line-height: 200%;
	background-color: #fff;
	color:#000;
}
#address a{
	text-align: right;
	color:#0281e0;
}
#privacy{
	width:100%;
	min-height:600px;
	padding:30px 10% 30px 5%;
	background: url("../img/map/exbg.jpg") 50% 0px no-repeat fixed;
	-webkit-background-size: cover;
	background-size: cover;
	color:#000;
}
#privacypolicy{
	width:90%;
	min-width:200px;
}