@charset "utf-8";

@import url("reset-min.css");
@import url("fonts-min.css");

#container{
  width: 1000px;
  margin: 0 auto;
  text-align: left;
}

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

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

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

/* Table
--------------------------------------------------*/
.zeromail table,
.zeromail th,
.zeromail td{
  background-color: #fff;
  border: 1px solid #C8C9C9;
  border-collapse: collapse;
}

.zeromail table{
  width: 100%;
  margin-bottom: 10px;
}

.zeromail caption{
  margin: 10px 0;
  padding: 0.5em;
  background-color: #d1d1d1;
  color: #666666;
  font-weight: bold;
}

.zeromail thead th,
.zeromail tfoot th{
  background-color: #efefef;
  text-align: center;
}

.zeromail thead td,
.zeromail tfoot td{
  background-color: #efefef;
  text-align: center;
}

.zeromail tbody th{
  width: 25%;
  padding: 0.5em;
  background-color: #F7F7F7;
  font-weight: normal;
  text-align: center;
}

.zeromail td{
  padding: 0.5em;
  text-align: left;
}

/* Form
--------------------------------------------------*/
.zeromail legend{
  display: none;
}

.zeromail label{
  margin: 0 3px;
}

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

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

.zeromail [type=check],
.zeromail [type=radio],
.zeromail [type=submit]{
  cursor: pointer;
}

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

.zeromail [type=text],
.zeromail textarea{
  padding: 1px;
  background-color: #ffffff;
  background-image: linear-gradient(top,rgba(100,100,100, 0.1),rgba(100,100,100, 0));
  background-image: -moz-linear-gradient(top,rgba(100,100,100, 0.1),rgba(100,100,100, 0));
  background-image: -webkit-gradient(linear, left top, left bottom,from(rgba(100,100,100, 0.1)),to(rgba(100,100,100, 0)));
  border: 1px solid;
  border-color: #BDBFBF;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: inset 0px 1px 3px rgba(100,100,100, 0.25);
  -moz-box-shadow: inset 0px 1px 3px rgba(100,100,100, 0.25);
  -webkit-box-shadow: inset 0px 1px 3px rgba(100,100,100, 0.25);
  transition: background 0.5s;
  -webkit-transition: background 0.5s;
  -o-transition: background 0.5s;
}

.zeromail input[type=text]:hover,
.zeromail textarea:hover,
.zeromail input[type=text]:focus,
.zeromail textarea:focus{
  background-color: #F5F5F5;
}

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

.zeromail .button button{
  min-width: 100px;
  _width: 100px;
  height: 30px;
  margin: 0 5px;
  padding: 0 5px;
  cursor: pointer;
  line-height: 30px;
}

.zeromail button[type],
.zeromail button[id]{
  background:none;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #BDBFBF;
  background-color: #efefef;
  background-image: -moz-linear-gradient(0% 100% 90deg, #afafaf, #cfcfcf 50%, #d9d9d9 50%, #f7f7f7);
  background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#afafaf), color-stop(50%, #cfcfcf), color-stop(50%, #d9d9d9), to(#f7f7f7));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#c6c6c6', EndColorStr='#f7f7f7');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f7f7f7', EndColorStr='#a6a6a6')";
  transition: background 0.5s, border 0.5s;
  -webkit-transition: background 0.5s, border 0.5s; 
  -o-transition: background 0.5s, border 0.5s; 
  cursor: pointer;
}

.gradient > button{
  *background-color: #CDD6CB;
  *border: outset 2px #ccc;
  *line-height: 1.3;
}

* html.gradient button{
  padding: 0.3em 0;
  width: 7em;
}

.zeromail button[type]:hover,
.zeromail button[id]:hover{
  background-color: #333;
  color: #fff;
  background-image: linear-gradient(top,rgba(255, 255, 255, 0.85),rgba(255, 255, 255, 0.4) 49%,rgba(255, 255, 255, 0.25) 50%,rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(top,rgba(255, 255, 255, 0.85),rgba(255, 255, 255, 0.4) 49%,rgba(255, 255, 255, 0.25) 50%,rgba(255, 255, 255, 0));
  background-image: -webkit-gradient(linear, left top, left bottom,from(rgba(255, 255, 255, 0.85)),color-stop(49%, rgba(255, 255, 255, 0.4)),color-stop(50%, rgba(255, 255, 255, 0.25)),to(rgba(255, 255, 255, 0)));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#9a9a9a', EndColorStr='#363636');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#9a9a9a', EndColorStr='#363636')";
  border: solid 1px #aaa;
}

.zeromail button[type]: active{
  background-color: #000;
  background-image: linear-gradient(top,rgba(255, 255, 255, 0.85),rgba(255, 255, 255, 0.4) 49%,rgba(255, 255, 255, 0.25) 50%,rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(top,rgba(255, 255, 255, 0.85),rgba(255, 255, 255, 0.4) 49%,rgba(255, 255, 255, 0.25) 50%,rgba(255, 255, 255, 0));
  background-image: -webkit-gradient(linear, left top, left bottom,
  from(rgba(255, 255, 255, 0.85)),color-stop(49%, rgba(255, 255, 255, 0.4)),color-stop(50%, rgba(255, 255, 255, 0.25)),to(rgba(255, 255, 255, 0)));
  border: solid 1px #111;
  box-shadow: inset 1px 1px 4px rgba(0,0,0, 1);
  -moz-box-shadow: inset 1px 1px 4px rgba(0,0,0, 1);
  -webkit-box-shadow: inset 1px 1px 4px rgba(0,0,0, 1);
}

.zeromail button[id=myreset],
.zeromail button[id=close]{
}

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

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

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

/*エラー*/
.zeromail span.error{
  display: block;
  margin: 0;
  padding: 20px 0px 20px 0px;
  background-color: #F4E1E3;
  border: solid 1px #EB7BAD;
  text-align: center;
  color: #221715;
}

/*エラーなし*/
.zeromail span.confirm{
  display: block;
  color: #221715;
  border: solid 1px;
  border-color: #C9C9C9;
  text-align: center;
  padding: 20px 0px 20px 0px;
}

#completion .success{
  margin: 0;
  padding: 20px 0px 20px 0px;
  background-color: #e8f198;
  border: solid 1px #c6e148;
  text-align: center;
  color: #4e4c35;
}

/*-----------------------------------------------------
  copyright
-----------------------------------------------------*/
.wtn_copyright{
  text-indent: -9999px;
  display: none;
}

.wtn_copyright a{
  text-indent: -9999px;
  display: none;
}