@charset "utf-8";

/*----------------------DefaultStyle*------------------------*/
body{
    height:100%;
    font-family:Meiryo;
    color:#333;
    background-color:#fff;
    }
p{
    margin: 0px 10px;
    color:#000;
    }
article{
    margin-top: 30px;
    padding: 10px; 
    background:#efefef;
    }
h1{
    font:bold 170% "MS Gothic";
    color:#333;
    background-color:#f7f7f7;
    }
h3{
    color:#555;
    letter-spacing:10px;
    font:200% 'Ubuntu Mono', monospace;
    }
h4{
    margin:10px 0px;
    padding:6px 10px;
    font:bold 120% "Meiryo";
    color:#333;
    background-color:#f7f7f7;
    border-left:9px solid #2C2D5D;
    }
h5{
    margin:5px 0px;
    padding:0px 10px;
    font:bold 100% "Meiryo";
    color:#2C2D5D;
    position: relative;
    }
h5:after{
    display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -3px;
	width: 6px;
	height: 6px;
	border-right: 3px solid #2C2D5D;
	border-bottom: 3px solid #2C2D5D;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);}
h6{
    margin:5px 0px;
/*    padding:0px 10px; */
    font:bold 100% "Meiryo";
/*    color:#2C2D5D; */
    position: relative;
    }

img{
    width:600px;
    margin:10px;
    }
#Page{
    width:1070px;
    min-height:100%;
    margin-right: auto; /*中央寄せ指定*/
    margin-left : auto; /*中央寄せ指定*/
    position:relative;
    }

/*------------------------Header------------------------------*/
Header{
    width:1070px;
    height:100px;
    border-bottom: 1.5px solid #ddd;
    }
.Description{
    margin:5px 0px 10px 5px;
    font-size:80%;
    color:#333;
    }
.top{
    width:350px;
    height:60px;
    margin:10px;
    float:left;
    position: relative;
    background-image:url(/img/top.png);
    background-repeat:no-repeat;
    background-size:contain;
    }
.top a {
    width:100%;
    height:100%;
    float:left;
    display:block;
    position: absolute;
    z-index: 1;
    } 
.top span {
    visibility: hidden;
    }

.top p {
    width:450px;
    height:100%;
    margin:0px;
    font:bold 300% "Meiryo UI";
    color:#333;
    position: absolute;
     top:-11px; left: 75px;
    }

#Search{
    margin:20px 20px 0px 20px;
    padding:10px;
    float:right;
    }	

/*------------------------nav-----------------------------*/
nav{
    /*width:1070px; */
    height:40px;
    margin:10px 0px 0px 25px;
    border-bottom: 1.5px solid #ddd;
    }
nav ul{
    position:relative;
    left:0px;
    float:left;
    list-style-type:none;
    }
nav ul li{
    width:114px; 
    height:50px;
    position:relative;
    /* left:-50%; */
    float:left;
    text-align:center;
    }
nav ul li a{
    position: absolute; 
    bottom: 20px;
    /*left: 50%; */
    width:90%;
    padding:6px 3px 4px 3px;
    margin-right:10px;
    text-decoration:none;
    display:block;
    color:#494949;
    font-weight:bold;
    /*font-size:80%; */
    border-bottom:3px solid #000066;
    }
    nav ul li a.small{
        font-size:80%;
    }
    nav ul li a.middle{
        font-size:90%;
    }


    nav ul li a:hover, nav ul li a.selected{
    border-bottom-color: #09f;
    }
/*------------------------Main-------------------------------*/
#Main{
    width:1020px;
    height:100%;
    margin:0px auto;
    padding-bottom:140px;
    }

/*////////// Screen //////////*/
#Screen{
    width:1020px;
    height:525px;
    position:relative;
    background-color:#fff;
    }
.Screen{
    width:1000px;
    height:100%;
    margin: 0px;
    padding:0px 0px 0px 10px;
    border-right:10px solid #0099ff;
    }
.Concept{
    width:100%;
    max-width:500px;
    position:absolute;
    bottom:80px;
    padding:15px;
    text-align:center;
    color:#e8d8dc;
    background:rgba(16,16,80,0.6);
    font:bold 150% "Yu Gothic";
    }
/*////////// title //////////*/
#title{    
    margin:10px 0px 0px 0px;
    position : relative ;
    height:40px;
    color:#2C2D5D;
    }
    
.title{
    padding:0px 0px 0px 10px;
    position : absolute ;
    bottom : 0 ;
    }
/*////////// Content //////////*/
#img{
    margin: 0px;
    width:320px;
    }
.img{
    margin: 0px;
    width:320px;
    }
    

#Content{
    width:100%;
    height:100%;
    }
/*.........Left.........*/
#ContentLeft{
    width:70%;
    height:auto;
    margin:10px 0px;
    padding:10px;
    float:left;
    background-color:#fff;
    }
.Content{
    width:38px;
    height:500px;
    margin:10px 10px 10px 0px;
    padding:0px 10px 0px 0px;
    float:left;
    writing-mode:vertical-rl;
    -ms-writing-mode:tb-rl;
    -webkit-writing-mode:vertical-rl;
    font-family:Meiryo;
    letter-spacing:10px;
    text-align:center;
    border-left:9px solid #2C2D5D;
    color:#2C2D5D;
    }
/*     index-page     */
#Entry{
    margin:0px;
    float:right;
    }
.E_drone{
    margin:0px 0px 15px 0px;
    }
.E_surv{
    width:290px;
    margin:0px;
    float:left;
    }
.E_inv{
    width:280px;
    margin:0px 30px 0px 0px;
    float:right;
    }

.tile_L{
    width:600px;
    height:100%;
    border:5px solid #2C2D5D;
    }
.tile_L:hover{
    filter:alpha(opacity=80);
    opacity:0.8;
    }
.tile_M{
    width:280px;
    height:224px;
    border:5px solid #2C2D5D;
    }
.tile_M:hover{
    filter:alpha(opacity=80);
    opacity:0.8;
    }

/*     recruit-page     */
.thead{
    border-bottom: 1px solid #c9c7c3;
    }
.table_b dl > *{
    padding: 10px 0;
    border-top: 1px solid #e1dfdb;
    line-height: 1.5em;
    }
.table_b dt{
    width: 150px;
    margin-right: 30px;
    padding-left: 20px;
    float: left;
    clear: left ;
    box-sizing: border-box;
    }
.table_b dd{
    width: 480px;
    float: left;
    }
.table_b dl:after{
    content: '';
    clear: both;
    display: block;
    }
.table_b dt:first-child,
.table_b dt:first-child + dd{
    border: none;
    }


/*     company-psge     */
#comp table{
    width: 90%;
    margin: 0px 25px;
    border-collapse: separate;
    border-spacing: 0px 10px;
    }
#comp table th{
    width: 110px;
    padding: 10px;
    position: relative;
    overflow: visible;
    vertical-align: middle;
    color: #f7f7f7;
    background: #2C2D5D;
    }
#comp table th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(44, 45, 93, 0);
    border-left-color: #2C2D5D;
    border-width: 10px;
    margin-top: -10px;
    }
#comp table td{
    padding:10px 10px 10px 20px;
    vertical-align: middle;
    color: #2C2D5D;
    background: #f7f7f7;
    }

#comp table td ul li{
    list-style: none;
    /* margin:10px 0px 0px 0px; */
   /* padding: 0px 0px 0px 0px;*/
}
#comp table td > ul > li{
    margin:0px 0px 10px 0px;
    /*color: #00ff00; */
    font-weight:bold;
}

#comp table td li li{
    font-weight:normal;
    margin: 5px 0px 5px 5px;
}

#map iframe{
    width: 97%; 
    height: 450px;
    margin: 10px;
    }
/*     contact-page     */
#formWrap {
	width:700px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
    }
table.formTable{
	width:100%;
	margin:20px 0px;
	border-collapse:collapse;
    }
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
    }
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
    vertical-align:middle;
    }
/*..........Right.........*/
#ContentRight{
    width:25%;
    margin:10px 0px;
    padding:10px;
    float:right;
    background-color:#fff;
    }

#Side_list{
    margin:3px 0px 15px 0px;
    }
#Side_list ul{
    list-style-type:none;
    }
#Side_list ul li{
    display:inline;
    }
#Side_list ul li a{
    width:253px;
    margin:10px 0px;
    padding:10px;
    display:block;
    text-decoration:none;
    box-shadow:0px 0px 0px 1px #0099ff;
    border-right:9px solid #0099ff;
    box-sizing:border-box;
    background-color:#f7f7f7;
    color:#0099ff;
    font-size:20px;
    font-weight:bold;
    }
#Side_list ul li a:hover{
    box-shadow:0px 0px 0px 1px #0099ff;
    border-right:9px solid #f7f7f7;
    box-sizing:border-box;
    color:#fff;
    background-color:#0099ff;
    }

#Side_comp{
    margin:5px 0px;
    padding:5px 10px 10px 10px;
    border:3px double #0099ff;
    background-color:#f7f7f7;
    }
#Side_comp h2{
    padding:10px 10px 3px 10px;
    text-align:center;
    font-size:138%;
    border-bottom:3px solid #0099ff;
    color:#494949;
    }
.address{
    color:#858585;
    padding:10px 0px 10px 0px;
    }
.tel{
    padding:10px;
    }


/*-----------------------------page-top--------------------------*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}


/*-----------------------------Footer--------------------------*/
#Footer{
    height:50px;
    margin:0px auto;
    clear:left;
    bottom:0;
    text-align:center;
    }
.Copyright{
    width:100%;
    padding:10px 0;
    color:#494949;
    }