@charset "UTF-8";
/* CSS Document */

#formWrap {
	width:800px !important;
	margin:0 auto ;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto 20px;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border-bottom:1px solid #ccc;
	padding:10px;
	text-align:left;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
table.formTable td textarea ,
table.formTable td input{
	padding: 0.5em;
    outline: none;
    border: 1px solid #DDD;
    border-radius: 3px;
	
}
input[type="text"]:focus,
texture:focus {
    box-shadow: 0 0 7px #3498db;
    border: 1px solid #3498db;
}


table.formTable td span{
	font-size:80%;
	color:#E72110;

}
input.sysNextSubmit {
    border-radius: 0;   
    background: -moz-linear-gradient(top, #FFF 0%, #EEE);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
    border: 1px solid #DDD;
    color: #111;
    padding: 10px 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
input.sysNextSubmit:hover {
    background: -moz-linear-gradient(top, #EFEFEF 0%, #EEE);
    background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#EEE));
}




/*===============================================
●style.css 画面の横幅が768px 以下
===============================================*/

@media only screen and (max-width: 768px){
	
#formWrap {
	width:95% !important;
	margin:0 auto ;
	color:#555;
	line-height:120%;
	font-size:90%;
	display:block;
}
table.formTable{
	width:100%;
	margin:0 auto 20px;
	border-collapse:collapse;
	border:none;
}
.formTable tr , .formTable th ,.formTable td { width:100% !important; display:block !important; }


table.formTable td,table.formTable th{
	border: none;
	padding:10px;
	text-align:left;
}
table.formTable td {
	border-bottom:1px dotted #666;
}
table.formTable th{
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
table.formTable td textarea ,
table.formTable td input{
	padding: 0.5em;
    outline: none;
    border: 1px solid #DDD;
    border-radius: 3px;
	
}
input[type="text"]:focus,
texture:focus {
    box-shadow: 0 0 7px #3498db;
    border: 1px solid #3498db;
}


table.formTable td span{
	font-size:80%;
	color:#E72110;

}
input.sysNextSubmit {
    border-radius: 0;   
    background: -moz-linear-gradient(top, #FFF 0%, #EEE);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
    border: 1px solid #DDD;
    color: #111;
    padding: 10px 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
input.sysNextSubmit:hover {
    background: -moz-linear-gradient(top, #EFEFEF 0%, #EEE);
    background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#EEE));
}

	
	
	
}