﻿@charset "utf-8";
/* CSS Document */


/**************************************************/
/*******　　フォーム用CSS　　　*********/
/**************************************************/

#contact .centering{
	width: 900px;
	margin:0 auto;
	padding-bottom:30px;
	font-size:16px;
	background-color:#EFEFEF;
	border:#CCC 1px solid;
	padding:15px;
	margin-bottom:20px;
}
.doi-p{
	font-size: 16px;
	font-weight: bold;
}
/* テーブルの基礎設定 */
.tableBase {
  border-collapse: collapse;
  margin: 0 auto 30px;
  width: 100%;
}
.tableBase th {
  border-bottom: 1px dashed #ccc;
  padding: 15px 15px 15px 0;
  vertical-align: top;
}
.tableBase td {
  border-bottom: 1px dashed #ccc;
  padding: 15px;
  vertical-align: top;
}
.tableBase th {
  border-right: 5px solid #ccc;
  min-width: 15%;
}
.doi-r{
	vertical-align:middle;
}

.doi-r select{
	position:relative!important;
	top:-10px!important;
}
#contact #MAINCONTENTS h2{font-size:38px; min-width:700px; letter-spacing:2.6px; border-bottom:2px solid #98acc6; font-weight:500;}

#contact .clr1 img{margin-right:5px;}
#contact .clr1{
	color: #C6000F;
	margin-left:7px;
	vertical-align:middle;
}

#contact table.tb1{
/*	width:720px;*/
	font-size:16px;
}

#contact table.tb1 th, table.tb1 td{
	padding: 0.5em;
}

#contact table.tb1 th{
	letter-spacing: 0.15em;
	text-align:left;
/*	width:200px;*/
}
#contact table.tb1 td{
}
#contact .btn2{ 
	width:200px;
	padding:10px;
	font-weight:bold;
	margin-top:15px;
	margin-bottom: 50px;
}

#contact .con{ 
	padding:5px;
	width:380px;
}


#contact .con2{ 
	padding:5px;
	width:16px;
	margin-right:8px;
}

#contact .con3{
		padding:5px;
		width:480px;
		height:30px;
		line-height:30px;
		font-weight:bold;
}

#contact .centering A:link {color:#333;}

#contact .centering A:active {color:#333;}

#contact .centering A:visited {color:#333;}

#contact .centering A:hover {color:#109954; font-weight:bold;}

#contact .inq{ 
	background-image:url(../img/con01.jpg);
	background-repeat:no-repeat;
}

#contact .tk{ 
	font-size:16px;
	margin-top:60px;
	padding-bottom:130px;
}

#contact .bl{
	color:#335691;
	font-size:18px;
	font-weight:bold;
}
#contact .box_q{
	width:620px;
}
#contact #MAINCONTENTS h2{font-size:38px; min-width:200px; letter-spacing:2.6px; border-bottom:2px solid #98acc6; font-weight:500;}

#contact .clr1 img{margin-right:5px;}
#contact .clr1{
	color: #C6000F;
	margin-left:0px;
	vertical-align:middle;
}

#contact table.tb1{
	font-size:14px;
}

#contact table.tb1 th, table.tb1 td{
	padding: 0.5em;
}

#contact table.tb1 th{
	letter-spacing: 0.15em;
	text-align:left;
	float:left;
	margin-left:0px!important;
	white-space:nowrap;
}
#contact table.tb1 td{
	width:650px;
}

#contact .con{
	padding:8px;
	width:600px;
	font-size: 16px;
}

#contact .con-z{ 
	padding:8px;
	width:100px;
}
#contact .con2{ 
	padding:5px;
	width:16px;
	margin-right:8px;
}

#contact .con3{
		padding:5px;
		width:480px;
		height:30px;
		line-height:30px;
		font-weight:bold;
}


#contact .centering A:link {color:#F29206; font-weight:bold;}

#contact .centering A:active {color:#F29206; font-weight:bold;}

#contact .centering A:visited {color:#F29206; font-weight:bold;}

#contact .centering A:hover {color:#F29206; font-weight:bold;}

#contact .inq{ 
	background-image:url(../img/con01.jpg);
	background-repeat:no-repeat;
}

#contact .tk{ 
	font-size:16px;
	margin-top:60px;
	padding-bottom:130px;
}

#contact .bl{
	color:#335691;
	font-size:18px;
	font-weight:bold;
}
#contact .box_q{
	width:620px;
}
input[type="checkbox"] {
 -webkit-appearance: none!important;
 appearance: none!important;
 width: 1.2em!important;
 height: 1.2em!important;
 border: 1px solid #999!important;
/* border-radius: 50%;*/
 background-color: #fff;
 background-image: linear-gradient(#fff, #aaa);
 font-size: inherit;
vertical-align:middle!important;
line-height:1.6em!important;
margin-top:-4px;
}

input[type="checkbox"]:checked {
 background-image: linear-gradient(#aaa, #fff);
 position: relative;
}

input[type="checkbox"]:checked:before {
 content: "";
 display: block;
 width: 50%;
 height: 50%;
 background-color: #333;
 border-radius: 50%;
 box-shadow: 0.1em 0.1em 0.2em #999;
 position: absolute;
 left: 25%;
 top: 25%;
}

input[type="checkbox"]:disabled {
 background-color: #aaa;
 background-image: none;
}

input[type="checkbox"]:disabled:checked:before {
 background-color: #666;
 box-shadow: none;
}

input[type="radio"] {
 -webkit-appearance: none;
 appearance: none;
 width: 1.2em;
 height: 1.2em;
 border: 1px solid #999;
 border-radius: 50%;
 background-color: #fff;
 background-image: linear-gradient(#fff, #aaa);
 font-size: inherit;
vertical-align:middle;
line-height:1.6em;
margin-top:-4px;
}

input[type="radio"]:checked {
 background-image: linear-gradient(#aaa, #fff);
 position: relative;
}

input[type="radio"]:checked:before {
 content: "";
 display: block;
 width: 50%;
 height: 50%;
 background-color: #333;
 border-radius: 50%;
 box-shadow: 0.1em 0.1em 0.2em #999;
 position: absolute;
 left: 25%;
 top: 25%;
}

input[type="radio"]:disabled {
 background-color: #aaa;
 background-image: none;
}

input[type="radio"]:disabled:checked:before {
 background-color: #666;
 box-shadow: none;
}

/*text*/
input[type="tel"]{
    padding: 0.8em;
    outline: none;
    border: 1px solid #DDD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
}
tel {
    width: 300px;
}
input[type="email"]:focus,
texture:focus {
    box-shadow: 0 0 7px #3498db;
    border: 1px solid #3498db;
}


input[type="email"]{
    padding: 0.8em;
    outline: none;
    border: 1px solid #DDD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
}
email {
    width: 300px;
}
input[type="tel"]:focus,
texture:focus {
    box-shadow: 0 0 7px #3498db;
    border: 1px solid #3498db;
}


input[type="text"],
textarea {
    padding: 0.8em;
    outline: none;
    border: 1px solid #DDD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
}
textarea {
    width: 600px;
	height: 100px;
}
input[type="text"]:focus,
texture:focus {
    box-shadow: 0 0 7px #3498db;
    border: 1px solid #3498db;
}
input[type="text"] {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    width: 200px;
}
input[type="text"]:focus {
    width: 300px;
}
input.sysNextSubmit {
    border-radius: 0;   
    background: -moz-linear-gradient(top, #FFF 0%, #EEE);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
    border: 1px solid #DDD;
    color: #111;
    padding: 10px 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
input.sysNextSubmit:hover {
    background: -moz-linear-gradient(top, #EFEFEF 0%, #EEE);
    background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#EEE));
}
.email{
	font-size:140%;
	margin-bottom:15px;
	font-weight:bold;
}
.link-normal{
	font-weight: normal!important;
	color: #333!important;
	text-decoration: underline;
}
.gr-1{
	color: #109954;
	font-weight:bold;
	font-size:16px;
	margin:40px 0 10px 0;
}
.mt-0{
	margin-top: 0px;
}