@charset "utf-8";
/* =======================================

contact/


======================================= */
body#top{}

/*---------------------------------------------------------------
メインコンテンツ
----------------------------------------------------------------*/
.maincontentsub {width: 960px; margin: 15px auto 25px; height:100%;}

/* --------------------------------------------------------------
下層ページh2
--------------------------------------------------------------- */
h2.ttl {width:100%;height: 60px;line-height: 60px;text-align: left;text-indent: 20px;font-size: 23px;font-weight:normal;padding: 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
	background:url(../img/h2_w960.png) no-repeat;
	background-position:top right;
	background-size:960px 60px;
	margin-bottom: 20px;
}
h2.ttl span{float:right;font-size:12px;padding-right:20px;padding-top: 5px;}
h2.img {width: auto;height: 60px;margin-bottom: 20px;}


/* --------------------------------------------------------------
table
--------------------------------------------------------------- */
table{width: 99%;border-left: 1px solid #CCC; margin: 0 auto; border-bottom:1px solid #CCC;}
th {text-align: left;padding: 1.5em;background-color: #F9F8F8;font-size: 17px;width: 300px;}
p.txt {float: left;}
p.indispensable {background-color: #e80505;padding: 0.2em;color: #FFF;float: right;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

td {padding: 15px 0 15px 15px !important;padding: 1.5em;vertical-align: middle !important;}
select{ padding:5px;}
select option {padding:5px;}
input{padding:6px 0;vertical-align: middle;}
textarea.txt {width: 98%;}
span.btn {margin: 10px auto; width: 40%;display: block;}
span.btn a{ display:block;text-decoration: none;background-image:url(../img/contact_ent1.png);font-size: 0;height: 50px;width: 300px;margin-left: 50px;}
span.btn a:hover{color:#FFF;background-image:url(../img/contact_ent2.png); background-color:#FFF; margin-left: 50px;}
p.cnf{font-size: 15px;color: red;margin: 10px auto;}
#btn{width: 100%;margin: 0 auto;display: inline-block;}
#btn span.btn{ width:100%;}
#btn .left{ float:left;width: 30%;padding: 10px;}
#btn .right{ float:left; width:40%;padding: 10px;}

#btn .right table{ border:none;text-align: center;}
#btn .right table tr{ border:none; background-color:#FFF;}
#btn .right table th{ border:none; background-color:#FFF;padding: 5px;text-align: center;}
#btn .right table td{padding-bottom: 10px !important;}
span.color{color: #E80505;}
#cnf_btn{ /*display:table;*/}

#cnf_btn .left{ clear:both; display:table-cell;width: 300px; float: left; margin-top: 50px;}
#cnf_btn .left span.btn {margin: 10px auto; width: 40%;display: block;}
#cnf_btn .left span.btn a{ display:block;text-decoration: none;background-image:url(../img/contact_btn1.png);font-size: 0;height: 50px;width: 300px;}
#cnf_btn .left span.btn a:hover{ color:#FFF;background-image:url(../img/contact_btn2.png); background-color:#FFF;}

#cnf_btn .left span.btn{width: 100%;}
#cnf_btn .right{ width: 620px;/*display:table-cell*/;border-spacing: 41px 10px; float: right;}
#cnf_btn .right input{width: 290px;}
#cnf_btn .right input#submit{margin-top:10px; none;font-size: 20px;padding: 10px 0;}
td.boxs{ text-align:center;}
#cnf_btn .right table{ border:none;}
#cnf_btn .right table tr{ border:none;}


#cnf_btn .right input.btn_submit {margin-top: 7px;cursor: pointer;display: block;width: 300px;height: 50px;border: none;text-indent: -9999px;background: url(../img/contact_btn3.png) no-repeat 0 0;}
#cnf_btn .right input.btn_submit:hover {background: url(../img/contact_btn3.png) no-repeat 0 -50px;}
.exec p.exec_txt1{margin: 100px auto 50px auto;}
p.contact_txt{ text-align:left; margin-bottom:20px;}
h3.ttl{position: relative;margin-bottom: 15px;font-weight: normal;background: #A50303;margin: 20px 0px 10px 0px;text-align: left;padding: 10px 0;color: #FFF;font-size: 20px;border: none;text-indent: 20px;}
h3.ttl p{position: absolute;top: 10px;left: 0;}
h3.ttl span{font-size: 11px;position: absolute;top: 22px;right: 10px;}
p.leftBox{float: left;display: inline-block;margin-bottom: 0;text-align: left;margin-bottom: 60px;}
p.rightBox{float: right;display: inline-block;margin-bottom: 0;}

@media only screen and (max-device-width: 0), screen and (max-width: 770px){
span.btn a{margin: 0 auto;}
span.btn a:hover{margin: 0 auto;}
.maincontentsub{width: 95%!important;}
h2.ttl{margin: 0 auto;font-size: 1.5em;}
h3.ttl{display: inline-block;font-size: 1em;text-indent: 0.5em;margin: 0.2em auto;padding: 20px 0.5em;}
p.leftBox{float: none;margin: 0 auto;}
table{table-layout: fixed;word-break: break-word;}
th{ width: 20%;font-size: 0.9em;padding: 0.5em;vertical-align: top;}
table td{width:auto;}
select{ width:96%; font-size:0.9em; padding:0.5em 0;}
input{ width:95%;margin:0.5em;}
span.btn{ width:99%;}
#cnf_btn{ width:100%;}
#cnf_btn .left{width: 100%;padding: 0;margin: 0 auto;display: list-item;}
#cnf_btn .right{    width: 100%;display: inline-table;border-spacing: 0;}
form{ width: 100%;}
td.boxs{padding: 0 !important;width: 100%;display: block;}
table td{display: inline;padding: 0.5em !important;}
#cnf_btn .right input{    width: 100%;margin: 0 auto;}
p.txt{ float:none;}
p.indispensable{float:none;}
span.sp_none{ display:none;}
textarea.txt{    width: 95%;margin: 0.5em 0;}

}