@charset "utf-8";
/* ------ ------ ------ ------ ------

 CSS information

 File Name  : under.css
 Author	 : Hiroshi Honjo
 Author URI : https://www.shashin-kagaku.co.jp/skm/
 Style Info : under page style

------ ------ ------ ------ ------ */

/* common
------ ------ ------ ------ ------ ------ */
html {
overflow-y: scroll;
}
/*#main *{
	line-height: 1.6;
}*/
#header{
	background: #00A6CB;
}
#header.fixed{
	height: 40px;
}
#header.fixed .inner{
	height: 40px;
}
#header.fixed h1{
	top: 8px;
}
#header.fixed #gNav{
	top: 12px;
}
#header.fixed #gNav li:last-child a{
	border: 1px solid #FFF;
	padding: 4px 6px;
}

	@media screen and (max-width: 800px){
		#header{
			background: #00A6CB !important;
		}
		#header{
			height: 56px;
		}
		#header.fixed{
			height: 56px;
		}
		#header.fixed .inner{
			height: 56px;
		}
		#header.fixed h1{
			top: auto;
		}
		#gNav,
		#header.fixed #gNav{
			top: -500px;
			background: #00A6CB !important;
		}
		#header.fixed #gNav ul li:last-child a{
			border: none;
			padding: 18px 0;
		}

	}/* @media */






#breadCrumb{
	width: 100%;
	background: #F3F3F3;
	border-top: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	font-size: 12px;
}
#breadCrumb ol{
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	height: 2.6em;
}
#breadCrumb li{
	float: left;
	line-height: 2.6em;
	padding-left: 1em;
}
#breadCrumb li a{
	display: block;
	padding: 0 15px 0 0;
	background: url(../img/crumbs.gif) no-repeat right center;
	color: #888;
	-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
#breadCrumb li a:hover{
	color: #222;
}
#breadCrumb li:last-child a{
	background: none;
	cursor: default;
}
#breadCrumb li:last-child a:hover{
	color: #888;
}
#footer{
	position: static;
}
.pagetop {
	display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1999;
}
.pagetop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
main{
	margin-top: 40px;
	background: url(../img/bg_main.jpg) center top no-repeat;
}
#main .entry{
	padding-top: 150px;
	padding-bottom: 100px;
	text-align: center;
}
#main .entry > h1{
	margin-bottom: 40px;
}
#main .entry > h2{
	font-size: 24px;
	line-height: 1.8;
	margin-bottom: 40px;
}
.localNav{
	width: 500px;
	margin: 0 auto;
}
.localNav ul{
	display: flex;
	display: -webkit-flex; /* Safari */
	justify-content: space-around;
	-webkit-justify-content: space-around; /* Safari */
}
.localNav li{
	padding: 8px 12px;
	text-align: center;
	flex: auto;
	-webkit-flex: auto;
	border-left: 1px solid #D2D2D2;
}
.localNav li:last-child{
	border-right: 1px solid #D2D2D2;
}
.localNav a{
	font-size: 16px;
	color: #333;
	-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.localNav a:hover{
	opacity: 0.5;
}
.sec{
	padding-top: 100px;
}
.sec h1{
	text-align: center;
	margin: 0 auto 40px;
}
.sec h2{
	width: 1000px;
	font-size: 24px;
	margin: 0 auto 30px;
	color: #00A6CB;
	text-align: left;
}
.sec h1 span{
	display: inline-block;
	border-bottom: 1px solid #D2D2D2;
	font-size: 24px;
	padding: 10px 16px;
}
.imgArea{
	width: 1000px;
	margin: 0 auto 60px;
}

.contacBox{
	padding-bottom: 100px;
}
.contacBox .tel{
	width: 600px;
	margin: 0 auto 40px;
}
.contacBox ul{
	display: flex;
	display: -webkit-flex; /* Safari */
	justify-content: space-around;
	-webkit-justify-content: space-around; /* Safari */
}
.contacBox li{
	padding: 20px 0 20px;
	text-align: center;
	flex: auto;
	-webkit-flex: auto;
	border: 4px solid #EEE;
	line-height: 40px;
	font-size: 20px;
}
.contacBox li:last-child{
	/*border-left:none;*/
}
.contacBox a{
	font-size: 16px;
	color: #333;
	-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.contacBox a:hover{
	opacity: 0.5;
}

.tab{
	display: flex;
	display: -webkit-flex; /* Safari */
	justify-content: space-around;
	-webkit-justify-content: space-around; /* Safari */
	background: #00A6CB;
	padding: 4px 0 0 0;
}
.tab li{
	padding: 0 8px;
	text-align: center;
	flex: auto;
	-webkit-flex: auto;
}
.tab a{
	display: block;
	padding: 12px 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFF;
	-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.tab a.active,
.tab a:hover{
	background: #FFF;
	color: #00A6CB;
}


	@media screen and (max-width: 800px){
		#breadCrumb{
			display: none;
		}
		#main article{
			width: 92%;
			margin: 0 auto;
		}
		#main .entry{
			padding-top: 3em;
			padding-bottom: 3em;
		}
		.sec{
			padding-top: 2em;
			width: 100% !important;
		}
		.sec h1{
			margin: 0 auto 1.5em;
		}
		.sec h1 span{
			font-size: 1.3em;
		}
		.sec h2{
			font-size: 1.3em;
			width: 100%;
			margin: 0 auto 1em;
			text-align: center;
		}
		#main .entry > h1{
			margin-bottom: 1.5em;
		}
		#main .entry > h2{
			font-size: 1.3em;
			margin-bottom: 1.5em;
		}


	}/* @media */



/*
.news
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.news .newsArea{}
.news .newsArea ul{
	margin-top: 2em;
	margin-bottom: 60px;
}
.news .newsArea li{
	display: table;
	width: 1000px;
	margin: 0 auto;
	padding: 16px;
	text-align: left;
	border-bottom: 1px dotted #DDD;
	line-height: 1.5;
}
.news .newsArea li:first-child{
	border-top: 1px dotted #DDD;
}
.news .newsArea li time{
	display: table-cell;
	width: 14%;
	vertical-align: top;
}
.news .newsArea li .cont{
	display: table-cell;
	width: 86%;
	vertical-align: top;
}
.news #main .newsArea li .cont p{
	margin-bottom: 0;
}

.news.detail .entryBody{
	width: 1000px;
	min-height: 400px;
	margin: 0 auto;
	text-align: left;
}

.news.detail h1.h1{
	display: block;
	margin: 0 auto 16px !important;
	border-bottom: none;
	}
.news.detail h1.h1 span{
	display: inline-block;
	font-size: 32px;
	padding: 12px 24px;
	border-bottom: 1px solid #BBB;
	letter-spacing: 2px;
	font-weight: bold;
	}
.news.detail time{
	display: block;
	width: 1000px;
	margin: 0 auto 16px;
	text-align: right;
}


	@media screen and (max-width: 800px){
		.news .newsArea ul{
			margin-bottom: 0px;
		}
		.news .newsArea li{
			display: block;
			width: 100%;
			padding: 6%;
		}
		.news .newsArea li time{
			display: block;
			width: 100%;
		}
		.news .newsArea li .cont{
			display: block;
			width: 100%;
		}
		.news #main .newsArea li .cont p{
			margin-bottom: 0;
		}
		.news.detail .entryBody{
			width: 100%;
		}
		.news.detail h1.h1{
			display: block;
			padding: 0;
			margin: 0 auto 0.3em !important;
			font-size: 1.4em;
			}
		.news.detail h1.h1 span{
			display: inline-block;
			font-size: 1em;
			padding: 0px 5px 12px;
			max-width: 100%;
			}
		.news.detail time{
			width: 100%;
		}
	}/* @media */







/*
.product.top
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.product.top .sec h2 {
    text-align: center;
}
.product.top .sec ul{
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}
.product.top .sec li{
	float: left;
	width: 48%;
	text-align: center;
	margin-bottom: 1.5em;
}
.product.top .sec li a{
	display: block;
	color: #00A6CB;
	-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.product.top .sec li img{
	width: 100%;
	margin-bottom: 0.5em;
}
.product.top .sec li.noimg a{
	width: 100%;
	height: 192px;
	border: 4px solid #00A6CB;
	text-align: center;
	line-height: 192px !important;
	letter-spacing: 2px;
	font-size: 1.5em;
}
.product.top .sec li a:hover{
	opacity: 0.6;
}
.product.top .sec01 li:nth-child(2n),
.product.top .sec02 li:nth-child(2n),
.product.top .sec03 li:nth-child(2n){
	float: right;
}


	@media screen and (max-width: 800px){
		.product.top .sec ul{
			width: 100%;
		}
		.product.top .sec li{
			float: none;
			width: 100%;
			margin-bottom: 1.5em;
		}
		.product.top .sec li.noimg a{
			height: 140px;
			line-height: 140px !important;
			font-size: 1.2em;
		}
	}/* @media */






/*
.navimichael
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.navimichael .sec01 .textArea{
	text-align: left;
	line-height: 1.8;
}
.navimichael .sec01 .textArea p{
    display: table-cell;
    height: 354px;
    vertical-align: middle;
}
.navimichael .sec01 .movie{
	width: 800px;
	height: 480px;
	margin: 0 auto 60px;
}
.navimichael .sec01 .movie video,
.navimichael .sec01 .movie iframe{
	display: block;
	width: 800px;
	height: 480px;
}
.navimichael .sec02,
.navimichael .sec03{
	width: 1000px;
	margin: 0 auto;
}
.navimichael .sec02 ul{
	overflow: hidden;
}
.navimichael .sec02 li{
	float: right;
	width: 490px;
}
.navimichael .sec02 li:first-child{
	float: left;
}
.navimichael .sec02 li video{
	width: 490px;
	height: 368px;
}
.navimichael .sec02 li h3{
	font-weight: bold;
	margin-bottom: 1em;
}
.navimichael .sec video{
	border: 3px solid #CCC;
}

.navimichael .sec02 .block01 img{
	height: 200px;
}
.navimichael .sec02 .block02 img{
	height: 250px;
}
.navimichael .sec02 iframe{
	width: 800px;
	height: 450px;
}
.navimichael .sec03 .textArea{
	padding-top: 2em;
}

.navimichael .reportBtn{
	position: absolute;
	top: 50%;
	left: 68%;
}
.navimichael .orange{
	margin-top: 32px;
}
.navimichael .orange a{
	background: #FF8000;
}
.navimichael .orange a:after {
	border-left: 5px solid #FF8000;
}

.navimichael #case .btn a{
	line-height: 50px;
}

	@media screen and (max-width: 800px){
		.navimichael .sec02 .block01 img,
		.navimichael .sec02 .block02 img{
			height: auto;
		}
		.navimichael .sec02 iframe{
			width: 100%;
			height: auto;
			min-height: 24em;
		}
		.navimichael .sec03 .textArea{
			padding-top: 0em;
		}
		.navimichael .sec03 .textArea h2{
			margin-bottom: 0.5em;
		}
		.navimichael .reportBtn{
			width: 28%;
		}
		.navimichael .reportBtn a{
			line-height: 1.3;
			font-size: 10px;
			padding: 10px 5px;
		}
		.navimichael .reportBtn a:before,
		.navimichael .reportBtn a:after{
			display: none;
			}
	}



.navimichael #main .entry {
	padding-top: 30px;
}
.navimichael #main .entry > h1 {
    margin-bottom: 0px;
}
.navimichael .mainTitle{
	width: 980px;
	margin: 0 auto;
	position: relative;
}
.navimichael #main .mainTitle p.img{
	margin: 0;
}
.navimichael #main .mainTitle p.img img{
	width: 100%;
}
.navimichael .mainTitle ul li{
	width: 9.897959183673469387755102040816%;
	height: 17.798165137614678899082568807339%;
	position: absolute;
	top: 29.724770642201834862385321100917%;
	}
	.navimichael .mainTitle ul li a{
		display: block;
		width: 100%;
		height: 100%;
		-webkit-border-radius: 50px;
		        border-radius: 50px;
		overflow: hidden; text-indent: 100%; white-space: nowrap;
		-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
	}
	.navimichael .mainTitle ul li a:hover{
		background: rgba(255,255,255,0.3);
	}
.navimichael .mainTitle ul li.u01{left: 66.734693877551020408163265306122%;}
.navimichael .mainTitle ul li.u02{left: 77.244897959183673469387755102041%;}
.navimichael .mainTitle ul li.u03{left: 87.857142857142857142857142857143%;}
.navimichael .mainTitle .caseBtn{
	width: 20.714285714285714285714285714286%;
	height: 8.256880733944954128440366972477%;
	position: absolute;
	left: 39.795918367346938775510204081633%;
	top: 86.788990825688073394495412844037%;
	}
	.navimichael .mainTitle .caseBtn img{ width: 100%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
	.navimichael .mainTitle .caseBtn img:hover{opacity: 0.6;}

.navimichael #solution{
	width: 980px;
	margin: 0 auto;
	padding-bottom: 30px;
	background: #000;
	overflow: hidden;
	color: #FFF;
}
.navimichael #solution ul{
	width: 980px;
	padding-left: 78px;
}
.navimichael #solution ul li{
	float: left;
	width: 151px;
	height: 151px;
	padding: 54px 6px 6px 6px;
	margin-right: 17px;
	background: #00A0E8;
	-webkit-border-radius: 18px;
	        border-radius: 18px;
	position: relative;
}
.navimichael #solution ul li img{
	position: absolute;
	top: -50px;
	left: 50%;
	}
	.navimichael #solution ul li.needs1 img{margin-left: -37px; top: -35px;}
	.navimichael #solution ul li.needs2 img{margin-left: -43px; top: -38px;}
	.navimichael #solution ul li.needs3 img{margin-left: -37px; top: -36px;}
	.navimichael #solution ul li.needs4 img{margin-left: -42px; top: -45px;}
	.navimichael #solution ul li.needs5 img{margin-left: -34px; top: -38px;}
.navimichael #main #solution ul li p{
	font-weight: bold;
	font-size: 16px;
	line-height: 1.4;
	vertical-align: top;
	margin-bottom: 0;
}
.navimichael #main #solution .txt1{
	clear: both;
	padding-top: 1em;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}
.navimichael #main #solution .txt2{
	font-size: 13px;
}

.navimichael #features h2{
	z-index: 500;
	position: relative;
}
.navimichael #features .featuresList{
	margin-top: -48px;
	z-index: 1000;
	position: relative;
}
.navimichael #features .imgArea{
	width: 980px;
	margin: 0 auto 0;
	padding: 0 56px;
	}
	.navimichael #features .imgArea.area02{margin-bottom: 21px;}
.navimichael #features .imgArea .textArea{
	overflow: visible;
	float: left;
	width: 423px;
	text-align: left;
	}
	.navimichael #features .imgArea.area03 .textArea{padding-top: 55px;}
	.navimichael #features h3 img.sp{
		display: none;
	}
	.navimichael #main #features .imgArea .textArea p.txt{
		margin-bottom: 0;
		width: 318px;
		margin-top: -31px;
		line-height: 1.4;
		font-weight: bold;
		font-size: 16px;
	}
	.navimichael #main #features .imgArea .textArea p.img2{
		margin-top: -10px;
		padding-left: 25px;
	}
.navimichael #features .imgArea .imgR{
	width: 433px;
	margin: 0;
}
.navimichael #features .imgArea.area01 .imgR{ padding-top: 48px; }
.navimichael #features .imgArea.area02 .imgR{ margin-top: -76px; }

.navimichael #case h2{
	line-height: 1;
	font-size: 22px;
	}
	.navimichael #case h2 span.txt{
		display: inline-block;
		vertical-align: middle;
	}
	.navimichael #case h2 span.triangle{
		background: #AAA;
		margin-right: 1.8em;
		color: #FFF;
		font-size: 16px;
		height: 34px;
		padding: 0px 10px;
		display: inline-block;
		vertical-align: middle;
		position: relative;
		line-height: 34px;
	}
	.navimichael #case h2 span.triangle:after{
		content: "";
		position: absolute;
		right: -17px;
		top: 0;
		width: 0;
		height: 0;
		border-left: 17px solid #AAA;
		border-top: 17px solid transparent;
		border-bottom: 17px solid transparent;
	}
	.navimichael .sec *{
		line-height: 1.6;
	}

	@media screen and (max-width: 800px){
		.navimichael #main .entry{
			padding-top: 16px;
			width: 100%;
		}
		.navimichael .mainTitle{
			width: 100%;
			margin: 0 auto;
			position: relative;
		}
		.navimichael #solution{
			width: 100%;
		}
		.navimichael #solution h2 img{
			width: 100%;
		}
		.navimichael #solution ul{
			width: 90%;
			margin: 0 auto;
			padding-left: 0px;
			padding-top: 20px;
			margin-bottom: 20px;
			overflow: hidden;
		}
		.navimichael #solution ul li{
			width: 48%;
			margin-right: 0;
			margin-bottom: 60px;
		}
		.navimichael #solution ul li:nth-child(even){
			float: right;
		}
		.navimichael #solution ul li:last-child{
			margin-bottom: 0;
		}
		.navimichael #solution .txt1,
		.navimichael #solution .txt2{
			width: 80%;
			margin: 0 auto;
			line-height: 1.5;
			margin-bottom: 1em;
		}
		.navimichael #features h2 img{
			width: 100%;
		}
		.navimichael #features h3 img.pc{
			display: none;
		}
		.navimichael #features h3 img.sp{
			display: inline-block;
		}
		.navimichael #features .featuresList{ width: 92%; margin: 0 auto ;margin-top: -10px;}
		.navimichael #features .imgArea{ padding: 0; margin-bottom: -20px !important; padding-top: 50px;}
		.navimichael #features .imgArea.area01{margin-top: -70px;}
		.navimichael #features .imgArea img{margin-bottom: 0;}
		.navimichael #features .imgArea .textArea{width: 100%;}
		.navimichael #main #features .imgArea .textArea p.txt{ width: 100%; margin-top: 0; margin-bottom: 10px;}
		.navimichael #main #features .imgArea .textArea p.img2{ margin-top: 0;}
		.navimichael #main #features .imgArea .textArea h3{text-align: center; margin-bottom: 16px;}
		.navimichael #main #features .imgArea.area01 .textArea h3{ background: #8CC220;}
		.navimichael #main #features .imgArea.area02 .textArea h3{ background: #EA5A9C;}
		.navimichael #main #features .imgArea.area03 .textArea h3{ background: #F7AF00;}
		.navimichael #main #features .imgArea .textArea h3 img{
			max-width: 100%;
			vertical-align: top;
			font-size: 0;
		}

		.navimichael #features .imgArea .imgR{width: 100%;}
		.navimichael #features .imgArea.area03 .textArea{padding-top: 0px;}
		.navimichael #features .imgArea.area01 .imgR{ padding-top: 0px; }
		.navimichael #features .imgArea.area02 .imgR{ margin-top: 0px; }
		.navimichael #case h2{
			text-align: left;
		}
		.navimichael #case h2 span.txt{
			display: block;
			margin-top: 5px;
		}
		.navimichael .sec{
			width: 92% !important;
			margin: 0 auto;
		}
	}



/* 
.naviquoise
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.naviquoise .btn.contact a{
	background: #FF8000;
}
.naviquoise .btn.contact a:after {
	border-left: 5px solid #FF8000;
}
.naviquoise .mainTitle{
	width: 980px;
	margin: 0 auto;
	position: relative;
}
.naviquoise .mainTitle dl{
	position: absolute;
	right: 16px;
	top: 16px;
}
.naviquoise .mainTitle dd{
	width: 160px;
}
.naviquoise .mainTitle dd img{
	margin-top: 6px;
}
.naviquoise .mainTitle .contact{
	position: absolute;
	right: 16px;
	bottom: 16px;
	margin-bottom: 0 !important;
}

.naviquoise .sec{
	width: 980px;
	margin: 0 auto;
}
.naviquoise .sec h2{
	line-height: 1.2;
	text-align: center;
}

.naviquoise .entry img{
	max-width: 100%;
}
.naviquoise .sec01 .lBox{
	float: left;
	width: 380px;
}
.naviquoise .sec01 h3{
	font-weight: bold;
	margin-top: 2em;
	margin-bottom: 0.5em;
}
.naviquoise .sec01 .rBox{
	float: right;
	width: 580px;
	text-align: left;
	line-height: 1.6;
}
.cf{
	overflow: hidden;
}

.naviquoise .sec02 ul{
	text-align: center;
}
.naviquoise .sec02 li{
	width: 30%;
	padding: 0 10px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin-bottom: 1.5em;
}
.naviquoise .sec02 li img{
	margin-bottom: 0.6em;
}

.naviquoise .sec03 .movie video{
	width: 800px;
	height: 450px;
	display: block;
	margin: 0 auto;
}
.naviquoise .sec03 h3{
	font-weight: bold;
	margin-top: 2em;
	margin-bottom: 0.5em;
}
.naviquoise .sec04 .lBox{
	width: 50%;
	padding-right: 10px;
	margin-bottom: 1.5em;
	text-align: right;
	}
	.naviquoise .sec04 .lBox img{
		height: 70px;
	}
.naviquoise .sec04 .rBox{
	width: 50%;
	padding-left: 10px;
	text-align: left;
	line-height: 70px;
}
.naviquoise .sec04 .bd{
	display: inline-block;
	border: 2px solid #CCC;
	padding: 16px;
	text-align: left;
}
.naviquoise .sec04 .bd p:last-child{
	margin-bottom: 0 !important;
}

.naviquoise .sec05 ul li{
	display: inline-block;
	width: 30%;
	padding: 0 10px;
	margin-bottom: 1.5em;
}

.naviquoise .sec05 .mm a{
	padding: 16px 54px 16px 24px;
	line-height: 1.6;
}
/*.naviquoise .sec05 .mm a i{
	display: block;
	width: 1em;
}*/
.naviquoise .sec05 .mm span{
	font-size: 0.8em;
}


/*
.landsat
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.landsat .sec01 .ul{
	display: inline-block;
	text-align: left;
	font-size: 1.2em;
	margin-bottom: 45px;
}
.landsat .sec01 .ul li{
	margin-bottom: 0.8em;
}
.landsat .sec01 .textArea{
	text-align: left;
	line-height: 1.8;
}
.landsat .sec01 .textArea div{
    display: table-cell;
    height: 354px;
    vertical-align: middle;
}
.landsat .sec01 .textArea h3{
	font-weight: bold;
	font-size: 1.1em;
	border-bottom: 1px dotted #CCC;
	padding-bottom: 4px;
	margin-bottom: 4px;
	letter-spacing: 1.2px;
}

.landsat .imgLayout2c,
.landsat .imgLayout3c{
	width: 1000px;
	margin: 0 auto;
}
.landsat .imgLayout3c img{
	width: 320px;
}
.landsat .imgLayout2c img{
	width: 490px;
}

.landsat div.ar{
	width: 600px;
	height: 600px;
	margin: 0 auto;
	border: 1px dotted #f00;
	text-align: center;
	line-height: 600px;
}
.landsat .sec04 img{
	margin-bottom: 0.5em;
}
.landsat .sec03 .table{
	width: 60%;
	margin-bottom: 0.5em;
}
.landsat .sec03 .table td{
	text-align: left;
}
.landsat .sec03 p,
.landsat .sec01 p.mb40{
	line-height: 1.5;
}

/*
.gis-raster
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.gis-raster .sec01{
	line-height: 1.6;
}
.gis-raster .sec01 .ul{
	display: inline-block;
	/*width: 960px;*/
	text-align: left;
	/*font-size: 1.2em;*/
	margin-bottom: 45px;
}
.gis-raster .sec01 .ul li{
	margin-bottom: 0.8em;
}
.gis-raster .sec01 p.t1,
.gis-raster .sec01 p.t2{
	width: 1000px;
	margin: 0 auto 45px !important;
	/*font-size: 1.2em;*/
}

.gis-raster .sec04 .imgLayout2c,
.gis-raster .sec02 .imgLayout3c{
	width: 1000px;
	margin: 0 auto;
}
.gis-raster .sec02 img{
	width: 320px;
}
.gis-raster .sec04 img{
	width: 490px;
}

.gis-raster div.ar{
	width: 600px;
	height: 600px;
	margin: 0 auto;
	border: 1px dotted #f00;
	text-align: center;
	line-height: 600px;
}

.gis-raster .table th,
.gis-raster .table td{
	width: 20%;
}
.gis-raster .table td{
	font-size: 0.9em;
	line-height: 1.6;
}
.gis-raster .sec04 img{
	margin-bottom: 0.5em;
}



/*
.daichi
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.daichi .sec01{
	line-height: 1.6;
}
.daichi .sec01 .ul{
	display: inline-block;
	/*width: 960px;*/
	text-align: left;
	/*font-size: 1.2em;*/
	margin-bottom: 45px;
}
.daichi .sec01 .ul li{
	margin-bottom: 0.8em;
}
.daichi .sec01 p.t1,
.daichi .sec01 p.t2{
	width: 1000px;
	margin: 0 auto 45px !important;
	/*font-size: 1.2em;*/
}

.daichi .sec04 .imgLayout2c,
.daichi .sec02 .imgLayout3c{
	width: 1000px;
	margin: 0 auto;
}
.daichi .sec02 img{
	width: 320px;
}
.daichi .sec04 img{
	width: 490px;
}

.daichi div.ar{
	width: 600px;
	height: 600px;
	margin: 0 auto;
	border: 1px dotted #f00;
	text-align: center;
	line-height: 600px;
}

.daichi .table{
	margin-bottom: 1em;
}
.daichi .table th,
.daichi .table td{
	width: 20%;
}
.daichi .table td{
	font-size: 0.9em;
	line-height: 1.6;
}
.daichi .sec04 img{
	margin-bottom: 0.5em;
}




/*
.aero
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.aero .localNav {
    width: 600px;
    margin: 0 auto;
}
.aero .sec01{
	line-height: 1.6;
}
.aero .sec01 .ul{
	display: inline-block;
	/*width: 960px;*/
	text-align: left;
	/*font-size: 1.2em;*/
	margin-bottom: 45px;
}
.aero .sec01 .ul li{
	margin-bottom: 0.8em;
}
.aero .sec01 p.t1,
.aero .sec01 p.t2{
	width: 1000px;
	margin: 0 auto 45px !important;
	/*font-size: 1.2em;*/
}

.aero .sec04 .imgLayout2c,
.aero .sec02 .imgLayout3c,
.aero .sec01 .imgLayout3c{
	width: 1000px;
	margin: 0 auto;
}
.aero .sec02 img{
	width: 320px;
}
.aero .sec04 img{
	width: 490px;
}

.aero div.ar{
	width: 600px;
	height: 600px;
	margin: 0 auto;
	border: 1px dotted #f00;
	text-align: center;
	line-height: 600px;
}
.aero .sec04 img{
	margin-bottom: 0.5em;
}
.aero .sec03 .table{
	width: 60%;
	margin-bottom: 0.5em;
}
.aero .sec03 .table td{
	text-align: left;
}
.aero .sec03 p,
.aero .sec01 p.mb40{
	line-height: 1.5;
}



/*
.planetsat
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.planetsat .sec01{
	line-height: 1.6;
}
.planetsat .sec01 .ul{
	display: inline-block;
	text-align: left;
	margin-bottom: 45px;
}
.planetsat .sec01 .ul li{
	margin-bottom: 0.8em;
}
.planetsat .sec01 p.t1,
.planetsat .sec01 p.t2{
	width: 1000px;
	margin: 0 auto 45px !important;
}

.planetsat .sec04 .imgLayout2c,
.planetsat .sec02 .imgLayout3c,
.planetsat .sec01 .imgLayout3c{
	width: 1000px;
	margin: 0 auto;
}
.planetsat .sec02 img{
	width: 320px;
}
.planetsat .sec04 img{
	width: 490px;
}

.planetsat div.ar{
	width: 600px;
	height: 600px;
	margin: 0 auto;
	border: 1px dotted #f00;
	text-align: center;
	line-height: 600px;
}
.planetsat .sec04 img{
	margin-bottom: 0.5em;
}
.planetsat .sec03 .table{
	width: 60%;
	margin-bottom: 0.5em;
}
.planetsat .sec03 .table td{
	text-align: left;
}
.planetsat .sec03 p,
.planetsat .sec01 p.mb40{
	line-height: 1.5;
}



/*
.spacewalk
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.spacewalk{}

.spacewalk .sec{
	width: 1000px;
	margin: 0 auto;
}
.spacewalk .sec01,
.spacewalk .sec02,
.spacewalk .sec03,
.spacewalk .sec04,
.spacewalk .sec06,
.spacewalk .sec07,
.spacewalk .sec08,
.spacewalk .sec09,
.spacewalk .sec10{
	width: 800px;
}
.spacewalk .sec01 p,
.spacewalk .sec06 p,
.spacewalk .sec09 p,
.spacewalk .sec10 p{
	font-size: 1.2em;
	line-height: 1.5;
}
.spacewalk .sec09 p,
.spacewalk .sec10 p{
	font-size: 1em;
	line-height: 1.5;
}
.spacewalk .sec02 .imgBox img,
.spacewalk .sec03 .imgBox img,
.spacewalk .sec07 .imgBox img,
.spacewalk .sec08 .imgBox img{
	width: 95%;
}
.spacewalk .sec h2{
	width: 100%;
	text-align: center;
}
.spacewalk .sec04 .tac{
	margin-bottom: 0.5em;
}
.spacewalk .sec05 .ul{
	display: inline-block;
	text-align: left;
	font-size: 1.2em;
}
.spacewalk .sec05 li{
	margin-bottom: 0.8em;
}

.spacewalk .tab li{
	padding: 0 4px 0 8px;
}
.spacewalk .tab li:last-child{
	padding: 0 8px 0 4px;
}
.spacewalk .sec07 .imgLayout2c,
.spacewalk .sec08 .imgLayout2c{
	margin-bottom: 2em;
}
.spacewalk .sec07 table{
	width: 100%;
	margin: 0 auto;
}
.spacewalk .sec07 th,
.spacewalk .sec07 td{
	border-bottom: 1px dotted #CCC;
	font-size: 0.9em;
	padding: 1em;
	text-align: left;
}
.spacewalk .sec07 th{
	text-align: right;
	padding-right: 0;
}

.spacewalk .sec08 .textArea p{
    display: table-cell;
    height: 213px;
    vertical-align: middle;
}
.spacewalk .sec08 .imgArea{
	width: 800px;
}
.spacewalk .sec08 .imgArea img{
	width: 100%;
	margin-bottom: 0.5em;
}
.spacewalk .sec08 .imgArea figcaption{
	font-size: 0.9em;
	text-align: left;
	padding: 0 !important; margin: 0 !important;
	line-height: 1.5;
}


/*
.etc
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.etc .sec01 .textArea{
	text-align: left;
	line-height: 1.8;
}
.etc .sec01 .textArea p{
    display: table-cell;
    height: 360px;
    vertical-align: middle;
}
.etc .sec01 .textArea p.h208{
    height: 208px;
}

.etc .sec h2{
	width: 100%;
	text-align: center;
}
.etc .sec02{
	width: 800px;
	margin: 0 auto;
}
.etc .sec02 .imgBox img{
	width: 95%;
}

/*
.broadcast
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.broadcast{}
.broadcast #features ul{
	display: inline-block;
	text-align: left;
	margin-bottom: 1.5em;
}
.broadcast #example ul{
	display: inline-block;
	text-align: left;
}
.broadcast #main .entry > h2{
	font-size: 16px;
}
.broadcast .sec03 .imgLayout3c{
	width: 1000px;
	margin: 0 auto;
}
.broadcast .sec03 img{
	width: 320px;
}





	@media screen and (max-width: 800px){
		.sec img{
			max-width: 100%;
		}
		#main .entry > h1 img {
			width: 100%;
		}
		.localNav{
			width: 100% !important;
			text-align: center;
		}
		.localNav ul{
			display: inline-block;
			overflow: hidden;
			text-align: left;
			padding-left: 1.3em;
		}
		.localNav ul li{
			float: none;
			list-style-type: circle;
			list-style-position: outside;
			text-align: left;
			border: none;
			padding: 0;
		}
		.localNav ul li a{
			display: inline;
			color: #005BAC;
		}
		.localNav ul li a{
			color: #005BAC;
			border: none;
			padding: 0;
		}

		p.t1,
		p.t2,
		.imgLayout3c,
		.imgBox,
		.imgArea{
			width: 100% !important;
		}
		.imgArea{
			margin-bottom: 1.5em;
		}
		.imgArea img{
			max-width: 100%;
			margin-bottom: 1em;
		}
		.imgBox img{
			/*width: 100%;*/
			max-width: 100%;
		}
		.imgArea .imgR,
		.imgArea .imgL,
		.imgArea .textArea{
			float: none !important;
			padding: 0;
			margin: 0;
		}
		.imgBox{
			float: none !important;
			text-align: center;
			margin-bottom: 1em;
		}
		.navimichael .sec01 .movie{
			width: 100%;
			height: auto;
			margin-bottom: 2em;
		}
		.navimichael .sec01 .movie video,
		.navimichael .sec01 .movie iframe{
			width: 100%;
			height: 200px;
		}
		.navimichael .sec01 .textArea p{
			display: block;
			height: auto;
		}
		.navimichael .sec02{
			width: 100%;
		}
		.navimichael .sec02 ul{
			width: 100%;
		}
		.navimichael .sec02 li{
			float: none;
			width: 100%;
		}
		.navimichael .sec02 li video{
			width: 100%;
			height: 200px;
		}

		.spacewalk .sec01, .spacewalk .sec02, .spacewalk .sec03, .spacewalk .sec04, .spacewalk .sec06, .spacewalk .sec07, .spacewalk .sec08, .spacewalk .sec09, .spacewalk .sec10 {
		    width: 100%;
		}
		.spacewalk .sec05 .ul{
			font-size: 1em;
		}
		.spacewalk .sec08 .textArea p{
			display: block;
			height: auto;
		}

		.aero .sec03 .table{
			width: 100%;
		}

		.aero .table{
			width: 100% !important;
			border: none;
		}
		.aero .table th,
		.aero .table td{
			display: block;
			border-right: none;
			border-bottom: 1px solid #00A6CB;
		}
		.aero .table th{
			background: #00A6CB;
			border-bottom: none;
		}
		.aero .table tr:last-child th{
			border-bottom: none;
		}
		.aero .table td{
			margin-bottom: 1em;
		}

		.scroll{
			display: block;
			width: 100%;
			-ms-overflow-x: scroll;
			    overflow-x: scroll;
			padding-bottom: 0.8em;
		}

		.landsat .table{
			width: 100% !important;
			border: none;
		}
		.landsat .table th,
		.landsat .table td{
			display: block;
			border-right: none;
			border-bottom: 1px solid #00A6CB;
		}
		.landsat .table th{
			background: #00A6CB;
			border-bottom: none;
		}
		.landsat .table tr:last-child th{
			border-bottom: none;
		}
		.landsat .table td{
			margin-bottom: 1em;
		}

		.planetsat .table{
			width: 100% !important;
			border: none;
		}
		.planetsat .table th,
		.planetsat .table td{
			display: block;
			border-right: none;
			border-bottom: 1px solid #00A6CB;
		}
		.planetsat .table th{
			background: #00A6CB;
			border-bottom: none;
		}
		.planetsat .table tr:last-child th{
			border-bottom: none;
		}
		.planetsat .table td{
			margin-bottom: 1em;
		}



	}/* @media */



















/*
/company/
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.company .ol{
	display: inline-block;
	text-align: left;
	margin-bottom: 45px;
}
.company .ol li{
	margin-bottom: 0.8em;
}




/*
/contact/
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.contact .table{
	margin-bottom: 1em;
}
.contact .table td{
	text-align: left;
}
.formmail_table td em {
	display: inline-block;
	font-size: 13px;
	color: #F00;
}
.hissu{
	display: inline-block;
	padding: 3px 5px;
	margin: 0 0 0 3px;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; background: #F00;
	text-align: center;
	line-height: 1;
	color: #FFF;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
}
.formmail_table input {
	padding: 0.1em;
	line-height: 1.2;
	vertical-align: middle;
}
.formmail_table input[type="checkbox"],
.formmail_table input[type="radio"] {
	vertical-align: -0.1em;
}
.formmail_table textarea,
.formmail_table select,
.formmail_table input[type="text"],
.formmail_table input[type="tel"],
.formmail_table input[type="email"] {
	padding: 4px;
}
.formmail_table input[type="tel"]{
	width: 6em;
}
.formmail_table input[type="email"] {
	width: 20em;
}
.formmail_table input#postal1,
.formmail_table input#postal2{
	width: 4em;
}
.formmail_table input#address1,
.formmail_table input#address2{
	width: 80%;
}
.formmail_table textarea{
	width: 100%;
	height: 10em;
}

.btn_text {
	margin-bottom: 10px;
	padding: 10px;
	width: auto;
	color: #222;
	line-height: 1.5;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	vertical-align: middle;
	border: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #CCC;
	background: #EEE;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #EEE));
	background: -webkit-linear-gradient(top, #FFF 0%, #EEE 100%);
	background: -o-linear-gradient(top, #FFF 0%, #EEE 100%);
	background: -ms-linear-gradient(top, #FFF 0%, #EEE 100%);
	background: -moz-linear-gradient(top, #FFF 0%, #EEE 100%);
	background: linear-gradient(top bottom, #FFF 0%, #EEE 100%);
	background-clip: border-box;
	position: relative;
	background-repeat: repeat-x;
	cursor: pointer;
}
#postal_btn{
	border: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #CCC;
	background: #EEE;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #EEE));
	background: -webkit-linear-gradient(top, #FFF 0%, #EEE 100%);
	background: -o-linear-gradient(top, #FFF 0%, #EEE 100%);
	background: -ms-linear-gradient(top, #FFF 0%, #EEE 100%);
	background: -moz-linear-gradient(top, #FFF 0%, #EEE 100%);
	background: linear-gradient(top bottom, #FFF 0%, #EEE 100%);
	background-clip: border-box;
	cursor: pointer;
}
.formmail_btn{padding-bottom: 50px;}




	@media screen and (max-width: 800px){
		.contact .table{
			width: 100% !important;
			border: none;
		}
		.contact .table th,
		.contact .table td{
			display: block;
			border-right: none;
			border-bottom: 1px solid #00A6CB;
		}
		.contact .table th{
			background: #00A6CB;
			border-bottom: none;
		}
		.contact .table tr:last-child th{
			border-bottom: none;
		}
		.contact .table td{
			margin-bottom: 1em;
		}



	}/* @media */