@charset "utf-8";

/* 20140902 DA追加 */

/* お問い合わせフォーム */
table td {
border: 0;
padding: 0;
margin: 0;
}
p, table, td {
margin: 0;
padding: 0;
}
#ajax_mail h1 {
height: auto;
width: 770px;
font-size: 170%;
line-height: 1.4;
color: #FFF;
background-image: none;
background-color: #70B921;
padding: 15px 15px 10px;
margin: 0 auto;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
}
#ajax_mail .comments-open-content form input, select, textarea {
font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
font-size: 12px;
line-height: 1.8;
}
#ajax_mail .comments-open-content table.formbox {
width: 800px;
margin: 0 auto 40px;
font-size: 14px;
border-top: #cccccc 1px solid;
border-left: #cccccc 1px solid;
}
#ajax_mail .comments-open-content table.formbox td {
border-bottom: #cccccc 1px solid;
border-right: #cccccc 1px solid;
padding: 15px;
}
#ajax_mail .comments-open-content .box {
border: 0;
padding: 8px;
border: solid 1px #ccc;
margin: 0 0 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
box-shadow: inner 0 0 3px rgba(0, 0, 0, 0.2);
}
.txt_gray_s {
color: #7F7C7C;
font-size: 80%;
}
input:hover {
filter: alpha(opacity=60);
-ms-filter: alpha(opacity=60);
opacity: 0.6;
}

/* 展示会招待状お申し込みフォーム */
.comments-open-content table.formbox02 {
    padding: 15px;
    width: 800px;
    margin: 0 auto 40px;
    font-size: 14px;
    border-left: #cccccc 1px solid;
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
}

.comments-open-content table.formbox02 td {
    border: 0;
    margin: 0;
    border-bottom: #cccccc 1px solid;
    border-right: #cccccc 1px solid;
    padding: 15px;
    text-align: left;
    width:100px!important;
}

.comments-open-content table.formbox02 td {
   width:730px!important;
}


table.formbox02 td, th {
    display: table-cell;
    vertical-align: inherit;
}

/* セミナーお申し込みフォーム */
.comments-open-content table.formbox03 {
    padding: 15px;
    width: 800px;
    margin: 0 auto 40px;
    font-size: 14px;
    border-left: #cccccc 1px solid;
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    table-layout: fixed;
}

.comments-open-content table.formbox03 td {
    border: 0;
    margin: 0;
    border-bottom: #cccccc 1px solid;
    border-right: #cccccc 1px solid;
    padding: 15px;
    text-align: left;
    width:500px;
}

.comments-open-content table.formbox03 th {
    border: 0;
    margin: 0;
    border-bottom: #cccccc 1px solid;
    border-right: #cccccc 1px solid;
    padding: 15px;
    text-align: left;
    width:200px;
    background:#eeeeee;
}

table.formbox03 td, th {
    display: table-cell;
    vertical-align: inherit;
}


@media screen and (max-width: 800px) {
	#ajax_mail h1,
	#ajax_mail .comments-open-content table.formbox,
	.comments-open-content table.formbox02,
	.comments-open-content table.formbox03 {
		padding: 10px;
	}
	.comments-open-content table.formbox03 th {
		width: 24%;
		padding: 5px;
	}
	.comments-open-content table.formbox02 td,
	.comments-open-content table.formbox03 td {
		width: 75% !important;
		padding: 5px;
	}
	#ajax_mail {
		width: 95%;
		margin: 0 2.5%;
	}
	#ajax_mail h1 {
		font-size: 18px;
		width: initial;
	}
	#ajax_mail .comments-open-content table.formbox td {
		padding: 0;
		font-size: 12px;
	}
	#ajax_mail .comments-open-content table.formbox td .inner {
		padding: 5px;
	}
	#ajax_mail .comments-open-content table.formbox td:first-child {
		width: 20%;
	}
	#ajax_mail .comments-open-content table.formbox td:last-child {
		width: 80%;
	}
	#ajax_mail .comments-open-content table.formbox {
		width: 100%;
	}
	#ajax_mail .comments-open-content table.formbox textarea.box {
		width: 85% !important;
	}
	#ajax_mail .comments-open-content table.formbox td .kojin {
		width: 95%;
		margin: 0 2.5%;
	}
	#ajax_mail .comments-open-content .box {
		width: 85%;
		margin: 4%;
	}
	
}