@charset "utf-8";

form#mail_form{
	width : auto;
	margin : auto;
	padding : 10px 0;
}

form#mail_form a {
	color:#e71a21;text-decoration:underline;transition:0.3s;
}
form#mail_form a:hover {opacity:0.7;}

form#mail_form dl{
	width : 100%;
	margin : 0 auto;
	overflow : hidden;
}

form#mail_form dl dt{
	font-size: 100%;
	clear : both;
	width : 30%;
	float : left;
	border-top : 1px solid #cccccc;
	padding : 35px 0 25px;
	text-align : right;
	overflow : hidden;
}

form#mail_form dl dd{
	width : 68%;
	float : right;
	border-top : 1px solid #cccccc;
	padding : 30px 0 30px;
}

form#mail_form dl dt:first-child,
form#mail_form dl dt:first-child+dd{
	border : none;
}

form#mail_form dl dt span{
	display : none;
}


/* -- for JavaScript ここから -------------------------------------------------------------------------------- */

form#mail_form dl dt span.required{
	display : inline-block;
	float : left;
	color : #ffffff;
	padding : 1px 3px;
	border-radius : 3px;
	background:#e71a21;
	color:#fff;
}
form#mail_form dl dt span.optional{
	display : none;
}
form#mail_form dl dt span.optional{
	background : rgba(0, 0, 255, 0.8);
}

form#mail_form dl dd span{
	display : block;
	color : #ff0000;
}


/* -- for JavaScript ここまで -------------------------------------------------------------------------------- */

form#mail_form input{
	border : 1px solid #cccccc;
	background : #fafafa;
}
form#mail_form textarea{
	width : 80%;
	height : 170px;
	padding : 10px 15px;
	resize : vertical;
	border : 1px solid #cccccc;
	border-radius : 3px;
	background : #fafafa;
}

form#mail_form input:focus,
form#mail_form textarea:focus{
	box-shadow : 0px 0px 5px #55ccff;
	border : 1px solid #55ccff;
	background : #ffffff;
}

form#mail_form input#name{width : 60%;}
form#mail_form input#read{width : 60%;}
form#mail_form input#company{width : 60%;}
form#mail_form input#department{width : 60%;}
form#mail_form input#mail_address{width : 60%;}

form#mail_form ul li{
	list-style-type : none;
	margin-bottom : 0.5em;
}

form#mail_form ul li label:hover{
	cursor : pointer;
}

form#mail_form ul li input{
	height : auto;
	margin-right : 0.5em;
}

form#mail_form input#phone_1,
form#mail_form input#fax_1,
form#mail_form input#postal_1{
	width : 10%;
}

form#mail_form input#phone_2,
form#mail_form input#fax_2,
form#mail_form input#postal_2{
	width : 15%;
}
form#mail_form input#phone_3,
form#mail_form input#fax_3{
	width : 15%;
}

form#mail_form input#address{
	width : 80%;
}

form#mail_form input#phone{
	width : 30%;
}

form#mail_form dl+p{
	width : 90%;
	margin : 0 auto;
	padding : 15px 0;
	border-top : 1px solid #cccccc;
}

form#mail_form input#mail_submit_button {
	display:block;width:360px;background:url(../img/icon_arrow.png) no-repeat 300px center;text-align:center;
	font-size:20px;font-weight:bold;line-height:70px;border:solid 1px #333;margin:0 auto 120px;transition:0.3s;
}
form#mail_form input#mail_submit_button:hover {
background:rgba(255,0,51,1) url(../img/icon_arrow_after.png) no-repeat 300px center;color:#ffffff;border:solid 1px #ff0033;
}


/* --responsive------------------------------------------- */

/* 640pixel start */
@media screen and (max-width : 640px){

form#mail_form{
	width : 95%;
}

form#mail_form dl{
}

form#mail_form dl dt{
	width : auto;
	float : none;
	text-align : left;
	padding : 10px 0 5px;
	font-weight : bold;
}

form#mail_form dl dd{
	width : auto;
	float : none;
	border-top : none;
	padding : 0px 0 13px 0px;
}

form#mail_form dl dt span{
	font-weight : normal;
}


/* -- for JavaScript ここから -------------------------------------------------------------------------------- */

form#mail_form dl dt span.required,
form#mail_form dl dt span.optional{
	margin-right : 1em;
}


/* -- for JavaScript ここまで -------------------------------------------------------------------------------- */

form#mail_form input#name,
form#mail_form input#read,
form#mail_form input#company,
form#mail_form input#department,
form#mail_form input#phone_1,
form#mail_form input#phone_2,
form#mail_form input#phone_3,
form#mail_form input#fax_1,
form#mail_form input#fax_2,
form#mail_form input#fax_3,
form#mail_form input#mail_address,
form#mail_form input#postal_1,
form#mail_form input#postal_2,
form#mail_form input#address,
form#mail_form textarea{
	max-width : 90%;
	-webkit-appearance : none;
}

/*
form#mail_form input#mail_submit_button{
	padding : 7px 15px;
	margin-left : 0;
	-webkit-appearance : none;
}
*/

}
/* 640pixel end */

@charset "shift_jis";

#main_d h2 {
	clear: both;
	width: 490px;
	min-height: 17px;
	height: auto !important;
	height: 17px;
	margin-bottom: 10px;
	padding: 9px 0 10px 20px;
	font-size: 1em;
	font-weight: normal;
	background: url(../../shared/img/form/tit_h3.jpg) no-repeat left top;
}
#main_d dl {
	margin-bottom: 10px;
}
#main_d dt {
	margin-bottom: 3px;
	font-size: 1.2em;
}
#main_d dd ol li {
	line-height: 2;
}

#main_d table {
	width: 510px;
	margin-bottom: 20px;
	border-bottom: 1px solid #C2C2C2;
}

#main_d table th {
	width: 110px;
	padding: 15px 0 16px 20px;
	border-top: 2px solid #009900;
	vertical-align: top;
	font-weight: bold;
	background-color: #FBFEFB;
}
#main_d table td {
	width: 370px;
	padding: 15px 10px 16px 20px;
	border-top: 1px solid #C2C2C2;
	vertical-align: top;
}
#main_d table td #gmap {
	margin-top: 10px;	
}

#main_d table td dl#seturitu {
	margin-bottom: 0;	
}
#main_d table td dl#seturitu dt {
	float: left;
	width: 140px;
	margin-right: 1.2em;
	font-size: 1em;
}
#main_d table td dl#seturitu dd {
	float: right;
	width: 210px;
	margin-bottom: 3px;
}
#main_d table td ol {
	margin-top: 5px;
	list-style: decimal;
}
#main_d table td ol li {
	margin-left: 25px;	
}

#main_d table td ol li ul {
	list-style: disc;
}

#main_d table td#add_group ul li {
	float: left;
	width: 210px;
}

#main_d table td#add_group ul li.last {
	width: 160px;
}
#main_d table td#capacity dt {
	clear: both;
	color: #F18501;
	font-size: 1em;
}
#main_d table td#capacity dd {
	clear: both;
	float: left;
	width: 370px;
	margin-bottom: 15px;
}
#main_d table td#capacity dd ul li {
	float: left;
	width: 185px;
	text-align: left;
}

p.must {
	text-align: right;	
}
p.private a{
	color: #005199;
	font-weight: bold;	
}
p.private a:hover {
	color: #20A621;	
}

p.action {
	text-align: center;	
}

.long,
#email,
#addr {
	width: 180px;	
}

#tel1,
#zip1,
#fax1 {
	width: 40px;
	margin: 0 5px;
}
#zip2,
#tel2,
#tel3,
#fax2,
#fax3 {
	width: 60px;
	margin: 0 5px;
}
#s_item {
	width: 30px;	
}
#cont {
	width: 320px;
	height: 100px;	
}

td.list input {
	margin-right: 5px;	
}
td.list label {
	display: block;	
}
.error_message {
	color: #F18501;	
}
td.line label {
	margin-right: 10px;	
}
td.line label input {
	margin-right: 3px;	
}
#inbox {
	width: 390px !important;	
}

#main_d table td #inbox th {
	margin: 0 !important;
	padding: 5px 0 !important;
	text-align: center;
	border: 1px solid #CCCCCC !important;
	vertical-align: middle !important;
}
#main_d table td #inbox td {
	padding: 5px !important;
	white-space: nowrap !important;
	border: 1px solid #CCCCCC !important;
	text-align: left !important;
}
#main_d table td #inbox td.item_name {
	padding: 5px !important;
	text-align: left !important;	
}

/* clearfix 
---------------------------------------------*/

#main_d #cause .block:after,
#main_d #search:after,
#main_d ul#move:after,
#seminar_list dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* for IE7 IE-mac */

#main_d #cause .block,
#main_d #searchm,
#main_d ul#move,
#seminar_list dl {
	display: inline-table;
}

/* Hide from IE-mac \*/

* html #main_d #cause .block,
* html #main_d #search,
* html #main_d ul#move,
* html #seminar_list dl {
	height: 1%;
}

#main_d #cause .block,
#main_d #search,
#main_d ul#move,
#seminar_list dl {
	display: block;
}
/* End hide from IE-mac */