@charset "UTF-8";
@import url("reset.css");

.clear{
	clear:both;
}

body{
	font-family:"メイリオ",sans-serif;
	font-size:17px;
	line-height:29px;
}
header{
	width:960px;
	height:90px;
	position:relative;
	margin:0 auto;
	vertical-align:middle;
}
header h1{
	position:absolute;
	top:20%;
}
div.header_right{
	width:435px;
	height:58px;
	position:absolute;
	top:20%;
	right:0%;
	clear:both;
}
div#header_tel{
	width:239px;
	height:58px;
	overflow:hidden;
	float:left;
}
div#header_tel a{
	padding-top:58px;
	display:block;
	background-image:url("../images/header_tel.png");
}
div#header_tel a:hover{
	background-position:0 58px;
}
div.sns_icon{
	width:179px;
	height:38px;
	overflow:hidden;
	margin-top:10px;
}
div.sns_icon ul{
	list-style:none;
}
div.sns_icon ul li{
	width:38px;
	height:38px;
	margin-right:9px;
	float:left;
}
div.sns_icon ul li a{
	display:block;
	padding-top:38px;
}
div.sns_icon ul li:last-child{
	margin-right:0;
}
li.sns_mail a{ background-image:url("../images/sns_mail.png"); }
li.sns_facebook a{ background-image:url("../images/sns_facebook.png"); }
li.sns_google a{ background-image:url("../images/sns_google.png"); }
li.sns_youtube a{ background-image:url("../images/sns_youtube.png"); }
li.sns_mail a:hover,
li.sns_facebook a:hover,
li.sns_google a:hover,
li.sns_youtube a:hover{
	background-position:0 38px;
}

hr.global_hr {
  border-width: 2px 0 0 0; /* 太さ */
  border-style: solid; /* 種類 */
  border-color: black; /* 色 */
  margin-bottom:0;
  clear:both;
}

nav.global_nav{
	width:960px;
	height:47px;
	margin:0 auto;
	margin-bottom:23px;
}
nav.global_nav ul{
	list-style-type:none;
}
nav.global_nav ul li{
	float:left;
	width:112px;
	margin-right:9px;
	overflow:hidden;
}
nav.global_nav ul li:last-child{
	margin-right:0;
}
nav.global_nav ul li a{
	display:block;
	padding:8px 0;
	color:#333333;
	font-family:"メイリオ",sans-serif;
	text-decoration:none;
	text-align:center;
	border-bottom:1px solid #333;
}

nav.global_nav ul li a:hover,
#top_p li#nav_top a,#skyphoto li#nav_skyphoto a,
#sales li#nav_sales a,#develop li#nav_develop a,
#surbey li#nav_surbey a,#school li#nav_school a,
#djicamp li#nav_djicamp a,#corp li#nav_corporate a{
	background-color:#eee;
	background-image:url("../images/bg1.png");
	border-bottom:2px solid #333;
	font-weight:bold;
}

div.hedding_wrap{
	width:100%;
	margin-bottom:40px;
	background-image:url("../images/bg1.png");
}
.body_wrap{
	width:960px;
	margin:0 auto;
}
h2.base1{
	background-image:url("../images/bg1.png");
	height:26px;
	margin-bottom:18px;
}
h2.base2{
	background-image:url("../images/bg1.png");
	height:26px;
	margin-bottom:18px;
}
h2.base2 span{
	display:inline-block;
	background-color:#FFF;
	height:26px;
	border-left:5px solid #000;
	padding-left:8px;
	padding-right:8px;
	font-family:serif;
	font-size:1.25em;
}
section p{
	text-align:justify;
}
div.footer_wrap{
	width:100%;
	padding:20px auto;
	background-image:url("../images/bg1.png");
}
footer{
	width:960px;
	margin:0 auto;
	padding:18px 0;
}
footer ul.footer_nav{
	width:628px;
	height:67px;
	list-style:none;
	float:left;
	margin-right:36px;
}
footer ul.footer_nav li{
	margin:0 13px 11px 0;
	float:left;
	text-align:center;
}
footer ul.footer_nav li:nth-child(5n){
	margin-right:0;
}
footer ul.footer_nav li a{
	display:block;
	width:105px;
	padding:5px;
	color:#000;
	border-bottom:1px dotted #000;
	font-size:.85em;
}
footer ul.footer_nav li a:hover{
	background-color:rgba(0,159,174,0.5);
	color:#FFF;
}
footer img#iimo_blog{
	display:block;
}
footer img#iimo_blog:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
footer address{
	padding-top:10px;
	text-align:center;
	font-style:normal;
}
footer address a{
	color:#000000;
}
footer address a:hover{
	color:#009fae;
}

/*追加設定*/
img.round_l{
	float:left;
	margin-right:36px;
}
img.round_r{
	float:right;
	margin-left:36px;
}
section.bottom_62px{
	overflow:hidden; /*clearFixの代わり*/
	width:960px;
	margin-bottom:62px;
}
p.sub_comment{
	margin-top:16px;
	font-size:75%;
	line-height:200%;
}
h2.title_fullsize{
	background-image:none;
	height:auto;
}
.half{
	float:left;
	width:462px;
	margin-right:36px;
}
.half:nth-child(odd){
	margin-right:0;
}
article{
	overflow:hidden;
}

/*ここからユーザー定義(izma.jp)
    skyphoto.html内*/
a.picframe,a.movframe{
    position:relative;
    background-color:#FFF;
}
.picframe img:hover,.movframe img:hover{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
.picframe span{
    display:block;
    position:absolute;
    bottom:10px;
    left:5px;
    width:36px;
    height:36px;
    background-image:url("../images/zoom_icon.png");
}
.picframe2{
	position:relative;
}
.picframe2 span{
    display:block;
    position:absolute;
    bottom:15px;
    left:10px;
    width:36px;
    height:36px;
    background-image:url("../images/zoom_icon.png");
}
.movframe span{
    display:block;
    position:absolute;
    bottom:10px;
    left:5px;
    width:36px;
    height:36px;
    background-image:url("../images/zoom_icon.png");
    background-position:36px 0;
}

/*測量ページ新規の際追加分*/
/*セクションごとにfloatの解除と下マージンを作成*/
.section-break{
	margin-bottom:80px;
}
.section-break::after{
	content:"";
	clear:both;
	display:block;
}
/*メイングリッドの３等分と3/2使用*/
.one-third{
	float:left;
	width:296px;
	margin-right:36px;	
}
.one-third:nth-child(3n){
	margin-right:0;
}
.one-third-double-l{
	float:left;
	width:628px;
	margin-right:36px;
}
.one-third-double-r{
	float:left;
	width:628px;
	margin-right:0px;
}

/*Loaderの部分*/
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: rgba(0,0,0,.5);
  z-index: 1;
}
#loading {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 2;
}
#loading img{
	width:100%;
}