@charset "utf-8";

#submit3{
	background-color:transparent ;
	border:none;
	text-align:center;
	width:100%;
	display:block;
}

#submit3 img{
	max-width:100%;
	display:block;
}

@media screen and (min-width: 769px){

#box8 , #errer{
		background-image:url(../img/bg2.png);
	background-repeat:repeat;
    color:#424242;
    text-align:center;
}

h3 {
    background-color:#e90065;
    color:#fff;
	font-size:36px;
    padding:0.5em 0;
	margin-top:50px;
	margin-bottom:50px;
	padding-top:25px;
	padding-bottom:25px;
    margin-left:auto;
    margin-right:auto;
    width:1000px;
}

#box1 address,a{color:#C8C8C8;font-size:100%;}

#box1 p { margin:10px 0; }

/*-----------------------------------------------------
  Tables
------------------------------------------------------*/
#box1 table {
    margin-bottom:30px;
	color:#2C2C2C;
border-collapse: collapse;
}
#box1 table td {
	border:solid  1px #e90065;
	}

#box1 table td.bottom {
	border:solid  1px #e90065;
	}

#box1 table th {
	border-bottom:solid 1px #fff;
	}

#box1 table th.bottom {
	border-bottom:none;
	}

#box1 caption, #box1 th,#box1 td {
    padding:0.2em 0.5em;
	height:50px;

}

#box1 caption {
    margin:10px 0;
    background-color:#c9d9f0;
    color:#3762a8;
    font-weight:bold;
}

#box1 thead th {background-color:#dbe5f3;}
#box1 thead td {background-color:#dbe5f3;}

#box1 tfoot th {background-color:#dbe5f3;}
#box1 tfoot td {background-color:#dbe5f3;}

#box1 tbody th {background-color:#e90065;
color:#fff;
    text-align:center;font-weight:normal;
    width:25%;
}

#box1 tbody td {background-color:#fff;
padding-left:20px;
}

#box1 #error td strong,
#box1 #confirm td strong {
	color:#c00;
}



/*-----------------------------------------------------
  Form,Fieldset
------------------------------------------------------*/
fieldset {
    width:900px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    border:0;
	margin-bottom:50px;
}
legend {
    padding:0.3em;
    visibility:hidden;
    display:none;
}


label{
    margin:0 3px;
}

input[type=text]{
	padding:10px;
	margin:10px;
	width:80%;
}

input[type=text].half{
	padding:10px;
	margin:10px;
	width:40%;
}

textarea {}

select {}
option {}

input[type=radio],
input[type=checkbox] {
    margin-right:0.3em;
}

button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
    padding:1px;
}

[type=text], [type=submit], textarea {
    margin-top: 3px;
    padding: 1px;
    border: 1px solid #aaa;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
[type=check], [type=radio], [type=submit] {
    cursor: pointer;
}
[type=check] + label, [type=radio] + label {
    display: inline-block;
    cursor: pointer;
}
input:hover, textarea:hover,
input:focus, textarea:focus {
    background-color: #ECFBFF;
}

/* １段階小さい文字 */
.small {font-size:85%;}

/* 必須 */
.require {color: #fff;}

/* ボタン */
.button {
    text-align:center;
    margin-top:20px;
}
.button button#submit {
    border:solid 2px;
    border-color:#96d80e #086003 #086003 #96d80e ;
	color:#fff;
    width:200px;
    background-color:#5dae1c;
    margin:0 10px 0 0;
    line-height:2;
    cursor:pointer;
}
.button button#submit:hover {
    border-color:#bde46e #5dae1c #5dae1c #bde46e ;
    background-color:#96d80e;
}
.button button#myreset {
    border:solid 2px;
    border-color:#ddd #aaa #aaa #ddd;
    width:200px;
    background-color:#ccc;
    line-height:2;
    margin:0 10px 0 0;
    cursor:pointer;
}
.button button#myreset:hover {
    background-color:#efefef;
}
/* 確認画面のテーブル */
table#confirm th {
    width:25%;
}
table#confirm td  {
    padding:1em;
}
/*入力エラーメッセージには<strong>タグが付く*/
table#confirm td strong {
    color:#A82B2B;
}
/* Message()のメッセージ */

/*エラー*/
span.err{ color:#CC0000; font-weight:bold }

/*エラーなし*/
span.conf{ color:#339933; }

/*エラー画面用　（init.php内）*/
/*body id="error"*/
div.err_message {
    padding:50px 0 0 0;
}
.err_message p {
    margin-bottom:50px;color:#A82B2B;
}
/*サンプルの完了画面　（completion.html用）*/
.success {
    padding:50px 0;
}
.success .button {
    margin-top:50px;
}
.success .button a {
    border:solid 2px;
    border-color:#ddd #aaa #aaa #ddd;
    width:200px;
    background-color:#ccc;
    line-height:2;
    margin:0 10px 0 0;
    cursor:pointer;
    color:#424242;
    padding:10px 20px ;
text-decoration:none;	
}
.success .button a:hover {
    background-color:#efefef;
}

/*-----------------------------------------------------
  for Ajax
------------------------------------------------------*/

/* ローディング */
.spinner {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #f0f0f0;
}
/* Over Text Label */
.overTxtLabel {
    color: #888888;
}

/* Validator Advice */
.validation-failed {
    border-color: #ff0000;
    background-color: #ffdddd;
}
.validation-failed:hover,
.validation-failed:focus {
	border-color: #FF6A6A;
	background-color: #FEE;
}
.validation-advice {
    padding-bottom: 5px;
    font-weight: bold;
    color: #ff0000;
}

/* Result */
#result {
	margin-top: 10px;
	padding: 10px;
	border: 1px solid;
	border-color:#5082EB;
	background-color: #DFE6FD;
}
#result:empty {
    border-width: 0;
    padding: 0;
}​

/*エラーメッセージ
div id="error"*/

#result #error {}

/* 完了メッセージ */

#result .success,
#result .success * {
	padding:0;
	margin-top:0;
}


/*copyright*/
.zm_copyright {
    margin-top:30px;
    font-size:10px;
	display:none;
}
.zm_copyright a{
    color:#AABCE8;
}

}


/* スマホ対応
-----------------------------------*/


@media only screen and (max-width: 640px){

#box8 , #errer{
		background-image:url(../img/bg2.png);
	background-repeat:repeat;
    color:#424242;
    text-align:center;
}

h3 {
    background-color:#e90065;
    color:#fff;
	font-size:28px;
    padding:0.5em 0;
	margin-top:50px;
	margin-bottom:50px;
	padding-top:25px;
	padding-bottom:25px;
width:100%;
display:block;
}

#box1 address,a{color:#C8C8C8;font-size:100%;}

#box1 p { margin:10px 0; }

/*-----------------------------------------------------
  Tables
------------------------------------------------------*/
#box1 table {
    margin-bottom:30px;
	width:100%;
	background-color:#fff;
	color:#2C2C2C;
	border-collapse: collapse;
}

#box1 table, #box1 tbody, #box1 thead,#box1  tfoot, #box1 tr,#box1  th, #box1 td{
	display:block;
	max-width:100%;
}
#box1 table td {
	padding-left:10px;
	padding-top:20px;
	padding-bottom:30px;
	}

#box1 table th {
	font-size:24px;
		padding-top:10px;
	padding-bottom:10px;
}


#box1 caption, #box1 th, #box1 td {

}

#box1 caption {
    background-color:#c9d9f0;
    color:#3762a8;
    font-weight:bold;
}

#box1 thead th {background-color:#dbe5f3;}
#box1 thead td {background-color:#dbe5f3;}

#box1 tfoot th {background-color:#dbe5f3;}
#box1 tfoot td {background-color:#dbe5f3;}

#box1 tbody th {background-color:#e90065;
color:#fff;
    text-align:center;font-weight:normal;
}

#box1 tbody td {background-color:#fff;
}

#box1 #error td strong,
#box1 #confirm td strong {
	color:#c00;
}
/*-----------------------------------------------------
  Form,Fieldset
------------------------------------------------------*/
fieldset {
	max-width:100%;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    border:0;
	margin-bottom:50px;
}
legend {
    padding:0.3em;
    visibility:hidden;
    display:none;
}


label{
    margin:0 3px;
}

input[type=text]{
width:80%;
height:50px;
font-size:100%;
}

input[type=text]{
}
textarea {
	}

select {}
option {}

input[type=radio],
input[type=checkbox] {
}

button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
    padding:1px;
}

[type=text], [type=submit], textarea {
    margin-top: 3px;
    padding: 1px;
    border: 1px solid #aaa;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
[type=check], [type=radio], [type=submit] {
    cursor: pointer;
}
[type=check] + label, [type=radio] + label {
    display: inline-block;
    cursor: pointer;
}
input:hover, textarea:hover,
input:focus, textarea:focus {
    background-color: #ECFBFF;
}

/* １段階小さい文字 */
.small {font-size:85%;}

/* 必須 */
.require {color: #fff;}

/* ボタン */
.button {
    text-align:center;
    margin-top:20px;
	font-size:24px;
}
.button button#submit {
    border:solid 2px;
    border-color:#96d80e #086003 #086003 #96d80e ;
	color:#fff;
    width:300px;
    background-color:#5dae1c;
    margin:0 10px 30px 0;
    line-height:3;
    cursor:pointer;
}
.button button#submit:hover {
    border-color:#bde46e #5dae1c #5dae1c #bde46e ;
    background-color:#96d80e;
}
.button button#myreset {
    border:solid 2px;
    border-color:#ddd #aaa #aaa #ddd;
    width:300px;
    background-color:#ccc;
    line-height:3;
    margin:0 10px 0 0;
    cursor:pointer;
}
.button button#myreset:hover {
    background-color:#efefef;
}
/* 確認画面のテーブル */
table#confirm th {
    width:25%;
}
table#confirm td  {
    padding:1em;
}
/*入力エラーメッセージには<strong>タグが付く*/
table#confirm td strong {
    color:#A82B2B;
}
/* Message()のメッセージ */

/*エラー*/
span.err{ color:#CC0000; font-weight:bold }

/*エラーなし*/
span.conf{ color:#339933; }

/*エラー画面用　（init.php内）*/
/*body id="error"*/
div.err_message {
    padding:50px 0 0 0;
}
.err_message p {
    margin-bottom:50px;color:#A82B2B;
}
/*サンプルの完了画面　（completion.html用）*/
.success {
    padding:50px 0;
}
.success .button {
    margin-top:50px;
}
.success .button a {
    border:solid 2px;
    border-color:#ddd #aaa #aaa #ddd;
    width:200px;
    background-color:#ccc;
    line-height:2;
    margin:0 10px 0 0;
    cursor:pointer;
    color:#424242;
    padding:10px 20px ;
text-decoration:none;	
}
.success .button a:hover {
    background-color:#efefef;
}

/*-----------------------------------------------------
  for Ajax
------------------------------------------------------*/

/* ローディング */
.spinner {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #f0f0f0;
}
/* Over Text Label */
.overTxtLabel {
    color: #888888;
}

/* Validator Advice */
.validation-failed {
    border-color: #ff0000;
    background-color: #ffdddd;
}
.validation-failed:hover,
.validation-failed:focus {
	border-color: #FF6A6A;
	background-color: #FEE;
}
.validation-advice {
    padding-bottom: 5px;
    font-weight: bold;
    color: #ff0000;
}

/* Result */
#result {
	margin-top: 10px;
	padding: 10px;
	border: 1px solid;
	border-color:#5082EB;
	background-color: #DFE6FD;
}
#result:empty {
    border-width: 0;
    padding: 0;
}​

/*エラーメッセージ
div id="error"*/

#result #error {}

/* 完了メッセージ */

#result .success,
#result .success * {
	padding:0;
	margin-top:0;
}


/*copyright*/
.zm_copyright {
    margin-top:30px;
    font-size:10px;
	display:none;
}
.zm_copyright a{
    color:#AABCE8;
}
}

/* タブレット対応
-----------------------------------*/

@media screen and (min-width: 641px) and (max-width: 768px){

#box8 , #errer{
		background-image:url(../img/bg2.png);
	background-repeat:repeat;
    color:#424242;
    text-align:center;
}

h3 {
    background-color:#e90065;
    color:#fff;
	font-size:28px;
    padding:0.5em 0;
	margin-top:50px;
	margin-bottom:50px;
	padding-top:25px;
	padding-bottom:25px;
width:100%;
display:block;
}

#box1 address,a{color:#C8C8C8;font-size:100%;}

#box1 p { margin:10px 0; }

/*-----------------------------------------------------
  Tables
------------------------------------------------------*/
#box1 table {
    margin-bottom:30px;
	max-width:100%;
	color:#2C2C2C;
border-collapse: collapse;
}
#box1 table td {
	border:solid  1px #e90065;
	}

#box1 table td.bottom {
	border:solid  1px #e90065;
	}

#box1 table th {
	border-bottom:solid 1px #fff;
	}

#box1 table th.bottom {
	border-bottom:none;
	}

#box1 caption, #box1 th,#box1 td {
    padding:0.2em 0.5em;
	height:50px;

}

#box1 caption {
    margin:10px 0;
    background-color:#c9d9f0;
    color:#3762a8;
    font-weight:bold;
}

#box1 thead th {background-color:#dbe5f3;}
#box1 thead td {background-color:#dbe5f3;}

#box1 tfoot th {background-color:#dbe5f3;}
#box1 tfoot td {background-color:#dbe5f3;}

#box1 tbody th {background-color:#e90065;
color:#fff;
    text-align:center;font-weight:normal;
    width:25%;
}

#box1 tbody td {background-color:#fff;
padding-left:20px;
}

#box1 #error td strong,
#box1 #confirm td strong {
	color:#c00;
}




/*-----------------------------------------------------
  Form,Fieldset
------------------------------------------------------*/
fieldset {
    width:100%;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    border:0;
	margin-bottom:50px;
}
legend {
    padding:0.3em;
    visibility:hidden;
    display:none;
}

label{
    margin:0 3px;
}

input[type=text]{
	padding:10px;
	margin:10px;
	width:80%;
}

input[type=text].half{
	padding:10px;
	margin:10px;
	width:40%;
}

textarea {}

select {}
option {}

input[type=radio],
input[type=checkbox] {
    margin-right:0.3em;
}

button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
    padding:1px;
}

[type=text], [type=submit], textarea {
    margin-top: 3px;
    padding: 1px;
    border: 1px solid #aaa;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
[type=check], [type=radio], [type=submit] {
    cursor: pointer;
}
[type=check] + label, [type=radio] + label {
    display: inline-block;
    cursor: pointer;
}
input:hover, textarea:hover,
input:focus, textarea:focus {
    background-color: #ECFBFF;
}

/* １段階小さい文字 */
.small {font-size:85%;}

/* 必須 */
.require {color: #fff;}

/* ボタン */
.button {
    text-align:center;
    margin-top:20px;
}
.button button#submit {
    border:solid 2px;
    border-color:#96d80e #086003 #086003 #96d80e ;
	color:#fff;
    width:200px;
    background-color:#5dae1c;
    margin:0 10px 0 0;
    line-height:2;
    cursor:pointer;
}
.button button#submit:hover {
    border-color:#bde46e #5dae1c #5dae1c #bde46e ;
    background-color:#96d80e;
}
.button button#myreset {
    border:solid 2px;
    border-color:#ddd #aaa #aaa #ddd;
    width:200px;
    background-color:#ccc;
    line-height:2;
    margin:0 10px 0 0;
    cursor:pointer;
}
.button button#myreset:hover {
    background-color:#efefef;
}
/* 確認画面のテーブル */
table#confirm th {
    width:25%;
}
table#confirm td  {
    padding:1em;
}
/*入力エラーメッセージには<strong>タグが付く*/
table#confirm td strong {
    color:#A82B2B;
}
/* Message()のメッセージ */

/*エラー*/
span.err{ color:#CC0000; font-weight:bold }

/*エラーなし*/
span.conf{ color:#339933; }

/*エラー画面用　（init.php内）*/
/*body id="error"*/
div.err_message {
    padding:50px 0 0 0;
}
.err_message p {
    margin-bottom:50px;color:#A82B2B;
}
/*サンプルの完了画面　（completion.html用）*/
.success {
    padding:50px 0;
}
.success .button {
    margin-top:50px;
}
.success .button a {
    border:solid 2px;
    border-color:#ddd #aaa #aaa #ddd;
    width:200px;
    background-color:#ccc;
    line-height:2;
    margin:0 10px 0 0;
    cursor:pointer;
    color:#424242;
    padding:10px 20px ;
text-decoration:none;	
}
.success .button a:hover {
    background-color:#efefef;
}

/*-----------------------------------------------------
  for Ajax
------------------------------------------------------*/

/* ローディング */
.spinner {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #f0f0f0;
}
/* Over Text Label */
.overTxtLabel {
    color: #888888;
}

/* Validator Advice */
.validation-failed {
    border-color: #ff0000;
    background-color: #ffdddd;
}
.validation-failed:hover,
.validation-failed:focus {
	border-color: #FF6A6A;
	background-color: #FEE;
}
.validation-advice {
    padding-bottom: 5px;
    font-weight: bold;
    color: #ff0000;
}

/* Result */
#result {
	margin-top: 10px;
	padding: 10px;
	border: 1px solid;
	border-color:#5082EB;
	background-color: #DFE6FD;
}
#result:empty {
    border-width: 0;
    padding: 0;
}​

/*エラーメッセージ
div id="error"*/

#result #error {}

/* 完了メッセージ */

#result .success,
#result .success * {
	padding:0;
	margin-top:0;
}


/*copyright*/
.zm_copyright {
    margin-top:30px;
    font-size:10px;
	display:none;
}
.zm_copyright a{
    color:#AABCE8;
}

}