@charset "UTF-8";


.boxWrap{
	z-index: 0;
	width: 100%;
	top: 0;
}

.boxWrap .notice{
	padding-top:70px;
}

.boxWrap .notice h1{
	font-size: 30px;
	font-style: italic;
}

.boxWrap2{
	width: 980px;
	margin: 0 auto;
}

#case .boxWrap2{
	float:left;
	width:300px;
	padding-bottom:20px;
}

.boxWrap2.dpn01{
	width:300px;
	padding-bottom:20px;
}

.boxWrap section .dpn01{
	font-size:13px;
	padding-left:10px;
	padding-bottom:30px;
	text-align:center;
	vertical-align:middle;
}


.boxWrap #solution h4 {
	font-size: 30px;
	font-style: italic;
	padding: 20px 0 20px 0;
	text-align: center;
	vertical-align:middle;

} 


.boxWrap .solution h4 {
	font-size: 30px;
	font-style: italic;
	padding: 20px 0 20px 0;
	text-align: center;
	vertical-align:middle;

} 
  
.boxsliderWrap{
	z-index: 0;
	width: 100%;
	top: 0;
}

.boxsliderWrap2{
	position:relative;
	top:0;
	left:0;
	max-width: 100%;/* 1400px;*/
	min-width: 980px;
	margin: 0 auto;
}

#observation1{
/*	padding-bottom: 20px;*/
	height: 100%;
/*	background-color:#f7f7f7*/
/*	background:url(../images/bgobservation.jpg) no-repeat center center;*/
}


.observation1{
/*	padding-bottom: 20px;*/
	height: 100%;
/*	background-color:#f7f7f7*/
/*	background:url(../images/bgobservation.jpg) no-repeat center center;*/
}


#observation1 .left{
	float:left;
	width:524px;
	padding: 45px 0;
}

.observation1 .left{
	float:left;
	width:524px;
	padding: 45px 0;
}

#observation1 .right{
	float: right;
	width:400px;
	padding: 45px 0;
}

.observation1 .right{
	float: right;
	width:400px;
	padding: 45px 0;
}


#observation1 .right h1{
	font-size: 26px;
	padding-bottom: 35px;
}

.observation1 .right h1{
	font-size: 26px;
	padding-bottom: 35px;
}


#observation1 .right p{
	padding-bottom: 35px;
}

.observation1 .right p{
	padding-bottom: 35px;
}


#observation1 .button {
	display: inline-block;
	width: 340px;
	height: 50px;
	text-align: center;
	text-decoration: none;
	line-height: 50px;
	outline: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}


.observation1 .button {
	display: inline-block;
	width: 340px;
	height: 50px;
	text-align: center;
	text-decoration: none;
	line-height: 50px;
	outline: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}


#observation1 .button {
	background-color: #90CAD2;
	color: #fff;
}


.observation1 .button {
	background-color: #90CAD2;
	color: #fff;
}


#observation1 .button:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}


.observation1 .button:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}



#observation1 h2 {
	font-size: 28px;
	padding: 20px 0 20px 0;
	text-align: center;
	vertical-align:middle;
}


.observation1 h4 {
	font-size: 28px;
	padding: 20px 0 20px 0;
	text-align: center;
	vertical-align:middle;
}


.obstxt h1{
	width: 490px;
	text-align:center;
	color: #595656;
	font-size:21px!important;
	font-style:normal!important;
	font-weight:bold!important;
	border: none!important;
	padding-top: 140px;
	padding-bottom:20px;
}

.obstxt p{
	padding-bottom:30px;
	padding-left:60px;
	padding-right:60px;
	padding-top:30px;
	font-size:13px;
}

.drone0 {
	padding-bottom:30px;
	padding-left:60px;
	padding-right:60px;
	font-size:13px;
}

.obsimg p{
	padding: 25px 45px 0;
	width: 400px;
	font-size:13px;
	color:#FFF;
}





/*#observation1 img{
	border:solid #fff004 3px;*/

/*.observation1 img{
	border:solid #fff004 3px;*/


#download01{
	background:url(../images/btnDownload.jpg) no-repeat;
	height:300px;
	width: 490px;
	padding-left:490px;
	margin-bottom: 45px;
}

#download01 h1{
	width: 490px;
	text-align:center;
	color: #FFF;
	font-size:21px!important;
	font-style:normal!important;
	font-weight:bold!important;
	border: none!important;
	padding-top: 140px;
	padding-bottom:20px;
	background:url(../images/barPnk.gif) no-repeat center bottom;
}

#download01 p{
	padding: 25px 45px 0;
	width: 400px;
	font-size:13px;
	color:#FFF;
}


#download02{
	background:url(../images/bgDownload.gif) no-repeat;
	height:360px;
	width: 890px;
	padding: 0 45px;
	margin-bottom:60px;
	text-align:left;
}

#download02 h2{
	width: 890px;
	text-align:center;
	font-size:22px!important;
	font-style:normal!important;
	font-weight:bold!important;
	border: none!important;
	padding-top: 32px;
	text-align:center;
}

#download02 .dis{
	padding: 0 0 18px 0;
	width: 890px;
	font-size:14px;
	text-align:center;
}

.download02Bx .button {
	display: inline-block;
	width: 205px;
	height: 50px;
	padding-left:70px;
	text-decoration: none;
	line-height: 50px;
	outline: none;
	font-size: 15px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background:url(../images/btn_bgDl.png) no-repeat 30px 14px;
}

.download02Bx .button {
	background-color: #dc5d54;
	color: #FFF;
}
.download02Bx .button:hover {
	background-color: #e86d64;
	color: #FFF;
}

.download02Bx{
	float:left;
	width: 430px;
}

.download02Bx .left{
	float:left;
	width: 225px;
}

.download02Bx .right{
	float:right;
	width: 205px;
}

.download02Bx .right p{
	height: 155px;
}


/*#contact01{
	background:url(../images/bgcnt.gif) repeat;
}
*/

#contact01 h2{
	font-size: 30px;
	padding: 30px 0 0 0;
	text-align:center;
	vertical-align:middle;
}

#contact01 .dpn01{
	font-size:13px;
	font-style: italic;
	padding-bottom:20px;
	text-align:center;
	vertical-align:middle;
}

#contact01 figure{
	width:237px;
	float: left;
	text-align:center;
	padding-bottom: 70px;
}

#contact01 h2{
	font-size:27px;
	padding: 15px 0 0 0;
}

#contact01 h3{
	font-size:14px;
	padding: 0 0 15px 0;
}

#contact01 .tel{
	font-size: 12px;
	font-style: italic;
}

#contact01 .button {
	display: inline-block;
	width: 225px;
	height: 50px;
	text-align: center;
	text-decoration: none;
	line-height: 50px;
	outline: none;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	font-size: 18px;
}

#contact01 .button {
	background-color: #ffffff;
	color: #595656;
}
#contact01 .button:hover {
	background-color: #fff004;
	color: #595656;
}

.btnContact01 a{
	display:block;
	width:340px;
	height: 37px;
	text-align:center;
	background:url(../images/btnContact.png) no-repeat;
	color: #fff;
	padding-top:15px;
	padding-left:25px;
	text-decoration:none;
}

.btnContact01{
	padding: 0 130px 86px;
}

.btnContact01 a:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}





#btnCenter01{  
    position:relative; /* 絶対配置の基準点 */
    width:100%; /* 600px以下は幅いっぱいに広げる */
    max-width:600px; /* 最大幅の指定 */
    height:70px; /* 高さの指定 */
    margin:0 auto; /* ブロック要素の中央揃え */
    text-align:center; /* インライン要素の中央揃え */
}  

.inner01{  
    position:absolute; /* 絶対配置 */
    top:-10%; /* 上から半分 */
    left:50%; /* 左から半分 */
    width:100%; /* 大枠と同じ幅に */
    margin:-1.5em 0 0 -50%; /* 要素の大きさの半分引く */
} 

#cntblock{  
    position:relative; /* 絶対配置の基準点 */
    width:100%; /* 600px以下は幅いっぱいに広げる */
    max-width:600px; /* 最大幅の指定 */
    height:70px; /* 高さの指定 */
    margin:0 auto; /* ブロック要素の中央揃え */
    text-align:center; /* インライン要素の中央揃え */
} 


.cntblock{  
    position:relative; /* 絶対配置の基準点 */
    width:100%; /* 600px以下は幅いっぱいに広げる */
    max-width:600px; /* 最大幅の指定 */
    height:70px; /* 高さの指定 */
    margin:0 auto; /* ブロック要素の中央揃え */
    text-align:center; /* インライン要素の中央揃え */
} 


#cntblockin{  
    position:relative; /* 絶対配置の基準点 */
    width:100%; /* 600px以下は幅いっぱいに広げる */
    max-width:600px; /* 最大幅の指定 */
    height:70px; /* 高さの指定 */
    margin:0 auto; /* ブロック要素の中央揃え */
    text-align:center;/* インライン要素の中央揃え */
} 


.cntblockin{  
    position:relative; /* 絶対配置の基準点 */
    width:100%; /* 600px以下は幅いっぱいに広げる */
    max-width:600px; /* 最大幅の指定 */
    height:70px; /* 高さの指定 */
    margin:0 auto; /* ブロック要素の中央揃え */
    text-align:center;/* インライン要素の中央揃え */
} 


.dotline{
	width: 980px;
	font-size: 28px;
	font-style: italic;
	border-bottom: 1px dotted #4c4c4c;
	text-align:center;
	margin:0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

.dotline02{
	width: 980px;
	font-size: 28px;
	font-style: italic;
	border-bottom: 1px dotted #4c4c4c;
	text-align:center;
	margin:0 auto;
	margin-top: 10px;
}

.subtitle02{
  display: block;
  width: 980px;
  margin:0 auto;
  padding: 0;
  color: #595656;
  font-size: 28px;
  font-style: italic;
  border-bottom: 1px dotted #4c4c4c;
  margin-bottom: 40px;
}

.topBar{
  border-top: 1px solid #d9d9d9;
}


.leftbx{
	float: left;
	width: 475px;
	margin-bottom: 25px;
}

.rightbx{
	float: right;
	width: 475px;
	margin-bottom: 25px;
}

.dwld01{
	background: url(../images/jireidlbanner.png) no-repeat;
  	height: 250px;
  	width: 475px;
}

.dwld01 h2{
	width: 475px;
  	text-align: center;
  	color: #FFF;
  	font-size: 19px;
  	font-style: normal;
  	font-weight: bold;
	line-height: 140%;
	letter-spacing:1px;
  	border: none;
  	padding-top: 98px;
}

.dwld01 p{
	padding: 15px 121px 0;
    width: 234px;
  	font-size: 13px;
	line-height: 170%;
  	color: #FFF;
}

.smct01 {
	position:relative;
	width:423px;
	height: 202px;
	background: url(../images/greyBr.png) no-repeat;
	background-color:#F2F2F2;
	border:1px dotted #000000;
	padding: 21px 25px 25px;
}

.smct01 h2{
  	text-align: center;
  	font-size: 22px;
  	font-style: normal;
  	font-weight: bold;
  	border: none;
}

.smtxtBx{
	border: 1px solid #CCC;
	background-color: #FFF;
	line-height: 170%;
	text-align:center;
	margin:0 auto;
	padding: 10px 38px 10px;
}


.smctBxL {
	margin-left:5px;
	float:left;
	font-size:12px;
}

.smctBxL div{
	float:left;
}

.smctBxL ul{
	padding-left:3px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
}

.smctBxL span{
	font-size:16px;
	font-weight:400;
	}

.smctBxR {
/*	width:200px;
	float:right;*/
		
}

.smContact {
	position:absolute;
	width:170px;
	padding: 15px 236px 10px;
}

.smContact a{
	display: block;
  	width: 188px;
  	height: 72px;
  	background: url(../images/smBlbn.png) no-repeat;
  	color: #fff;
	line-height: 150%;
  	padding-top: 15px;
  	padding-left: 72px;
  	text-decoration: none;
}

.txth{
	line-height: 28px;
}

.dpn02{
	font-size: 13px;
  	padding-left: 10px;
  	padding-bottom: 30px;
  	text-align: center;
  	vertical-align: middle;
}
  
  
  


.mvbox03 figure {
	float: left;
	width: 215px;
	height:215px;
	overflow: hidden;
	margin-top: 10px;
	position:relative;
	margin-bottom:10px;
}

.mvbox03 .figureBx {
	float: left;
	width: 215px;
	margin-bottom: 20px;
}

.mvbox03 .figureBx h2{
	font-size:14px;
	font-weight: bold;
	display:block;
	float:left;
	width:215px;
	text-align:center;
/*    padding: 15px 0;*/
}

.mvbox03 .figureBx .ld{
	font-size:12px;
}


.mvbox03 .transform01 {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 1.1s ease-in-out;
	transition: all 1.1s ease-in-out;
}
.mvbox03 figure:hover .transform01 {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}



/* Effect 01 */
.mvbox03 figure {
	position: relative;
	overflow: hidden;
}
.mvbox03 figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: 1.1s;
	transition: 1.1s;
	opacity: 0;
}
.mvbox03 figure:hover figcaption {
	opacity: 1;
	padding:0 0 0 0;
	background-image: url(../images/ic_search5.png);
}


.mvbox03Wp{
	margin: 455px auto 0;
	width:980px;
}

.mvbox03Wp2{
	float:left;
	width:980px;
}


.mvbox03Wp3{
	float:left;
	width:950px;
	padding-left:30px;
}

.mvbox03Wp4{
	float:left;
	width:872px;
	padding-left:108px;
}


.mvbox03Wp .btnWrap{
	padding-top:15px;
	text-align:center;
	
}

.mvbox03Wp h1 {
	font-size: 28px;
	font-style: italic;
	border-bottom: 1px dotted #4c4c4c;
	margin-bottom: 40px;
}

.mvbox03Wp .button {
	display: inline-block;
	width: 215px;
	height: 40px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	outline: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}



.mvbox03 figcaption h3{
	font-size:17px;
	font-weight: bold;
	padding: 25px 20px 0 20px;
	color: #FFF;
	text-align:center;
}

.mvbox03 figcaption .company{
	padding: 0px 20px 0 20px;
	font-size:12px;
	color: #FFF;
	text-align:center;
}
.mvbox03 figcaption .txt{
	padding: 7px 20px 0 20px;
	text-align:left;
	font-size:13px;
	color: #FFF;
}

.mvbox03 figcaption .bxfig{
	width: 100%;
	height:100%;
	position:relative;
	top:0;
	left:0;
	z-index:9999;
}


.mvbox03 figcaption .title{
	position:absolute;
	bottom:10px;
	left:10px;
	color: #FFF;
	z-index:9999!important;
	
}

.phonenb{
	font-size: 13px;
	padding: 8px 20px 8px 0;
	text-align:right;
	background-color: #F5F5F5;
	
	
}

.headerWrap #btnContact1 a{
	display:block;
	position: absolute;
	top:0px;
	right:103px;
	padding: 32px 30px 26px 60px;
}



.headerWrap #btnContact1 a{
	color: #595656;
	background-color: #fff004;
	text-decoration: none;
}

.headerWrap #btnContact1 a{
	color: #595656;
	background-color: #fff004;
	text-decoration: none;
}



.headerWrap #btnContact1 a:before,.headerWrap #btnContact2 a:before{
	content: '';
    display: block;
    position: absolute;
    top: 35px;
    left: 25px;
    width: 26px;
    height: 19px;
	background-image: url( ../images/mail.png);
    background-repeat: no-repeat;
    background-size: auto auto;
	background-position:center center;
}


/*.headerWrap #btnContact1 a:hover{
	text-decoration: none;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
*/


.headerWrap #btnContact2 a{
	display:block;
	position: absolute;
	top:0px;
	right:103px;
	padding: 32px 30px 26px 60px;
}



.headerWrap #btnContact2 a{
	color: #595656;
	background-color: #fff004;
	text-decoration: none;
}

/*.headerWrap #btnContact2 a:hover{
	color: #595656;
	background-color: #fff004;
	text-decoration: none;
}*/


.fixed a:hover{
	text-decoration: none;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}