@charset "utf-8";
#Contact-Contents h2 {
  margin-top: 12px;
  font-size:200%;
  font-weight:normal;
}
#Contact-Contents h3 {
  background-color: #f0f0f0;
}
#Contact-Contents h4.under-line {
  background: transparent url(../img/common/img_line_dot.gif) repeat-x left bottom;
  height: 26px;
  margin-bottom: 10px;
}
#Contact-Contents .article {
  margin: 25px 75px 25px 55px;
}
#Contact-Contents .article p.head-require {
  margin: 10px;
  color: #ff0000;
}
#Contact-Contents form span.require {
  color: #ff0000;
}
#Contact-Contents form span.txt {
  padding: 10px 8px 0 8px;
}
#Contact-Contents form span.txt.first {
  padding-left: 0;
}
#Contact-Contents form p.note {
  padding-top: 6px;
}
#Contact-Contents form p.note.top {
  padding-bottom: 6px;
}
#Contact-Contents form label {
  margin: 0 15px 0 2px;
}
#Contact-Contents form .date {
  position: relative;
}
#Contact-Contents form .date.depature {
  z-index: 999;
}
#Contact-Contents form .icon-cal {
  padding: 5px 0 0 5px;
  float: left;
}
#Contact-Contents form .searchAddress {
  padding: 7px 0 0 15px;
  float: left;
}
#Contact-Contents form dl {
  margin: 0 10px;
  background-color: #d6ebf5;
  border-bottom: 1px solid #f0f0f0;
}
#Contact-Contents form dl.first {
  border-top: 1px solid #f0f0f0;
}
#Contact-Contents form dl dt {
  width: 160px;
  display: table-cell;
  *display: inline;
  *zoom: 1;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  line-height: 1.4em;
}
#Contact-Contents form dl dd {
  width: 620px;
  *width: 619px;
  padding: 12px 10px;
  display: table-cell;
  *display: inline;
  *zoom: 1;
  border-left: 1px solid #f0f0f0;
  vertical-align: middle;
  background-color: #ffffff;
}
#Contact-Contents form dl dd select .saturday {
  display:none;
}
#Contact-Contents form dl dd .roma-note-l {
  float: left;
  width: 405px;
}
#Contact-Contents form dl dd .roma-note-r {
  float: left;
  width: 180px;
}
#Contact-Contents ul#contact-step {
  *zoom: 1;
  margin: 33px 0 0 55px;
}
#Contact-Contents ul#contact-step:after {
  content: "";
  display: block;
  clear: both;
}
#Contact-Contents ul#contact-step li {
  float: left;
  display: block;
  width: 285px;
  height: 62px;
  background: transparent url(../img/contact/img_contact_flow.gif) no-repeat left top;
  text-indent: -999em;
}
#Contact-Contents ul#contact-step li.step1.active {
  background-position: left bottom;
}
#Contact-Contents ul#contact-step li.step2 {
  background-position: -285px 0;
}
#Contact-Contents ul#contact-step li.step2.active {
  background-position: -285px bottom;
}
#Contact-Contents ul#contact-step li.step3 {
  background-position: -570px 0;
  width: 250px;
}
#Contact-Contents ul#contact-step li.step3.active {
  background-position: -570px bottom;
}
#Contact-Contents #contact-tour .intro {
  background-color: #f0f0f0;
  padding: 15px 20px 25px;
}
#Contact-Contents #contact-tour .intro .title-area .course-code {
  font-weight: bold;
  margin-top: 20px;
}
#Contact-Contents #contact-tour .intro .title-area .course-code span {
  font-weight: normal;
  margin-right: 12px;
}
#Contact-Contents #contact-tour .intro .title-area .course-title {
  font-weight: bold;
  font-size: 1.6em;
  margin-top: 10px;
}
#Contact-Contents #contact-tour .intro .detail-area {
  padding-top: 20px;
}
#Contact-Contents #contact-tour .intro .detail-area dt {
  float: left;
  clear: both;
  width: 72px;
  padding-top: 5px;
}
#Contact-Contents #contact-tour .intro .detail-area dt span {
  display: block;
  width: 72px;
  height: 15px;
  text-indent: -999em;
  background: transparent url(../img/contact/img_tour_detail_str.gif) no-repeat left top;
}
#Contact-Contents #contact-tour .intro .detail-area dt span.city {
  background-position: left -20px;
}
#Contact-Contents #contact-tour .intro .detail-area dt span.period {
  background-position: left -40px;
}
#Contact-Contents #contact-tour .intro .detail-area dt span.hotel {
  background-position: left -60px;
}
#Contact-Contents #contact-tour .intro .detail-area dt span.company {
  background-position: left -80px;
}
#Contact-Contents #contact-tour .intro .detail-area dd {
  margin-left: 72px;
  padding-top: 5px;
  line-height: 1.4em;
}
#Contact-Contents #contact-tour h4 {
  margin: 20px 0 10px 20px;
  font-weight: bold;
}
#Contact-Contents #contact-tour .caution {
  margin: 0 20px 0 20px;
  line-height: 1.8em;
}
#Contact-Contents #represent-profile .prof-name {
  *zoom: 1;
}
#Contact-Contents #represent-profile .prof-name:after {
  content: "";
  display: block;
  clear: both;
}
#Contact-Contents #represent-profile .prof-name input {
  float: left;
}
#Contact-Contents #represent-profile .prof-name span {
  padding: 0 8px;
  display: block;
  float: left;
  line-height: 1.4em;
}
#Contact-Contents #represent-profile .prof-name span.txt {
  padding-top: 10px;
}
#Contact-Contents #represent-profile .prof-name span.first {
  padding-left: 0;
}
#Contact-Contents #with-profile h3 {
  margin-bottom: 30px;
}
#Contact-Contents #with-profile dl {
  background-color: #ffffff;
  border: none;
}
#Contact-Contents #with-profile dl dt.title-area {
  *zoom: 1;
  background-color: #ffffff;
  width: 100%;
  display: block;
  border: none;
  margin-bottom: 15px;
}
#Contact-Contents #with-profile dl dt.title-area:after {
  content: "";
  display: block;
  clear: both;
}
#Contact-Contents #with-profile dl dt.title-area div {
  float: left;
  *zoom: 1;
  background-color: #D6EBF5;
  font-weight: bold;
  text-align: left;
  margin-right: 8px;
  padding: 5px 0 5px 10px;
}
#Contact-Contents #with-profile dl dt.title-area div:after {
  content: "";
  display: block;
  clear: both;
}
#Contact-Contents #with-profile dl dt.title-area div.ttl-name {
  width: 420px;
  _width: 430px;
}
#Contact-Contents #with-profile dl dt.title-area div.ttl-name div {
  float: left;
  padding: 0;
  width: 140px;
  margin: 0px;
}
#Contact-Contents #with-profile dl dt.title-area div.ttl-sex {
  width: 45px;
  _width: 55px;
}
#Contact-Contents #with-profile dl dt.title-area div.ttl-birth {
  width: 285px;
  _width: 295;
  margin: 0;
}
#Contact-Contents #with-profile dl dd.form-area {
  width: 100%;
  padding: 0;
  display: block;
  border: none;
}
#Contact-Contents #with-profile dl dd.form-area div {
  float: left;
  margin-right: 8px;
  *margin-right: 4px;
}
#Contact-Contents #with-profile dl dd.form-area div.with-form-name {
  width: 430px;
  *width: 435px;
}
#Contact-Contents #with-profile dl dd.form-area div.with-form-sex {
  width: 55px;
}
#Contact-Contents #with-profile dl dd.form-area div.with-form-sex input {
  *width: 1em;
  *height: 1em;
}
#Contact-Contents #with-profile dl dd.form-area div.with-form-sex div {
  margin: 0 0 5px 0;
  *margin: 0;
}
#Contact-Contents #with-profile dl dd.form-area div.with-form-sex label {
  margin-right: 10px;
}
#Contact-Contents #with-profile dl dd.form-area div.with-form-birth {
  width: 295px;
  margin: 0;
}
#Contact-Contents #with-profile dl dd.form-area div.with-form-birth div {
  margin: 0 2px 0 0;
}
#Contact-Contents #with-profile dl dd.form-area div.with-form-birth .btn-del {
  margin: 8px 0 0 0;
}
#Contact-Contents #with-profile dl.companion {
  background: transparent url(../img/common/img_line_dot.gif) repeat-x left bottom;
  padding-bottom: 15px;
  margin: 0 0 15px 0;
  border: none;
}
#Contact-Contents #with-profile dl.companion dt {
  width: 100%;
  display: block;
  background-color: #ffffff;
  color: #0074b7;
  font-weight: bold;
  padding-bottom: 5px;
  text-align: left;
  border: none;
}
#Contact-Contents #with-profile dl.companion dd {
  width: 100%;
  display: block;
  padding: 0;
  border: none;
}
#Contact-Contents #with-profile dl.companion dd .with-form-sex {
  padding-top: 2px;
}
#Contact-Contents #with-profile .btn-companion-add {
  text-align: center;
}
#Contact-Contents #other h3 {
  margin-bottom: 30px;
}
#Contact-Contents #other textarea {
  width: 620px;
  *width: 600px;
  height: 100px;
}
#Contact-Contents #about-radio {
  padding-left: 10px;
}
#Contact-Contents #about-radio .about-radio-line {
  padding-bottom: 15px;
}
#Contact-Contents #privacy .privacy_confirm {
  width: 780px;
  _width: 820px;
  height: 150px;
  _height: 170px;
  padding: 20px 20px 0 20px;
  overflow-y: scroll;
  border: 1px solid #c8c8c8;
  line-height: 1.6em;
}
#Contact-Contents #privacy .privacy_confirm h3 {
  background-color: #ffffff;
  font-weight: bold;
  font-size: 1.2em;
}
#Contact-Contents #privacy .privacy_note {
  width: 660px;
  padding: 15px 0;
  margin: 0 auto;
}
#Contact-Contents #privacy .privacy_note p {
  line-height: 1.6em;
  size: 0.9em;
}
#Contact-Contents #privacy .privacy_check {
  width: 660px;
  padding: 15px 0;
  background-color: #f0f0f0;
  margin: 0 auto;
  text-align: center;
}
#Contact-Contents #btn-send {
  text-align: center;
}
#Contact-Contents #btn-send.btnTwo {
  width:480px;
  height:41px;
  margin:0 auto;
}
#Contact-Contents #btn-send.btnTwo .last {
  padding-left:20px;
}
#Contact-Contents textarea,
#Contact-Contents input[type="text"] {
  padding: 6px 8px;
}
#Contact-Contents .jqtransform .companion .jqTransformSelectWrapper {
  margin-top: 4px;
}
#Contact-Contents .jqtransform .jqTransformSelectWrapper {
  margin-right: 2px;
  height: 34px;
  background: url(../img/common/jqtransform/select_left_2.gif) no-repeat top left;
}
#Contact-Contents .jqtransform .jqTransformSelectWrapper ul {
  top: 34px;
}
#Contact-Contents .jqtransform .jqTransformSelectWrapper div span {
  height: 24px;
  _height: 34px;
  padding: 10px 0 0 7px;
}
#Contact-Contents .jqtransform .jqTransformSelectWrapper div a.jqTransformSelectOpen {
  background: url(../img/common/jqtransform/pulldown_2.gif) no-repeat center center;
  width: 22px;
  height: 34px;
}

/* Professional Contact
----------------------------------------*/
#Contact-Contents.professional ul#contact-step {
  *zoom: 1;
  margin: 33px 0 0 55px;
}
#Contact-Contents.professional ul#contact-step:after {
  content: "";
  display: block;
  clear: both;
}
#Contact-Contents.professional ul#contact-step li {
  float: left;
  display: block;
  width: 285px;
  height: 62px;
  background: transparent url(../img/professional/flow_professional.gif) no-repeat left top;
  text-indent: -999em;
}
#Contact-Contents.professional ul#contact-step li.step1.active {
  background-position: left bottom;
}
#Contact-Contents.professional ul#contact-step li.step2 {
  background-position: -285px 0;
}
#Contact-Contents.professional ul#contact-step li.step2.active {
  background-position: -285px bottom;
}
#Contact-Contents.professional ul#contact-step li.step3 {
  background-position: -570px 0;
  width: 250px;
}
#Contact-Contents.professional ul#contact-step li.step3.active {
  background-position: -570px bottom;
}
#Contact-Contents.professional #contact-tour h4 {
  line-height:1.4em;
}
#Contact-Contents.professional form .date div.time {
    float:left;
	padding-left:40px;
}
#Contact-Contents.professional form .date div.time p {
    float:left;
	padding-top:12px;
	padding-right:10px;
}
#Contact-Contents.professional form span.txt {
    padding: 10px 6px 0;
}
#Contact-Contents.professional form .date div.season {
    padding-left:5px;
	float:left;
}
#Contact-Contents.professional form textarea {
    width:580px;
	margin-bottom:10px;
}
#Contact-Contents div.complete h4 {
  text-align:center;
  font-size:180%;
  line-height:1.8em;
}
#Contact-Contents div.complete p {
  padding:40px 0;
}