@charset "utf-8";

/* Table
--------------------------------------------------*/
h3 {
	margin-bottom:20px;
	font-weight:bold;
	text-shadow:0 1px 0 #efefef;
}

p { margin:0 0 10px 0; }


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


/* ボタンの親 */
.button {
	text-align:center;
}

/* Table
--------------------------------------------------*/
.zeromail table {
	border-collapse:collapse;
	width:100%;
    margin-bottom:20px;
}
.zeromail th,
.zeromail td {
	border-bottom:dotted 1px #cccccc;
	border-collapse:collapse;
	padding: 15px;
}
.zeromail caption {
    margin:10px 0;
    padding:0.5em;
    background-color:#c9d9f0;
    font-weight:bold;
}

.zeromail tbody th {
    width:25%;
	font-weight:normal;
	vertical-align:top;
}

.zeromail td {
	text-align:left;
}

/* Form
--------------------------------------------------*/
.zeromail input[type=name],
.zeromail input[type=email],
.zeromail input[type=tel],
.zeromail input[type=url],
.zeromail input[type=password],
.zeromail input[type=text],
.zeromail textarea {
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 15px;
	padding: 5px;
	border: 1px solid #ddd;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	behavior: url(border-radius.htc);
}

.zeromail input[type=name]:hover,
.zeromail input[type=email]:hover,
.zeromail input[type=tel]:hover,
.zeromail input[type=url]:hover,
.zeromail input[type=password]:hover,
.zeromail input[type=text]:hover,
.zeromail textarea[type=text]:hover {
	outline: none;
	border: 1px solid #bbb;
	box-shadow: none;
}

.zeromail input[type=name]:focus,
.zeromail input[type=email]:focus,
.zeromail input[type=tel]:focus,
.zeromail input[type=url]:focus,
.zeromail input[type=password]:focus,
.zeromail input[type=text]:focus,
.zeromail textarea:focus {
	outline: none;
	border: 1px solid #e85c8f;
	box-shadow: 0 0 5px #ea8faf;
}

.zeromail textarea {
	height: 200px;
}

.zeromail [type=check] + label,
.zeromail [type=radio] + label {
    display: inline-block;
    cursor: pointer;
}


/* Button
--------------------------------------------------*/
.zeromail .button {
    text-align:center;
    margin-top:20px;
}
.zeromail .button {
    text-align:center;
    margin-top:20px;
}

.zeromail .button button {
    min-width:150px;
	_width:150px;
}

.zeromail button[type],
.zeromail button[id]{
    margin:0 5px;
	padding:10px;
    background-color:#ccc;
    line-height:1.4;
    cursor:pointer;
	border: 0;
	font-size: 14px;
}
.zeromail button[id=submit] {
	width: 180px;
	height: 40px;
	cursor:pointer;
	border:none;
	text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
	margin: 0 10px;
    background:url(img/contact_btn_send.gif) no-repeat;
}
.zeromail button[id=submit]:hover {
     background:url(img/contact_btn_send.gif) no-repeat 0 -40px;
}

.zeromail button[id=myreset] {
	width: 180px;
	height: 40px;
	cursor:pointer;
	border:none;
	text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
	margin: 0 10px;
    background:url(img/contact_btn_reset.gif) no-repeat;
}
.zeromail button[id=myreset]:hover {
     background:url(img/contact_btn_reset.gif) no-repeat 0 -40px;
}


/* 確認・エラー画面(check,error)
--------------------------------------------------*/
.zeromail #confirm td  {
    padding:1em;
}

/*入力エラー*/
.zeromail strong.error {
	display:inline;
	padding:0;
	margin:0;
	border:0;
	background:none;
    color:#dd1160;
}

/* Message()のメッセージ */
.message {
	text-align:center;
}

/*エラー*/
.zeromail span.error{ 
	display:block;
	margin:1.5em 50px;
	padding:1.5em 0;
	background-color:#fbd0de;
	border:solid 1px #dd1160;
	text-align:center;
}

/*エラーなし*/
.zeromail span.confirm{
	display:block;
	border:solid 3px #dd1160;
	padding:10px;
}


/* 送信完了(completion.html)
--------------------------------------------------*/
#completion .success {
	margin:1.5em 80px;
	padding:1.5em 0;
	text-align:center;
}

/*-----------------------------------------------------
  copyright
-----------------------------------------------------*/
.wtn_copyright {
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}