@media (min-width: 768px)
.container {
  margin-right: auto;
  margin-left: auto;
  max-width: 1000px;
}

body{
  margin-left: 20px;
}

.errmsg{
  border:#f00 2px solid; padding:10px; margin:20px 400px 0 170px; color:#000; font-weight:bold; font-size:14px;
}
.errmsg2{
  border:#f00 2px solid; padding:10px; margin:30px 600px 30px 10px; color:#000; font-weight:bold; font-size:14px;
}

.process img{
  border: 1px #ff0000 solid;
  padding: 0px 20px 0px 20px;
  margin: 5px 0px 15px 80px ;
}
.process p{
  display: block;
  padding: 0px 20px 0px 20px;
  margin: 5px 0px 15px 80px ;
}
.topimage h2{
  color: #fff;
  font-size: 20pt;
}
.top_left{
  padding: 50px 0px 0px 0px;
  float: left;
}
.top_left p{
  color: #000;
  font-size: 20pt;
}
.top_right{
  padding: 0px 60px 0px 0px;
  float: right;
}
.top_right a{
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #67c5ff;
  border: solid 4px #67c5ff;
  border-radius: 100px;
  transition: .4s;
}
.btn-flat-border {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #67c5ff;
  border: solid 2px #67c5ff;
  border-radius: 3px;
  transition: .4s;
}

.btn-flat-border:hover {
  background: #67c5ff;
  color: white;
}

h3{
  margin-top: 100px;
}

h4{
  margin-top: 20px;
}

input[disabled]{
  color: black;
  border: none;
  background-color: #C1E0FF;
  text-align:right;
}

input[readonly]{
  color: black;
  border: none;
  background-color: #C1E0FF;
  text-align:right;
}

input.step1{
  color: black;
  border: solid gray 1px;
  background-color: white;
  text-align:left;
  padding: 1px 1px 1px 5px;
}

input[disabled].step1{
  color: black;
  border: none;
  background-color: #f2f2f2;
  text-align:left;
  padding: 1px 1px 1px 5px;

}

input.step2-c{
  color: black;
  border: solid gray 1px;
  background-color: white;
  text-align:center;
  height: 20px;
  width: 30px;
}

input[disabled].step2-c{
  color: black;
  border: none;
  background-color: #f2f2f2;
  text-align:center;
  height: 20px;
  width: 30px;
}

input.step3-c{
  color: black;
  border: solid gray 1px;
  background-color: white;
  text-align:center;
}

input[disabled].step3-c{
  color: black;
  border: none;
  background-color: #f2f2f2;
  text-align:center;
}

table {
  border-collapse: collapse;
}

tr{
  height: 35px;
}

th{
  padding-left: 10px;
  padding-right: 10px;
}

td{
  padding-left: 10px;
  padding-right: 10px;
}

.login-outbox-admin {
  width: 402px;
  margin: 30px 100px 100px 300px;
  border: 1px solid #000;
}

.login-inbox-admin {
  width: 300px;
  margin: 0px 50px 30px 50px;
}

.login-outbox {
  width: 402px;
  margin: 100px 100px 100px 300px;
  border: 1px solid #000;
}

.login-inbox {
  width: 300px;
  margin: 30px 50px 30px 50px;
}

.login-h {
  font-size: small;
  color: gray;
  margin: 0 0 0 0;
}
.login-m {
  width: 300px;
  border: 1px solid gray;
  padding: 3px 3px 3px 10px;
}

/*TopMenu*/
h3.topMenu01{ margin:50px 0 0 0; border-left:#5cb85c 5px solid; padding:0 0 0 8px;}
h3.topMenu02{ margin:50px 0 0 0; border-left:#5bc0de 5px solid; padding:0 0 0 8px;}

a.menuBtn01{ display:block; padding:10px; width:300px; background:#5cb85c; border:#5cb85c 2px solid; margin:20px; text-align:center; color:#fff; text-decoration:none; font-size:18px; font-weight:bold;}
a.menuBtn01:hover{ background:#fff; margin:20px; text-align:center; color:#5cb85c;}
a.menuBtn02{ display:block; padding:10px; width:300px; background:#5bc0de; border:#5bc0de 2px solid; margin:20px; text-align:center; color:#fff; text-decoration:none; font-size:18px; font-weight:bold;}
a.menuBtn02:hover{ background:#fff; margin:20px; text-align:center; color:#5bc0de;}

/*mail*/
#mailEdit{ padding-bottom:60px;}
#mailEdit input[type="text"]{ padding:5px 0;}
#mailEdit select{ padding:5px 0;}
#mailEdit textarea{ width:430px; height:30em; line-height:120%; padding:5px;}
#mailEdit input[type="file"]{ padding:10px; margin:0 0 20px 0}
#mailEdit input[type="submit"]{ padding:10px; width:200px}
#mailEdit input[type="button"]{ padding:10px; width:200px; margin:20px auto;}
#mailEdit input[disabled]{background:none !important; text-align:center !important; border:inherit;} 
#mailEdit .borderBox{ padding:5px; border:#ccc 1px solid}

/*cc_list*/
#cclistNavi { margin:3px 0; padding:5px; background:#eee; width:100%; max-width:1000px;}
#cclistNavi select{ padding:2px 0; margin-right:15px;}
/*.table-hover th , td{text-align:center;}*/

input#sei{white-space:pre !important;}