@charset "utf-8";

/* =============================================================
 * サイト名 - Global Layout & General Class
 * =============================================================
 * URL: http://xxx.xxx/
 * Created: 2008-01-01
 * Last modified: 2008-01-01
 * Copyright (C) XXX. All Rights Reserved.
 * ------------------------------------------------------------- */

.clear:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clear { display: inline-block; }
/* Hides from IE-mac \*/
* html .clear { height: 1%; }
.clear { display: block; }
/* End hide from IE-mac */

#ticket #contents h2 {
  background: url(../image/title01.png) no-repeat;
  height: 110px;
  margin-bottom: 10px;
  }

#ticket #contents h3 {
  background: url(../image/sub_title01.png) no-repeat;
  height: 30px;
  margin: 0;
  font-size: 1.2em; font-weight: bold;
  line-height: 30px;
  padding: 0px 30px 5px;
  color: #ffffff;
}

#ticket #contents h4 {
  background: #F6FEEC;
  border: 1px solid #69963E;
  border-left: 8px solid #69963E;
  font-size: 1.15em; font-weight: bold;
  line-height: 20px;
  padding: 4px 10px;
  margin: 10px 0;
  }


table {
  border-collapse: collapse;
  margin-bottom: 20px;
  width: 570px;
  }
table table {
  margin: 0;
  }
td,
th {
  border: 1px solid #818181;
  font-weight: normal;
  padding: 4px;
  text-align: left;
  }
th {
  background: #F6FEEC;
  width: 120px;
  }

input {
  vertical-align: middle;
  }


dl,dt,dd {
  margin: 0;
  padding: 0;
}


/* ------------------------------------------
 * 
 * ------------------------------------------ */
#entry_btn {
  text-align: center;
  margin: 0 0 10px;
}

span.required {
  color: #ff0000;
  font-family: monospace;
  }

#error {
  border: 1px solid #FF0000;
  list-style-position: inside;
  padding: 8px;
  margin-left: 0
}

#error b {
  color: #FF0000;
}

/* ------------------------------------------ */

#ticket ul.order_navi {
  text-align:right;
  height:20px;
  margin: 10px 0 20px;
  border: 1px solid #818181;
  padding: 3px 2px;
  list-style-type: none;
	display: block;
  overflow:visible;
  background: #F5F5F5;
  }




#ticket ul.order_navi li {
  float:right;
  background: #FFCC55;
  background: url(../image/point.png) no-repeat top left;
  margin: 0;
  padding: 0 15px;
  }



#ticket p.result_text {
  background: #F6FEEC;
  border: 1px solid #69963E;
  padding: 6px 15px;
  margin: 10px 0 20px;
}

#terms_of_service,
#terms_of_membership {
  border: 1px solid #818181;
  height: 160px;
  margin: 0 0 10px;
  overflow: auto;
  padding: 9px;
  }
#terms_of_service li,
#terms_of_membership li {
  margin: 0 0 5px 25px;
  }
#terms_of_membership ul {
  list-style: disc;
  margin: 0;
  padding: 0;
  }
#terms_of_membership ul li {
  margin: 0;
  }


/* ------------------------------------------ */
/* 1dayチケット - トップページ */
#ticket #contents.index h2 {
  background: url(../image/title02.png) no-repeat;
  height: 300px;
  margin: 0;
  }



#ticket #contents.index dl.point {
  padding: 8px 0 ;
  background: url(../image/image00.png) no-repeat right top;
  }

#ticket #contents.index dl.point dt {
  width: 390px;
  border-bottom: 2px solid;
  padding: 0 5px ;
  border-left: 7px solid;
  color: #509642;
  font-size: 1.31em; font-weight: bold;
  }
#ticket #contents.index dl.point dd {
  width: 410px;
  margin: 5px 0 20px;
  }



/*申し込み手順*/
#ticket #contents.index #flow_guide dl {
  padding: 8px 0 ;
/*  margin: 0 0 10px 0;*/
/*  padding: 0 8px;*/
  }

#ticket #contents.index #flow_guide dt {
  border-bottom: 2px solid;
  padding: 0 5px ;
  border-left: 7px solid;
  color: #509642;
  font-size: 1.31em; font-weight: bold;
  line-height: 1.25;
  }

#ticket #contents.index #flow_guide dd {
  margin: 5px 0 20px;
  }





/*注意事項*/
#ticket #contents.index #flow_guide ul.attention {
  border: 2px solid #F08319;
  background: #FEFFE5;
  margin: 0px;
  margin-top: 15px;
  padding: 10px 5px 5px;
  line-height:1.25em;
  }



#ticket #contents.index #flow_guide ul.attention li {
  list-style-image: url(../image/attention.gif);
  margin: 0 0 5px 30px;
  padding: 0;
  }




/*手順 */
#ticket #contents.index #flow_guide ul.flow {
  list-style: none;
  margin: 0;
  padding: 0;
  }
#ticket #contents.index #flow_guide ul.flow li {
  padding: 15px 0 0 70px;
  min-height: 60px;
  _height: 60px;
  }




#ticket #contents.index #flow_guide ul.flow li.li01 {
  background: url("../image/step.1.png") no-repeat;
  }
#ticket #contents.index #flow_guide ul.flow li.li02 {
  background: url("../image/step.2.png") no-repeat;
  }
#ticket #contents.index #flow_guide ul.flow li.li03 {
  background: url("../image/step.3.png") no-repeat;
  }
#ticket #contents.index #flow_guide ul.flow li.li04 {
  background: url("../image/step.4.png") no-repeat;
  }
#ticket #contents.index #flow_guide ul.flow li.li05 {
  background: url("../image/step.5.png") no-repeat;
  }













#ticket #contents.index div.TravelAgency {
	background:#ECECEC;
  border: 1px solid #666666;
  padding: 10px;
/*  margin: 8px;*/
}


#ticket #contents.index div.TravelAgency ul {
  list-style-type: disc;
  list-style-position: inside;
  text-indent: -1.2em;
  margin: 0;
  padding: 0 0 0 17px;
}

/*フォームbtn*/
#ticket #contents.index #index_login {
	background: url(../image/login_title.png) no-repeat top;
  padding: 25px 0 0;
	margin: 15px 0;
}

#ticket #contents.index #index_login ul {
	background: url(../image/login_title.png) no-repeat bottom;
	margin: 0;
  padding: 0 10px 10px;
	list-style-type: none;
}
#ticket #contents.index #index_login li {
  float: left;
}

#ticket #contents.index #index_login li a {
	background: url(../image/index_login.png) no-repeat;
/*	background:#55FFcc;*/
	display: block;
	text-indent: -9999px;
	overflow: hidden;
  width:  270px;
  height: 40px;
}
#ticket #contents.index #index_login li.li02 { margin-left: 10px; }

#ticket #contents.index #index_login li.li01 a       { background-position:    0px      0px; }
#ticket #contents.index #index_login li.li02 a       { background-position: -270px      0px; }
#ticket #contents.index #index_login li.li01 a:hover { background-position:    0px    -40px; }
#ticket #contents.index #index_login li.li02 a:hover { background-position: -270px    -40px; }


/*代理店用会員登録フォーム*/


#ticket #contents.membership__login ul.m_login {
	list-style-type: none;
  clear: both;
	margin: 0 0 0 0px;
  padding: 0 150px 0;
}
#ticket #contents.membership__login ul.m_login a {
	background: url(../image/membership__login.png) no-repeat top;
	height: 40px;
  width:  270px;
	text-indent: -9999px;
  margin: 10px 0px 20px 0px;
	display: block;
	overflow: hidden;
}
#ticket #contents.membership__login ul.m_login a:hover { background-position:    0px  -40px; }


#ticket #contents.membership__login ul.reissue {
  margin: 10px 0;
  padding: 0;
  list-style-position: inside;
}

