@charset "utf-8";

div.contact-form {
	font-size:13px;
	font-size:1.3rem;
    height: auto;
}

div.contact-form p.message-container{
}

div.contact-form table {
	width:100%;
}

div.contact-form table th {
	text-align: left;
	width:120px;
	padding:10px;
	border-bottom: 1px dotted #CCC;
}
div.contact-form table th span.content {
	border-left:5px solid #46B233;
	padding-left:10px;
}

div.contact-form table td {
	padding:10px;
	border-bottom: 1px dotted #CCC;
}

div.contact-form table th ul {
	list-style: none;
	font-weight: normal;
}

div.contact-form table th ul li {
	margin:0 15px 15px 0;
}

div.contact-form table td input[type="text"] {
	padding: 5px;
	border-radius: 3px;
	border:1px solid #CCC;
	width:240px;
}

div.contact-form table th.titles,
div.contact-form table th.content {
	padding-top: 20px;
}

div.contact-form table th textarea {
	width:686px;
	padding: 5px;
	border-radius: 3px;
	border:1px solid #CCC;
	height:90px;
	margin:0 0 10px 0;
}

span.content-text {
	border-left:5px solid #46B233;
	padding-left:10px;
	display: block;
	margin:0 0 15px 0;
}

.titles div ul {
	display: block;
}

.titles div ul li {
	display: block;
	float: left;
	width:300px;
	height: 60px;
	padding: 20px;
	border: 1px solid #CCC;
	background: #F0F0F0;
	line-height: 18px;
	line-height: 1.8rem;
	font-weight: bold;
}

.titles div ul li input[type="radio"]{
	margin: 0 10px 0 0;
}

.titles div ul li span {
	display: block;
	margin: 5px 0 0 20px;
	font-weight: normal;
	color: #333;
}

.titles div ul li label p {
	margin: 10px 0 0 0;
	font-weight: normal;
	text-align: right;
}
.titles div ul li label p a {
	padding: 0 0 0 20px;
	background: url("../images/live2d-sprite.png") no-repeat 0 -1375px;
}

div.contact-form p.submit-container {
}

div.contact-form div.submessage {
    font-size: 80%;
}

div.contact-form span.require {
    margin-left:3px;
    color:red;
}

div.contact-form div.error {
    color:red;
}

p#confirm-button {
	text-align: center;
	padding:30px 0 10px 0;
}

p#message-container-confirm {
	margin:0 0 20px 0;
}

p#confirm-button input[type="submit"],
p#send-button input[type="submit"]{
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #337fed;
	padding:15px 30px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #3d94f6), color-stop(100%, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	background:-ms-linear-gradient( top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3d94f6;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #1570cd;
 	-webkit-box-shadow:inset 0px 0px 0px 0px #97c4fe;
 	-moz-box-shadow:inset 0px 0px 0px 0px #97c4fe;
 	box-shadow:inset 0px 0px 0px 0px #97c4fe;
}
p#confirm-button input[type="submit"]:hover,
p#send-button input[type="submit"]:hover {
	cursor:pointer;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #1e62d0), color-stop(100%, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	background:-ms-linear-gradient( top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0;
}
p#confirm-button input[type="submit"]:active,
p#send-button input[type="submit"]:active {
	position:relative;
	top:1px;
}

p#send-button {
	text-align: center;
	margin:20px auto 30px auto;
}

p#send-button input[type="submit"] {
	padding:15px 40px;
}

p#send-button input[name="return-to-input"]{
	border:1px solid #dcdcdc;
	margin:0 10px 0 0;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	background:-ms-linear-gradient( top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	color:#777777;
	text-shadow:1px 1px 0px #ffffff;
}

p#send-button input[name="return-to-input"]:hover{
	border:1px solid #dcdcdc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	background:-ms-linear-gradient( top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}


/* split css in input confirm finish  */
div.contact-form-input {}
div.contact-form-confirm {}
div.contact-form-finish {}

div.contact-form-input table {}
div.contact-form-confirm table  {}
div.contact-form-finish table {}

div.contact-form-input table th {}
div.contact-form-confirm table th {}
div.contact-form-finish table th {}

div.contact-form-input table td {}
div.contact-form-confirm table td {}
div.contact-form-finish table td {}

/*iki  */

.support_block {
	width:740px;
	margin:0 auto;
	border:1px solid #ccc;
	background:#FFFFFF;
	overflow:hidden;
	padding:20px;
	margin-bottom:60px;
}
.support_block h3,.support_block p {
	color:#000000;
}
.support_block .left {
	width:500px;
	float:left;
}
.support_block .right {
	float:right;
	margin:0 !important;
	padding:0 !important;
}
.support_block .right a {
	display:block;
	margin:0 !important;
	padding:0 !important;
}

.support_block .right a:hover {
    cursor:pointer;
    filter: alpha(opacity=70);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";  /* ie 8 */
    -moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7;              /* Safari 1.x */
    opacity:0.7;
    zoom:1;
}