@charset "EUC-JP";
/* CSS Document */

body{
  font-size: 14px;
  font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  line-height: 16px;
  color: #333;
  text-align:left;
}

/* マージン及びパディング */
body,div,form,input,table,tr,td{ margin:0; padding:0;}

img { border:0; }

a         { text-decoration:underline; }
a:link    { color:#0040D0; }
a:visited { color:#5500CC; }
a:active  { color:#000080; }
a:hover   { color:#008020; }

/* 画像ボタンのマウスオーバーで色変更 */
a:hover img {opacity:0.4; filter: alpha(opacity=40); -ms-filter: "alpha( opacity=40 )"; background: #fff; }

/* 角丸 緑枠 */
.curve {
  border: solid 2px #38944B;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  display: inline-block;
}

/*ヘッディング*/
h1{ width:620px; height:20px; background-color:#38944B;
    font-size:14px; line-height:20px; font-weight:bold; color:#FFFFFF; }

.headbar {
  width:750px; height:20px; 
  background-color:#38944B;
  font-size:16px; line-height:20px; 
  font-weight:bold; color:#FFFFFF; 
  text-align:left;
}
.footbar {
  width:750px; height:20px; 
  background-color:#38944B;
  font-size:12px; line-height:18px;
  color:#FFFFFF; 
  text-align:center;
}


/* メールアドレス入力枠 */
.mailbox {
  margin:10px;
  padding:10px;
	width:550px;
	font-size:13px;
}
/* メールアドレス入力欄 */
.madinput { width: 200px; height:25px; padding: 2px 2px 2px 4px; background-color:#FFFFE0; font-size:18px;ime-mode:disabled;
   border: solid 1px rgba(199,199,199,1);
   -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
           border-radius: 5px;
   display: inline-block;
}


/* ステップガイドのグレー枠 */
.stepbox {
  width:90px; height:40px;
  padding-top:5px;
  padding-bottom:0px;
  font-size:12px; line-height:18px; font-weight:bold;
  text-align:center; 
  vertical-align:middle;
  border: solid 3px #CCCCCC;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  display: inline-block;
}
.now { border: solid 3px #999999; color:#3399FF; background-color:#FFFFD0; }

/* ステップガイドの矢印 */
.arrow {
  width:20px; height:40px;
  font-size:20px; font-weight:bold; color:#999999;
  line-height:40px;
  text-align:center;
  display: inline-block;
}
.red { color:#FF3333; }
.redbd { color:#FF3333; font-weight:bold; }
.sky { color:#3399FF; }

/* エラーメッセージ、注意書き */
.areainfo {
  margin-left:20px;
  width:600px;
  text-align:left;
}

/* 手順の枠 */
.tejyunbox {
	margin:10px;
  padding:10px;
  width:550px;
  text-align:left;
  border: solid 3px #DDDDDD;
   -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
           border-radius: 8px;
   display: inline-block;
}
/* 手順タイトル */
.marl{ font-size:14px; line-height:20px; font-weight:bold;}
/* 手順説明文 */
.marll{ margin-left:20px; }


/* お問い合わせ先の枠 */
.graybox {
  padding:5px 10px 5px 10px;
  font-size:12px;
  line-height:18px;
  text-align:left;
  border: solid 3px #CCCCCC;
   -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
           border-radius: 8px;
   display: inline-block;
}


a#ml         { text-decoration:underline; font-family:'ＭＳ ゴシック',sans-serif; font-size:16px; line-height:18px; letter-spacing:2px; }
a#ml:link    { color: #0040D0; }
a#ml:visited { color: #5500CC; }
a#ml:active  { color: #000080; }
a#ml:hover   { color: #008020; }