@charset "utf-8";

/************************************************/
/*  Mail member                                 */
/************************************************/

div#mail-wrap{
  margin-top:25px;
}

div#mail-wrap div.advice{
  padding:10px;
  margin-top:10px;
  background:#eee;
}

div#mail-wrap div.advice h4,div#mail-wrap div.advice em{
  color:#a00;
}

div#mail-wrap form.entry{
  padding:0;
  margin:25px 0 0 0;
}

div#mail-wrap form.entry fieldset{
  margin-bottom:10px;
  border:1px solid #ccc;
}

div#mail-wrap form.entry fieldset legend{
  color:#37c;
}


div#mail-wrap form.entry p.attention{
  text-align:right;
  font-size:0.75em;
  color:#777;
  padding:10px 10px 0;
}

div#mail-wrap form.entry p.attention span{
  color:#f00;
}


div#mail-wrap form.entry dl{
  padding:5px 15px 15px 15px;
  margin:0;
}

div#mail-wrap form.entry dl dt{
  color:#a05;
  margin-top:10px;
}

div#mail-wrap form.entry dl dt span{
  color:#f00;
}

div#mail-wrap form.entry dl dd{
  line-height:18px;
  margin:0;
}

div#mail-wrap form.entry dl dd ul{
  list-style:none;
  padding:0;
  margin:0;
}

div#mail-wrap form.entry dl dd ul li{
  display:inline;
  padding-right:10px;
}



/** Form ****************************************/

input,textarea{
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Verdana,Arial,"ＭＳ Ｐゴシック",sans-serif;
}

label{
  cursor:pointer;
}

input.input{
  width:240px;
  height:25px;
  padding:5px 8px 0;
  border:none;
  background:url(../mail/img/input.gif) left top no-repeat;
}

input.button-s{
  font-weight:bold;
  color:#fff;
  width:70px;
  height:30px;
  border:0;
  background:url(../mail/img/button.gif) 0 0 no-repeat;
}

input.button-s:hover{
  background:url(../mail/img/button.gif) 0 100% no-repeat;
}

input.button-l{
  font-weight:bold;
  color:#fff;
  width:120px;
  height:30px;
  border:0;
  background:url(../mail/img/button02.gif) 0 0 no-repeat;
}

input.button-l:hover{
  background:url(../mail/img/button02.gif) 0 100% no-repeat;
}

/** CGI template ********************************/

p.mailtext{
  text-align:center;
  padding:25px;
  margin:50px 15px;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
}

p.mailtext strong{
  line-height:3;
}

p.mailtext em{
  color:#a00;
}


dl.check{
  padding:10px 0 0 0;
  margin:0;
}

dl.check dt{
  color:#e07;
  padding:0 0 0 10px;
  background:url(../img/icon_02.gif) 0 50% no-repeat;
}

dl.check dd{
  margin:0 0 10px 10px;
}



/************************************************/
/*  Member entry-conpe                          */
/************************************************/

div#mail-wrap form.entry dl dd ul.entry-conpe li{
  display:block;
  padding:0 0 0 10px;
  margin:0 0 10px 5px;
  background:url(../img/icon_02.gif) 0 7px no-repeat;
}


div#mail-wrap form.entry dl dd ul.entry-conpe li em{
  font-size:smaller;
  color:#f00;
}


div#mail-wrap form.entry dl dd.textarea{
  width:340px;
  height:90px;
  padding:5px 8px;
  background:url(../member/img/back_textarea.gif) left top no-repeat;
}

div#mail-wrap form.entry dl dd.textarea textarea{
  overflow:auto;
  width:340px;
  height:90px;
  border:0;
}