/* import
---------------------------------------- */
@import url("../../shared/css/reset.css");
@import url("../../shared/css/common.css");
/* state
---------------------------------------- */
#state h2 {
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  padding: 10px;
}
#state h2 span {
  display: block;
  width: 300px;
  height: 32px;
  margin: 0 auto;
}
#state article {
  padding: 10px;
  border-bottom: 1px dotted #858585;
}
#state article:before, #state article:after {
  content: "";
  display: table;
}
#state article:after {
  clear: both;
}
#state article {
  zoom: 1;
}
#state article h3 {
  color: #0ec5f8;
  font-weight: bold;
}
#state article h3 em {
  color: #e80000;
  font-style: normal;
}
#state article .intro {
  margin-top: 10px;
}
#state article .intro:before, #state article .intro:after {
  content: "";
  display: table;
}
#state article .intro:after {
  clear: both;
}
#state article .intro {
  zoom: 1;
}
#state article .intro p.photo {
  float: right;
  width: 98px;
  height: 65px;
  margin-left: 3px;
  border: 1px solid #d2d2d2;
}
#state article .intro p.notice {
  clear: both;
  margin-top: 10px;
  color: #e80000;
}
#state article .outline {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  font-size: 12px;
}
#state article .outline .area,
#state article .outline .att,
#state article .outline .fee {
  border-top: 1px solid #ccc;
}
#state article .outline .area:first-child,
#state article .outline .att:first-child,
#state article .outline .fee:first-child {
  border-top: none;
}
#state article .outline .area h4 {
  padding: 5px 10px;
  background-color: #f7f7f7;
  border-bottom: 1px dotted #ccc;
  font-weight: normal;
}
#state article .outline .area .col {
  padding: 10px 10px;
}
#state article .outline .area .col p {
  margin-bottom: 5px;
}
#state article .outline .area .col p em {
  font-weight: bold;
  font-style: normal;
}
#state article .outline .area .col p strong {
  font-weight: bold;
  color: #e80000;
}
#state article .outline .area .col span.saturday {
  color: #079dbf;
}
#state article .outline .area .col span.sunday {
  color: #ff9000;
}
#state article .outline .area .col table {
  width: 100%;
  margin-top: 10px;
  border: 1px solid #ddd;
}
#state article .outline .area .col table tr td {
  padding: 7px;
  border: 1px solid #dddddd;
}
#state article .outline .area .col table tr td.time {
  width: 80px;
}
#state article .outline .area .col table tr.date td {
  padding: 5px 7px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
#state article .outline .area .col table.pri tr td {
  background-color: #f7feff;
}
#state article .outline .area .col table.pri tr.date td {
  background-color: #c0f4ff;
}
#state article .outline .area .col table.sec tr td {
  background-color: #fffbf7;
}
#state article .outline .area .col table.sec tr.date td {
  background-color: #ffdbb1;
}
#state article .outline .schedule .col {
  padding-top: 0;
}
#state article .outline .schedule .col p {
  margin-top: 5px;
}
#state article .outline .schedule .col ul li {
  margin-bottom: 5px;
}
#state article .outline .schedule .col ul li strong {
  color: #e80000;
}
#state article .outline .schedule .col ul li.indent {
  padding-left: 12px;
}
#state article .outline .att .col {
  padding-bottom: 0;
}
#state article .outline .att .col:last-child {
  padding-bottom: 12px;
}
#state article .outline .att .col dl {
  padding-bottom: 12px;
}
#state article .outline .att .col dl:last-child {
  padding-bottom: 0;
}
#state article .outline .att .col dl dt {
  margin-bottom: 7px;
  font-weight: bold;
}
#state article .outline .att .col dl dd {
  margin-bottom: 7px;
}
#state article .outline .att .col dl dd:last-child {
  margin-bottom: 0;
}
#state article .outline .att .for-listener {
}
#state article .outline .att .for-listener p.trigger-sch {
  height: 30px;
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #f3a600;
  background: url("../../img/shared_mark_arw_circle_yellow_down.gif") 97% 50% no-repeat, -webkit-linear-gradient(top, #ffc055 0%, #f9a61b 100%);
  background: url("../../img/shared_mark_arw_circle_yellow_down.gif") 97% 50% no-repeat, -moz-linear-gradient(top, #ffc055 0%, #f9a61b 100%);
  background: url("../../img/shared_mark_arw_circle_yellow_down.gif") 97% 50% no-repeat, -ms-linear-gradient(top, #ffc055 0%, #f9a61b 100%);
  background: url("../../img/shared_mark_arw_circle_yellow_down.gif") 97% 50% no-repeat, -o-linear-gradient(top, #ffc055 0%, #f9a61b 100%);
  background: url("../../img/shared_mark_arw_circle_yellow_down.gif") 97% 50% no-repeat, linear-gradient(top, #ffc055 0%, #f9a61b 100%);
  background: url("../../img/shared_mark_arw_circle_yellow_down.gif") no-repeat 97% 50%, -webkit-gradient(linear, center top, center bottom, from(#ffc055), to(#f9a61b));
  background-color: #f9a61b;
  color: #fff;
  font-weight: bold;
  text-shadow: 0px 0px 1px #d59100;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}
#state article .outline .att .for-listener p.active-sch {
  background: url("../../img/shared_mark_arw_circle_yellow_up.gif") 97% 50% no-repeat, -webkit-linear-gradient(top, #ffc055 0%, #f9a61b 100%);
  background: url("../../img/shared_mark_arw_circle_yellow_up.gif") 97% 50% no-repeat, -moz-linear-gradient(top, #ffc055 0%, #f9a61b 100%);
  background: url("../../img/shared_mark_arw_circle_yellow_up.gif") 97% 50% no-repeat, -ms-linear-gradient(top, #ffc055 0%, #f9a61b 100%);
  background: url("../../img/shared_mark_arw_circle_yellow_up.gif") 97% 50% no-repeat, -o-linear-gradient(top, #ffc055 0%, #f9a61b 100%);
  background: url("../../img/shared_mark_arw_circle_yellow_up.gif") 97% 50% no-repeat, linear-gradient(top, #ffc055 0%, #f9a61b 100%);
  background: url("../../img/shared_mark_arw_circle_yellow_up.gif") no-repeat 97% 50%, -webkit-gradient(linear, center top, center bottom, from(#ffc055), to(#f9a61b));
  background-color: #f9a61b;
}
#state article .outline .att .for-listener .text {
  margin-top: 10px;
  padding-right: 5px;
  padding-left: 5px;
}
#state article .outline .att .for-listener p {
  margin-bottom: 5px;
}
#state article .outline .att .for-listener p.exp {
  margin-bottom: 12px;
}
#state article .outline .att .for-listener p em {
  font-weight: bold;
}
#state article .outline .att .for-listener ul {
  margin-bottom: 5px;
}
#state article .outline .att .for-listener ul li {
  margin-bottom: 5px;
  padding-left: 12px;
}
#state article .outline .fee .col {
  padding-bottom: 0;
}
#state article .outline .fee .col .inner {
  margin: 10px auto 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #14b2ed;
  background-color: #fff;
}
#state article .outline .fee .col .inner:nth-of-type(1) {
  margin-top: 0;
}
#state article .outline .fee .col .inner h5 {
  height: 30px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background: url("../../img/shared_mark_arw_circle_blue_down.gif") 97% 50% no-repeat, -webkit-linear-gradient(top, #6ddbff 0%, #05c9fa 100%);
  background: url("../../img/shared_mark_arw_circle_blue_down.gif") 97% 50% no-repeat, -moz-linear-gradient(top, #6ddbff 0%, #05c9fa 100%);
  background: url("../../img/shared_mark_arw_circle_blue_down.gif") 97% 50% no-repeat, -ms-linear-gradient(top, #6ddbff 0%, #05c9fa 100%);
  background: url("../../img/shared_mark_arw_circle_blue_down.gif") 97% 50% no-repeat, -o-linear-gradient(top, #6ddbff 0%, #05c9fa 100%);
  background: url("../../img/shared_mark_arw_circle_blue_down.gif") 97% 50% no-repeat, linear-gradient(top, #6ddbff 0%, #05c9fa 100%);
  background: url("../../img/shared_mark_arw_circle_blue_down.gif") no-repeat 97% 50%, -webkit-gradient(linear, center top, center bottom, from(#6ddbff), to(#05c9fa));
  background-color: #00aff0;
  color: #fff;
  text-shadow: 0px 0px 1px #006eb4;
  text-align: center;
  line-height: 32px;
  cursor: pointer;
}
#state article .outline .fee .col .inner h5.active-sch {
  background: url("../../img/shared_mark_arw_circle_blue_up.gif") 97% 50% no-repeat, -webkit-linear-gradient(top, #6ddbff 0%, #05c9fa 100%);
  background: url("../../img/shared_mark_arw_circle_blue_up.gif") 97% 50% no-repeat, -moz-linear-gradient(top, #6ddbff 0%, #05c9fa 100%);
  background: url("../../img/shared_mark_arw_circle_blue_up.gif") 97% 50% no-repeat, -ms-linear-gradient(top, #6ddbff 0%, #05c9fa 100%);
  background: url("../../img/shared_mark_arw_circle_blue_up.gif") 97% 50% no-repeat, -o-linear-gradient(top, #6ddbff 0%, #05c9fa 100%);
  background: url("../../img/shared_mark_arw_circle_blue_up.gif") 97% 50% no-repeat, linear-gradient(top, #6ddbff 0%, #05c9fa 100%);
  background: url("../../img/shared_mark_arw_circle_blue_up.gif") no-repeat 97% 50%, -webkit-gradient(linear, center top, center bottom, from(#6ddbff), to(#05c9fa));
  background-color: #00aff0;
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -ms-border-radius: 10px 10px 0px 0px;
  -o-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
  border-bottom: 1px solid #14b2ed;
}
#state article .outline .fee .col .inner ul li {
  border-bottom: 1px dotted #d3d3d3;
}
#state article .outline .fee .col .inner ul li:last-child {
  border-bottom: none;
}
#state article .outline .fee .col .inner ul li a {
  display: block;
  background: url(../img/fuji_state_fee_btn.gif) 97% 50% no-repeat;
  padding: 10px 58px 10px 10px;
}
#state article .outline .fee .col .inner ul li span {
  display: block;
  padding: 10px 58px 10px 10px;
}
#state article .outline .fee .col .inner ul li a:before, #state article .outline .fee .col .inner ul li a:after {
  content: "";
  display: table;
}
#state article .outline .fee .col .inner ul li a:after {
  clear: both;
}
#state article .outline .fee .col .inner ul li a {
  zoom: 1;
}
#state article .outline .fee .append {
  padding: 10px;
}
#state article .outline .fee .append p {
  margin-bottom: 7px;
}
#state div.guide {
  margin: 0 auto;
}
#state div.guide p span {
  display: block;
  padding: 10px 4% 10px 4%;
}
#state div.guide ul li {
  border-top: 1px dotted #c5c5c5;
  background: url(../../img/shared_mark_arw_square.gif) 4% 13px no-repeat;
  text-indent: 16px;
}
#state div.guide ul li:nth-of-type(1) {
  margin-top: 0px;
}
#state div.guide ul li a {
  display: block;
  padding: 10px 4% 10px 4%;
}