/* Contents */

#container .reserve_box {
  width: 100%;
  margin: 0;
  background:#f8f8f8;
}
#container .reserve_box .inner {
  width: 100%;
  margin: 0;
  padding: 0;
}
#container .reserve_box .inner h2 {
  width: 83%;
  margin: 0;
  padding: 4% 3% 1% 14%;
  font-size: 18px;
  text-align: left;
/*  background: url(../images/reserve/img_midashi_icon_search_starflyer.png);*/
  /*background-repeat: no-repeat;
  background-position: left 3% top 75%;*/
  float:left;
}
#container .reserve_box .inner h4{
  width: 94%;
  margin: 0 3% 3% 3%;
  font-size: 14px;
  font-weight: normal;
  text-align:left;
}
#container .reserve_box .inner .printBtn {
  display:none;
}
/* Main Contents */

#container .reserve_box .inner .main{
  width: 94%;
  padding: 3%;
  margin: auto;
}

/* Login Box */

#container .reserve_box .inner .main .login_box {
  width:100%;
  padding: 50px 0 170px 0;
  background-image:url(../images/reserve/img_reserve_bg_starflyer_sp.jpg);
  background-position:left bottom;
  background-repeat:no-repeat;
  background-size:100%;
  background-color: #080808;
  color: #FFF;
}
#container .reserve_box .inner .main .login_box .photo img {
  width: 100%
}
#container .reserve_box .inner .main .login_box .text  {
  font-size: 14px;
  line-height: 1.5em;
  width: 80%;
  text-align: left;
  margin: 0 auto 2% auto;
}
#container .reserve_box .inner .main .login_box .text_min  {
  font-size: 12px;
  line-height: 1.5em;
  width: 80%;
  text-align: left;
  margin: 0 auto 5% auto;
}
#container .reserve_box .inner .main .login_box .text_min a {
  color: red;
}
#container .reserve_box .inner .main .login_box .form {
  width: 80%;
  margin: 0 auto 6% auto;
  padding: 0;
}
#container .reserve_box .inner .main .login_box .form .form_box {
  width: 100%;
  margin: 0 0 3% 0;
  padding: 0px;
  text-align: left;
  font-size: 14px;
  line-height: 2em;
}
#container .reserve_box .inner .main .login_box .form .number {
  width: 95%;
  height: 35px;
  font-size: 14px;
  border: 1px solid #DDD;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 0 2%;
}
#container .reserve_box .inner .main .login_box .form .number:focus {
  border: 1px solid #999;
  outline: 0;
}
#container .reserve_box .inner .main .login_box .form .mail {
  width: 95%;
  height: 35px;
  font-size: 14px;
  border: 1px solid #DDD;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 0 2%;
}
#container .reserve_box .inner .main .login_box .form .mail:focus {
  border: 1px solid #999;
  outline: 0;
}
#container .reserve_box .inner .main .login_box .button {
  display: inline-block;
  width: 80%;
  height: 42px;
  font-size: 18px;
  margin: 0 auto 3px auto;
  text-align: center;
  text-decoration: none;
  outline: none;
  background-color: #990000;
  border: none;
  border-radius: 4px;
  color: #FFF;
  line-height: 44px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #666666;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
#container .reserve_box .inner .main .login_box .button:hover {
    box-shadow: none;
    transform: translate3d(0, 3px, 0);
}


/* Right Contents Info Box */

#container .reserve_box .inner .main .info_box{
  width:94%;
  background-color: #FFFFFF;
  margin: 0 0 3% 0;
  padding: 3% 3% 3% 3%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-align:left;
}
#container .reserve_box .inner .main .info_box h3{
  margin: 0 0 5% 0;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
}
#container .reserve_box .inner .main .info_box h3 div  {
  color: #FFFFFF;
  margin: 0 3% 0 0;
  font-size: 11px;
  line-height: 11px;
  background-color: #990000;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
  padding: 6px 0;
  width: 70px;
  float: left;
}
#container .reserve_box .inner .main .info_box h4  {
  font-size: 14px;
  line-height: 1.5em;
  margin: 0 0 3% 0;
  font-weight: normal;
}
#container .reserve_box .inner .main .info_box table {
  border-collapse: collapse;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  margin: 0 0 5% 0;
  padding: 0;
  width: 100%;
}
#container .reserve_box .inner .main .info_box .w1080  {
  width: 100%;
}
#container .reserve_box .inner .main .info_box .w1040  {
  width: 100%;
}
#container .reserve_box .inner .main .info_box th,
#container .reserve_box .inner .main .info_box td {
  font-size: 12px;
  width: 94%;
  padding: 3%;
  border-bottom: 1px solid #ccc;
  display: block;
}
#container .reserve_box .inner .main .info_box th {
  text-align: left;
  line-height: 1.2em;
  background-color: #eee;
}
#container .reserve_box .inner .main .info_box .price  {
  font-size: 14px;
  line-height: 1.4em;
  width: 30%;
  float: right;
  font-weight: bold;
  text-align: right;
}
#container .reserve_box .inner .main .info_box .price_box  {
  margin: 0 0 5px 0;
}
#container .reserve_box .inner .main .info_box .price_box .inner  {
  width: 240px;
  float: left;
  font-weight: bold;
  text-align: left;
  font-size: 14px;
}
#container .reserve_box .inner .main .info_box .price_box .big  {
  width: 240px;
  float: left;
  font-weight: bold;
  text-align: left;
  font-size: 26px;
  line-height: 26px;
  font-family: Arial, Helvetica, "sans-serif";
  color: #DD0000;
}

/* Cancel Button */

#container .reserve_box .inner .main .info_box .cancelbtn {
  font-size: 14px;
  line-height: 1.4em;
  width: 100%;
  text-align: center;
  padding: 5% 0;
}
#container .reserve_box .inner .main .info_box .cancelbtn p {
  font-size: 14px;
  line-height: 1.5em;
  text-align: left;
  margin: 0 0 3% 0 ;
}
#container .reserve_box .inner .main .info_box .cancelbtn .button {
  display: inline-block;
  width: 100%;
  height: 50px;
  font-size: 20px;
  text-align: center;
  text-decoration: none;
  outline: none;
  position: relative;
  background-color: #666;
  border-radius: 4px;
  border: none;
  color: #fff;
  line-height: 52px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #999;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
#container .reserve_box .inner .main .info_box .cancelbtn .button:hover {
    box-shadow: none;
    transform: translate3d(0, 3px, 0);
}