@charset "utf-8";

/**
 * page college
 */

table.tbl-contact {
	border-collapse: collapse;
	width:100%;
}
table.tbl-contact th.t_top {
    border-top: #be1309 4px solid;
}
table.tbl-contact th {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 15px 10px;
	font-weight: normal;
	width: 160px;
}
table.tbl-contact td.t_top {
	border-top: #b3b3b3 4px solid;
}
table.tbl-contact td {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 15px 10px;
}
table.tbl-contact td.required {
	width: 60px;
	padding-top: 20px;
}
p.required {
	background: #E40B0F;
	color: #fff;
	text-align: center;
	font-size: 11px;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}

#contactus #notes {
	font-size: 12px;
}
#submitBtn {
	margin: 0px auto 20px;
	text-align: center;
}
#submitBtn > div {
	display: inline-block;
}
#submitBtn .err {
	margin: 0px 0px 20px;
}
#submitBtn .message {
	margin: 15px 0px 0px;
	text-align: center;
	font-size: 20px;
}
#submitBtn input.submit {
	float: left;
	width: 250px;
	height: 37px;
	margin: 15px 20px 15px 0px;
	border: none;
	cursor: pointer;
	text-align: center;
	background:#3B198F;
	color: #fff;
	font-size: 18px;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}
#submitBtn input.submit:hover {
	filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

#submitBtn input#btn03 {
	float: left;
	width: 250px;
	height: 37px;
	margin: 15px 20px 15px 0px;
	border: none;
	cursor: pointer;
	text-align: center;
	background:#999;
	color: #fff;
	font-size: 18px;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}
#submitBtn input#btn03:hover {
	filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
	
}
#submitBtn input#btn04 {
	float: left;
	width: 250px;
	height: 37px;
	margin: 15px 20px 15px 0px;
	border: none;
	cursor: pointer;
	text-align: center;
	background:#3B198F;
	color: #fff;
	font-size: 18px;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}
#submitBtn input#btn04:hover {
	filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}
#thanxBox {
	text-align: center;
	margin-top:60px;
}
#thanxBox p {
	margin-bottom: 20px;
		text-align:center;
}
#thanxBox .thanxText {
	color: #4d4d4d;
	font-size: 20px;
	font-weight: bold;
}
/*--------------------------------
	input
--------------------------------*/
input {
	line-height: 1.3;
	margin: 0 5px 0 0;
	padding: 0px 5px;
	vertical-align: middle;
}
textarea {
	line-height: 1.3;
	padding: 0px 5px;
}
input#cName {
	width: 20em;
	height: 2em;
	border: solid 1px #ccc;
}
input#name,
input#nameRuby {
	width: 20em;
	height: 2em;
	border: solid 1px #ccc;
}
input#tel0,
input#tel1,
input#tel2 {
	width: 4em;
	height: 2em;
	border: solid 1px #ccc;
}
input#ID_CODE {
	width: 6em;
	height: 2em;
	border: solid 1px #ccc;
}
select#ID_ADDR1 {
	height: 2em;
}
input#ID_ADDR23{
	width: 30em;
	height: 2em;
	border: solid 1px #ccc;
}
input#ID_ADDR4{
	width: 30em;
	height: 2em;
	border: solid 1px #ccc;
}
input#email,
input#emailConfirm {
	width: 20em;
	height: 2em;
	border: solid 1px #ccc;
}
input#join {
	width: 5em;
	height: 2em;
	border: solid 1px #ccc;
}
textarea#Inquiry {
	width: 30em;
	height: 10em;
	border: solid 1px #ccc;
}
input#pName,
input#pColor,
input#pNum {
	width: 20em;
	height: 2em;
	border: solid 1px #ccc;
}
input#pQuantity {
	width: 5em;
	height: 2em;
	border: solid 1px #ccc;
}
input#pDate0 {
	width: 4em;
	height: 2em;
	border: solid 1px #ccc;
}
input#pDate1,
input#pDate2 {
	width: 2em;
	height: 2em;
	border: solid 1px #ccc;
}

label span.label {
	display: inline-block;
	margin: 3px 15px 0px 0px;
}
input.radio,
input.checkbox {
	display: inline-block;
	margin: 0px 8px 0px 0px;
}

/*--------------------------------
	err
--------------------------------*/
#side h1 {
	margin: 0 0 10px 0;
}

p.err {
	margin: 0px 0px 20px;
	text-align: center;
}