@charset "UTF-8";


#main {width:100%;  margin:0 auto;  max-width:800px;}

 #main {font-weight:400; color:#666;   }
 
 #main .wrap {width:100%; float:left;  box-sizing:border-box; background: linear-gradient(to bottom, #fff, #ececec);  border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;  position:relative;}
 #main .wrap .in {width:94%; margin-left:3%; }


 #main  h3 {width:100%; float:left;  font-weight:600; color:#333; font-size:1.4em; }
 #main  h2 {width:100%; float:left; font-weight:600; color:#333; font-size:23px; text-align:Center; }
   #main  h2 b {color:#0d99fc; font-size:27px; font-weight:700;}
 #main  h3  a {  font-size:0.7em; width:110px; text-align:center; display:inline-block; line-height:35px; font-weight:400;    border-radius:3px; box-shadow:1px 1px 2px #ddd; }

  #main   h2 p.t { font-size:16px; line-height:1.3em; font-weight:300; }


 #main table th {text-align:left;font-weight:500; color:#333; font-size:1em;}
 #main table td{ font-weight:300; color:#666; font-size:1em; border:1px solid #ddd; }
 #main table td input {border:1px solid #fff; height:45px; padding:0 10px; box-sizing:border-box; width:100%; font-size:1em; font-weight:300; color:#666; border:none; box-shadow:none;}
  #main select {font-size:1em; color:#666; border:1px solid #ddd; height:32px;}

 #main span.no {width:31px; line-height:31px !important; border-radius:50%; background-color:#0d99fc; color:#fff; text-align:center; font-size:15px; font-weight:500;  margin-right:5px; display:inline-block; margin-top:0px; }

 #main  span.check {vertical-align:middle; width:30px; height:30px; display:inline-block; background-color:#fff; border:2px solid #ddd; color:#fff; box-sizing:border-box;  }
 #main  span.check_ov { vertical-align:middle; width:30px; height:30px; display:inline-block;  box-sizing:border-box; background:url('/common/img/common/check_ov.png') no-repeat center; border:2px solid #0d99fc; color:#fff;  }


 #main .box1 {width:100%;  float:left;   box-sizing:border-box;  }
#main .box1:first-child { margin-top:5px; } 
#main .box1:nth-child(3) {float:right;}
 #main  .box1 h3 {   line-height:30px; }
 #main .box1  table {width:100%; float:left; margin-top:10px; }
 #main .box1 th {padding-bottom:0;}
 #main .box1 td {padding-bottom:0; background-color:#fff; }
#main .box1 .adress_box {width:100%; float:left; border-bottom:none; box-sizing:border-box;}
#main .box1 .adress_box input {border:none;  width:80%; float:left }
#main .box1 .adress_box img {float:right; margin-top:8px; margin-right:3px; }




 #main .box2 {width:100%; float:left;   box-sizing:border-box; margin-top:5px; }

 #main  .box2  ul.tab {width:100%; float:left;  border-right:1px solid #ddd;}
 #main .box2 ul.tab li {width:25%; text-align:center; float:left; background-color:#fff; border:1px solid #ddd; box-sizing:border-box; font-size:1em;  line-height:1em; color:#333; border-right:none;}
 #main .box2 ul.tab li span {color:#0d99fc; font-weight:600; font-size:1.02em; color:#333;}
  #main .box2 ul.tab li  a {width:100%; display:inline-block; padding:13px 0 17px 0;}  
  
  #main .box2 ul.tab li.ov {background-color:#0d99fc; color:#fff; border:1px solid #0d99fc; border-bottom:none; position:relative;  }
 #main .box2 ul.tab li.ov span {color:#fff}
 #main .box2 ul.tab li.ov  a {color:#fff !important}

 #main .box2 .check_wrap {width:100%; border:2px solid #ddd;  float:left; line-height:30px; margin:5px 0 10px 0; padding:13px 0 3px 0; box-sizing:border-box;  background-color:#fff;  }
  #main .box2 .check_wrap  p {width:100%; float:left; text-align:center; margin-bottom:10px;}
  #main .box2 .check_wrap input {box-shadow:none;  border:1px solid #ddd; border-radius:0; height:40px; padding-left:10px; font-size:1.05em; color:#777; letter-spacing:0px !important; 
 }
  #main .box2 .check_wrap  img {vertical-align:middle;}

 #main .box2 .in_box {width:100%; float:left;  background-color:#fff; box-sizing:border-box; padding:4%; border:4px solid #0d99fc; margin-top:-4px; }
  #main .box2 .in_box p {width:100%; float:left; font-size:0.93em; padding:10px 0; line-height:1.3em; }
 #main  .box2  .in_box h3  {padding-bottom:10px; padding-top:5px; }

 #main .box2 .in_box div {width:100%; float:right;}
 #main .box2 .in_box .number_ul {width:100%; float:left;}
 #main .box2 .in_box .number_ul li {border:1px solid #ddd; text-align:Center;  box-sizing:border-box; margin-left:-1px;  line-height:1.3em;  padding:10px; background-color:#fff; width:20%; float:left;}
 #main .box2 .in_box .number_ul li  select {margin-top:5px; margin-left:5px; font-size:0.9em; height:30px;}


 #main .box2 .in_box .number_ul {width:100%; float:left;}
 #main .box2 .in_box .number_ul td {border:1px solid #ddd; text-align:Center;   line-height:1.3em;  padding:10px; background-color:#fff; width:20%; }
 #main .box2 .in_box .number_ul td  select {margin-top:5px; margin-left:5px; font-size:0.9em; height:30px;}



  #main .box2  .img_info {width:100%; font-size:15px; line-height:1.4em; background-color:#f3faff; padding:15px 10px; box-sizing:border-box;}


 #main .box2  .info {width:100%; font-size:15px; line-height:1.3em; float:left; margin-top:10px;}

 #main .box2 .memo { width:100%; float:left; color:#333; font-size:16px; font-weight:500; line-height:45px;  box-sizing:border-box;  }
 #main .box2 .memo input {border:1px solid #ddd; height:45px; padding:0 3px; box-sizing:border-box; width:100%;  float:right; font-size:16px; color:#666; }

 /**/

 #main .right_fixed  {width:100%; float:left;   box-sizing:border-box;  }
 #main .right_fixed  .bg_wrap {margin-top:10px; background-color:#fff;    border:1px solid #ddd; box-sizing:border-box; width:100%; float:left; padding:3%;}
 
 #main .right_fixed ul {width:100%; float:left; margin-bottom:10px;}
 #main .right_fixed ul li {width:100%; float:left; border-bottom:1px dashed #ddd;  font-size:16px; line-height:1.3em;}
 #main .right_fixed ul li span {font-size:16px; font-weight:400; color:#333; padding:7px 10px; background-color:#fff; margin-top:0; display:inline-block; vertical-align:middle;}
 #main .right_fixed ul li  p {width:75%; float:right; font-weight:600; padding:7px 0; color:#0d99fc}

  #main .right_fixed ul.tab {margin-top:10px; margin-bottom:0}
  #main .right_fixed ul.tab li {width:20%; float:left; background-color:#f9f9f9; text-align:center; border:0; box-sizing:border-box; font-size:15px; }
  #main .right_fixed ul.tab li.ov {border:1px solid #0d99fc; color:#0d99fc; background-color:#fff;}
 #main .right_fixed .all_pay {width:100%; font-size:1em; line-height:1.3em; float:left; margin-top:10px;}
 #main .right_fixed .all_pay p {width:100%; float:left; margin:3px 0;}
 #main .right_fixed .all_pay p.line {margin:10px 0;}
 #main .right_fixed .all_pay b {font-size:1.2em; font-weight:600; color:#0d99fc;}
 #main .right_fixed .all_pay span {float:right;}
 #main .right_fixed ul.tab li a {width:100%; display:inline-block; padding:5px 0; }
  #main .right_fixed ul.tab li.ov a {color:#0d99fc;}
 
  #main .right_fixed .pay_info {width:100%; box-sizing:border-box; margin-top:10px; border:2px solid #ddd; float:left;  padding:10px; font-size:1em; font-weight:600; line-height:1.3em; color:#333; }
    #main .right_fixed .pay_info b {font-size:1.07em; line-height:1.35em}

 #main .right_fixed .pay_info span.t1 {font-size:0.92em; font-weight:300; color:#666; width:100%; float:left; margin:3px;  line-height:1.3em;}
 #main .right_fixed .pay_info span.t2 {font-size:0.95em; font-weight:400;  line-height:1.3em; color:red}