@charset "utf-8";

/*--------------- リンクの基本色を決める -------------*/
a { color:black }               /*文字の色          */
a:visited { color:black; }      /*訪問済みの色を指定。*/
a:hover {                       /*マウスポイインタを乗せた時の色を決める   */
    color: #ff00ff;
    font-weight: bold;
    text-decoration:underline;
}
a:hover img { opacity: 0.7;}     /*イメージを半透明にする*/

/*イメージのした余白を０にする*/
img {
    vertical-align: bottom;
}

html * {
}

body{
    box-sizing:border-box; /*パディングとボーダーを幅と高さに含める*/
    background-color: #e0e0e0;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

header{
    width:auto;
    margin: 0px 0px 0px 0px;
    border: 0px;
    padding: 0px 0px 0px 0px;
    background-color:white;
}

#header_contact {
    float: right;
    margin: 55px 50px 5px 20px; /*上右下左*/
}

/* global_navi,nav,gbuttonの設定はstylecommon.css */

#wrapper{
    margin: 0px 10px 0px 10px;
    padding: 0 0 0 0;
    width:85%;
    background-color: #e0e0e0;
	overflow: hidden;
    float:left;
}

#main {
    width: 85%;
    margin: 0px 10px 0px 10px;
    border: 5px;
    padding: 0px;
    box-shadow: 0px 3px 10px 2px rgba(0,0,0,3);
    float: right;
    background-color:white;
}

#sidebar {
    background-color:#e0e0e0;
	overflow: hidden;
    width: 5%;
    float:left;
    padding-left: 0px;
}

#right-navi {
  background-color:#e0e0e0;
  width: 10%;
  float: right;
}

#wrapper p{
    margin-left: 10px;
}

#main_img{
    margin: 0 0 0 0;
    width: 100%;
}

#SysConfImg{
    margin: 0 0 0 0;
    width: 100%;
}
/* システムの構成　*/
.ActualData{
	overflow: hidden;
}
.camera {
	float: left;
    display: inline-block;
    margin: 5px;
	padding: 5px;
	width: 48%;
	background: #79c53e;
	border-radius: 10px;
}
#webcam{
    width: 100%;
}

.chart {
	float: right;
    display: inline-block;
    margin: 5px;
	padding: 5px;
	width: 48%;
    height: 395px;
	background: #379ad4;
	border-radius: 10px;
}

#Sensorchart{
    width: 100%;
    height: 280px;
}

#DCBConfImg{
    margin-left : 80px;
    margin-right: 40px;
    width: 80%;
    height: auto;
}

#SolarImg{
    margin-left : 80px;
    margin-right: 40px;
    width: 80%;
    height: auto;
}


#sensorTable,
#DCBTable,
#SolarTable,
#WEBTable
{
    border-collapse: collapse;
    margin-left : 50px;
}

#DCBTable th,
#sensorTable th,
#SolarTable th,
#WEBTable th
{
    background-color: #f1ede4;
    text-align: left;
    border: 1px solid #000000;
    padding: 8px,8px,8px,8px;
}


#DCBTable td,
#sensorTable td,
#SolarTable td,
#WEBTable td
{
    text-align: left;
    padding: 8px,8px,8px,8px;
    border: 1px solid;
}

#Rasp1{
    float: left;
    margin-left: 80px;
}
#Rasp2{
    float: left;
}
#Soracom{
    float: left;
}
#Camera{
    float: left;
}
#MCase{
    float: left;
}
#DS18B20{
    margin-left: 80px;
}

#Mt01,#Mt02,#Mt03{
    width: 100%;
    height: auto;
    margin: 0;
}

/************   お問い合わせ  ********************/
#entry dl {
    background: #f1ede4;
    border: 1px solid #ddd;
    border-top: ;
}
#entry dl dt,
#entry dl dd{
    padding: 10px;
    border-top: 1px solid #ddd;
}
#entry dl dt{
    width: 13em;
    float: left;
    clear: both;
    font-weight: bold;
}
#entry dl dd{
    background-color: #fff;
    border-left: 1px solid #ddd;
    margin-left: 13em;
}

.must {color: #f00; }

#entry #name {
    width: 15em;
    padding: 3px;
}
#entry #email {
    width: 25em;
    padding: 3px;
}
#entry #detail {
    width: 36em;
    height: 15em;
}
#entry #submit_button_cover {
    text-align: center;
}
#entry #submit_button {
    background-color: #b7a077;
    border:  1px solid #b7a077;
    padding: 15px 100px;
    border-radius: 10px;
    font-size: 18px;
    color: #fff;
}
#entry #submit_button:hover {
    background-color: #c7ae81;
}

/************   sidebar  ********************/
#sidebar a img{
    margin: 5px 2px;
}






/*================================フッター==================================*/
footer{
    clear: both;
    width: 100%;
    background-color: #352b23;
    text-align: center;
    bottom: 0;
}

footer small {
    display: black;
    padding: 8px 0;
    color: #fff;
}

.footer-nav  {
    background-color: #efefef;
    padding: 20px;
    border-radius: 0 0 0px 0px;
}

.footer-nav ul {
    outline-style: none;
    margin: 0;
    padding: 0;
}
.footer-nav li{
    display: inline; 
    border-left-style: solid 1px #aaa;
    margin-left: 8px;
    padding-left: 9px;
    font-size: smaller;
}


.footer-nav li:last-child {
    border-right: solid 1px #aaa;
    padding: 0,80h;
}