﻿@charset "utf-8";


#mainvis .sttl-outer{
	text-align:center;
	padding:50px 0;
}

#mainvis .sttl{
	display:inline-block;
	text-align:left;
}



#mainvis h1{
	line-height:1.7em;
	font-size:2.18em;
	color:#fff;
	font-weight:bold;
	text-shadow:0 0 5px rgba(0,0,0,1);
}
#mainvis span.work{
	background:#005fb0;
	color:#fff;
	font-weight:bold;
	line-height:1em;
	padding:0 3px;
	margin:0 0 0 5px;
	text-shadow:0 0 0;
}
#mainvis span.ado{
	background:#2ca9c0;
	color:#fff;
	font-weight:bold;
	padding:0 3px;
	margin:0 0 0 5px;
	text-shadow:0 0 0;
}

#mainvis p{
	color:#fff;
	text-shadow:0 0 2px rgba(0,0,0,1);
}


.jtitle{
	margin:20px 0;
	background:#005fb0;
	color:#fff;
	padding:10px 20px;
	font-weight:bold;
	font-size:1.5em;
	line-height:1.5em;
}


.cbox{
	margin:0 0 80px 0;
}

.cbox h3{
	border:1px solid #010161;
	border-width:5px 0 0 0;
	color:#010161;
	font-weight:bold;
	text-align:center;
	font-size:1.7em;
	line-height:1.7em;
	padding:10px 0 0 0;
	margin:0 0 10px 0;
}


.contactbox{
	
}
.contactbox .cbox-inner{
	background:#ebebeb;
	padding:5px 30px 20px 30px;
}

.contactbox dl{
	float:left;
	padding:25px 0 0 0;
}

.contactbox dt{
	text-align:center;
	padding:0 0 10px 0;
}

.contactbox dd{
	float:left;
	font-size:0.8em;
	line-height:1.3em;
	color:#010161;
}

.contactbox dl dd:nth-of-type(2){
	padding:0 0 0 10px;
}

.cbox.contactbox p{
	float:right;
	margin:0;
}


.col2 li{
	float:left;
}

.col2 li:nth-of-type(2){
	float:right;
}


.col3{
	padding:10px 0 0 0;
}

.col3 li{
	float:left;
	margin:0 2px 0 0;
}

.col3 li:nth-of-type(3n){
	margin:0;
}

.cbox p{
	margin:0 0 20px 0;
}

.fb{
	font-size:1.1em;
	line-height:1.7em;
}

.fbg{
	color:#00754e;
	font-weight:bold;
	font-size:1.2em;
	line-height:1.7em;
}

.t-center{
	text-align:center;
}

/*****************************************************/

#cbox3 {
	margin:0;
}

#cbox3 .pbox{
	border-bottom:#000 dotted 1px;
	padding:20px 10px;
	margin:0 0 20px 0;
}
#cbox3 dl{
	float:right;
	width:540px;
}
#cbox3 dl dt{
	font-weight:bold;
	color:#000;
	font-size:1.25em;
	line-height:1.0em;
	border:1px solid #000;
	border-width:0 0 0 5px;
	padding:0 0 0 10px;
	margin:0 0 15px 0;
}

#cbox3 dl dd{
	font-size:1.1em;
	line-height:1.7em;
}

#cbox3 p{
	float:left;
}

#cbox3 .pbox:last-of-type{
	border:none;
}
#cbox3 .pbox:nth-of-type(even) dl{
	float:left;
}
#cbox3 .pbox:nth-of-type(even) p{
	float:right;
}

#cbox4 {
	margin:0 0 60px 0;
}

#cbox4 p{
	margin:0 0 0px 0;
}
#cbox4 .cboxs{
	padding:30px 20px;
	background:#e5e5ef;
}
#cbox4 .cboxs:nth-of-type(even){
	background:none;
}


#cbox4 dl{
	float:left;
	width:420px;
}
#cbox4 dl:nth-of-type(even){
	float:right;
}


#cbox4 #cboxs4 dl{
	float:none;
	width:auto;
}

#cbox4 dl dt{
	color:#010161;
	font-weight:bold;
	font-size:1.25em;
	margin:0 0 10px 0;
}

#cbox5 {
	margin:0 0 30px 0;
}
#cbox5 dl{
	width:470px;
	float:left;
	clear:both;
	margin:0 0 30px 0;
}

#cbox5 dl:nth-of-type(even){
	float:right;
	clear:none;
}



#cbox5 dt.sttl{
	background:#010161;
	padding:5px 0;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:1.2em;
	line-height:1.3em;
	margin:0 0 5px 0;
}





#cbox9 .ctext{
	float:left;
	width:620px;
}

#cbox9 .ctext h4{
	color:#ff6600;
	font-weight:bold;
	font-size:1.4em;
	line-height:1.7em;
	margin:0 0 5px 0;
}

#cbox9 .cimg{
	float:right;
	width:300px;
}

#cbox9 .cimg p{
	margin:0 0 5px 0;
}


#cbox10 table{
	width:100%;
}
#cbox10 table tr{
	border:1px dotted #000;
	border-width:1px 0;
}
#cbox10 table th,
#cbox10 table td{
	padding:20px;
}
#cbox10 table th{
	background:#e5e5ef;
	font-weight:bold;
	vertical-align:top;
	width:150px;
}






@media screen and (max-width: 800px) {

#mainvis{
	padding:0 0 15px 0;
	margin:0 0 10px 0;
}

#mainvis .sttl-outer{
	text-align:center;
	padding:10px 10px 0 10px;
}

#mainvis .sttl{
	display:inline-block;
	text-align:left;
}



#mainvis h1{
	font-size:1.5em;
	line-height:1.5em;
	color:#fff;
	text-align:center;
	font-weight:bold;
	text-shadow:0 0 5px rgba(0,0,0,1);
}
#mainvis span.work{
	background:#005fb0;
	color:#fff;
	font-weight:bold;
	line-height:1em;
	padding:0 3px;
	margin:0 0 0 5px;
	text-shadow:0 0 0;
}
#mainvis span.ado{
	background:#2ca9c0;
	color:#fff;
	font-weight:bold;
	padding:0 3px;
	margin:0 0 0 5px;
	text-shadow:0 0 0;
}

#mainvis p{
	font-size:0.9em;
	line-height:1.5em;
	color:#fff;
	text-shadow:0 0 2px rgba(0,0,0,1);
}



.cbox{
	margin:0 0 50px 0;
}

.cbox h3{
	border:1px solid #010161;
	border-width:5px 0 0 0;
	color:#010161;
	font-weight:bold;
	text-align:center;
	font-size:1.5em;
	line-height:1.7em;
	padding:10px 0 0 0;
	margin:0 0 10px 0;
}


.contactbox{
	
}
.contactbox .cbox-inner{
	background:#ebebeb;
	padding:5px 10px 20px 10px;
	text-align:center;
}

.contactbox dl{
	float:none;
	padding:25px 0 0 0;
}

.contactbox dt{
	text-align:center;
	padding:0 0 10px 0;
}

.contactbox dd a{
	margin:0;
	padding:0;
}

.contactbox dd{
	float:none;
	font-size:0.8em;
	line-height:1.3em;
	color:#010161;
	padding:5px 0;
}

.contactbox dl dd:nth-of-type(2){
	padding:0 0 0 0px;
}

.cbox.contactbox p{
	float:none;
	margin:0;
}


.col2 li{
	float:none;
}

.col2 li:nth-of-type(2){
	float:none;
	padding:10px 0 0 0;
}


.col3{
	padding:10px 0 0 0;
}

.col3 li{
	float:none;
	margin:0 0px 10px 0;
}

.col3 li:nth-of-type(3n){
	margin:0;
}

.cbox p{
	margin:0 0 20px 0;
}

.fb{
	font-size:1.1em;
	line-height:1.7em;
}

.fbg{
	color:#00754e;
	font-weight:bold;
	font-size:1.2em;
	line-height:1.7em;
}

.t-center{
	text-align:center;
}

/*****************************************************/


#cbox3 .pbox{
	border-bottom:#000 dotted 1px;
	padding:10px 10px;
	margin:0 0 20px 0;
}
#cbox3 dl{
	float:none;
	width:auto;
}
#cbox3 dl dt{
	font-weight:bold;
	color:#000;
	font-size:1.25em;
	line-height:1.0em;
	border:1px solid #000;
	border-width:0 0 0 5px;
	padding:0 0 0 10px;
	margin:0 0 15px 0;
}

#cbox3 dl dd{
	font-size:1.1em;
	line-height:1.7em;
	margin:0 0 20px 0;
}

#cbox3 p{
	float:none;
}

#cbox3 .pbox:last-of-type{
	border:none;
}
#cbox3 .pbox:nth-of-type(even) dl{
	float:none;
}
#cbox3 .pbox:nth-of-type(even) p{
	float:none;
}


#cbox4 p{
	margin:0 0 0px 0;
}
#cbox4 .cboxs{
	padding:0px;
	background:none;
}
#cbox4 .cboxs:nth-of-type(even){
	background:none;
}


#cbox4 dl{
	float:none;
	width:auto;
	background:#e5e5ef;
	padding:10px;
}
#cbox4 dl:nth-of-type(even){
	float:none;
	background:none;
}


#cbox4 #cboxs4 dl{
	float:none;
	width:auto;
}

#cbox4 dl dt{
	color:#010161;
	font-weight:bold;
	font-size:1.25em;
	margin:0 0 10px 0;
}


#cbox5 dl{
	width:auto;
	float:none;
	clear:both;
	margin:0 0 30px 0;
}

#cbox5 dl:nth-of-type(even){
	float:right;
	clear:none;
}



#cbox5 dt.sttl{
	background:#010161;
	padding:5px 0;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:1.2em;
	line-height:1.3em;
	margin:0 0 5px 0;
}





#cbox9 .ctext{
	float:none;
	width:auto;
}

#cbox9 .ctext h4{
	color:#ff6600;
	font-weight:bold;
	font-size:1.4em;
	line-height:1.7em;
	margin:0 0 5px 0;
}

#cbox9 .cimg{
	float:none;
	width:auto;
	text-align:center;
}

#cbox9 .cimg p{
	margin:0 0 5px 0;
}




#cbox10 table{
	border:1px dotted #000;
}
#cbox10 table,
#cbox10 table tbody,
#cbox10 table tr,
#cbox10 table th,
#cbox10 table td{
	display:block;
}
#cbox10 table tr{
	border:none;
}
#cbox10 table th,
#cbox10 table td{
	padding:20px 10px;
}
#cbox10 table th{
	width:auto;
}





}






.err{
	color:red;
	font-weight:bold;
}



#form{
	padding:0 0px;
}

#form-frame{

}

#form-frame h4{
	font-size:120%;
	line-height:1.5;
	font-weight:bold;
	padding:0 10px 5px 10px;
	border:1px solid #797b7a;
	border-width:0 0 1px 0;
}


#form-frame table{
	table-layout:fixed;
	width:100%;
}
#form-frame table tr{
	border:1px dotted #000;
	border-width:1px 0;
}
#form-frame table th,
#form-frame table td{
	padding:20px;
}
#form-frame table th{
	background:#e5e5ef;
	text-align:left;
	font-weight:bold;
	vertical-align:top;
}

#form-frame th .his{
	float:right;
	color:red;
	display:inline-block;
	background:#f00;
	color:#fff;
	font-weight:bold;
	border-radius:5px;
	padding:5px;
	font-size:0.8em;
	line-height:1.0em;
}


#form-frame select{
	max-width:100%;
}


#form .sbtn{
	padding:30px 0 0 0;
	text-align:center;
}

#form .w1,
#form .w2,
#form .w3,
#form .w4,
#form .w5{
	border:1px solid #a0a0a0;
	font-size:14px;
	line-height:1.5;
	padding:5px;
	margin:0 0 5px 0;
}

#form .w1{
	width:30%;
}

#form .w2{
	width:15%;
}

#form .w3{
	width:20%;
}

#form .w4{
	width:70%;
}
#form .w5{
	width:80%;
}

#form select{
	border:1px solid #a0a0a0;
	font-size:14px;
	line-height:1.5;
	padding:5px;
	margin:0 0 5px 0;
}


#form .sbtn {
	text-align:center;
}

#form .sbtn input{
	border:none;
	border-radius:none;
	background:none;

	background:#006644;
	display:inline-block;
	color:#fff;
	font-size:1.5em;
	line-height:1.1em;
	padding:20px 80px;
	text-decoration:none;
	border:1px solid #4da774;
	border-width:0 0 5px 0;
	cursor:pointer;
}



input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}



@media screen and (max-width: 950px) {
	

.err{
	color:red;
	font-weight:bold;
}



#form{

}

#form-frame{

}

#form-frame h4{
	font-size:120%;
	line-height:1.5;
	font-weight:bold;
	padding:0 10px 5px 10px;
	border:1px solid #797b7a;
	border-width:0 0 1px 0;
}




#form-frame table{
	border:#cbc68e solid 1px;
}
#form-frame table,
#form-frame table tbody,
#form-frame table tr,
#form-frame table th,
#form-frame table td{
	display:block;
}
#form-frame table tr{
	border:none;
}
#form-frame table th,
#form-frame table td{
	padding:20px 10px;
}
#form-frame table th{
	width:auto;
}



#form-frame th .his{
	float:right;
}



#form-frame th.nob,
#form-frame td.nob{
	border:none;
}


#form .sbtn{
	padding:30px 0;
	text-align:center;
}

#form .w1,
#form .w2,
#form .w3,
#form .w4,
#form .w5{
	border:1px solid #a0a0a0;
	font-size:14px;
	line-height:1.5;
	padding:5px;
	margin:0 0 5px 0;
}

#form .w1{
	width:30%;
}

#form .w2{
	width:15%;
}

#form .w3{
	width:20%;
}

#form .w4{
	width:98%;
}
#form .w5{
	width:98%;
}

#form select{
	border:1px solid #a0a0a0;
	font-size:1.2em;
	line-height:1.5;
	padding:5px;
	margin:0 0 5px 0;
}

#form input[type="text"]{
	font-size:1.1em;
	padding:5px;
}
#form input[type="radio"]{
}
#form label{
	display:inline-block;
	border:#ccc solid 1px;
	padding:0 10px;
	border-radius:10px;
	background:#eee;
}

#form .sbtn input{
	border:none;
	border-radius:none;
	background:none;

	background:#006644;
	display:inline-block;
	color:#fff;
	font-size:1.1em;
	line-height:1.1em;
	padding:10px 20px;
	text-decoration:none;
	border:1px solid #4da774;
	border-width:0 0 5px 0;
	cursor:pointer;
}



}



