@charset "UTF-8";
/*----------------------------------------------------------------------
------------------------------------------------------------------------

module CSS File

File Name		module.css
Note			共通モジュール用スタイルシート

New Creation	09.06.03
Update			10.02.24

Created By		Yoshiaki Murakami

------------------------------------------------------------------------
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
------------------------------------------------------------------------
目次

	1. main
	2. sub
		2-1. お悩み相談ランキング
		2-2. 新着お悩み相談
		2-3. お悩み相談メニュー
		2-4. お問い合わせ
		2-5. TCバナー

------------------------------------------------------------------------
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
1. main
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
2. sub
----------------------------------------------------------------------*/
/*
2-1. お悩み相談ランキング
----------------------------------------------------------------------*/
#sub #qaranking {
  background: url(../../img/pc/sub_div_bg.gif) left top repeat-y;
}

* + html #sub #qaranking {
  height: 1%;
}

#sub #qaranking p {
  margin: 0px 7px;
  padding: 0px 11px;
  line-height: 24px;
  text-align: right;
  border-bottom: 1px solid #c9c9ca;
  color: #77a7a2;
}

#sub #qaranking ol {
  padding-bottom: 7px;
  background: url(../../img/pc/sub_ranking_bg_footer.gif) left bottom no-repeat;
}

#sub #qaranking ol li {
  margin: 0px 7px;
  border-bottom: 1px solid #bebebf;
  line-height: 18px;
  text-align: center;
}

#sub #qaranking ol .no1,
#sub #qaranking ol .no2,
#sub #qaranking ol .no3,
#sub #qaranking ol .no4,
#sub #qaranking ol .no5 {
  line-height: 31px;
}

#sub #qaranking ol .no1 {
  background: url(../../img/pc/sub_ranking_no1_bg.gif) left top no-repeat;
}

#sub #qaranking ol .no2 {
  background: url(../../img/pc/sub_ranking_no2_bg.gif) left top no-repeat;
}

#sub #qaranking ol .no3 {
  background: url(../../img/pc/sub_ranking_no3_bg.gif) left top no-repeat;
}

#sub #qaranking ol .no4 {
  background: url(../../img/pc/sub_ranking_no4_bg.gif) left top no-repeat;
}

#sub #qaranking ol .no5 {
  background: url(../../img/pc/sub_ranking_no5_bg.gif) left top no-repeat;
}

#sub #qaranking ol .no6 {
  background: url(../../img/pc/sub_ranking_no6_bg.gif) left top no-repeat;
}

#sub #qaranking ol .no7 {
  background: url(../../img/pc/sub_ranking_no7_bg.gif) left top no-repeat;
}

#sub #qaranking ol .no8 {
  background: url(../../img/pc/sub_ranking_no8_bg.gif) left top no-repeat;
}

#sub #qaranking ol .no9 {
  background: url(../../img/pc/sub_ranking_no9_bg.gif) left top no-repeat;
}

#sub #qaranking ol .no10 {
  background: url(../../img/pc/sub_ranking_no10_bg.gif) left top no-repeat;
}

#sub #qaranking ol .last {
  border: none;
}

#sub #qaranking ol li a {
  display: block;
  padding-left: 19px;
  background-position: left top;
  background-repeat: no-repeat;
  font-size: 1.2em;
  color: #898989;
}

#sub #qaranking ol .no1 a,
#sub #qaranking ol .no2 a,
#sub #qaranking ol .no3 a,
#sub #qaranking ol .no4 a,
#sub #qaranking ol .no5 a {
  font-size: 1.4em;
  font-weight: bold;
}

/*
2-2. 新着お悩み相談
----------------------------------------------------------------------*/
#sub #latest h4 {
  line-height: 2em;
  font-size: 1.2em;
  text-align: center;
}

#sub #latest ol {
  padding-bottom: 11px;
  background: url(../../img/pc/sub_latest_bg_footer.gif) left bottom no-repeat;
}

#sub #latest ol li {
  background: url(../../img/pc/sub_div_bg.gif) left top repeat-y;
}

* html #sub #latest ol li,
* html #sub #latest ol li dl {
  height: 1%;
}

* + html #sub #latest ol li {
  height: 1%;
  vertical-align: top;
}

#sub #latest ol .even dl {
  background-color: #c6dfde;
}

#sub #latest ol .last {
  border-bottom: none;
}

#sub #latest ol li dl {
  margin: 0px 7px;
  position: relative;
}

#sub #latest ol li dl dt {
  padding: 6px 7px 7px;
  background: url(../../img/pc/border1.gif) left bottom repeat-x;
}

#sub #latest ol .even dl dt {
  background: url(../../img/pc/border2.gif) left bottom repeat-x;
}

* html #sub #latest ol li dl dt {
  height: 1%;
}

#sub #latest ol li dl dt a {
  display: block;
  padding-left: 22px;
  background: url(../../img/pc/sub_latest_question_bg1.gif) left 1px no-repeat;
  font-size: 1.2em;
  line-height: 1.167em;
  color: #898989;
}

#sub #latest ol .even dl dt a {
  background-image: url(../../img/pc/sub_latest_question_bg2.gif);
}

#sub #latest ol li dl dt .new {
  position: absolute;
  right: 70px;
  bottom: 7px;
}

#sub #latest ol li dl dd {
  padding: 0px 7px;
}

#sub #latest ol li dl .category {
  padding: 5px 7px 0px 29px;
}

#sub #latest ol li dl .category ul li {
  display: inline;
  padding: 0px;
  border: none;
  background: none;
  line-height: 1.2em;
  color: #898989;
}

* html #sub #latest ol li dl .category ul li {
  overflow: hidden;
  height: 1%;
}

#sub #latest ol li dl .category ul li:before {
  content: "／";
}

* html #sub #latest ol li dl .category ul li {
  padding-left: 10px;
  background: url(../../img/pc/slash1.gif) left center no-repeat;
}

* + html #sub #latest ol li dl .category ul li {
  padding-left: 10px;
  background: url(../../img/pc/slash1.gif) left center no-repeat;
}

* html #sub #latest ol .even dl .category ul li {
  background: url(../../img/pc/slash2.gif) left center no-repeat;
}

* + html #sub #latest ol .even dl .category ul li {
  background: url(../../img/pc/slash2.gif) left center no-repeat;
}

#sub #latest ol li dl .category ul li:first-child:before {
  content: "";
}

* html #sub #latest ol li dl .category ul .first,
* html #sub #latest ol .even dl .category ul .first {
  padding: 0px;
  background: none;
}

* + html #sub #latest ol li dl .category ul .first,
* + html #sub #latest ol .even dl .category ul .first {
  padding: 0px;
  background: none;
}

#sub #latest ol li dl .category ul li a {
  color: #898989;
}

#sub #latest ol li dl .date {
  padding-top: 7px;
  padding-bottom: 7px;
  text-align: right;
  color: #77a7a2;
}

#sub #latest .link {
  padding: 2px 7px 0px;
  text-align: right;
}

#sub #latest .link a {
  padding-left: 13px;
  background: url(../../img/pc/arrow1.gif) left center no-repeat;
  color: #e15f5a;
}

/*
2-3. お悩み相談メニュー
----------------------------------------------------------------------*/
#sub #menu {
  background: url(../../img/pc/sub_div_bg.gif) left top repeat-y;
}

#sub #menu h4 {
  /*	border-bottom:3px solid #644038;*/
}

#sub #menu ul {
  padding-bottom: 10px;
  background: url(../../img/pc/sub_ranking_bg_footer.gif) left bottom no-repeat;
}

#sub #menu ul li {
  /*	border-right:1px solid #644038;*/
  border-top: 1px solid #bebebf;
  /*	border-left:1px solid #644038;
	background:#e7e2e0;*/
  background: #c6dfde;
  margin: 0px 7px;
}

* html #sub #menu ul li {
  height: 1%;
}

* + html #sub #menu ul li,
* + html #sub #menu ul li dl dt {
  height: 1%;
  vertical-align: bottom;
}

#sub #menu ul .selected {
  background-color: #689791;
}

#sub #menu ul .latest {
  padding: 10px 5px;
}

#sub #menu ul li a {
  /*	padding-left:18px;
	background:url(../../img/pc/arrow6.gif) left center no-repeat;*/
  font-size: 1.2em;
  /*	color:#644038;*/
  color: #898989;
}

#sub #menu ul li a:hover {
  /*	background-image:url(../../img/pc/arrow11.gif);*/
  color: #476a67;
}

#sub #menu ul .selected a {
  /*	background:url(../../img/pc/arrow8.gif) left center no-repeat;*/
  color: #fff;
}

#sub #menu ul .last {
  padding-bottom: 0px;
  background-image: none;
  border-bottom: none;
}

#sub #menu ul li dl dt {
  padding: 10px 5px;
  border-bottom: 1px solid #bebebf;
}

#sub #menu ul li dl dd ul {
  padding: 0px;
  background: none;
}

#sub #menu ul li dl dd ul li {
  margin: 0px;
  padding: 3px 5px 4px;
  border: none;
  background: url(../../img/pc/border1.gif) left bottom repeat-x #fff;
}

* + html #sub #menu ul li dl dd ul li {
  height: 1%;
}

#sub #menu ul li dl dd ul .last {
  padding-bottom: 3px;
}

#sub #menu ul .selected dl dd ul li a {
  color: #898989;
}

#sub #menu ul li dl dd ul .selected a {
  background: none;
}

#sub #menu ul li dl dd ul li dl {
  display: table-row;
}

#sub #menu ul li dl dd ul li dl dt,
#sub #menu ul li dl dd ul li dl dd {
  display: table-cell;
  vertical-align: middle;
  padding: 0px;
  background: none;
  border: none;
}

* html #sub #menu ul li dl dd ul li dl dt,
* html #sub #menu ul li dl dd ul li dl dd {
  display: inline;
  zoom: 1;
}

* + html #sub #menu ul li dl dd ul li dl dt,
* + html #sub #menu ul li dl dd ul li dl dd {
  display: inline;
  zoom: 1;
}

#sub #menu ul li dl dd ul li dl dt {
  padding-right: 5px;
}

#sub #menu ul li dl dd ul li dl dd {
  /*	color:#666666;*/
  color: #898989;
}

* + html #sub #menu ul li dl dd ul li dl dd {
  width: 158px;
}

#sub #menu ul li dl dd ul .selected dl dd {
  color: #fff;
}

#sub #menu ul li dl dd ul li dl dt a,
#sub #menu ul li dl dd ul li dl dd a {
  padding: 0px;
  background: none;
}

* + html #sub #menu ul li dl dd ul li dl dd a {
  line-height: 1.2em;
}

#sub #menu ul .selected dl dd ul li dl dt a,
#sub #menu ul .selected dl dd ul li dl dd a {
  background: none;
}

#sub #menu ul li dl dd ul li dl dt a img {
  border: 1px solid #bebebf;
}

#sub #menu ul li dl dd ul li dl dt a:hover img {
  /*	border:1px solid #FF776E;*/
}

#sub #menu ul li dl dd ul li dl dd a {
  font-size: 1em;
}

#sub #menu ul li dl dd ul li dl dd a:hover {
  background: none;
}

/*
2-4. お問い合わせ
----------------------------------------------------------------------*/
#sub .info {
  padding-bottom: 9px;
  background: url(../../img/pc/sub_info_bg.gif) left bottom no-repeat;
}

* + html #sub .info {
  height: 1%;
}

#sub .info dl {
  /*	background:url(../../img/pc/sub_info_bg.gif) left top repeat-y;*/
}

#sub .info dl dd {
  padding: 0px 0px 0px 10px;
}

#sub .info dl dd ul li {
  margin-bottom: 1px;
}

#sub .info dl dd ul .counseling {
  margin: 0px;
}

#sub .info dl dd ul li a {
  width: 177px;
  height: 24px;
}

/*
2-5. TCバナー
----------------------------------------------------------------------*/
#sub #banner ul li {
  margin-bottom: 5px;
}

/*----------------------------------------------------------------------
市島フィールドここから
----------------------------------------------------------------------*/
#container #content .wrapper #main #reservation_notice {
  margin-bottom: 24px !important;
}

#container #content .wrapper #main .message {
  margin: 0 0 20px !important;
  padding: 30px 0;
  border: 2px solid #D40E16;
  background: #FFF;
}

#container #content .wrapper #main .message p {
  width: 370px;
  margin: 0 auto !important;
  padding: 0 0 0 48px;
  color: #D40E16 !important;
  font-weight: bold;
  line-height: 1.75em;
  background: url(../../img/pc/form_message_bg.gif) left center no-repeat;
}

#container #content .wrapper #main .message p span {
  font-size: 0.8333333334em;
  color: #4D4D4D !important;
}

#container #content .wrapper #main #progress {
  margin: 0 0 10px !important;
}

#container #content .wrapper #main form#inputform table tr td {
  max-width: 289px;
  padding: 13px !important;
  background-image: url(../../img/pc/border5.gif);
  background-position: left top;
  background-repeat: repeat-y;
}

#container #content .wrapper #main form#inputform table tr td input {
  padding: 5px;
}

#container #content .wrapper #main form#inputform table tr td input#name, #container #content .wrapper #main form#inputform table tr td input#email, #container #content .wrapper #main form#inputform table tr td input#emailcheck, #container #content .wrapper #main form#inputform table tr td input#calendar1 {
  margin: 0;
}

#container #content .wrapper #main form#inputform table tr td input.full {
  width: 96.5% !important;
}

#container #content .wrapper #main form#inputform table tr td #telnum {
  margin-bottom: 0;
}

#container #content .wrapper #main form#inputform table tr.required th {
  background-image: url(../../img/pc/form_table_required_bg.gif);
  background-position: 189px 4px;
  background-repeat: no-repeat;
}

#container #content .wrapper #main form#inputform table tr.required.even td {
  background-color: #fff;
}

#container #content .wrapper #main form#inputform table tr.required td.errbg {
  background-color: #F6D2CB;
}

#container #content .wrapper #main form#inputform table tr.required.even td.errbg {
  background-color: #F9E5E0;
}

#container #content .wrapper #main form#inputform table tr.email td input, #container #content .wrapper #main form#inputform table tr.emailcheck td input, #container #content .wrapper #main form#inputform table tr.tel td input {
  font-size: 16px;
}

#counseling #container #content .wrapper #main form#inputform table tr th .form-table-notice {
  font-size: 0.834em;
}

#counseling #container #content .wrapper #main form#inputform table tr.required th {
  background-position: 190px 4px;
}

#counseling #container #content .wrapper #main form#inputform table tr td #date1 span {
  margin-right: 6px;
  color: #666 !important;
}

#counseling #container #content .wrapper #main form#inputform table tr td #date1 #calendar1 {
  width: 8em;
  padding: 2px 2px 2px 5px;
  line-height: 26px;
  border: 1px solid #AECDD4;
  border-right: none;
}

#counseling #container #content .wrapper #main form#inputform table tr td #date1 .ui-datepicker-trigger {
  border: 1px solid #AECDD4;
}

#workshop #container #content .wrapper #main #application form#inputform table tr th {
  padding: 4px 10px;
  width: 183px;
  font-size: 1.3em !important;
  background-color: #f6fafd;
  vertical-align: middle;
}

#workshop #container #content .wrapper #main #application form#inputform table tr th .form-table-notice {
  font-size: 0.834em;
}

#workshop #container #content .wrapper #main #application form#inputform table tr.required th {
  background-image: url(../../img/pc/form_table_required_bg.gif) !important;
  background-position: 163px 4px !important;
  background-repeat: no-repeat !important;
}

#workshop #container #content .wrapper #main #application form#inputform table tr.required td.errbg {
  background-color: #F6D2CB;
}

#workshop #container #content .wrapper #main #application form#inputform table tr.required.even td.errbg {
  background-color: #F9E5E0;
}

#workshop #container #content .wrapper #main #application form#inputform table tr td {
  font-size: 1.3em !important;
  background: url(../../img/pc/border5.gif) left top repeat-y #f6fafd;
}

#workshop #container #content .wrapper #main #application form#inputform table tr td label {
  margin: 0;
}

#workshop #container #content .wrapper #main #application form#inputform table tr td #age, #workshop #container #content .wrapper #main #application form#inputform table tr td #clinic, #workshop #container #content .wrapper #main #application form#inputform table tr td #college, #workshop #container #content .wrapper #main #application form#inputform table tr td #career, #workshop #container #content .wrapper #main #application form#inputform table tr td #tel1 {
  margin-left: 0;
}

#workshop #container #content .wrapper #main #application form#inputform table tr td .long {
  width: 98% !important;
}

#workshop #container #content .wrapper #main #application form#inputform table tr.even th {
  background-color: #fff;
}

#workshop #container #content .wrapper #main #application form#inputform table tr.even td {
  background-color: #fff;
}

#workshop #container #content .wrapper #main #application form#inputform table tr.text th {
  background-image: none;
}

#workshop #container #content .wrapper #main #application form#inputform table tr.name input, #workshop #container #content .wrapper #main #application form#inputform table tr.kana input {
  width: 13em !important;
}

#workshop #container #content .wrapper #main #application form#inputform table tr.emailcheck input {
  font-size: 16px;
}

/*----------------------------------------------------------------------
市島フィールドここまで
----------------------------------------------------------------------*/