/* CSS Document */
@import "/lib/css/component.css"; 

#contents h1.vi {
	background: url(/lib/img/contact/vi_contact.jpg) left top no-repeat;
	display: block;
	height: 110px;
	margin: 0 0 20px 24px;
	width: 560px;
}

#contents h1.viScl {
	background: url(/lib/img/contact/vi_school.jpg) left top no-repeat;
	display: block;
	height: 110px;
	margin: 0 0 20px 24px;
	width: 560px;
}

#contents h1 span {
 display:block;
 text-indent:-9999px;
 overflow:hidden;
}

#contents table.infoTable {
	border-top: 1px solid #B3B28F;
	border-left: 1px solid #B3B28F;
	width: 100%;
}

#contents table.infoTable th {
	background: url(/lib/img/cmn/bg_table_th.gif) left top repeat-x;
	border-bottom: 1px solid #B3B28F;
	border-right: 1px solid #B3B28F;
	font-weight: normal;
	text-align: left;
	padding: 10px 15px 5px 15px;
	vertical-align: top;
	width: 30%;
}

#contents table.infoTable td {
	background: #F4F4F4;
	border-bottom: 1px solid #B3B28F;
	border-right: 1px solid #B3B28F;
	padding: 10px 15px 5px 15px;
	vertical-align: top;
	width: 70%;
}

#contents table.infoTable th p {
	box-sizing:border-box;
	display:block;
	padding-right:4em;
	position:relative;
}

#contents table.infoTable th span {
	background:#C82601;
	border-radius:2px;
	color:#fff;
	display:inline-block;
	font-size:x-small;
	line-height:1;
	margin-left:.8em;
	padding:2px 5px;
	position:absolute;
	right:0;
	top:0;
	white-space:nowrap;
}

#contents textarea.inqContents {
	height: 200px;
	width: 350px;
}

#contents table.infoTable td textarea {	width: 330px;}
#contents table.infoTable td.long input {	width: 300px;}
#contents table.infoTable td.short input {	width: 120px;}
#contents table.infoTable td.inactive input {	ime-mode: inactive !important;}
#contents .sendBtn {	margin-left: 15px;}

#contents table.bookSelect {
	width: 100%;
}

#contents table.bookSelect td {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

#contents table.bookSelect td input {	margin-right: 10px;}
#contents table.bookSelect td.bookImg {	width: 150px;}
#contents table.bookSelect .w10 {	width: 10%;}

#contents table.bookSelect td.bookDetail {
	text-align: left;
	padding-left: 10px;
}

#contents div.end {
	margin-top: 250px;
}

.entrybtn {
	margin-bottom:30px;
	padding:20px 0;
	text-align:center;
}


/*----------------------------------------------------*/ 
/* form
------------------------------------------------------*/ 
#mailformpro button {
	background:#d3d3b5;
	border:#888859;
	border-radius:4px;
	color:#494635;
	cursor:pointer;
	display:block;
	font-size:1.6rem;
	font-weight:bold;
	line-height:1.2;
	margin:0 auto;
	padding:15px 20px;
	text-align:center;
	width:60%;
}

#mailformpro button:after {
	content:"";
	width:16px;
	height:16px;
	background:url(/new_lib/img/cmn/icon_arrow_02.png) no-repeat;
	background-size:16px 16px;
	display:inline-block;
	vertical-align:middle;
	margin-left:10px;
}

#mailformpro input::-webkit-input-placeholder,
#mailformpro textarea::-webkit-input-placeholder {
	position:relative;
	top:-3px;
}

input:focus:placeholder-shown {color: transparent;}
input:focus::-webkit-input-placeholder {color: transparent;}
input:focus::-moz-placeholder {color: transparent;}
input:focus:-ms-input-placeholder {color: transparent;}
input:focus::-ms-input-placeholder {color: transparent;}
textarea:focus:placeholder-shown {color: transparent;}
textarea:focus::-webkit-input-placeholder {color: transparent;}
textarea:focus::-moz-placeholder {color: transparent;}
textarea:focus:-ms-input-placeholder {color: transparent;}
textarea:focus::-ms-input-placeholder {color: transparent;}

#mailformpro ul.radiolist {
	letter-spacing:-.40em;
	list-style-type:none;
	margin:0;
	padding:0;
}

#mailformpro ul.radiolist li {
	display:inline-block;
	font-size:1.4rem;
	letter-spacing:normal;
	line-height:1.2;
	margin:0 1em 0 0;
	white-space:nowrap;
}

#mailformpro ul.radiolist > li {
	display:inline-block;
	margin-right:1.5em;
	white-space:nowrap;
}

#mailformpro ul.radiolist > li input[type="radio"] {
 display:none;
}

#mailformpro ul.radiolist > li label {
 cursor:pointer;
 display:inline-block;
 padding:3px 3px 3px 20px;
 position:relative;
}

#mailformpro ul.radiolist > li label::before,
#mailformpro ul.radiolist > li label::after {
 border-radius:100%;
 content:"";
 position:absolute;
 top:50%;
 -webkit-transition:all .2s;
 transition:all .2s;
}

#mailformpro ul.radiolist > li label::before {
 background:#f3f3f3;
 border:1px solid #ccc;
 height:14px;
 left:0;
 margin-top:-8px;
 width:14px;
}

#mailformpro ul.radiolist > li label:hover::before {
 background:#fff;
}

#mailformpro ul.radiolist > li label::after {
 background:#2e6eb9;
 height:8px;
 left:4px;
 margin-top:-4px;
 opacity:0;
 -webkit-transform:scale(2);
 transform:scale(2);
 width:8px;
}

#mailformpro ul.radiolist > li input[type="radio"]:checked + label::before {
 background:#fff;
 border:1px solid #2e6eb9;
}

#mailformpro ul.radiolist > li input[type="radio"]:checked + label::after {
 opacity:1;
 -webkit-transform:scale(1);
 transform:scale(1);
}


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

/*form comp */
#mailformpro input[type=text],
#mailformpro input[type=password],
#mailformpro input[type=email],
#mailformpro input[type=tel],
#mailformpro input[type=number],
#mailformpro textarea,
.textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius:3px;
	box-sizing:border-box;
	padding:2px 10px;
	background:#fff;
	font-size:16px;
}

#mailformpro input[type="submit"] {
 -webkit-appearance: none;
	-moz-appearance: none;
	border-radius:0;
}

#mailformpro .table_type01 td input[type="radio"],
#mailformpro .table_type01 td input[type="checkbox"] {
	border:solid 1px #CCC;
}

#mailformpro .table_type01 td select,
#mailformpro .table_type01 td textarea,
#mailformpro .table_type01 td input[type="radio"],
.textarea {
	font-size:16px;
}

#mailformpro .table_type01 td input {
	width:99%;
}

#mailformpro .table_type01 td input[type=number] {
	margin-right:5px;
	width:30% !important;
}

#mailformpro .table_type01 td textarea,
.textarea {
	height:120px !important;
	width:99% !important;
}

#mailformpro .table_type01 td input[type="radio"] {
	margin-left:10px;
	width:auto;
}

#mailformpro .table_type01 td textarea,
.textarea {
	margin-bottom:5px;
}

#mailformpro .table_type01 td input[type=text],
#mailformpro .table_type01 td input[type=password],
#mailformpro .table_type01 td input[type=email],
#mailformpro .table_type01 td input[type=number],
#mailformpro .table_type01 td input[type=tel] {
 border-radius:3px;
 border:#a9a9a9 1px solid !important;
 -moz-box-shadow:none !important;
 -webkit-box-shadow:none !important;
 box-shadow:none !important;
}


#mailformpro button {
	margin:0;
	width:100%;
}


}