@charset "utf-8";
/********************************* common *************************************/
/* ----------- メール商人 登録フォーム　全体 ----------- */
.mshoninstyle {
		font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
		/*font-size:12px;*/
		margin: 0 auto;
		/*width:650px;*/
		padding: 14px;
		text-align: left;
}
.mshoninstyle h1 {
		text-align: center;
}
.mshoninstyle h2 {
		text-align: center;
		padding: 0.5em;
}
.mshoninform {
		font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
		/*font-size:12px;*/
		margin: 0 auto;
		/*width:530px;*/
		padding: 14px;
}
.mshoninform h1 {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 8px;
}
.mshnfrm {
		clear: left;
		margin: 0;
		padding: 5px 5px 8px 5px;
		padding-left: 210px; /*width of left column containing the label elements*/
		/*border-top: 1px dashed gray; */
		/*border:solid 1px #fff1cf;*/
		background: #f8f4e6;
		/*height: 1%; */
}
.mshoninregists label {
		font-weight: bold;
		float: left;
		margin-left: -220px; /*width of left column*/
		width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
		text-align: right;
}
.mshoninsubmit {
		text-align: center;
}
.mshoninspacer {
		clear: both;
		height: 1px;
}
.inputexample {
		color: blue;
		font-size: 10px;
}
.displaymst {
		color: red;
		font-size: 10px;
		margin-left: 5px;
}
.mshoninverisign {
		font-size: 10px;
}
/* ----------- メール商人 登録フォーム 項目　----------- */
/* 姓、名 */
.mshoninregists #rt1, .mshoninregists #rt2 {
		width: 100px;
}
/* メールアドレス */
.mshoninregists #rt3, .mshoninregists #rt4 {
		width: 150px;
}
/* 会社名 */
.mshoninregists #rt7 {
		width: 120px;
}
/* ウェブサイトURL */
.mshoninregists #rt8 {
		width: 200px;
}
/* 郵便番号 */
.mshoninregists #rt9 {
		width: 70px;
}
/* 郵便番号1 */
.mshoninregists #rt91 {
		width: 30px;
}
/* 郵便番号2*/
.mshoninregists #rt92 {
		width: 40px;
}
/* 住所 */
.mshoninregists #rt11 {
		width: 200px;
}
/* 電話番号、FAX番号 */
.mshoninregists #rt12, .mshoninregists #rt13 {
		width: 100px;
}
/* 電話番号1-3、FAX番号1-3 */
.mshoninregists #rt121, .mshoninregists #rt131, .mshoninregists #rt122, .mshoninregists #rt132, .mshoninregists #rt123, .mshoninregists #rt133 {
		width: 40px;
}
/* コメント */
.mshoninregists #rt14 {
		width: 300px;
		height: 75px;
}
/* 認証画像 */
.mshoninregists #strCAPTCHA {
		width: 35px;
}
/* 任意項目　rt15_(udfのID) */
.mshoninregists #rt15_1, .mshoninregists #rt15_2, .mshoninregists #rt15_3, .mshoninregists #rt15_4, .mshoninregists #rt15_5, .mshoninregists #rt15_6, .mshoninregists #rt15_7, .mshoninregists #rt15_8, .mshoninregists #rt15_9, .mshoninregists #rt15_10, .mshoninregists #rt15_11, .mshoninregists #rt15_12, .mshoninregists #rt15_13, .mshoninregists #rt15_14, .mshoninregists #rt15_15, .mshoninregists #rt15_16, .mshoninregists #rt15_17, .mshoninregists #rt15_18, .mshoninregists #rt15_19, .mshoninregists #rt15_20, .mshoninregists #rt15_21, .mshoninregists #rt15_22, .mshoninregists #rt15_23, .mshoninregists #rt15_24, .mshoninregists #rt15_25, .mshoninregists #rt15_26, .mshoninregists #rt15_27, .mshoninregists #rt15_28, .mshoninregists #rt15_29, .mshoninregists #rt15_30, .mshoninregists #rt15_31, .mshoninregists #rt15_32, .mshoninregists #rt15_33, .mshoninregists #rt15_34, .mshoninregists #rt15_35, .mshoninregists #rt15_36, .mshoninregists #rt15_37, .mshoninregists #rt15_38, .mshoninregists #rt15_39, .mshoninregists #rt15_40, .mshoninregists #rt15_41, .mshoninregists #rt15_42, .mshoninregists #rt15_43, .mshoninregists #rt15_44, .mshoninregists #rt15_45, .mshoninregists #rt15_46, .mshoninregists #rt15_47, .mshoninregists #rt15_48, .mshoninregists #rt15_49, .mshoninregists #rt15_50, .mshoninregists #rt15_51, .mshoninregists #rt15_52, .mshoninregists #rt15_53, .mshoninregists #rt15_54, .mshoninregists #rt15_55, .mshoninregists #rt15_56, .mshoninregists #rt15_57, .mshoninregists #rt15_58, mshoninregists #rt15_59, .mshoninregists #rt15_60 {
		width: 300px;
}
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*___________ mshoninstyle ___________ */
.mshoninstyle, .mshoninform {
		width: 98%;
		padding: 0px;
}
/*___________ msh-form ___________ */
.msh-form textarea, .msh-form input {
		width: 80%;
}
.msh-form .inputhidden br {
		display: none;
}
.msh-form .red {
		color: #ff0000;
}
.center {
		text-align: center;
}
.pt12 {
		padding-top: 12px;
}
input[type="submit"] {
		-webkit-appearance: none;
		border-radius: 0;
}
/*___________ msh-table ___________ */
.msh-table table {
		width: 96%;
		margin: 12px auto;
		padding: 0 0 1px 0;
		/*border-radius: 12px;*/
}
.msh-table tbody tr {
		display: block;
		margin: 0 2px 1px 0;
		padding: 0 2px 0 0;
}
.msh-table tbody th {
		display: block;
		width: 96%;
		padding: 8px;
}
.msh-table tbody td {
		display: block;
		width: 96%;
		padding: 14px 8px 16px 8px;
}
.msh-table th {
		font-weight: normal;
}
.msh-table td {}
.msh-table table tbody tr:first-child th:first-child {
		/*border-radius: 12px 12px 0 0;*/
}
.msh-table table tbody tr:last-child td:last-child {
		/*border-radius: 0 0 12px 12px;*/
}
.msh-table input[type="text"], .msh-table input[type="password"], .msh-table input[type="email"], .msh-table input[type="url"], .msh-table input[type="search"], .msh-table textarea {
		margin-bottom: 2px;
		padding: 6px 4px;
		max-width: 79%;
		outline: none;
		border-radius: 2px;
}
.msh-table input[type="radio"], .msh-table input[type="checkbox"] {
		width: auto;
}
.msh-table textarea {
		overflow: auto;
}
.msh-table .button, .msh-table button, .msh-table input[type="submit"], .msh-table input[type="reset"], .msh-table input[type="button"] {
		display: inline-block;
		margin: 12px 0 20px 0;
		padding: 12px 24px;
		border-radius: 50px;
		text-decoration: none;
		font-weight: bold;
		font-size: 18px;
		line-height: normal;
		cursor: pointer;
		letter-spacing: 1px;
		font-family: 'Noto Sans Japanese', sans-serif;
}
.msh-table .button:active, .msh-table button:active, .msh-table input[type="submit"]:active, .msh-table input[type="reset"]:active, .msh-table input[type="button"]:active {
		position: relative;
		top: 1px;
}
.msh-table input[type="text"], .msh-table input[type="password"], .msh-table input[type="email"], .msh-table input[type="url"], .msh-table input[type="search"], .msh-table textarea {
		background: #eee;
		border: 1px solid #ddd;
		color: #777;
}
.msh-table input[type="text"]:focus, .msh-table input[type="password"]:focus, .msh-table input[type="email"]:focus, .msh-table input[type="search"]:focus, .msh-table textarea:focus {
		background: #fff;
		border: 1px solid #00B0EC;
		box-shadow: 0 0 3px #00B0EC;
		color: #444;
}
@media only screen and (min-width: 571px) {
		.msh-table tbody tr {
				display: table-row;
		}
		.msh-table tbody th {
				display: table-cell;
				width: 24%;
		}
		.msh-table tbody td {
				display: table-cell;
		}
		.msh-table table tbody tr:first-child th:first-child, .msh-table table tbody tr:first-child td:first-child {
				/*border-radius: 12px 0 0 0;*/
		}
		.msh-table table tbody tr:first-child th:last-child, .msh-table table tbody tr:first-child td:last-child {
				/*border-radius: 0 12px 0 0;*/
		}
		.msh-table table tbody tr:last-child td:last-child {
				/*border-radius: 0 0 12px 0;*/
		}
		.msh-table table tbody tr:last-child th:first-child, .msh-table table tbody tr:last-child td:first-child {
				/*border-radius: 0 0 0 12px;*/
		}
		.msh-table table tbody tr:first-child th:only-child, .msh-table table tbody tr:first-child td:only-child {
				/*border-radius: 12px 12px 0 0;*/
		}
		.msh-table table tbody tr:last-child th:only-child, .msh-table table tbody tr:last-child td:only-child {
				/*border-radius: 0 0 12px 12px;*/
		}
		.msh-table table tbody tr:only-child th:first-child, .msh-table table tbody tr:only-child td:first-child {
				/*border-radius: 12px 0 0 12px;*/
		}
		.msh-table table tbody tr:only-child th:last-child, .msh-table table tbody tr:only-child td:last-child {
				/*border-radius: 0 12px 12px 0;*/
		}
		.msh-form input[type="submit"], .msh-form input[type="reset"], .msh-form input[type="button"] {
				max-width: 50%;
		}
}
.f12 {
		font-size: 12px;
		line-height: 140%;
}
.f14 {
		font-size: 14px;
		line-height: 140%;
}
.f16 {
		font-size: 16px;
		line-height: 140%;
}
.f18 {
		font-size: 18px;
		line-height: 140%;
}
.f20 {
		font-size: 20px;
		line-height: 140%;
}
/*___________ tcolor ___________ */
.tcolor001 table {
		background-color: #e3e3e3;
}
.tcolor001 th {
		color: #000;
		background-color: #9ad5fe;
}
.tcolor001 td {
		color: #333;
		background-color: #fff;
}
.tcolor001 h2 {
		background-color: #9ad5fe;
}
.tcolor001 .button, .tcolor001 button, .tcolor001 input[type="submit"], .tcolor001 input[type="reset"], .tcolor001 input[type="button"] {
		color: #fff;
		background: #0779CA;
		border: 1px solid #0779CA;
		text-shadow: 0 1px rgba(0, 0, 0, 0.2);
}
.tcolor001 .button:hover, .tcolor001 button:hover, .tcolor001 input[type="submit"]:hover, .tcolor001 input[type="reset"]:hover, .tcolor001 input[type="button"]:hover {
		color: #fff;
		background: #ff89c4;
		border: 1px solid #fe56aa;
		text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}
.tcolor002 table {
		background-color: #a9a9a9;
}
.tcolor002 th {
		color: #000;
		background-color: #E3DECC;
}
.tcolor002 td {
		color: #333;
		background-color: #fff;
}
.tcolor002 h2 {
		background-color: #E3DECC;
}
.tcolor002 .button, .tcolor002 button, .tcolor002 input[type="submit"], .tcolor002 input[type="reset"], .tcolor002 input[type="button"] {
		color: #fff;
		background: #a18e5c;
		border: 1px solid #a18e5c;
		text-shadow: 0 1px rgba(0, 0, 0, 0.2);
}
.tcolor002 .button:hover, .tcolor002 button:hover, .tcolor002 input[type="submit"]:hover, .tcolor002 input[type="reset"]:hover, .tcolor002 input[type="button"]:hover {
		color: #fff;
		background: #ff89c4;
		border: 1px solid #fe56aa;
		text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}
.tcolor003 table {
		background-color: #e3e3e3;
}
.tcolor003 th {
		color: #000;
		background-color: #CCD0D5;
}
.tcolor003 td {
		color: #333;
		background-color: #fff;
}
.tcolor003 h2 {
		background-color: #CCD0D5;
}
.tcolor003 .button, .tcolor003 button, .tcolor003 input[type="submit"], .tcolor003 input[type="reset"], .tcolor003 input[type="button"] {
		color: #fff;
		background: #27313d;
		border: 1px solid #27313d;
		text-shadow: 0 1px rgba(0, 0, 0, 0.2);
}
.tcolor003 .button:hover, .tcolor003 button:hover, .tcolor003 input[type="submit"]:hover, .tcolor003 input[type="reset"]:hover, .tcolor003 input[type="button"]:hover {
		color: #fff;
		background: #ff89c4;
		border: 1px solid #fe56aa;
		text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}
.tcolor004 table {
		background-color: #e3e3e3;
}
.tcolor004 th {
		color: #000;
		background-color: #f1f1f1;
}
.tcolor004 td {
		color: #333;
		background-color: #fff;
}
.tcolor004 h2 {
		background-color: #f1f1f1;
}
.tcolor004 .button, .tcolor004 button, .tcolor004 input[type="submit"], .tcolor004 input[type="reset"], .tcolor004 input[type="button"] {
		color: #fff;
		background: #999999;
		border: 1px solid #999999;
		text-shadow: 0 1px rgba(0, 0, 0, 0.2);
}
.tcolor004 .button:hover, .tcolor004 button:hover, .tcolor004 input[type="submit"]:hover, .tcolor004 input[type="reset"]:hover, .tcolor004 input[type="button"]:hover {
		color: #fff;
		background: #ff89c4;
		border: 1px solid #fe56aa;
		text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}
.tcolor005 table {
		/*background-color: #a9a9a9;*/
}
.tcolor005 th {
		color: #000;
		background-color: #ccecde;
}
.tcolor005 td {
		color: #333;
		background-color: #fff;
}
.tcolor005 h2 {
		background-color: #ccecde;
}
.tcolor005 .button, .tcolor005 button, .tcolor005 input[type="submit"], .tcolor005 input[type="reset"], .tcolor005 input[type="button"] {
		color: #fff;
		background: #56be8e;
		border: 1px solid #56be8e;
		text-shadow: 0 1px rgba(0, 0, 0, 0.2);
}
.tcolor005 .button:hover, .tcolor005 button:hover, .tcolor005 input[type="submit"]:hover, .tcolor005 input[type="reset"]:hover, .tcolor005 input[type="button"]:hover {
		color: #fff;
		background: #ff89c4;
		border: 1px solid #fe56aa;
		text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}
.tcolor006 table {
		background-color: #b2b2b2;
}
.tcolor006 th {
		color: #000;
		background-color: #D0E69F;
}
.tcolor006 td {
		color: #333;
		background-color: #fff;
}
.tcolor006 h2 {
		background-color: #D0E69F;
}
.tcolor006 .button, .tcolor006 button, .tcolor006 input[type="submit"], .tcolor006 input[type="reset"], .tcolor006 input[type="button"] {
		color: #fff;
		background: #6DBA46;
		border: 1px solid #6DBA46;
		text-shadow: 0 1px rgba(0, 0, 0, 0.2);
}
.tcolor006 .button:hover, .tcolor006 button:hover, .tcolor006 input[type="submit"]:hover, .tcolor006 input[type="reset"]:hover, .tcolor006 input[type="button"]:hover {
		color: #fff;
		background: #ff89c4;
		border: 1px solid #fe56aa;
		text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}
.tcolor007 table {
		background-color: #ffffff;
}
.tcolor007 th {
		color: #000;
		background-color: #c8d5e1;
}
.tcolor007 td {
		color: #333;
		background-color: #f1f6f5;
}
.tcolor007 h2 {
		background-color: #c8d5e1;
}
.tcolor007 .button, .tcolor007 button, .tcolor007 input[type="submit"], .tcolor007 input[type="reset"], .tcolor007 input[type="button"] {
		color: #fff;
		background: #2c5379;
		border: 1px solid #2c5379;
		text-shadow: 0 1px rgba(0, 0, 0, 0.2);
}
.tcolor007 .button:hover, .tcolor007 button:hover, .tcolor007 input[type="submit"]:hover, .tcolor007 input[type="reset"]:hover, .tcolor007 input[type="button"]:hover {
		color: #fff;
		background: #ff89c4;
		border: 1px solid #fe56aa;
		text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}
.tcolor008 table {
		background-color: #e3e3e3;
}
.tcolor008 th {
		color: #000;
		background-color: #F8B84E;
}
.tcolor008 td {
		color: #333;
		background-color: #fff;
}
.tcolor008 h2 {
		background-color: #F8B84E;
}
.tcolor008 .button, .tcolor001 button, .tcolor008 input[type="submit"], .tcolor008 input[type="reset"], .tcolor008 input[type="button"] {
		color: #fff;
		background: #ed7700;
		border: 1px solid #ed7700;
		text-shadow: 0 1px rgba(0, 0, 0, 0.2);
}
.tcolor008 .button:hover, .tcolor008 button:hover, .tcolor008 input[type="submit"]:hover, .tcolor008 input[type="reset"]:hover, .tcolor008 input[type="button"]:hover {
		color: #fff;
		background: #ff89c4;
		border: 1px solid #fe56aa;
		text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}
.tcolor009 table {
		background-color: #ffffff;
}
.tcolor009 th {
		color: #000;
		background-color: #FAC7CF;
}
.tcolor009 td {
		color: #333;
		background-color: #EAE5E1;
}
.tcolor009 h2 {
		background-color: #FAC7CF;
}
.tcolor009 .button, .tcolor009 button, .tcolor009 input[type="submit"], .tcolor009 input[type="reset"], .tcolor009 input[type="button"] {
		color: #fff;
		background: #eb2142;
		border: 1px solid #eb2142;
		text-shadow: 0 1px rgba(0, 0, 0, 0.2);
}
.tcolor009 .button:hover, .tcolor009 button:hover, .tcolor009 input[type="submit"]:hover, .tcolor009 input[type="reset"]:hover, .tcolor009 input[type="button"]:hover {
		color: #fff;
		background: #ff89c4;
		border: 1px solid #fe56aa;
		text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}
.tcolor010 table {
		background-color: #ffffff;
}
.tcolor010 th {
		color: #000;
		background-color: #FFFAB5;
}
.tcolor010 td {
		color: #333;
		background-color: #eceef1;
}
.tcolor010 h2 {
		background-color: #FFFAB5;
}
.tcolor010 .button, .tcolor010 button, .tcolor010 input[type="submit"], .tcolor010 input[type="reset"], .tcolor010 input[type="button"] {
		color: #fff;
		background: #fcc900;
		border: 1px solid #fcc900;
		text-shadow: 0 1px rgba(0, 0, 0, 0.2);
}
.tcolor010 .button:hover, .tcolor010 button:hover, .tcolor010 input[type="submit"]:hover, .tcolor010 input[type="reset"]:hover, .tcolor010 input[type="button"]:hover {
		color: #fff;
		background: #ff89c4;
		border: 1px solid #fe56aa;
		text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}