body{
	margin:0
}
a:link { color: #0000ff; 
	     border: none;
	text-decoration: none; 	     }
a:visited { color: #000080; }
a img { border: none;	
}

a img:hover {
	background-color: rgba(255, 255, 255, .2);
}

.base {
	background-color: #91E3FF;
	width: 100%;
	position: relative;
	height: 6800px;
	bottom: 0px;
}
.logo {
	width: 1050px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 150px;
}
.logo1 {
	position: absolute;
	top: 20px;
	left: 5px;
}
h1 {
	font-family: メイリオ;
	font-size: 0.85em;
	color: #333333;
	font-weight: normal;
	position: absolute;
	top: 17px;
	left: 220px;
}
h2 {
	font-family: メイリオ;
	font-size: 0.7em;
	color: #666666;
	font-weight: normal;
	position: absolute;
	top: 67px;
	left: 213px;
}
.brand {
	position: absolute;
	top: 110px;
	left: 20px;
}
.tel {
	font-family: メイリオ;
	font-size: 1.8em;
	color: #0033CC;
	font-weight: 900;
	position: absolute;
	top: -5px;
	right: 0px;
	z-index: 999;
}
.line {
	background-color: #0099FF;
	width: 100%;
	height: 50px;
	position: absolute;
	top: 170px;
}
#menu ul{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	z-index: 15;
	top: 169px;
	right: 0px;
}

#menu li{
	display: inline;
	padding: 0;
	margin: 0;
	float: left;
}

#menu li a{
	display: block;
	background-color: #000000;
	padding: 3px;
	text-decoration: none;
	color: #EEF7FF;
	width: 100px;
	margin: 1px 0px;
	text-align: center;
	font-size: 14px;
	height: 44px;
	line-height: 46px;
}

#menu li a:hover{
	background-color: #FCC700;
	border-top-color: #08223A;
	border-bottom-color: #08223A;
	border-left-color: #08223A;
	color: #08223A;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	background-color: rgb(136, 225, 255);
	color: rgba(0, 0, 0,1);

}

#menu #haji li a{
	display: block;
	border: 1px solid #08223A;
	background-color: #061D31;
	padding: padding: 3px 10px;;
	text-decoration: none;
	color: #333;
	width: 100px;
	margin: 1px 0px;
	text-align: center;
	font-size: 14px;
}

#menu #haji li a:hover{
	display: block;
	border: 1px solid #474655;
	background-color: #FCC700;
}
.top {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	height: 6000px;
	position: absolute;
	top: 220px;
}
.mg {
	background-position: center top;
	width: 1050PX;
	height: 700px;
	margin-right: auto;
	margin-left: auto;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-image: url('../img/top1.jpg');
	position: relative;
	top: 0px;
}
.messe {
	position: absolute;
	top: 25px;
	left: 10px;
}
.ti1 {
	position: absolute;
	top: 130px;
	left: 40px;
}
.top-sub {
	position: absolute;
	top: 420px;
	left: 650px;
}
.youtube {
	border-radius: 6px;
	position: absolute;
	margin: 0px;
	left: 700px;
	top: 550px;
	border: 5px solid #FFFFFF;
	display: inline-block;
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
}
.youtube-tit {
	font-family: メイリオ;
	font-size: 0.8em;
	color: #333333;
	top: 735px;
	left: 709px;
	position: absolute;
	width: 300px;
}
.youtube-tit2 {
	top: 524px;
	left: 750px;
	position: absolute;
	width: 300px;
}
.kadai1 {
	width: 630px;
	height: 80px;
	position: relative;
	top: 680px;
	background-color: #0099FF;
	padding-top: 3px;
	padding-left: 20px;
}
.kadai2 {
	width: 620px;
	height: 100px;
	position: relative;
	top: 690px;
	padding-top: 3px;
	padding-left: 20px;
	font-family: メイリオ;
	font-size: 0.8em;
	line-height: 2.3em;
}
.staff {
	width: 1050px;
	position: relative;
	height: 500px;
	top: 845px;
}
.keystaff {
	position: absolute;
	width: 1035px;
	height: 40px;
	padding-top: 9px;
	padding-left: 15px;
}
.mm {
	position: absolute;
	top: 327px;
	left: 108px;
	z-index: 999;
}
.ok {
	position: absolute;
	left: 100px;
	z-index: 997;
	top: 330px;
}
.morisawa {
	position: absolute;
	top: 75px;
}
.oohashi {
	position: absolute;
	top: 75px;
	left: 543px;
}
figure {
	margin: 0px;
	position: relative;
	overflow: hidden;
	width: 505px;
	font-family: メイリオ;
	font-size: 0.9em;
	line-height: 1.8em;
}
figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
}
figcaption h3,
figcaption p {
	position: absolute;
	left: -100%;
	width: 400px;
	-webkit-transition: .3s;
	transition: .3s;
}
figcaption h3 {
	top: 30px;
	color: #FFFFFF;
}
figcaption p {
	top: 75px;
	color: #FFFFFF;
}
figure:hover figcaption {
	opacity: 1;
}
figure:hover figcaption h3,
figure:hover figcaption p {
	left: 20px;
}
figure:hover figcaption h3 {
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}
figure:hover figcaption p {
	-webkit-transition-delay: .5s;
	transition-delay: .5s;
}
.system{
	position: relative;
	top: 870px;
	width: 1050px;
	height: 1060px;
	background-color: #0099FF;
}
.system-title{
	position: absolute;
	top: 20px;
	left: 20px;
}
.system-f{
	font-family: メイリオ;
	font-size: 1em;
	color: #001339;
	position: absolute;
	top: 70px;
	left: 20px;
	width: 455px;
	font-weight: bold;
}
.system-f2{
	font-family: メイリオ;
	font-size: 1em;
	color: #001339;
	position: absolute;
	top: 220px;
	left: 20px;
	width: 455px;
	font-weight: bold;
}

.system-n{
	font-family: メイリオ;
	font-size: 0.8em;
	color: #001339;
	position: absolute;
	top: 100px;
	left: 20px;
	width: 455px;
	line-height: 21px;
}
.system1 {
	width: 495px;
	height: 500px;
	position: absolute;
	top: 20px;
	left: 20px;
	background-color: rgba(255,255,255,0.8);
}
.system2 {
	width: 495px;
	height: 500px;
	position: absolute;
	top: 20px;
	left: 535px;
	background-color: rgba(255,255,255,0.8);
}
.system3 {
	width: 495px;
	height: 500px;
	position: absolute;
	top: 540px;
	left: 20px;
	background-color: rgba(255,255,255,0.8);
}
.system4 {
	width: 495px;
	height: 500px;
	position: absolute;
	top: 540px;
	left: 535px;
	background-color: rgba(255,255,255,0.8);
}

.toyokawa {
	width: 1050px;
	position: relative;
	height: 555px;
	top: 1120px;
	background-image: linear-gradient(-90deg, #D6DEFF, #F9F8DC);
}
.arrow_box {
	margin: 0px;
	display: none;
	position: absolute;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #336699;
	color: #fff;
	top: 10px;
	left: 80px;
	font-family: メイリオ;
	font-size: 0.8em;
	width: 140px;
}
.arrow_box:after {
	position: absolute;
	bottom: 80%;
	width: 0;
	height: 0;
	border-bottom-color: #333;
	border-width: 10px;
	pointer-events: none;
	content: " ";
}
p:hover + p.arrow_box {
	display: block;
}

.ufu {
	position: absolute;
	z-index: 999;
	top: 320px;
	right: -60px;
	transform: rotate(15deg);
}
.h-title {
	width: 100%;
	height: 50px;
	position: absolute;
	top: -120px;
	z-index: 999;
}
.toyokawa-camera1 {
	position: absolute;
	top: 100px;
	left: 20px;
	transform: rotate(351deg) scale(1) skew(1deg) translate(0px);
}
.toyokawa-camera2 {
	position: absolute;
	top: 100px;
	left: 355px;
}
.sum-se {
	margin: 0px;
	position: absolute;
	width: 980px;
	top: 340px;
	z-index: 9;
	left: 35px;
	line-height: 29px;
	font-family: メイリオ;
	font-size: 15px;
}
.nozoku {
	position: absolute;
	margin: 0px;
	top: 280px;
	left: 580px;
	z-index: 999;
}
.toyokawa-netcamera {
	position: absolute;
	left: 705px;
	top: 100px;
	overflow: hidden;
}
.toyokawa-netcamera img {
  transition: 0.5s;
}
.toyokawa-netcamera img:hover {
  -moz-transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
  opacity: 0.6;
  transition: 0.5s;

}


.sekou {
	position: absolute;
	top: 1750px;
}
.ex1 {
	position: absolute;
	width: 100%;
	height: 650px;
	top: 1800px;
}
.case {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 999;
}
.ex1-1 {
	position: absolute;
}
.ex1-2 {
	position: absolute;
	top: 0px;
	left: 600px;
}
.ex1-3 {
	position: absolute;
	top: 0px;
	right: 0px;
}
.ex1-4 {
	position: absolute;
	top: 310px;
	right: 0px;
}
.ex1-5 {
	padding: 15px 5px 15px 5px;
	font-family: メイリオ;
	font-size: 0.8em;
	color: #333333;
	position: absolute;
	top: 400px;
	line-height: 2em;
	width: 268px;
	left: 311px;
	background-image: linear-gradient(-90deg, #FFD3AD, #FFADB3);
}
.ex1-6 {
	font-family: メイリオ;
	font-size: 0.7em;
	color: #333333;
	position: absolute;
	top: 400px;
	line-height: 2em;
}
.ex2 {
	position: absolute;
	width: 100%;
	top: 2500px;
}
.ex2-1 {
	position: absolute;
}
.ex2-2 {
	position: absolute;
	top: 0px;
	left: 510px;
}
.ex2-3 {
	position: absolute;
	top: 344px;
	left: 0px;
}
.ex2-4 {
	position: absolute;
	top: 344px;
	left: 353px;
}
.ex2-5 {
	position: absolute;
	top: 344px;
	left: 706px;
}
.ex2-6 {
	padding: 15px 10px 15px 10px;
	font-family: メイリオ;
	font-size: 0.8em;
	color: #333333;
	position: absolute;
	top: 0px;
	line-height: 2em;
	width: 203px;
	left: 819px;
	background-image: linear-gradient(-90deg, #FFD3AD, #FFADB3);
	height: 302px;
}
.ex3 {
	position: absolute;
	width: 100%;
	top: 3150px;
}
.ex3-1 {
	position: absolute;
}
.ex3-2 {
	position: absolute;
	left: 706px;
}
.ex3-3 {
	position: absolute;
	left: 706px;
	top: 203px;
	padding: 15px 10px 15px 10px;
	font-family: メイリオ;
	font-size: 0.8em;
	color: #333333;
	line-height: 2em;
	background-image: linear-gradient(-90deg, #FFD3AD, #FFADB3);
	width: 324px;
	height: 229px;
}
.ex3-4 {
	position: absolute;
	top: 472px;
	left: 0px;
}
.ex3-5 {
	position: absolute;
	top: 472px;
	left: 353px;
}
.ex3-6 {
	position: absolute;
	top: 472px;
	left: 706px;
}
.gijyutu {
	position: relative;
	width: 990px;
	height: 300px;
	top: 3350px;
	padding: 30px;
	background-color: #33CCFF;
}
.sub {
	font-family: メイリオ;
	font-size: 1em;
	color: #666666;
	background-color: rgba(255,255,255,0.5);
	width: 990px;
	height: 300px;
	position: absolute;
	top: 30px;
}
.hituyou {
	font-size: 1em;
	font-family: メイリオ;
	color: #808080;
	position: absolute;
	top: 50px;
	left: 80px;
	width: 440px;
	margin: 0px;
}
.kadai {
	padding: 20px;
	font-size: 0.8em;
	font-family: メイリオ;
	color: #808080;
	position: absolute;
	top: 40px;
	left: 570px;
	width: 400px;
	margin: 0px;
	background-color: rgba(255,255,255,0.5);
}
.foot {
	position: relative;
	top: 5400px;
	height: 400px;
	width: 1050px;
	margin-right: auto;
	margin-left: auto;
}
.f_logo {
	position: absolute;
	top: 10px;
}
.f_ad {
	position: absolute;
	font-family: メイリオ;
	font-size: 0.8em;
	color: #333333;
	top: 20px;
	left: 220px;
}
.f_renraku {
	position: absolute;
	top: 20px;
	width: 350px;
	height: 20px;
	font-family: メイリオ;
	font-size: 0.8em;
	color: #FFFFFF;
	left: 650px;
	text-align: center;
	background-color: #000000;
}
.f_365 {
	-moz-box-shadow: inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow: inset 0px 1px 0px 0px #97c4fe;
	box-shadow: inset 0px 1px 0px 0px #97c4fe;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
	background: -moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background: -webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background: -o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background: -ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background: linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
	background-color: #3d94f6;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #337fed;
	display: inline-block;
	color: #ffffff;
	font-family: メイリオ;
	font-size: 0.8em;
	padding: 6px 24px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #1570cd;
	position: absolute;
	top: 50px;
	left: 650px;
}
.f_tel {
	font-family: メイリオ;
	font-size: 1.5em;
	font-weight: bold;
	position: absolute;
	top: 50px;
	left: 772px;
}
.toyohashi {
	position: absolute;
	width: 350px;
	font-family: メイリオ;
	font-size: 0.75em;
	color: #333333;
	top: 120px;
}
.nagoya {
	position: absolute;
	width: 350px;
	left: 350px;
	font-family: メイリオ;
	font-size: 0.75em;
	color: #333333;
	top: 120px;
}
.okazaki {
	position: absolute;
	width: 350px;
	left: 700px;
	font-family: メイリオ;
	font-size: 0.75em;
	color: #333333;
	top: 120px;
}
.toyokawa_j {
	position: absolute;
	width: 350px;
	font-family: メイリオ;
	font-size: 0.75em;
	color: #333333;
	top: 220px;
}
.hamamatu {
	position: absolute;
	width: 350px;
	font-family: メイリオ;
	font-size: 0.75em;
	color: #333333;
	left:350px;
	top: 220px;
}
.f_link {
	padding: 15px;
	border: 0.4px solid #333333;
	width: 800px;
	height: 60px;
	top: 300px;
	position: absolute;
}
.directlink {
	width: 150px;
	background-color: #333333;
	color: #FFFFFF;
	font-family: メイリオ;
	font-size: 0.8em;
	height: 20px;
	padding: 0px 5px 20px 5px;
	margin: 0px;
	top: 20px;
	position: absolute;
	left: 10px;
}
.link113 {
	font-family: メイリオ;
	font-size: 0.7em;
	color: #333333;
	position: absolute;
	top: 20px;
	left: 200px;
}
.link_cyuuko {
	font-family: メイリオ;
	font-size: 0.7em;
	color: #333333;
	position: absolute;
	top: 20px;
	left: 350px;
}
.link_shinpin {
	font-family: メイリオ;
	font-size: 0.7em;
	color: #333333;
	position: absolute;
	top: 20px;
	left: 560px;
}
.link_blog {
	font-family: メイリオ;
	font-size: 0.7em;
	color: #333333;
	position: absolute;
	top: 40px;
	left: 200px;
}
.link_staff {
	font-family: メイリオ;
	font-size: 0.7em;
	color: #333333;
	position: absolute;
	top: 40px;
	left: 330px;
}
.link_fudousan {
	font-family: メイリオ;
	font-size: 0.7em;
	color: #333333;
	position: absolute;
	top: 40px;
	left: 480px;
}