@charset "utf-8";
/* 
 * @Style Name: Responsive Simple
 * @Version: 1.0
 * Author: webourgeon
 */


/* ======================================

	 Reset 

====================================== */
#trust-form{
    width:100%;
    height: auto;
    font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN", sans-serif;
}
#trust-form p {
    margin-bottom: 0.5em;
}
#trust-form table{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
#trust-form table,
#trust-form table th,
#trust-form table td {
	border:none;
}
/* reset form element style*/
.contact-form input, 
.contact-formbutton, 
.contact-formselect, 
.contact-formtextarea {
    margin: 0;
    outline: none;  
}
#trust-form input,
#trust-form select {
    vertical-align:middle;
  
}
#trust-form ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#trust-form ul li {
    float:left;
    list-style: none;
    margin: 0 15px 5px 0;
    padding: 0;
}

/* ======================================

	 Trust Form Style

====================================== */
div#trust-form.contact-form table{
	margin-bottom: 2em;
	text-align: center;
}
div#trust-form.contact-form table th {
    width:260px;
    padding: 18px 20px 14px 20px;
    border:1px solid #b5b5b6;
    background-color:#fbe5e7;
    font-weight:normal;
    text-align: left;
    vertical-align: top;
    color:#333333;
    line-height: 1.6em;
}
.vsl_ctt div#trust-form.contact-form table th {
    width:260px;
    padding: 18px 20px 14px 20px;
    border:1px solid #b5b5b6;
    background-color:#e1faff;
    font-weight:normal;
    text-align: left;
    vertical-align: top;
    color:#333333;
    line-height: 1.6em;
}
div#trust-form.contact-form table td {
    padding: 14px 20px;
    border:1px solid #b5b5b6; 
    text-align: left;
    background:#ffffff;
    vertical-align: middle;
    color:#333333;
    line-height: 1.6em;
}


div#trust-form.contact-form table td input.w164 {
	width:164px;
}

div#trust-form.contact-form table td input.w310 {
	width:310px;
}

div#trust-form.contact-form table td input.w600 {
	width:600px;
}

div#trust-form.contact-form table td input.w695 {
	width:695px;
}

div#trust-form.contact-form table td input.w370 {
	width:370px;
}

div#trust-form.contact-form table td textarea.w695 {
	width:695px;
}

div#trust-form.contact-form table td input{
	height:22px;
	font-size:93%;
}
div#trust-form.contact-form table td textarea{
	font-size:93%;
}
div#trust-form.contact-form table td input {
	padding:3px 5px;
	border:1px solid #CCCCCC;
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN", sans-serif;
}
div#trust-form.contact-form table td textarea {
	padding:3px 5px 3px 5px;
	border:1px solid #CCCCCC;
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN", sans-serif;
}
div#trust-form.contact-form table tr:hover{
	background: #f4f4f4;
}
div#trust-form.contact-form table div{
	padding: 0px;
}

div#trust-form.contact-form p.submit-container {
	text-align: center;
}

div#trust-form.contact-form div.submessage {
    font-size: 80%;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
    line-height: 1.4em;
}

div#trust-form.contact-form span.require {
    margin-left:3px;
    padding: 4px 0px 0px 0px;
    color: #d20012;
}

div#trust-form.contact-form div.error {
    color: #d20012;
    font-size: 95%;
    padding: 4px 0px 0px 0px;
    clear:both;
}


div#trust-form.contact-form input[type="checkbox"],
div#trust-form.contact-form input[type="radio"] {
    margin-right: 3px;
}
div#trust-form.contact-form label{
	display: block;
	width: 100%;
}

div#trust-form #confirm-button {
	text-align: center;
}

div#trust-form #confirm-button input{
	border:1px solid #B3B3B3;
	padding:8px 16px;
	font-size: 107%;
	color:#333333;
	font-weight:bold;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#e6e6e6');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#e6e6e6')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(top, #ffffff, #e6e6e6);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/

}

div#trust-form #confirm-button input:hover {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f6f6f6', endColorstr = '#cccccc);');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f6f6f6', endColorstr = '#cccccc);')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #f6f6f6, #cccccc);
background-image: -ms-linear-gradient(top, #f6f6f6, #cccccc);
background-image: -o-linear-gradient(top, #f6f6f6, #cccccc);
background-image: -webkit-gradient(linear, center top, center bottom, from(#f6f6f6), to(#cccccc);));
background-image: -webkit-linear-gradient(top, #f6f6f6, #cccccc););
background-image: linear-gradient(top, #f6f6f6, #cccccc););
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
}


/* 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 {}


@media only screen and (max-width:736px){
	
	
	div#trust-form table{
		margin: 0em auto 2em auto;
		border: 1px solid #ccc;
		border-collapse: collapse;
		border-bottom-width: 0;
		border-bottom:1px solid #ccc;
	}
	div#trust-form table th,
	div#trust-form table td{
		padding: 0;
		float: left;
		clear: both;
		width: 100%;
		font-size:90%;
	}

	div#trust-form table th {
		background-color: #fbe5e7;
	}
	div#trust-form table ul li{
		line-height: 1.5em;
	}
	div#trust-form.contact-form table tr:hover {
	background: #fff;
}

div#trust-form.contact-form table th {
    width:100%;
    padding: 5px 15px;
    box-sizing:border-box;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-top:1px solid #ccc;
    border-bottom:0px solid #ccc;
    background-color:#fbe5e7;
    font-weight:normal;
    text-align: left;
    vertical-align: top;
}
.vsl_ctt div#trust-form.contact-form table th {
 width:100%;
    padding: 5px 15px;
    box-sizing:border-box;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-top:1px solid #ccc;
    border-bottom:0px solid #ccc;
    background-color:#e1faff;
    font-weight:normal;
    text-align: left;
    vertical-align: top;
}
div#trust-form.contact-form table td {
    padding: 10px 15px;
    box-sizing:border-box;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-top:none !important;
    border-bottom:1px solid #ccc;
    text-align: left;
    vertical-align: middle;   
}


div#trust-form.contact-form table td input.w164 {
	width:100%;
	height:auto;
	padding:5px;
	box-sizing:border-box;
}

div#trust-form.contact-form table td input.w310 {
	width:100%;
	height:auto;
	padding:5px;
	box-sizing:border-box;
}

div#trust-form.contact-form table td input.w600 {
	width:100%;
	height:auto;
	padding:5px;
	box-sizing:border-box;
}

div#trust-form.contact-form table td input.w695 {
	width:100%;
	height:auto;
	padding:5px;
	box-sizing:border-box;
}

div#trust-form.contact-form table td input.w370 {
	width:100%;
	height:auto;
	padding:5px;
	box-sizing:border-box;
}

div#trust-form.contact-form table td textarea.w695 {
	width:100%;
	height:auto;
	padding:5px;
	box-sizing:border-box;
}


}