@charset "utf-8";

/*
___________________________________________________________________

	Version : 0.5
	Update  : 2015/06/14

	Copyright(C) 2015 ibrains Co.,Ltd. all rights reserved.
___________________________________________________________________
 */

#temp1{
  margin-top : 50px;
  margin-bottom : 50px;
  width : 1000px;
  height : 50px;
  background-color : silver;
}

/* --- 全体のレイアウト設定 --- */
#page{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : auto;
  margin-left : auto;
  margin-right : auto;
  width : 1000px;
  height : inherit;
  border-left-width : 0px;
  border-right-width : 0px;
  border-left-style : solid;
  border-right-style : solid;
  border-left-color : navy;
  border-right-color : navy;
  font-family : メイリオ;
}

#header{
  height : 50px;
  margin-bottom : 50px;
  text-align : center;
  font-size : xx-large;
  vertical-align : middle;
  line-height : 1.5;
  padding-top : 0px;padding-bottom : 0px;margin-top : 10px;
  font-weight : bolder;
}

#main{
  margin-top : 20px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 20px;
  clear : left;
  height : 150px;
}

#footer{
  font-size : small;
  border-top-width : 1px;
  border-top-style : solid;
  border-top-color : gray;
  height : 40px;
  text-align : center;
  margin-top : 0px;
  color : gray;
  padding-top : 10px;
  font-weight : bold;
  clear : left;
}

#dropmenu{
  list-style-type:none;
  height : 40px;
  padding-left : 20%;
  padding-right : 20%;
  padding-bottom : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-top : 0px;
  margin-bottom : 0px;
}

#dropmenu li{
  width : 30%;
  float: left;
  margin: 0px,200px,200px,3px;
  padding : 0px;
  height : 40px;
  margin-bottom : 0px;
  position : relative;
  margin-left : 0px;
  margin-right : 0px;
}

#dropmenu li a{
  display: block;
  margin: 0;
  color : white;
  font-size : 14px;
  line-height : 1;
  text-decoration: none;
  background-color : teal;
  text-align : center;
  padding-top : 15px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 11px;
  font-weight : bold;
}

#dropmenu li:hover > a{
  background : #005e5e;
  color : #00eeee;
}

#dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
}

#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
}

#dropmenu li ul li{
  overflow : hidden;
  width : 100%;
  height: 0;
  color : #ffffff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
  position : relative;
}

#dropmenu li ul li a{
  padding : 13px 17px;
  background : teal;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}

#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
  border-top : 1px solid #005e5e;
  border-bottom : 1px solid #005e5e;
}

#dropmenu li:hover ul li:first-child{
  border-top: 0;
}

#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}

#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}

#navi{
  font-size : 10px;
  font-weight : bold;
  height : 40px;
  vertical-align : middle;
  text-align : left;
}

#headnavi{
  width : 1000px;
  float : right;
  margin-bottom : 10px;
  font-size : small;
}

#headnavi ul{
  line-height : 1.5em;
  background-color : black;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  list-style-type : none;
  font-size : small;
}

#headnavi ul li{
  vertical-align : middle;
  text-align : center;
  width : 100px;
  height : inherit;
  float : right;
}

#headnavi ul li a{
  font-size : small;
  font-weight : bold;
  text-decoration : none;
  color : navy;
}

#headnavi ul li a:hover{
  color : orange;
  display : block;
}

#form_unit1{
  display : block;
  font-size : 13px;
  font-weight : bold;
  width : 700px;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  background-color : silver;
}#form_unit1 table{
  cellspacing : 1px;
}

#form_unit1 th span{
  color : red;
}

#form_unit1 td span{
  color : gray;
  font-size : x-small;
  font-weight : normal;
  line-height : 1.5em;
}

#form_unit1 th{
  font-size : small;
  background-color : #e9e9e9;
  text-align : left;
  width : 250px;
  padding-left : 20px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
}

#form_unit1 td{
  background-color : white;
  padding-left : 20px;
  width : 450px;
  padding-top : 10px;
  padding-bottom : 10px;
}

#inpkwd{
  padding-top : 10px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 10px;
  margin-top : 20px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  text-align : center;
  vertical-align : middle;
  background-color : lime;
}

#touroku_btn1 input:hover{
  background-color : aqua;
}

#dirnavi{
  font-size : small;
  line-height : 1.5em;
  text-align : left;
  margin-top : 10px;
  margin-left : 50px;
  font-weight : bold;
  color : teal;
}
#touroku{
  margin-top : 20px;
  width : 1000px;
}

#form_unit dd{
  font-size : x-small;
  padding-top : 15px;
  text-align : left;
  padding-left : 20px;
  margin-left : 250px;
  height : 45px;
  background-color : white;
}

#touroku_btn1{
  margin-top : 20px;
  margin-left : 300px;
  width : 200px;
    margin-right : 0px;
    float : left;
    text-align : left;
}

#touroku_btn1 input{
  font-size : small;
  width : 100px;
  height : 35px;
  font-weight : bold;
    vertical-align : middle;
    text-align : center;
}

#touroku_btn2{
  font-size : small;
  text-align : left;
  margin-top : 20px;
  text-decoration : none;
  margin-right : 0px;
  margin-bottom : 20px;
    margin-left : 0px;
    width : 200px;
    float : left;
}

#touroku_btn2 input{
    vertical-align : middle;
    width : 100px;
    height : 35px;
    font-weight : bold;
    text-align : center;
    font-size : small;
}

#touroku_btn2 a{
  font-size : medium;
  color : navy;
  text-decoration : none;
}

#touroku_btn2 a:hover{
  color : orange;
}

.input01{
  font-size : medium;
  width : 250px;
  height : 20px;
  text-align : left;
  vertical-align : middle;
}

.input02{
  width : 350px;
  height : 20px;
  vertical-align : middle;
  text-align : left;
}

.input03{
    width : 280px;
}

.note1{
  font-size : small;
  text-align : left;
  margin-left : 150px;
  vertical-align : sub;
  padding-top : 11px;
}

.red{
  color : red;
}

.inputslct{
    margin-right : 60px;
}

#touroku_btn2 input:hover{
    background-color : aqua;
}

#addmess{
    width : 1000px;
    height : 300px;   
}

.showdata tr{
    font-size : small;
    line-height : 1.5em;
    background-color : white;
    vertical-align : middle;
    text-align : center;
    font-weight : normal;
}

.showdata{
    background-color : silver;
}

.showdata th{
    font-size : small;
    line-height : 1.5em;
    background-color : #8000ff;
    vertical-align : middle;
    text-align : center;
    font-weight : normal;
    color : white;
}

#showdata_btn1{
    background-color : fuchsia;
    margin-top : 30px;
    margin-left : 300px;
    width : 200px;
    float : left;
}

#showdata_btn2{
    background-color : lime;
    width : 200px;
    margin-top : 30px;
    margin-left : 100px;
    float : left;
}

#showdata_btn1 input{
    font-size : small;
    vertical-align : middle;
    text-align : center;
    width : 100px;
    height : 35px;
}

#showdata_btn2 input{
    font-size : small;
    vertical-align : middle;
    text-align : center;
    width : 100px;
    height : 35px;
}

#iport{
    margin-top : 20px;
    width : 1000px;
}

#iport .note01{
    font-size : large;
    font-weight : bold;
    color : orange;
    vertical-align : middle;
    text-align : center;
}

#iport .note02{
    font-size : medium;
    font-weight : bold;
    margin-top : 20px;
    width : 250px;
    float : left;
    vertical-align : middle;
    text-align : right;
    line-height : 3em;
    background-color : lime;
}

#iport .filsel{
    margin-top : 20px;
    float : left;
    margin-left : 0px;
    background-color : lime;
    font-size : medium;
    line-height : 3em;
    width : 750px;
    text-align : left;
}

#iport .btn01{
    margin-top : 40px;
    float : left;
    margin-bottom : 30px;
    width : 450px;
    text-align : right;
    padding-right : 50px;
}

#iport .btn02{
    margin-top : 40px;
    width : 450px;
    margin-bottom : 30px;
    text-align : left;
    float : left;
    padding-left : 50px;
}

#iport .filsel input{
    vertical-align : middle;
    font-size : medium;
    width : 600px;
    background-color : white;
    font-weight : normal;
}

#iport .btn02 input{
    font-size : small;
    vertical-align : middle;
    text-align : center;
    width : 100px;
    height : 25px;
}

#iport .btn01 input{
    font-size : small;
    vertical-align : middle;
    text-align : center;
    width : 100px;
    height : 25px;
}