@charset "utf-8";


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

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

/*====================header======================*/
header{
    width: 1100px;
    margin: 0 auto;             /*上下を０、左右をauto（中央揃え）*/
    background-color:white;     /* ヘッダー部分のバック色*/
    /*
    border: 01px solid #c0c0c0;
    border-radius: 0px;
    box-shadow: 0px 3px 10px 2px rgba(0,0,0,3);*/
}

/*=======================  問い合わせボタン  ============================*/
header #header_contact {
    float: right;
    margin: 55px 50px 5px 20px; /*上右下左*/
}

/*==================== ナビゲーションボタン ==========================*/
/*
#global_navi ul li.current a{
    background-color: #E0F8E0;
}
#global_navi ul li a.hover {
    background-color:black;
}
*/
/* *******************************************************/



#wrapper{
    margin: 0 auto;
    width: 1100px;
    background:#ffffff;    
    /*border: 0px solid #c0c0c0;
    border-radius: 0px;
    box-shadow: 0px 3px 10px 2px rgba(0,0,0,3);*/
    padding: 0 0 40px 0;
	overflow: hidden;
}
#wrapper p{
    margin-left: 40px;
}

/*=================== パンくずリスト ======================*/
#breadcrumb { 
    font-size: smaller;
}
#breadcrumb ol li { display: inline; }
#breadcrumb ol li::after {
    content: ">";
    padding-left: 7px;
}
#breadcrumb ol li:last-child::after { content: none; } /*最後の＞を消す*/
#breadcrumb ol {                   
    list-style: none;
}

#main{
    width: 1100px;
    float: left;
}

/*====================  目  次  =========================*/
#index_container {
    background: #f9f9f9;
    border: 2px solid #aaa;
    padding: 5px;
    margin-left: 64px;
    display: table;
    font-size:120%;
    width:400px;
}
#index_container a {
    text-decoration: none;
}

/*=============  システム構成、RaspberryPi仕様のテーブル設定 ===========*/
#SystemConfImg,
#GpioImg
{
    padding-left: 60px;
}

#SetRaspi
{
    padding-left: 80px;
}

#CameraConnect li{
    margin-left: 40px;
}

#lsusbimg,
#OpenCVImg,
#CameraPrgImg,
#CameraPrgImg2,
#TSensorImg,
#TSensor2Img,
#TSensor3Img,
#THSensorImg,
#THSensor2Img,
#THSensor3Img,
#THSensor4Img,
#THSensor5Img,
#modem2Img,
#modem3Img,
#modem4Img,
#modem5Img,
#modem6Img
{
    margin-left: 40px;
}


#raspi table,
#systemConfTable table,
#Sensor table,
#modem table
{
    border-collapse: collapse;
    margin-left : 64px;
}

#raspi th,   
#systemConfTable th,
#Sensor th.
#modem th
{
    background-color: #f1ede4;
    text-align: left;
    border: 1px solid #000000;
    padding: 8px,8px,8px,8px;
}

#raspi td,
#systemConfTable td,
#Sensor td,
#modem td
{
    text-align: left;
    padding: 8px,8px,8px,8px;
    border: 1px solid;
}


/*====================   =========================*/
#RaspberryPI ul li{
    margin: 0px;
    padding: 0px;
}


/*=======================サイドバー========================*/
#sidebar {
	overflow: hidden;
    width: 150px;
    float: right;
    padding: 0 0 0 0;
}

#side_banner
{
	font-size: 15px;
}

#side_banner ul 
{
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #98adb7;
    border-radius: 2px;
    background: #e7e7e7;
}

#side_banner li
{
    border-bottom: 1px solid #98adb7;
}

#side_banner li:last-child
{
    border-bottom: none;
}

#side_banner li:hover
{
    background: #c4d2dd;
    border: 1px solid #c7c7c7;
    padding: 8px,8px,8px,8px;
}

#side_banner a
{
    display: block;
    padding: 5px 3px;
    text-decoration: none;
    color: #406485;
}



/*================================フッター==================================*/
footer{
    background-color: #352b23;
    text-align: center;
}
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;
}