@charset "UTF-8";
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code, form, fieldset, legend,
p, blockquote, table, th, td {
  margin: 0;
  padding: 0; }

* html body {
  font-size: small;
  font: x-small; }

*:first-child + html body {
  font-size: small;
  font: x-small; }

img {
  border: 0;
  vertical-align: bottom; }

h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-size: 100%;
  font-weight: normal; }

ul, dl, ol {
  text-indent: 0; }

li {
  list-style: none; }

address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

* html input, * html textarea, * html select {
  font-size: 100%; }

*:first-child + html + input, *:first-child html + textarea, *:first-child + html select {
  font-size: 100%; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: inherit;
  font: 100%; }

th, td {
  text-align: left;
  vertical-align: top; }

caption {
  text-align: left; }

pre, code, kbd, samp, tt {
  font-family: monospace; }

* html pre, * html code, * html kbd, * html samp, * html tt {
  font-size: 100%;
  line-height: 100%; }

*:first-child + html pre, *:first-child html + code, *:first-child html + kbd, *:first-child + html + samp, *:first-child + html tt {
  font-size: 100%;
  line-height: 100%; }

input, select, textarea {
  font-size: 100%;
  font-family: Verdana, Helvetica, sans-serif; }

html {
  overflow-y: scroll; }

p, th, td, li, dt, dd, address {
  font-size: 100%;
  font-weight: normal;
  line-height: 1.7; }

img {
  border: medium none;
  vertical-align: top; }

/* inline */
em {
  font-style: normal; }

address {
  font-style: normal; }

/* form */
form, fieldset, legend, label, input, button, select, textarea {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  font-size: 100%; }

fieldset {
  border: medium none; }

legend {
  display: none; }

* html input {
  padding-top: 2px; }

/* for IE6 */
*:first-child + html input {
  padding-top: 2px; }

/* for IE7 */
embed,
iframe,
object {
  max-width: 100%; }

/** |RESET SETTINGS| ************************************************************************ END **/
#footer .sitemap ul, #footer .otherLink ul, ul.tag, ul.label, #pageAbout #areaCurriculum .mod-boxClm2 .main ul, #pageCurriculum #areaFeature ul, #pageCurriculum #areaAdmission ul.expense, #pageAbout #areaMaterial ul li, .mod-boxClm2, #header .info, #gNav, .box2, .box3, .mod-boxFlat, #topicPath, #home #sidebar #areaSchoolRecommend ul > li, #pageAbout #areaScene ul.flatBox3, #pageAbout #areaScene ul.list li, #pageAbout #areaMaterial ul, #pageCurriculum ul.subNav, #pageCurriculum #areaFeature #curriculum .cornerCurriculum .content .technic .wrapper, #pageCurriculum #areaCourseIntro, #areaFlow ol > li .inner, #pageSchool #content .subNav, #pageSchool #content .subNav .general, #pageSchool #content .subNav .general ul, #pageSchool .section > .inner .listSchool > li, #pageExam #areaExam .fee ul, ol.listFlow > li .inner, ol.listFlow > li#stepEnd .inner .content, #pageFaq .listQA dd, .pagePass #content .subNav, .pagePass #content .subNav ul, #pageNews #areaInfo ul, .pageContest .entry .wrap,
.clearfix,
.pagePass .listMember li,
.wrap {
  *zoom: 1; }
  #footer .sitemap ul:after, #footer .otherLink ul:after, ul.tag:after, ul.label:after, #pageAbout #areaCurriculum .mod-boxClm2 .main ul:after, #pageCurriculum #areaFeature ul:after, #pageCurriculum #areaAdmission ul.expense:after, #pageAbout #areaMaterial ul li:after, .mod-boxClm2:after, #header .info:after, #gNav:after, .box2:after, .box3:after, .mod-boxFlat:after, #topicPath:after, #home #sidebar #areaSchoolRecommend ul > li:after, #pageAbout #areaScene ul.flatBox3:after, #pageAbout #areaScene ul.list li:after, #pageAbout #areaMaterial ul:after, #pageCurriculum ul.subNav:after, #pageCurriculum #areaFeature #curriculum .cornerCurriculum .content .technic .wrapper:after, #pageCurriculum #areaCourseIntro:after, #areaFlow ol > li .inner:after, #pageSchool #content .subNav:after, #pageSchool #content .subNav .general:after, #pageSchool #content .subNav .general ul:after, #pageSchool .section > .inner .listSchool > li:after, #pageExam #areaExam .fee ul:after, ol.listFlow > li .inner:after, ol.listFlow > li#stepEnd .inner .content:after, #pageFaq .listQA dd:after, .pagePass #content .subNav:after, .pagePass #content .subNav ul:after, #pageNews #areaInfo ul:after, .pageContest .entry .wrap:after,
  .clearfix:after,
  .pagePass .listMember li:after,
  .wrap:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    font-size: 0.1em;
    line-height: 0; }

#gNav li a, .labelSchool,
.labelWedding,
.labelArtissory,
.labelShop,
.labelWebshop,
.labelDisplay,
.labelGift, #pageCurriculum ul.subNav li a, #pageSchool .section > .inner .listSchool > li .content .linkDetail a, ol.listFlow > li .inner .ttl, #pageNews .entry .label span, #btnConfirm, #btnPrev, #btnSubmit {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden; }

#pageSchool .section > .inner .listSchool > li .content .linkDetail a:hover, #pageFaq #content .subNav li a:hover {
  opacity: 0.8;
  -mop-opacity: 0.8;
  filter: alpha(opacity=80); }

#pageSchool .section > .inner .listSchool > li .content .linkDetail a:hover, #pageFaq #content .subNav li a:hover,
#pageSchool .section > .inner .listSchool > li .content .linkDetail a:active:hover,
#pageFaq #content .subNav li a:active:hover {
  opacity: 0.8;
  -mop-opacity: 0.8;
  filter: alpha(opacity=80); }

.btnLink {
  display: inline-block;
  background: #fff; }
  .btnLink img {
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear; }
  .btnLink:hover img {
    opacity: 0.7;
    -mop-opacity: 0.7;
    filter: alpha(opacity=70);
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear; }

#gNav li a {
  opacity: 0;
  -webkit-transition: opacity .2s linear;
  transition: opacity .2s linear; }
  #gNav li a:hover {
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear; }

#footer .sitemap ul > li, #footer .otherLink ul > li, ul.tag > li, ul.label > li, #pageAbout #areaCurriculum .mod-boxClm2 .main ul > li, #pageCurriculum #areaFeature ul > li, #pageCurriculum #areaAdmission ul.expense > li {
  display: inline;
  float: left; }
  #footer .sitemap ul > li:first-child, #footer .otherLink ul > li:first-child, ul.tag > li:first-child, ul.label > li:first-child, #pageAbout #areaCurriculum .mod-boxClm2 .main ul > li:first-child, #pageCurriculum #areaFeature ul > li:first-child, #pageCurriculum #areaAdmission ul.expense > li:first-child {
    margin-left: 0; }

#pageAbout #areaMaterial ul li .left {
  float: left; }

#pageAbout #areaMaterial ul li .right {
  float: right; }

.mod-boxClm2 .left {
  float: left; }

.mod-boxClm2 .right {
  float: right; }

/* Table
=========================================== */
/* ===========================================
 * Parts
 * -------------------------------------------
 *
============================================================== */
/* Header
============================================================== */
#wrapper {
  min-width: 900px; }

#header {
  width: 100%; }
  #header .info {
    width: 100%;
    height: 50px;
    padding-top: 9px; }
  #header #logo {
    float: left;
    width: 324px;
    height: 37px; }
    #header #logo a {
      border: none; }
      #header #logo a img {
        border: none; }
  #header .contact {
    float: right;
    width: 187px;
    height: 34px;
    margin-top: 5px; }
  #header #mainVisual {
    height: 167px; }
  #header h1.ttl a {
    display: block;
    width: 324px;
    height: 37px; }

#local_navi {
  position: relative;
  overflow: hidden; }
  #local_navi ul {
    position: relative;
    float: left;
    left: 50%;
    height: 44px;
    font-size: 0;
    line-height: 0; }
    #local_navi ul li {
      position: relative;
      float: left;
      left: -50%;
      margin-right: 4px; }
      #local_navi ul li:last-child {
        margin-right: 0; }

/* Global Navigation
============================================================== */
#gNav {
  width: 900px;
  margin: 20px 0 13px; }
  #gNav li {
    float: left;
    display: block;
    height: 70px; }
    #gNav li a {
      display: block;
      height: 70px; }
  #gNav #navHome {
    width: 57px;
    background: url(/share/images/nav_home.png) no-repeat left top; }
    #gNav #navHome a {
      width: 57px;
      background: url(/share/images/nav_home_o.png) no-repeat left top; }
  #gNav #navAbout {
    width: 242px;
    background: url(/share/images/nav_about.png) no-repeat left top; }
    #gNav #navAbout a {
      width: 242px;
      background: url(/share/images/nav_about_o.png) no-repeat left top; }
  #gNav #navCurriculum {
    width: 155px;
    background: url(/share/images/nav_curriculum.png) no-repeat left top; }
    #gNav #navCurriculum a {
      width: 155px;
      background: url(/share/images/nav_curriculum_o.png) no-repeat left top; }
  #gNav #navSchool {
    width: 119px;
    background: url(/share/images/nav_school.png) no-repeat left top; }
    #gNav #navSchool a {
      width: 119px;
      background: url(/share/images/nav_school_o.png) no-repeat left top; }
  #gNav #navExam {
    width: 96px;
    background: url(/share/images/nav_exam.png) no-repeat left top; }
    #gNav #navExam a {
      width: 96px;
      background: url(/share/images/nav_exam_o.png) no-repeat left top; }
  #gNav #navFaq {
    width: 122px;
    background: url(/share/images/nav_faq.png) no-repeat left top; }
    #gNav #navFaq a {
      width: 122px;
      background: url(/share/images/nav_faq_o.png) no-repeat left top; }
  #gNav .navHome {
    width: 64px;
    background: url(/share/images/nav_home.png) no-repeat left top; }
    #gNav .navHome a {
      background: url(/share/images/nav_home_o.png) no-repeat left top; }
  #gNav .navAbout {
    width: 242px;
    background: url(/share/images/nav_about.png) no-repeat left top; }
    #gNav .navAbout a {
      background: url(/share/images/nav_about_o.png) no-repeat left top; }
  #gNav .navCurriculum {
    width: 152px;
    background: url(/share/images/nav_curriculum.png) no-repeat left top; }
    #gNav .navCurriculum a {
      background: url(/share/images/nav_curriculum_o.png) no-repeat left top; }
  #gNav .navSchool {
    width: 115px;
    background: url(/share/images/nav_school.png) no-repeat left top; }
    #gNav .navSchool a {
      background: url(/share/images/nav_school_o.png) no-repeat left top; }
  #gNav .navExam {
    width: 94px;
    background: url(/share/images/nav_exam.png) no-repeat left top; }
    #gNav .navExam a {
      background: url(/share/images/nav_exam_o.png) no-repeat left top; }
  #gNav .navAssociation {
    width: 117px;
    background: url(/share/images/nav_association.png) no-repeat left top; }
    #gNav .navAssociation a {
      background: url(/share/images/nav_association_o.png) no-repeat left top; }
  #gNav .navFaq {
    width: 116px;
    background: url(/share/images/nav_faq.png) no-repeat left top; }
    #gNav .navFaq a {
      background: url(/share/images/nav_faq_o.png) no-repeat left top; }
  #gNav #navContact {
    width: 109px;
    background: url(/share/images/nav_contact.png) no-repeat left top; }
    #gNav #navContact a {
      width: 109px;
      background: url(/share/images/nav_contact_o.png) no-repeat left top; }
  #gNav .btnFade a {
    opacity: 0;
    -webkit-transition: opacity .2s linear; }
    #gNav .btnFade a:hover {
      opacity: 1;
      -webkit-transition: opacity .2s linear; }

/* Content
============================================================== */
/* HeadLine */
h1.mod-ttl {
  margin: 40px auto 48px;
  font-weight: bold;
  font-size: fz(18);
  text-align: center; }

.clm2 h1.mod-ttl {
  margin: 40px auto 0; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: bold; }

h1.img, h2.img, h3.img, h4.img, h5.img, h6.img {
  margin: 0;
  padding: 0;
  border: none;
  background: none; }

h4 {
  padding: 0.4em 0;
  color: #444; }

h2.mod-ttl,
.mod-ttl-h2 {
  margin-bottom: 16px;
  padding: 8px 0 14px 0;
  background: url(/share/images/bg_h2_line.png) repeat-x left bottom;
  font-weight: bold;
  font-size: fz(16); }
  h2.mod-ttl span,
  .mod-ttl-h2 span {
    display: inline-block;
    min-height: 34px;
    padding: 8px 0 0 46px;
    background: url(/share/images/bg_h2_ico.png) no-repeat left top;
    line-height: 1.6; }

h3.mod-ttl,
.mod-ttl-h3 {
  margin: 20px 0 10px;
  padding: 0 0 5px 22px;
  border-bottom: 1px dotted #d3b9b9;
  background: url(/share/images/bg_h3.png) no-repeat 0.2em 0.2em;
  font-weight: bold;
  font-size: fz(15);
  line-height: 1.4; }
  @media only screen and (max-width: 768px) {
    h3.mod-ttl,
    .mod-ttl-h3 {
      background-position: 0.2em 1.6em; } }

.section > h3.mod-ttl {
  margin-top: 0; }

h4.mod-ttl {
  margin: 0px 0 6px;
  padding: 0 0 0 16px;
  background: url(/share/images/bg_h4.png) no-repeat 4px 7px;
  font-weight: bold;
  font-size: fz(14);
  line-height: 1.6; }

h3.ttl {
  margin: 0 0 10px;
  background-position: 0 0;
  font-size: fz(15); }

.ttl-circle {
  padding: 0 0 5px 1.4em;
  border-bottom: 1px dotted #d3b9b9;
  background: url(/share/images/ico_circle.svg) no-repeat;
  background-size: 1rem auto; }

.ttl-txt {
  margin: 0.2em 0;
  padding: 0.2em 0.4em;
  background: #f3f3f3;
  font-size: fz(14);
  font-weight: bold; }

.localNav-ttl {
  padding: 15px 15px 12px;
  border-top: 1px solid #9d5662;
  background: url(/share/images/bg_stripe.png) repeat left top;
  color: #660913;
  font-weight: bold;
  font-size: fz(14); }

/* section */
.article .section {
  margin: 40px 0; }
  .article .section .section {
    margin: 30px 0; }
    .article .section .section:first-child {
      margin-top: 0; }
    .article .section .section .section {
      margin: 20px 0; }
  .article .section p {
    margin: 10px 0;
    background-color: transparent; }
    .article .section p:first-child {
      margin-top: 0; }

.article > .section {
  margin: 0 0 40px; }
  .article > .section > .section {
    padding: 0 16px; }

.section-attention {
  overflow: hidden;
  padding: 2em 1.4em 0;
  border: solid 1px #f1e4e4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  behavior: url("/PIE.htc");
  background-color: #FDF9F7; }

.attention-title {
  display: block;
  padding-left: 1.4em;
  background: url(/share/images/ico-exclamation.svg) no-repeat 0.1em 0;
  background-size: 1.2rem auto;
  line-height: 1.4; }

.attention {
  margin: 20px 0;
  color: #A81515; }

/* LayoutPattern */
.box2 > li {
  display: inline;
  float: left;
  width: 298px;
  margin-left: 24px; }
  .box2 > li:first-child {
    margin-left: 0; }

.box2 .section {
  padding: 32px 10px 10px; }
  .box2 .section h3 {
    margin-bottom: 24px;
    text-align: center; }

.box3 > li {
  display: inline;
  float: left;
  width: 175px;
  margin-left: 30px; }
  .box3 > li:first-child {
    margin-left: 0; }

/*
.mod-box3 {
  @extend %clearfix;
  > li {
    display: inline;
    float: left;
    width: 200px;
    margin-left: 9px;
    &:first-child {
      margin-left: 0;
    }
  }
}
*/
.mod-boxFlat > li {
  display: inline;
  float: left; }
  .mod-boxFlat > li:first-child {
    margin-left: 0 !important; }

/* IconLink */
.link {
  display: inline-block;
  padding-left: 12px;
  background: url(/share/images/ico_link_arrow.png) no-repeat 0 4px;
  line-height: 1.6; }

/* Component
============================================================== */
/* Media Image */
.c-media::after {
  content: "";
  display: block;
  clear: both; }

.c-media-rev::after {
  content: "";
  display: block;
  clear: both; }

.c-media-rev .c-media_txt {
  float: right; }

.c-media-rev .c-media_img {
  float: left; }

.c-media_txt {
  float: left;
  width: 420px; }

.c-media_img {
  float: right;
  width: 180px; }

/* Img List */
.c-imgList::after {
  content: "";
  display: block;
  clear: both; }

.c-imgList .c-imgList_item {
  float: left;
  margin-right: 12px; }
  .c-imgList .c-imgList_item:nth-of-type(4n) {
    margin-right: 0; }

.c-imgList-center {
  position: relative;
  overflow: hidden; }
  .c-imgList-center > ul {
    position: relative;
    left: 50%;
    float: left; }
    .c-imgList-center > ul li {
      position: relative;
      left: -50%; }

/* 作品写真（縦横比統一） */
.c-imgList-works .c-imgList_item {
  margin-bottom: 18px; }
  .c-imgList-works .c-imgList_item > .photo {
    width: 144px;
    height: 144px;
    border: 1px solid #ddd;
    display: table-cell;
    /* p要素でテーブルの構造を表現 */
    vertical-align: middle;
    /* 画像を垂直に */
    text-align: center;
    /* 画像を中央に */
    line-height: 0;
    /* ボックス内でのp要素の余分な下スペースを消去 */ }
    .c-imgList-works .c-imgList_item > .photo a {
      display: table-cell;
      width: 144px;
      height: 144px;
      margin: 0 auto;
      vertical-align: middle; }
      .c-imgList-works .c-imgList_item > .photo a img {
        max-width: 144px;
        max-height: 144px;
        width: auto;
        height: auto; }
  .c-imgList-works .c-imgList_item .name {
    margin: 5px 0 0;
    text-align: center; }

.c-label-new {
  display: inline-block;
  position: relative;
  margin: -2px 0 0 6px;
  padding: 3px 5px 2px;
  background: #A81900;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  font-size: fz(8); }

/* Utility
============================================================== */
.mT0 {
  margin-top: 0 !important; }

.mT10 {
  margin-top: 10px !important; }

.u-mt10 {
  margin-top: 10px !important; }

.u-mt15 {
  margin-top: 15px !important; }

.mR20 {
  margin-right: 20px !important; }

.mB0 {
  margin-bottom: 0 !important; }

.u-mb0 {
  margin-bottom: 0 !important; }

.u-mb15 {
  margin-bottom: 15px !important; }

.mB20 {
  margin-bottom: 20px !important; }

.u-mb60 {
  margin-bottom: 60px !important; }

.u-pt10 {
  padding-top: 10px; }

.u-pr10 {
  padding-right: 10px; }

.u-pb10 {
  padding-bottom: 10px; }

.u-pl10 {
  padding-left: 10px; }

.u-pt20 {
  padding-top: 20px; }

.u-pr20 {
  padding-right: 20px; }

.u-pb20 {
  padding-bottom: 20px; }

.u-pl20 {
  padding-left: 20px; }

.u-large {
  font-size: 149%; }

.u-red {
  color: #f47141; }

.left {
  float: left !important; }

.u-left {
  float: left; }

.right {
  float: right !important; }

.u-right {
  float: right; }

.alignR {
  text-align: right !important; }

.alignL {
  text-align: left !important; }

.alignC {
  text-align: center !important; }

.u-color-strong {
  color: #a81900; }

span.notes {
  font-size: fz(11);
  color: #444; }

.bgStripe {
  background: url(/share/images/bg_stripe.png) repeat left top; }

.bgStripeArtissory {
  background: url(/share/images/bg_stripe_artissory.png) repeat left top; }

a.linkImg {
  display: block; }
  a.linkImg img {
    border: 1px solid #e3d3b2; }

.linkTop {
  padding: 0 0 0 17px;
  background: url(/share/images/ico_link_top.png) no-repeat left 5px; }

.linkExternal {
  padding: 0 18px 0 0;
  background: url(/share/images/ico_link_external.png) no-repeat right 2px; }

/* Button
============================================================== */
.btn {
  display: inline-block;
  border: 1px solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  behavior: url("/PIE.htc"); }
  .btn:link, .btn:visited {
    text-decoration: none; }

.btn-medium {
  padding: 0.6em 1em;
  font-size: fz(14);
  line-height: 1; }

.btn-basic {
  border-color: #6c7255; }
  .btn-basic:link, .btn-basic:visited {
    background-color: #8a916f;
    transition: background-color .2s linear;
    color: #fff; }
  .btn-basic:hover, .btn-basic:active {
    background-color: #b0ba8b;
    transition: background-color .2s linear; }

.btn-arrow {
  padding: 7px 10px 7px 22px;
  background: #F3E9E2 url(/share/images/ico_link_arrow.png) no-repeat 8px 8px; }
  .btn-arrow:hover {
    color: #8d2c1b;
    background: #E7D1C2 url(/share/images/ico_link_arrow.png) no-repeat 8px 8px; }

/* List
============================================================== */
dl.mod-listBasic dt {
  margin-top: 15px;
  margin-bottom: 5px;
  padding: 0 0 0 16px;
  background: url(/share/images/bg_h4.png) no-repeat 4px 8px;
  font-weight: bold;
  color: #660913; }
  dl.mod-listBasic dt:first-child {
    margin-top: 0; }

dl.mod-listBasic dd {
  margin-bottom: 5px; }

ul.mod-listDisc li {
  margin: 0.6em 0;
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.8; }

.gallery-list {
  overflow: hidden; }
  .gallery-list > li {
    float: left;
    width: 49.19355%;
    margin-bottom: 20px; }
  .gallery-list > .even {
    margin-left: 1.6129%; }

/* Topic Path
============================================================== */
#topicPath {
  width: 840px;
  margin: 0 auto;
  padding: 22px 30px; }
  #topicPath li {
    float: left;
    margin-right: 10px;
    padding-left: 14px;
    background: url(/share/images/ico_topicpath.png) no-repeat left center; }
    #topicPath li:first-child {
      margin-left: 0;
      padding-left: 0;
      background: none; }

/* Footer
============================================================== */
#footer {
  position: relative;
  width: 900px;
  margin-top: 50px;
  padding-bottom: 30px;
  background: url(/share/images/bg_footer.png) no-repeat left top;
  text-align: left; }
  #footer .pagetop {
    width: 89px;
    padding: 27px 0 37px;
    margin: 0 auto; }
    #footer .pagetop .btnLink {
      background: none; }
  #footer .subNav {
    position: relative;
    overflow: hidden;
    width: 900px;
    border-top: 1px solid #e3c9b3; }
    #footer .subNav ul {
      position: relative;
      float: left;
      left: 50%;
      margin: 0 auto 12px;
      padding: 36px 0 0; }
      #footer .subNav ul li {
        position: relative;
        float: left;
        left: -50%; }
        #footer .subNav ul li a {
          padding: 0 10px; }
          #footer .subNav ul li a:link, #footer .subNav ul li a:visited {
            color: #a77676;
            text-decoration: underline; }
          #footer .subNav ul li a:active, #footer .subNav ul li a:hover {
            color: #daa9a9;
            text-decoration: none; }
  #footer .sitemap {
    margin: 10px 0 0; }
    #footer .sitemap .ttl {
      margin: 0 0 10px;
      padding: 0 0 5px;
      border-bottom: 1px dotted #d2b9bd;
      font-weight: bold; }
    #footer .sitemap ul li.cat {
      width: 200px;
      margin: 0 0 0 20px; }
      #footer .sitemap ul li.cat li {
        display: list-item;
        float: none;
        margin: 8px 0 8px 8px;
        line-height: 1.4; }
  #footer .otherLink {
    margin: 40px 20px 20px 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #e3c9b3; }
    #footer .otherLink ul li {
      margin: 0 0 0 10px; }
      #footer .otherLink ul li a {
        margin-right: 10px; }
  #footer a:link {
    color: #7D8464;
    text-decoration: none; }
  #footer a:hover {
    color: #bdc4a2;
    text-decoration: underline; }
  #footer .wrap .msg {
    float: right;
    margin: 0 20px 0 20px;
    text-align: right; }
    #footer .wrap .msg #copyright {
      margin-top: 20px; }
  #footer .wrap .social-btn {
    float: left;
    margin: 0 20px; }
    #footer .wrap .social-btn div {
      display: inline-block;
      width: 110px; }

ul.tag li {
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 1px 5px;
  font-size: fz(10);
  color: #555; }

.tagGift {
  background: #c6dfb7; }

.tagWedding {
  background: #e5b0bf; }

.tagDisplay {
  background: #e2ccab; }

ul.label li {
  margin-bottom: 5px;
  margin-right: 5px; }

.labelSchool,
.labelWedding,
.labelArtissory,
.labelShop,
.labelWebshop,
.labelDisplay,
.labelGift {
  height: 24px; }

.labelSchool {
  width: 92px;
  background: url(/share/images/label_job_school.png) no-repeat left top; }

.labelWedding {
  width: 110px;
  background: url(/share/images/label_job_wedding.png) no-repeat left top; }

.labelArtissory {
  width: 120px;
  background: url(/share/images/label_job_artissory.png) no-repeat left top; }

.labelShop {
  width: 93px;
  background: url(/share/images/label_job_shop.png) no-repeat left top; }

.labelWebshop {
  width: 120px;
  background: url(/share/images/label_job_webshop.png) no-repeat left top; }

.labelDisplay {
  width: 107px;
  background: url(/share/images/label_job_display.png) no-repeat left top; }

.labelGift {
  width: 117px;
  background: url(/share/images/label_job_gift.png) no-repeat left top; }

/* Recommend
============================================================== */
#pageRecommend .lead {
  margin: 0 0 40px; }

#pageRecommend .areaShop {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  behavior: url("/PIE.htc");
  border: 1px solid #d2b9bd; }
  #pageRecommend .areaShop .inner {
    padding: 13px 20px; }
  #pageRecommend .areaShop .boxSummary {
    position: relative;
    padding: 0; }
    #pageRecommend .areaShop .boxSummary .logo {
      float: left;
      margin: 0 20px 0 0;
      text-align: center; }
    #pageRecommend .areaShop .boxSummary .genre {
      float: left; }
    #pageRecommend .areaShop .boxSummary .explain {
      margin: 15px 0; }
    #pageRecommend .areaShop .boxSummary .sell span {
      padding: 0 0 0 18px; }
    #pageRecommend .areaShop .boxSummary .sell span.store {
      background: url(/share/images/ico_sell_store.png) no-repeat left 2px; }
    #pageRecommend .areaShop .boxSummary .sell span.web {
      background: url(/share/images/ico_sell_web.png) no-repeat left 2px; }
    #pageRecommend .areaShop .boxSummary .btnSite {
      position: relative;
      float: right;
      bottom: 2.5em;
      right: 20px; }
  #pageRecommend .areaShop .boxInfo {
    padding: 20px 0 0;
    border-top: 1px dotted #5d0c0d; }
    #pageRecommend .areaShop .boxInfo .content {
      float: left;
      width: 358px; }
      #pageRecommend .areaShop .boxInfo .content .title {
        margin: 0 0 10px;
        padding: 0 0 0 16px;
        background: url(/share/images/bg_h4.png) no-repeat 4px 5px;
        color: #966868;
        font-weight: bold; }
      #pageRecommend .areaShop .boxInfo .content table {
        margin-bottom: 15px; }
        #pageRecommend .areaShop .boxInfo .content table th {
          width: 70px; }
    #pageRecommend .areaShop .boxInfo .img li {
      margin-bottom: 5px; }

#pageRecommend .alignR {
  margin: -33px 0 40px; }

/* Sidebar
============================================================== */
#sidebar {
  margin-top: 0 !important; }
  #sidebar #areaBnrFacebook {
    margin: 0 0 15px; }
  #sidebar #areaBnrBlog {
    margin: 15px 0 15px; }
  #sidebar #areaBnrSchool {
    margin: 10px 0 0;
    padding-bottom: 15px;
    padding-top: 15px;
    border-top: 1px dotted #5d0c0d; }
  #sidebar .areaBnr {
    margin-bottom: 17px; }
    #sidebar .areaBnr ul {
      border: solid #e0c7b4;
      border-width: 1px 1px 0; }
    #sidebar .areaBnr li {
      border-bottom: 1px solid #e0c7b4; }
      #sidebar .areaBnr li a {
        display: block;
        padding: 3px; }

#home #sidebar {
  margin-top: 0 !important; }
  #home #sidebar #subNav {
    margin-bottom: 54px; }
    #home #sidebar #subNav li {
      margin-bottom: 10px; }
  #home #sidebar .section {
    margin-bottom: 30px; }
    #home #sidebar .section h2 {
      padding-top: 17px;
      border-top: 1px dotted #63081a; }
  #home #sidebar #areaSchoolRecommend ul {
    margin: 0 0 10px; }
    #home #sidebar #areaSchoolRecommend ul > li {
      padding: 10px 0 10px;
      border-bottom: 1px solid #ddd; }
      #home #sidebar #areaSchoolRecommend ul > li img {
        display: block;
        float: left;
        width: 34px;
        margin-top: 4px;
        border: 1px solid #d2b9bd; }
      #home #sidebar #areaSchoolRecommend ul > li p {
        float: right;
        width: 150px;
        line-height: 1.6;
        color: #444; }
        #home #sidebar #areaSchoolRecommend ul > li p span {
          display: block; }
      #home #sidebar #areaSchoolRecommend ul > li a:link,
      #home #sidebar #areaSchoolRecommend ul > li a:visited {
        color: #444; }
  #home #sidebar .areaPass h2 {
    margin-bottom: 17px; }
  #home #sidebar .areaPass li {
    display: block;
    margin-bottom: 9px; }

#home .btnBlock .btnLink {
  display: inline-block; }

#home .p-yokohama-contest {
  margin-bottom: 15px !important; }
  #home .p-yokohama-contest .c-imgList_item {
    width: 155px !important;
    margin-left: 0 !important;
    text-align: center; }
  #home .p-yokohama-contest .photo {
    display: block !important;
    float: none !important;
    margin: 0 auto; }
  #home .p-yokohama-contest .work {
    margin: 4px 0 !important; }
  #home .p-yokohama-contest .name {
    margin: 4px 0 !important; }

/* サイドバー内ローカルナビゲーション */
#sidebar {
  margin-top: 8px; }
  #sidebar .localNav {
    margin: 40px 0 15px !important; }
    #sidebar .localNav h2.mod-ttl {
      padding: 15px;
      border-top: 1px solid #9d5662;
      background: url(/share/images/bg_stripe.png) repeat left top;
      color: #660913;
      font-weight: bold; }
    #sidebar .localNav ul {
      border-bottom: 1px dotted #d3b9b9; }
      #sidebar .localNav ul li {
        border-top: 1px dotted #d3b9b9; }
      #sidebar .localNav ul a {
        display: block;
        width: 184px;
        padding: 10px 8px 9px 8px; }
        #sidebar .localNav ul a:link, #sidebar .localNav ul a:visited {
          color: #333;
          text-decoration: none; }
        #sidebar .localNav ul a:hover {
          background-color: #f4ece6;
          color: #bb4b00; }
        #sidebar .localNav ul a span {
          display: block;
          padding: 0 0 0 14px;
          background-position: 0 5px;
          line-height: 1.6; }
          #sidebar .localNav ul a span:hover {
            background-position: 1px 5px; }
  #sidebar > .localNav {
    margin: 0 0 15px !important; }

/* About
============================================================== */
#pageAbout h1.mod-ttl {
  margin: 40px 0 48px; }

#pageAbout .hoverZoom a {
  position: relative;
  display: block;
  top: 0;
  left: 0;
  border: 1px solid #6b7c28; }
  #pageAbout .hoverZoom a span {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 25px;
    height: 25px;
    background: #333 url(/about/images/layer_zoomin.png) no-repeat left top; }

#pageAbout .section .sectionBox {
  margin: 10px 0 15px; }

#pageAbout .pageTop {
  margin: 20px 0 0; }

#pageAbout #areaFeature .main {
  width: 400px; }

#pageAbout #areaFeature .sub {
  width: 200px; }

#pageAbout #areaScene ul.flatBox3 li {
  float: left;
  width: 196px;
  margin: 0 16px 16px 0; }
  #pageAbout #areaScene ul.flatBox3 li.end {
    margin-right: 0; }
  #pageAbout #areaScene ul.flatBox3 li h3 {
    margin: 10px 0 8px;
    border-bottom: 1px dotted #d2b9bd;
    font-weight: bold;
    font-size: fz(14); }
  #pageAbout #areaScene ul.flatBox3 li p {
    margin: 0; }

#pageAbout #areaScene ul.list li {
  width: 618px;
  margin-bottom: 20px; }
  #pageAbout #areaScene ul.list li .img {
    float: left;
    width: 162px; }
  #pageAbout #areaScene ul.list li .txt {
    float: right;
    width: 440px; }
  #pageAbout #areaScene ul.list li h3 {
    margin: 0 0 5px;
    font-size: fz(14);
    font-weight: bold;
    line-height: 1.3; }
  #pageAbout #areaScene ul.list li p {
    margin: 0 0 10px; }

#pageAbout #areaMaterial ul li {
  width: 300px;
  padding-left: 20px;
  margin-bottom: 20px; }
  #pageAbout #areaMaterial ul li .txt {
    float: right;
    width: 185px; }
    #pageAbout #areaMaterial ul li .txt h4.mod-ttl {
      margin-bottom: 5px; }
    #pageAbout #areaMaterial ul li .txt > p {
      margin-top: 0; }
  #pageAbout #areaMaterial ul li .img {
    float: left;
    width: 100px; }

#pageAbout #areaMaterial ul li.left {
  padding-left: 0; }

#pageAbout #areaCurriculum > .section {
  padding: 0; }

#pageAbout #areaCurriculum .box2 .section {
  padding-top: 0; }

#pageAbout #areaCurriculum h3 {
  margin-top: 30px;
  font-size: fz(14);
  font-weight: bold;
  color: #5d0c0d; }

#pageAbout #areaCurriculum .mod-boxClm2 .main {
  width: 332px; }
  #pageAbout #areaCurriculum .mod-boxClm2 .main ul li {
    width: 149px;
    margin-left: 16px; }

#pageAbout #areaCurriculum .mod-boxClm2 .sub {
  width: 263px; }

#pageAbout #areaCurriculum #aboutFlowrist p,
#pageAbout #areaCurriculum #aboutArtissory p {
  padding: 0 5px; }

#pageAbout #areaJafa #areaMission h4 {
  margin-top: 15px;
  text-align: center;
  font-size: fz(14);
  font-weight: bold;
  color: #a81900;
  line-height: 1.4; }

#pageAbout #areaJafa .action03 p {
  float: left;
  width: 328px;
  margin: 0;
  padding: 0; }

#pageAbout #areaJafa .action03 .mod-boxClm2 {
  float: right;
  width: 250px; }
  #pageAbout #areaJafa .action03 .mod-boxClm2 li {
    float: left;
    width: 120px;
    margin-left: 10px; }
    #pageAbout #areaJafa .action03 .mod-boxClm2 li:first-child {
      margin-left: 0; }
  #pageAbout #areaJafa .action03 .mod-boxClm2 img {
    border: 1px solid #d2b9bd; }

/* Curriculum
============================================================== */
#pageCurriculum h1.mod-ttl {
  margin: 40px 0 48px; }

#pageCurriculum ul.subNav {
  margin-top: 46px; }
  #pageCurriculum ul.subNav li {
    float: left;
    display: block;
    height: 52px; }
    #pageCurriculum ul.subNav li a {
      display: block;
      height: 52px; }
  #pageCurriculum ul.subNav #feature {
    width: 206px;
    background: url(/curriculum/images/sub_nav_01.png) no-repeat left top; }
    #pageCurriculum ul.subNav #feature a {
      width: 206px;
      background: url(/curriculum/images/sub_nav_01_o.png) no-repeat left top; }
  #pageCurriculum ul.subNav #course {
    width: 205px;
    background: url(/curriculum/images/sub_nav_02.png) no-repeat left top; }
    #pageCurriculum ul.subNav #course a {
      width: 205px;
      background: url(/curriculum/images/sub_nav_02_o.png) no-repeat left top; }
  #pageCurriculum ul.subNav #apply {
    width: 206px;
    background: url(/curriculum/images/sub_nav_03.png) no-repeat left top; }
    #pageCurriculum ul.subNav #apply a {
      width: 206px;
      background: url(/curriculum/images/sub_nav_03_o.png) no-repeat left top; }
  #pageCurriculum ul.subNav .btnFade a {
    opacity: 0;
    -webkit-transition: opacity .2s linear; }
    #pageCurriculum ul.subNav .btnFade a:hover {
      opacity: 1;
      -webkit-transition: opacity .2s linear; }

#pageCurriculum #areaFeature h2 {
  margin-bottom: 30px; }

#pageCurriculum #areaFeature ul > li {
  width: 185px;
  margin-left: 14px; }
  #pageCurriculum #areaFeature ul > li h3 {
    margin-bottom: 9px;
    text-align: center; }

#pageCurriculum #areaFeature p > img {
  border: 1px solid #debba5; }

#pageCurriculum #areaFeature dt {
  margin: 10px 0;
  font-weight: bold;
  color: #a81900; }

#pageCurriculum #areaFeature #curriculum {
  padding: 0; }
  #pageCurriculum #areaFeature #curriculum .cornerCurriculum {
    margin-bottom: 50px;
    padding: 4px;
    background: url(/share/images/bg_stripe_02.png) repeat left top; }
    #pageCurriculum #areaFeature #curriculum .cornerCurriculum .content {
      padding: 30px 30px 10px;
      background: #fff; }
      #pageCurriculum #areaFeature #curriculum .cornerCurriculum .content .explain {
        width: 349px;
        min-height: 289px;
        padding-right: 203px;
        background: url(/curriculum/images/img_index_curriculum_01.png) no-repeat right top; }
        #pageCurriculum #areaFeature #curriculum .cornerCurriculum .content .explain h4 {
          margin-bottom: 32px; }
        #pageCurriculum #areaFeature #curriculum .cornerCurriculum .content .explain ol {
          width: 329px;
          margin: 30px 0; }
          #pageCurriculum #areaFeature #curriculum .cornerCurriculum .content .explain ol li {
            margin: 0 0 6px;
            padding: 0 0 0 24px;
            color: #a91900; }
          #pageCurriculum #areaFeature #curriculum .cornerCurriculum .content .explain ol li.no1 {
            background: url(/share/images/ico_no_01.png) no-repeat left 1px; }
          #pageCurriculum #areaFeature #curriculum .cornerCurriculum .content .explain ol li.no2 {
            background: url(/share/images/ico_no_02.png) no-repeat left 1px; }
      #pageCurriculum #areaFeature #curriculum .cornerCurriculum .content .technic {
        position: relative;
        padding: 28px 0;
        background: #f5f2ed; }
        #pageCurriculum #areaFeature #curriculum .cornerCurriculum .content .technic .deco {
          position: absolute;
          top: 0;
          left: 0;
          margin: -1px 0 0 -1px; }
        #pageCurriculum #areaFeature #curriculum .cornerCurriculum .content .technic .wrapper {
          margin: 19px 25px 0; }
        #pageCurriculum #areaFeature #curriculum .cornerCurriculum .content .technic strong {
          color: #a71903; }
      #pageCurriculum #areaFeature #curriculum .cornerCurriculum .content .bouquet h4 {
        margin: 0 0 0 69px; }
      #pageCurriculum #areaFeature #curriculum .cornerCurriculum .content .bouquet .txt {
        float: right;
        width: 275px;
        margin: 0; }
      #pageCurriculum #areaFeature #curriculum .cornerCurriculum .content .bouquet .img {
        float: left;
        width: 205px; }
      #pageCurriculum #areaFeature #curriculum .cornerCurriculum .content .arrange {
        margin-bottom: 20px; }
        #pageCurriculum #areaFeature #curriculum .cornerCurriculum .content .arrange h4 {
          margin: 0 0 0 62px; }
        #pageCurriculum #areaFeature #curriculum .cornerCurriculum .content .arrange .txt {
          margin: 0; }
    #pageCurriculum #areaFeature #curriculum .cornerCurriculum h3 {
      margin-bottom: 37px;
      padding: 9px 0 17px;
      border-bottom: 1px dotted #d2b9bd;
      text-align: center; }
  #pageCurriculum #areaFeature #curriculum .sectionBox {
    margin: 15px 0 30px; }
  #pageCurriculum #areaFeature #curriculum .mod-boxClm2 {
    position: relative;
    left: 50%;
    float: left; }
    #pageCurriculum #areaFeature #curriculum .mod-boxClm2 li {
      position: relative;
      left: -50%;
      float: left; }
      #pageCurriculum #areaFeature #curriculum .mod-boxClm2 li:first-child {
        margin-left: 0; }
  #pageCurriculum #areaFeature #curriculum .arrange li {
    width: 200px;
    margin-left: 20px;
    padding: 10px;
    border: 1px solid #ccc;
    text-align: center; }
    #pageCurriculum #areaFeature #curriculum .arrange li img {
      padding-top: 15px; }
  #pageCurriculum #areaFeature #curriculum .bouquet li {
    width: 101px;
    margin-left: 3px;
    text-align: center; }

#pageCurriculum #areaCourseIntro .flowlist {
  display: block;
  float: left;
  width: 322px; }

#pageCurriculum #areaCourseIntro .artissory {
  display: block;
  float: right;
  width: 234px; }

#pageCurriculum #areaFlowlist .inner {
  background: url(/share/images/bg_stripe.png) repeat left top; }

#pageCurriculum #areaFlowlist .courseChoice {
  margin: 15px 0;
  color: #660913;
  text-align: center; }
  #pageCurriculum #areaFlowlist .courseChoice span {
    font-size: fz(16);
    display: block;
    font-weight: bold; }

#pageCurriculum #areaArtissory .inner {
  background: url(/share/images/bg_stripe_artissory.png) repeat left top; }

#pageCurriculum .mod-course .inner {
  padding: 0 20px 20px; }
  #pageCurriculum .mod-course .inner .visual {
    margin: 0 0 20px; }

#pageCurriculum .mod-course h3.img {
  padding: 40px 0 20px;
  text-align: center; }

#pageCurriculum .mod-course h4 {
  padding: 0 0 10px;
  text-align: center; }

#pageCurriculum .mod-course .mod-courseArea {
  margin: 40px 0 0;
  padding: 38px 0 0;
  border-top: 1px dotted #5d0c0d; }
  #pageCurriculum .mod-course .mod-courseArea .mod-courseDetail {
    margin: 30px 0;
    padding: 20px 19px;
    background: #fff; }
    #pageCurriculum .mod-course .mod-courseArea .mod-courseDetail .img {
      float: left;
      width: 192px;
      margin-bottom: 20px; }
    #pageCurriculum .mod-course .mod-courseArea .mod-courseDetail .text {
      float: right;
      width: 298px; }
    #pageCurriculum .mod-course .mod-courseArea .mod-courseDetail dl.content {
      margin: 15px 0 10px;
      padding: 10px 0 10px;
      border-top: 1px dotted #d3b9b9; }
      #pageCurriculum .mod-course .mod-courseArea .mod-courseDetail dl.content dd {
        margin: 0;
        padding-left: 1em;
        text-indent: -1em; }
    #pageCurriculum .mod-course .mod-courseArea .mod-courseDetail .cellCredits {
      width: 2em; }
    #pageCurriculum .mod-course .mod-courseArea .mod-courseDetail .cellCost {
      width: 5em; }

#pageCurriculum .mod-course .areaDiploma {
  margin: 30px 0 0; }
  #pageCurriculum .mod-course .areaDiploma h3 {
    margin-bottom: 15px; }
  #pageCurriculum .mod-course .areaDiploma .right {
    width: 370px; }

#pageCurriculum #areaAdmission ul.expense {
  margin-top: 20px; }
  #pageCurriculum #areaAdmission ul.expense > li {
    width: 237px;
    margin-left: 10px;
    padding: 14px 23px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    behavior: url("/PIE.htc");
    border: 1px solid #d3b9b9; }
    #pageCurriculum #areaAdmission ul.expense > li img {
      padding-right: 15px; }

#areaFlow ol {
  width: 518px;
  margin: 20px auto 0; }
  #areaFlow ol > li {
    padding: 16px 0 9px;
    background: url(/curriculum/images/ico_arrow_under.png) no-repeat center top; }
    #areaFlow ol > li .inner {
      padding: 10px 0;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      behavior: url("/PIE.htc");
      border: 1px solid #d3b9b9; }
      #areaFlow ol > li .inner h4 {
        float: left;
        width: 64px;
        padding: 6px 0 0 22px;
        font-size: fz(14);
        line-height: 1;
        color: #a81900;
        font-family: serif; }
      #areaFlow ol > li .inner .text {
        float: right;
        width: 397px;
        padding: 6px 10px 0 20px;
        border-left: 1px dotted #d3b9b9; }
        #areaFlow ol > li .inner .text dl {
          margin-bottom: 6px; }
          #areaFlow ol > li .inner .text dl dt {
            margin-bottom: 10px; }
          #areaFlow ol > li .inner .text dl h5 {
            margin-top: 10px;
            font-weight: bold; }
          #areaFlow ol > li .inner .text dl p {
            margin: 0 0 10px; }
    #areaFlow ol > li:first-child {
      padding-top: 0;
      background: none; }
    #areaFlow ol > li#stepEnd {
      padding-top: 7px; }
      #areaFlow ol > li#stepEnd .inner {
        border: none; }
        #areaFlow ol > li#stepEnd .inner h4 {
          padding: 0; }

/* School
============================================================== */
#pageSchool h1.mod-ttl {
  margin: 40px 0 48px; }

#pageSchool .lead {
  margin: 0 0 0; }

#pageSchool #content .subNav {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  behavior: url("/PIE.htc");
  margin: 20px 0 0;
  padding: 9px 0;
  border: 1px solid #d2b9bd; }
  #pageSchool #content .subNav .director {
    float: left;
    padding: 9px 25px;
    line-height: 1.8; }
  #pageSchool #content .subNav .general {
    float: left;
    border-left: 1px dotted #5d0c0d;
    padding: 9px 20px; }
    #pageSchool #content .subNav .general .title {
      float: left;
      line-height: 1.8; }
    #pageSchool #content .subNav .general ul {
      float: left;
      margin-left: 20px; }
      #pageSchool #content .subNav .general ul li {
        float: left;
        padding-right: 4px; }

#pageSchool .section > .inner {
  padding: 16px;
  background: url(/share/images/bg_stripe.png) repeat left top; }
  #pageSchool .section > .inner h2 {
    margin: 16px 0 0 13px; }
  #pageSchool .section > .inner .listSchool {
    margin-top: 20px;
    background: #fff; }
    #pageSchool .section > .inner .listSchool > li {
      position: relative;
      margin: 0;
      padding: 20px 20px 17px;
      border-top: 1px dotted #d2b9bd; }
      #pageSchool .section > .inner .listSchool > li:first-child {
        border-top: none; }
      #pageSchool .section > .inner .listSchool > li .area {
        float: left;
        width: 100px;
        color: #5d0c0d; }
      #pageSchool .section > .inner .listSchool > li .content {
        float: right;
        width: 434px; }
        #pageSchool .section > .inner .listSchool > li .content .info {
          margin: 10px 0 0; }
        #pageSchool .section > .inner .listSchool > li .content .name {
          margin: 0 0 5px;
          color: #5d0c0d;
          font-weight: bold;
          font-size: fz(14); }
        #pageSchool .section > .inner .listSchool > li .content .phone {
          padding-left: 10px; }
        #pageSchool .section > .inner .listSchool > li .content .linkDetail {
          float: right;
          bottom: 20px;
          right: 0; }
          #pageSchool .section > .inner .listSchool > li .content .linkDetail a {
            width: 75px;
            height: 13px;
            background: url(/school/images/btn_link_detail.png) no-repeat top left; }
  #pageSchool .section > .inner .alignR {
    margin: 15px 0 0; }

#pageSchool #areaGeneral h3 {
  margin: 30px 0 15px; }

#pageSchool #sidebar .ttl {
  border-top: 1px solid #9d5662;
  padding: 14px 15px;
  background: #fafafa;
  font-weight: bold;
  color: #5d0c0d; }

#pageSchool .linkArea:active, #pageSchool .linkArea:hover {
  cursor: pointer; }
  #pageSchool .linkArea:active .icoLinkArrow, #pageSchool .linkArea:hover .icoLinkArrow {
    background-position: right center; }

#pageSchool .school-area-ttl {
  font-size: fz(15); }

#pageSchool #artissoryDesigner .inner {
  background: url(/share/images/bg_stripe_artissory.png) repeat left top !important; }

#pageSchool .heading-job {
  margin-bottom: 24px !important;
  font-size: fz(20); }

#pageSchool .heading-area {
  margin-bottom: 10px;
  font-size: fz(15); }

#pageSchool .districtSection {
  margin-bottom: 24px; }

/* Exam
============================================================== */
#pageExam .article > .section > .section {
  padding: 0; }

#pageExam h1.mod-ttl {
  margin: 40px 0 48px; }

#pageExam #areaAbout .left {
  width: 370px; }

#pageExam #areaAbout .img {
  float: right;
  width: 220px; }

#pageExam #areaExam .fee ul {
  margin-bottom: 20px; }
  #pageExam #areaExam .fee ul li {
    float: left;
    padding-left: 30px;
    background: url(/share/images/ico_plus.png) no-repeat 10px center; }
    #pageExam #areaExam .fee ul li span {
      display: block;
      padding: 0 13px;
      border: 1px solid #d3b9b9;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      behavior: url("/PIE.htc"); }
    #pageExam #areaExam .fee ul li:first-child {
      padding-left: 0;
      background: none; }
  #pageExam #areaExam .fee ul .last {
    background: url(/share/images/ico_equal.png) no-repeat 10px center; }
    #pageExam #areaExam .fee ul .last span {
      border-width: 2px; }

.mod-pickup {
  position: relative;
  background: #f5f1ed;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  behavior: url("/PIE.htc"); }
  .mod-pickup .inner {
    padding: 20px 0 10px; }
  .mod-pickup .deco {
    position: absolute;
    top: 0;
    left: 0;
    margin: -1px 0 0 -1px; }
  .mod-pickup .ttl {
    margin: 5px 30px 23px;
    padding: 0 0 11px 38px;
    border-bottom: 1px dotted #5d0c0d;
    font-weight: bold;
    font-size: fz(14); }
  .mod-pickup .content {
    padding: 0 35px; }
  .mod-pickup strong {
    color: #660913; }
  .mod-pickup .mod-decoPoint {
    position: absolute;
    top: 0;
    left: 0;
    width: 68px;
    height: 63px;
    margin: -1px 0 0 -1px;
    background: url(/member/images/img_deco_point.png) no-repeat left top; }

ol.listFlow {
  margin: 20px auto 0; }
  ol.listFlow > li {
    padding: 16px 0 9px;
    background: url(/curriculum/images/ico_arrow_under.png) no-repeat center top; }
    ol.listFlow > li .inner {
      padding: 10px 0;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      behavior: url("/PIE.htc");
      border: 1px solid #d3b9b9; }
      ol.listFlow > li .inner h4 {
        float: left;
        width: 64px;
        padding: 9px 0 0 24px; }
      ol.listFlow > li .inner .txt {
        float: right;
        width: 500px;
        padding: 6px 10px 0 20px;
        border-left: 1px dotted #d3b9b9; }
        ol.listFlow > li .inner .txt dl {
          margin-bottom: 6px; }
          ol.listFlow > li .inner .txt dl dt {
            font-size: fz(14);
            font-weight: bold;
            color: #660913;
            margin-bottom: 10px;
            line-height: 1.2; }
          ol.listFlow > li .inner .txt dl h5 {
            margin-top: 10px;
            font-weight: bold; }
          ol.listFlow > li .inner .txt dl p {
            margin: 0 0 10px; }
      ol.listFlow > li .inner .ttl {
        margin: 9px 0 0 24px; }
    ol.listFlow > li:first-child {
      padding-top: 0;
      background: none; }
    ol.listFlow > li#stepEnd .inner {
      background: url(/share/images/bg_stripe_flow.png) repeat left top;
      padding: 3px;
      border: none; }
      ol.listFlow > li#stepEnd .inner .content {
        padding: 8px 0 6px;
        background: #fff; }
      ol.listFlow > li#stepEnd .inner h4 {
        padding: 0; }
  ol.listFlow .step1 .ttl {
    width: 39px;
    height: 9px;
    background: url(/share/images/bg_ttl_step01.png) no-repeat left top; }
  ol.listFlow .step2 .ttl {
    width: 39px;
    height: 9px;
    background: url(/share/images/bg_ttl_step02.png) no-repeat left top; }
  ol.listFlow .step3 .ttl {
    width: 39px;
    height: 9px;
    background: url(/share/images/bg_ttl_step03.png) no-repeat left top; }
  ol.listFlow .step4 .ttl {
    width: 39px;
    height: 9px;
    background: url(/share/images/bg_ttl_step04.png) no-repeat left top; }

/* FAQ
============================================================== */
#pageFaq #content .subNav li {
  margin-bottom: 6px; }
  #pageFaq #content .subNav li a {
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    behavior: url("/PIE.htc");
    border: 1px solid #d2b9bd;
    padding: 13px 13px 12px 46px; }
    #pageFaq #content .subNav li a:hover {
      opacity: 0.9; }

#pageFaq #content .subNav #catFlower {
  background: url(/share/images/ico_faq_flower.png) no-repeat 14px 14px; }

#pageFaq #content .subNav #catCurriculum {
  background: url(/share/images/ico_faq_curriculum.png) no-repeat 14px 14px; }

#pageFaq #content .subNav #catExam {
  background: url(/share/images/ico_faq_exam.png) no-repeat 14px 14px; }

#pageFaq #content .subNav #catOther {
  background: url(/share/images/ico_faq_other.png) no-repeat 14px 14px; }

#pageFaq h2.mod-ttl span {
  padding: 0 0 0 38px; }

#pageFaq #areaFlower h2.mod-ttl span {
  background: url(/share/images/ico_faq_flower.png) no-repeat 6px 6px; }

#pageFaq #areaCurriculum h2.mod-ttl span {
  background: url(/share/images/ico_faq_curriculum.png) no-repeat 6px 6px; }

#pageFaq #areaExam h2.mod-ttl span {
  background: url(/share/images/ico_faq_exam.png) no-repeat 6px 6px; }

#pageFaq #areaOther h2.mod-ttl span {
  background: url(/share/images/ico_faq_other.png) no-repeat 6px 6px; }

#pageFaq .listQA {
  margin-bottom: 10px; }
  #pageFaq .listQA dt {
    margin-bottom: 10px;
    padding: 5px 6px;
    background: #faf2ec;
    color: #5d0c0d; }
    #pageFaq .listQA dt span {
      padding-right: 10px;
      font-weight: bold; }
  #pageFaq .listQA dd {
    margin-bottom: 25px; }
    #pageFaq .listQA dd span {
      float: left;
      display: block; }
    #pageFaq .listQA dd p {
      float: right;
      width: 544px;
      margin: 0; }

#pageFaq .listQA dd span {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  behavior: url("/PIE.htc");
  padding: 3px 10px;
  font-size: fz(14);
  font-weight: bold;
  color: #fff; }

#pageFaq #areaFlower dd span {
  background: #ae7d8f; }

#pageFaq #areaCurriculum dd span {
  background: #c49a79; }

#pageFaq #areaExam dd span {
  background: #a7bb90; }

#pageFaq #areaOther dd span {
  background: #72808d; }

/* Privacy Policy プライバシーポリシー
============================================================== */
#pagePrivacy #content dd {
  margin: 0 0 15px; }
  #pagePrivacy #content dd li {
    padding-left: 1.5em;
    text-indent: -1.5em; }

/* Pass 合格者一覧
============================================================== */
.pagePass .ttlImage {
  margin: -8px 0 37px;
  padding: 6px; }

.pagePass .lead {
  margin-bottom: 35px; }

.pagePass #content .subNav {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  behavior: url("/PIE.htc");
  margin: 0 0 40px;
  padding: 9px 0;
  border: 1px solid #d2b9bd; }
  .pagePass #content .subNav ul {
    float: left;
    margin-left: 20px; }
    .pagePass #content .subNav ul li {
      float: left;
      padding-right: 4px; }

.pagePass .listMember {
  overflow: hidden;
  margin: -10px 0 14px; }
  .pagePass .listMember li {
    float: left;
    width: 300px;
    margin: 0 0 0 0;
    border-bottom: 1px dotted #e3c9b3; }
  .pagePass .listMember .name {
    float: left;
    width: 102px;
    padding: 12px 0 10px 18px; }
  .pagePass .listMember .area {
    float: right;
    width: 176px;
    padding: 12px 0 10px 4px;
    color: #966868; }
  .pagePass .listMember .rightColumn {
    margin-left: 20px; }

#pagePassFlorist .ttlImage {
  background: #f4ece6; }

#pagePassArtissory .ttlImage {
  background: #eee3e3; }

/* Template Module
============================================================== */
.box3 .box {
  float: left;
  width: 200px;
  padding-left: 9px; }
  .box3 .box:first-child {
    padding-left: 0; }

/* Table */
.mod-tableBasic {
  width: 100%;
  border-top: 1px solid #e3c9b3;
  border-left: 1px solid #e3c9b3; }
  .mod-tableBasic thead th {
    padding: 8px 12px 8px 10px;
    border-right: 1px solid #e3c9b3;
    border-bottom: 1px solid #e3c9b3;
    background: #f1e4d9;
    color: #a06143;
    text-align: center;
    white-space: nowrap; }
  .mod-tableBasic tbody th, .mod-tableBasic tbody td {
    padding: 8px 8px 8px 12px;
    border-right: 1px solid #e3c9b3;
    border-bottom: 1px solid #e3c9b3; }
  .mod-tableBasic tbody th {
    background: #f1e4d9;
    color: #a06143;
    font-weight: bold;
    white-space: nowrap; }

/* Image Zoom */
.imgHeight .hoverZoom {
  width: 136px; }

.imgSquare .hoverZoom {
  width: 159px; }

.imgWidth .hoverZoom {
  width: 182px; }

.hoverZoom.mini {
  clear: both;
  margin: 20px 0 0 0;
  position: relative;
  top: 0;
  left: -20% !important; }

.hoverZoom {
  position: relative; }

.hoverZoom a {
  position: relative;
  display: block;
  top: 0;
  left: 0;
  /*border: 1px solid #8d2c1b;*/ }

.hoverZoom span {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 25px;
  height: 25px;
  background: #333 url(/about/images/layer_zoomin.png) no-repeat left top; }
  .hoverZoom span:hover {
    cursor: pointer; }

.hoverZoom a:before {
  display: block;
  content: " ";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 25px;
  height: 25px;
  background: #000 url(/about/images/layer_zoomin.png) no-repeat left top;
  z-index: 10;
  opacity: 0.5;
  -webkit-transition: opacity .2s linear;
  transition: opacity .2s linear; }

.hoverZoom a:hover:before {
  opacity: 0.8;
  -webkit-transition: opacity .2s linear;
  transition: opacity .2s linear; }

/* Entry
============================================================== */
#pageNews .entry {
  margin: 0 0 30px; }
  #pageNews .entry > .section {
    margin: 0 0 30px; }

#pageNews #areaInfo {
  margin: -10px 0 20px; }
  #pageNews #areaInfo ul li {
    float: left;
    margin-left: 20px;
    line-height: 1.2; }
    #pageNews #areaInfo ul li img {
      vertical-align: baseline; }
    #pageNews #areaInfo ul li:first-child {
      margin-left: 0; }

#pageNews .entry .img {
  float: right;
  width: 200px; }
  #pageNews .entry .img li {
    margin-bottom: 10px; }

#pageNews .entry .label span {
  display: block;
  height: 16px; }

#pageNews .entry .label .info {
  width: 57px;
  background: url(/share/images/label_info.png) no-repeat left top; }

#pageNews .entry .label .report {
  width: 57px;
  background: url(/share/images/label_report.png) no-repeat left top; }

#pageNews .entry .label .media {
  width: 82px;
  background: url(/share/images/label_media.png) no-repeat left top; }

#pageNews .entry .right {
  float: right;
  margin-left: 10px;
  overflow: hidden; }

#pageNews .entry .left {
  float: left;
  margin-right: 10px;
  overflow: hidden; }

#pageNews .listImg li {
  margin-bottom: 15px;
  font-size: fz(11); }

#pageNews .photoClm4 {
  margin: 10px 0; }
  #pageNews .photoClm4 li {
    margin-left: 9px; }
    #pageNews .photoClm4 li a {
      display: block;
      border: 1px solid #e3d3b2; }
      #pageNews .photoClm4 li a:hover {
        border: 1px solid #6b7c28; }

#newsAfContest dl.box {
  margin: 14px 0; }
  #newsAfContest dl.box dt {
    font-size: fz(14);
    font-weight: bold; }

#newsAfContest .areaFeature {
  padding: 30px 30px 15px;
  background: url(/share/images/bg_stripe.png) repeat left top; }
  #newsAfContest .areaFeature h2.ttl {
    margin: 0 auto;
    padding: 10px 0 0;
    text-align: center; }
  #newsAfContest .areaFeature h3.ttlCat {
    margin: 0 auto;
    padding: 20px 0 20px;
    text-align: center; }
  #newsAfContest .areaFeature .category ul {
    width: 100%;
    margin-left: 2px;
    margin-bottom: 20px; }
  #newsAfContest .areaFeature .category li {
    width: 280px; }
  #newsAfContest .areaFeature .period {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #5d0c0d; }
    #newsAfContest .areaFeature .period .ttl {
      display: inline-block;
      margin: 0 0.6em 0 0;
      padding: 0 0.6em;
      background: #5d0c0d;
      line-height: 1.8;
      color: #fff;
      font-weight: normal; }
  #newsAfContest .areaFeature .regulations .boxPickup {
    margin: 20px 0;
    padding: 20px 20px 10px;
    border: 1px solid #d3b9b9;
    border-radius: 3px;
    background: #fff;
    width: 518px; }
    #newsAfContest .areaFeature .regulations .boxPickup p {
      font-weight: bold; }
  #newsAfContest .areaFeature .regulations li {
    width: 100%;
    margin-bottom: 0; }
  #newsAfContest .areaFeature .flow ol.listFlow li .inner {
    background: #fff; }
  #newsAfContest .areaFeature .flow ol.listFlow > li .inner h4 {
    width: 95px;
    padding: 6px 0 0 15px;
    color: #a81900; }
  #newsAfContest .areaFeature .flow ol.listFlow > li .inner .txt {
    width: 403px; }
    #newsAfContest .areaFeature .flow ol.listFlow > li .inner .txt p {
      margin-bottom: 5px; }

#newsAfContest .areaMethod .box {
  margin: 0 0 20px; }

#newsAfContest .areaMethod .boxSpecial {
  margin: 10px 0;
  padding: 5px;
  background: url(/share/images/bg_stripe.png) repeat left top; }
  #newsAfContest .areaMethod .boxSpecial .inner {
    padding: 8px 0;
    border: 1px solid #d3b9b9;
    border-radius: 3px;
    background: #fff; }
  #newsAfContest .areaMethod .boxSpecial table th {
    padding: 1em 20px;
    border-right: 1px dotted #d2b9bd;
    vertical-align: middle;
    font-weight: bold;
    color: #5d0c0d;
    text-align: center; }
  #newsAfContest .areaMethod .boxSpecial table td {
    padding: 1.5em 20px;
    vertical-align: middle; }
    #newsAfContest .areaMethod .boxSpecial table td strong {
      color: #a81900;
      font-size: fz(16); }

#newsAfContest .areaMethod .boxOther {
  margin: 20px 0 40px; }
  #newsAfContest .areaMethod .boxOther th {
    white-space: normal; }

/* Title
============================================================== */
.pageContest h1.ttl {
  margin: 0 auto;
  padding: 30px 0 40px;
  text-align: center; }

.pageContest .p-prize_comment {
  padding-top: 18px;
  border-top: 1px dotted #5d0c0d; }
  .pageContest .p-prize_comment .ttl {
    padding: 0 0 0 24px;
    background: url(/news/images/ico_comment.png) no-repeat left top;
    font-size: fz(13); }

.pageContest .p-prize_img img {
  padding: 4px;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  behavior: url("/PIE.htc"); }

.pageContest .entry .boxGold {
  padding: 10px 10px;
  background: url(/news/2013/images/contest_bg_stripe01.png) repeat left top; }
  .pageContest .entry .boxGold .inner {
    width: 539px;
    padding: 30px;
    border-bottom: 1px solid #d4cead;
    border-right: 1px solid #d4cead; }
  .pageContest .entry .boxGold .wrap .txt {
    float: right; }
  .pageContest .entry .boxGold .wrap .img {
    float: left !important; }
  .pageContest .entry .boxGold .title {
    position: relative;
    padding: 0 0 20px 100px;
    height: 80px; }
    .pageContest .entry .boxGold .title .ttl {
      position: absolute;
      top: 0;
      left: 0; }

.pageContest .entry .boxSilver {
  padding: 10px 10px;
  background: url(/news/2013/images/contest_bg_stripe02.png) repeat left top; }
  .pageContest .entry .boxSilver .inner {
    border-bottom: 1px solid #d4d9de;
    border-right: 1px solid #d4d9de; }
  .pageContest .entry .boxSilver .wrap .txt {
    float: right;
    width: 326px; }
  .pageContest .entry .boxSilver .wrap .img {
    float: left !important;
    width: 190px !important; }

.pageContest .entry .boxBronze {
  padding: 10px 10px;
  background: url(/news/2013/images/contest_bg_stripe03.png) repeat left top; }
  .pageContest .entry .boxBronze .inner {
    border-bottom: 1px solid #d9cdc1;
    border-right: 1px solid #d9cdc1; }
  .pageContest .entry .boxBronze .wrap .txt {
    float: right;
    width: 357px; }
  .pageContest .entry .boxBronze .wrap .img {
    float: left !important;
    width: 156px !important; }

.pageContest .entry .boxGreen {
  padding: 10px 10px;
  background: url(/news/images/contest_bg_stripe_green.png) repeat left top; }
  .pageContest .entry .boxGreen .inner {
    border-bottom: 1px solid #d9cdc1;
    border-right: 1px solid #d9cdc1; }
  .pageContest .entry .boxGreen .wrap .txt {
    float: right;
    width: 357px; }
  .pageContest .entry .boxGreen .wrap .img {
    float: left !important;
    width: 156px !important; }

.pageContest .entry .boxPrizeCompany {
  margin: 30px 0 !important;
  padding: 0; }
  .pageContest .entry .boxPrizeCompany .box {
    padding: 22px 0 0; }
  .pageContest .entry .boxPrizeCompany .img {
    float: left; }
  .pageContest .entry .boxPrizeCompany .txt {
    float: right; }

.pageContest .entry .lead {
  margin: 10px 0 30px !important; }

.pageContest .entry .inner {
  width: 600px;
  padding: 0;
  background: #fff; }
  .pageContest .entry .inner h2.ttl {
    padding: 7px 6px 0; }
  .pageContest .entry .inner .box {
    padding: 25px 25px; }

.pageContest .entry .title {
  padding-bottom: 20px; }
  .pageContest .entry .title .work {
    margin: 0;
    font-size: fz(16);
    font-weight: bold;
    color: #5d0c0d; }
  .pageContest .entry .title .name {
    margin: 0;
    font-weight: bold;
    color: #5d0c0d; }

.pageContest .entry .hoverZoom span {
  right: 6px;
  bottom: 8px; }
  .pageContest .entry .hoverZoom span:hover {
    cursor: pointer; }

.pageContest .entry .explain {
  border-top: 1px dotted #5d0c0d;
  padding: 20px 0 0; }

.pageContest .entry .review {
  font-weight: bold; }

.pageContest .entry .comment {
  margin: 15px 0 0;
  padding: 14px 22px 14px;
  background: #fcf9f6; }
  .pageContest .entry .comment .ttl {
    margin: 0 0 15px; }
  .pageContest .entry .comment p {
    padding: 0 10px; }
  .pageContest .entry .comment .school {
    padding: 0 10px;
    text-align: right; }

.pageContest .entry .generalComment {
  margin: 42px 0 0 !important; }

.pageContest #AFContest1st-result .entry-lead {
  margin-bottom: 42px; }
  .pageContest #AFContest1st-result .entry-lead .img {
    float: right;
    width: 280px; }
  .pageContest #AFContest1st-result .entry-lead .txt {
    float: left;
    width: 320px;
    padding-right: 20px; }

.pageContest #AFContest1st-result .boxGold .title {
  padding-top: 0; }

.pageContest #AFContest1st-result .staffVoice {
  margin-top: 50px;
  padding: 23px 22px;
  background: #fcf9f6;
  color: #251818; }
  .pageContest #AFContest1st-result .staffVoice .ttl {
    padding: 0 0 4px 58px;
    background: url(/news/images/ttl_ico_voice.png) no-repeat left top;
    font-weight: bold; }

/* Contact お問い合わせ
============================================================== */
#pageContact #main {
  width: 660px; }

.tableForm {
  border-top: 1px dotted #e3c9b3; }
  .tableForm th,
  .tableForm td {
    padding: 1em;
    border-bottom: 1px dotted #e3c9b3;
    font-size: fz(14); }
  .tableForm th {
    background: #f8f2ed; }
  .tableForm thead th {
    background: #efe2d9;
    text-align: center;
    font-weight: bold;
    color: #660913; }
  .tableForm tbody td {
    background: #fdfaf8; }
  .tableForm tr.blank td {
    height: 5px;
    padding: 0;
    font-size: 1px; }

span.caution {
  color: #e12100; }

span.notes {
  font-size: fz(11); }

td span.notes {
  padding: 0 0 0 5px; }

.btnArea {
  margin: 44px 0 0;
  text-align: center; }

#btnConfirm {
  width: 172px;
  height: 41px;
  border: 0;
  background: url(/form_php/images/btn_form_confirm.png) no-repeat left top; }

#btnPrev {
  width: 92px;
  height: 41px;
  border: 0;
  background: url(/form_php/images/btn_form_prev.png) no-repeat left top; }

#btnSubmit {
  width: 92px;
  height: 41px;
  border: 0;
  background: url(/form_php/images/btn_form_submit.png) no-repeat left top; }

input.btn:hover {
  cursor: pointer; }

.boxMessage {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  behavior: url("/PIE.htc");
  padding: 45px 85px 35px;
  border: 1px solid #d2b9bd;
  text-align: center; }
  .boxMessage p {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px dotted #000000; }

.form_text {
  width: 100%; }

.contact-indicator-confirm,
.contact-indicator-finish {
  margin: 20px 0 40px; }

#pageContact #main h2, #pageContact #main h3 {
  font-weight: bold; }

#pageContact #main h2 {
  font-size: fz(16); }

#pageContact #main .sectionBox {
  margin: 20px 0; }

html {
  font-size: 62.5%;
  overflow: auto;
  height: auto; }

body {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
  font-family: helvetica,“ヒラギノ角ゴ Pro W3″,”Hiragino Kaku Gothic Pro W3″,メイリオ,Meiryo,”ＭＳ Ｐゴシック”,arial,clean,sans-serif;
  color: #333;
  -webkit-text-size-adjust: 100%;
  position: relative;
  overflow: hidden;
  height: 100%; }
  @media only screen and (min-width: 769px) {
    body {
      font-size: 13px;
      font-size: 1.3rem; } }

.page {
  position: relative;
  overflow: hidden;
  height: 100%; }

a:link, a:visited {
  text-decoration: none;
  color: #000; }

.area-darkgreen {
  background-color: #33ad5c;
  color: #fff; }

.area-lightgreen {
  background-color: #99cc66;
  color: #000; }

.c-section {
  padding-bottom: 15px; }
  @media only screen and (min-width: 769px) {
    .c-section {
      width: 100%;
      padding-bottom: 25px; } }
  @media only screen and (min-width: 769px) {
    .c-section_inner {
      width: 854px;
      margin: 0 auto; } }

.c-heading-section {
  position: relative;
  padding-top: 15px;
  padding-bottom: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  font-weight: normal; }
  @media only screen and (min-width: 769px) {
    .c-heading-section {
      padding-top: 42px;
      padding-bottom: 16px;
      font-size: 22px;
      font-size: 2.2rem; } }
  .c-heading-section::after {
    content: "";
    display: block;
    position: relative;
    top: 4px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 18px;
    height: 18px;
    margin-left: auto;
    margin-right: auto;
    background-size: 100%; }
    @media only screen and (min-width: 769px) {
      .c-heading-section::after {
        width: 28px;
        height: 28px;
        font-size: 14px;
        font-size: 1.4rem; } }
  @media only screen and (min-width: 769px) {
    .c-heading-section span {
      display: block;
      font-size: 11px;
      font-size: 1.1rem; } }

.visitor .c-heading-section::after {
  background: url(/images/heading_mark_high_visitor.png) no-repeat center bottom;
  width: 39px;
  height: 25px; }

.facility .c-heading-section::after {
  background: url(/images/heading_mark_high_facility.png) no-repeat center bottom;
  width: 39px;
  height: 25px; }

.access .c-heading-section::after {
  background: url(/images/heading_mark_high_access.png) no-repeat center bottom;
  width: 39px;
  height: 25px; }

.price .c-heading-section::after {
  background: url(/images/heading_mark_high_price.png) no-repeat center bottom;
  width: 40px;
  height: 30px; }

.open .c-heading-section::after {
  background: url(/images/heading_mark_high_open.png) no-repeat center bottom;
  width: 30px;
  height: 19px; }

.c-heading-block {
  position: relative;
  margin-bottom: 5px;
  padding-top: 15px;
  padding-bottom: 0;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: normal;
  color: #fff; }
  @media only screen and (min-width: 769px) {
    .c-heading-block {
      font-size: 16px;
      font-size: 1.6rem; } }

.sub_heading {
  text-align: center; }
  .sub_heading span {
    display: inline-block;
    margin: 5px auto;
    border: 1px solid #000;
    padding: 2px 4px;
    border-radius: 5px;
    font-size: 14px;
    font-size: 1.4rem; }

.c-table {
  width: 100%;
  border-top: 1px solid #33ad5c;
  border-left: 1px solid #33ad5c; }
  .c-table th,
  .c-table td {
    padding: 2px 3px;
    border-right: 1px solid #33ad5c;
    border-bottom: 1px solid #33ad5c;
    font-size: 11px;
    font-size: 1.1rem;
    color: #000;
    vertical-align: middle; }
    @media only screen and (min-width: 769px) {
      .c-table th,
      .c-table td {
        font-size: 13px;
        font-size: 1.3rem; } }
  .c-table th {
    text-align: center;
    background-color: #adeb99; }
  .c-table td {
    text-align: center;
    background-color: #fff; }

.c-list li {
  position: relative;
  padding-left: 20px; }
  .c-list li::before {
    content: "";
    display: block;
    position: absolute;
    top: .3em;
    left: 6px;
    width: 10px;
    height: 10px;
    background: url(/images/ico-list.png) no-repeat left top; }

.c-noteList li {
  position: relative;
  padding-left: 6px;
  font-size: 11px;
  font-size: 1.1rem; }
  @media only screen and (min-width: 769px) {
    .c-noteList li {
      padding-left: 1em; } }
  .c-noteList li::before {
    content: "※";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px; }

.c-cornerBox {
  border-radius: 5px;
  padding: 10px 18px; }

.clm2::after {
  content: "";
  display: block;
  clear: both; }

.clm2_item {
  width: 48%; }
  .clm2_item:first-of-type {
    float: left; }
  .clm2_item:last-of-type {
    float: right; }

p + p {
  margin: 17px 0 0; }

.c-inner {
  padding-left: 16px;
  padding-right: 16px; }

.header-pc {
  width: 100%;
  height: 76px;
  background-color: #fff; }
  .header-pc.is-fixed {
    position: fixed;
    top: 0;
    z-index: 10; }
  .header-pc .header_inner {
    position: relative;
    width: 960px;
    margin: 0 auto; }
  @media only screen and (min-width: 769px) {
    .header-pc .header_logo {
      position: absolute;
      top: 12px;
      left: 28px;
      right: auto; }
      .header-pc .header_logo a {
        display: block; } }
  .header-pc .header_social {
    position: absolute;
    top: 14px;
    right: 20px;
    width: 100px; }
    .header-pc .header_social ul::after {
      content: "";
      display: block;
      clear: both; }
    .header-pc .header_social li {
      float: left;
      width: 30px; }
      .header-pc .header_social li:not(:first-of-type) {
        margin-left: 5px; }
      .header-pc .header_social li a {
        display: block; }
        .header-pc .header_social li a img {
          width: 100%; }
  .header-pc .header_bottom {
    position: absolute;
    top: 33px;
    left: 272px; }
    .header-pc .header_bottom .globalNav {
      width: 554px; }
      .header-pc .header_bottom .globalNav ul::after {
        content: "";
        display: block;
        clear: both; }
      .header-pc .header_bottom .globalNav li {
        float: left;
        position: relative;
        font-size: 13px;
        font-size: 1.3rem; }
        .header-pc .header_bottom .globalNav li a {
          display: block;
          padding: 0 14px;
          height: 29px;
          background-color: #fff;
          line-height: 1.3;
          text-align: center; }
        .header-pc .header_bottom .globalNav li .sub {
          display: block;
          font-size: 8px;
          font-size: 0.8rem; }
        .header-pc .header_bottom .globalNav li:not(:last-of-type)::after {
          content: "";
          display: block;
          position: absolute;
          top: 0;
          bottom: 0;
          right: 0;
          height: 20px;
          width: 1px;
          margin-top: auto;
          margin-bottom: auto;
          background-color: #000; }

.header-sp {
  height: 73px; }
  .header-sp .header_top {
    position: relative;
    height: 38px;
    top: 0; }
    .header-sp .header_top .header_logo {
      position: absolute;
      top: 10px;
      left: 0;
      right: 0;
      margin: auto;
      width: 92px;
      height: 27px; }
      .header-sp .header_top .header_logo img {
        width: 100%; }
    .header-sp .header_top .header_social {
      position: absolute;
      right: 10px;
      top: 9px; }
      .header-sp .header_top .header_social ul {
        width: 70px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        /*--- Androidブラウザ用 ---*/
        -ms-flex-pack: justify;
        /*--- IE10 ---*/
        -webkit-justify-content: space-between;
        /*--- safari（PC）用 ---*/
        justify-content: space-between; }
      .header-sp .header_top .header_social li {
        width: 21px; }
        .header-sp .header_top .header_social li a {
          display: block; }
      .header-sp .header_top .header_social img {
        width: 100%; }
  .header-sp .header_bottom {
    position: absolute;
    top: 38px;
    width: 100%;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    z-index: 10; }
    .header-sp .header_bottom.is-fixed {
      position: fixed;
      top: 0; }
    .header-sp .header_bottom .globalNav ul {
      height: 34px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      /*--- Androidブラウザ用 ---*/
      -ms-flex-pack: justify;
      /*--- IE10 ---*/
      -webkit-justify-content: space-between;
      /*--- safari（PC）用 ---*/
      justify-content: space-between;
      -webkit-box-align: center;
      /*--- Androidブラウザ用 ---*/
      -ms-flex-align: center;
      /*--- IE10 ---*/
      -webkit-align-items: center;
      /*--- safari（PC）用 ---*/
      align-items: center; }
    .header-sp .header_bottom .globalNav li {
      font-size: 10px;
      font-size: 1rem;
      line-height: 1.2;
      position: relative;
      height: 100%;
      flex: 1;
      display: flex;
      align-items: center;
      text-align: center; }
      .header-sp .header_bottom .globalNav li:not(:last-of-type)::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        height: 20px;
        width: 1px;
        margin-top: auto;
        margin-bottom: auto;
        background-color: #ccc; }
      .header-sp .header_bottom .globalNav li a {
        position: relative;
        display: block;
        height: 34px;
        width: 100%;
        vertical-align: middle; }
        .header-sp .header_bottom .globalNav li a .nav_item {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          width: 100%; }
        @media only screen and (min-width: 769px) {
          .header-sp .header_bottom .globalNav li a .sub {
            display: block;
            font-size: 10px;
            font-size: 1rem; } }

.visual {
  position: relative; }
  .visual .img {
    width: 100%; }
  .visual_logo {
    position: absolute;
    top: 76px;
    left: 0;
    right: 0;
    margin: auto; }
  .visual .lead {
    text-shadow: 1px 1px 0 #8eb44a; }
    @media only screen and (min-width: 769px) {
      .visual .lead {
        position: absolute;
        top: 59%;
        left: 0;
        right: 0;
        margin: auto;
        color: #fff;
        text-align: center;
        font-size: 14px;
        font-size: 1.4rem; } }
  .visual .view-sp {
    top: 0;
    bottom: 0;
    width: 90px; }

@media only screen and (min-width: 769px) {
  .br-sp {
    display: none; } }

@media only screen and (max-width: 768px) {
  .br-pc {
    display: none; } }

@media only screen and (max-width: 768px) {
  .view-pc {
    display: none !important; } }

@media only screen and (min-width: 769px) {
  .view-sp {
    display: none !important; } }

.about {
  padding: 10px 0;
  padding-left: 16px;
  padding-right: 16px;
  text-align: center; }
  @media only screen and (min-width: 769px) {
    .about {
      position: absolute;
      color: #fff; } }

.visitor {
  padding: 10px 0;
  padding-left: 16px;
  padding-right: 16px; }

.detail_box {
  margin: 20px 0; }

.visitor .c-heading-box {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: normal; }
  .visitor .c-heading-box .img {
    display: block;
    margin: 0 auto 8px; }

@media only screen and (min-width: 769px) {
  .visitor_detail {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    /*--- Androidブラウザ用 ---*/
    -ms-flex-pack: justify;
    /*--- IE10 ---*/
    -webkit-justify-content: space-between;
    /*--- safari（PC）用 ---*/
    justify-content: space-between;
    margin-top: 15px; } }

@media only screen and (min-width: 769px) {
  .visitor_detail .detail_box {
    flex: 0 0 254px; } }

@media only screen and (min-width: 769px) {
  .visitor_detail .detail_box .c-heading-box {
    min-height: 110px;
    margin-bottom: 10px; } }

.visitor_detail .detail_box:nth-child(1) .c-heading-box .img {
  width: 46px; }

.visitor_detail .detail_box:nth-child(2) .c-heading-box .img {
  width: 83px; }
  @media only screen and (min-width: 769px) {
    .visitor_detail .detail_box:nth-child(2) .c-heading-box .img {
      margin-bottom: 10px; } }

@media only screen and (min-width: 769px) {
  .visitor_detail .detail_box:nth-child(2) .sub_heading span {
    padding-top: 0; } }

.visitor_detail .detail_box:nth-child(3) .c-heading-box .img {
  width: 111px; }

@media only screen and (max-width: 768px) {
  .facility .floorPlan {
    width: 288px;
    margin: 10px auto 0; }
    .facility .floorPlan img {
      width: 100%; } }

@media only screen and (min-width: 769px) {
  .facility .floorPlan {
    width: 690px;
    margin: 30px auto 0; }
    .facility .floorPlan img {
      width: 100%; } }

.facility .floorPlan .floorPhoto::after {
  content: "";
  display: block;
  clear: both; }

@media only screen and (min-width: 769px) {
  .facility .floorPlan .floorPhoto li {
    float: left;
    width: 220px; }
    .facility .floorPlan .floorPhoto li:not(:nth-child(3n)) {
      margin-right: 15px; } }
  @media only screen and (min-width: 769px) and (min-width: 769px) {
    .facility .floorPlan .floorPhoto li p {
      margin-top: 5px;
      margin-bottom: 35px;
      font-size: 14px;
      font-size: 1.4rem;
      text-align: center; } }

@media only screen and (max-width: 768px) {
  .facility .floorPlan .floorPhoto li p {
    margin-bottom: 10px;
    text-align: center; } }

@media only screen and (max-width: 768px) {
  .access_info {
    border-radius: 5px;
    padding: 10px 18px;
    background-color: #33ad5c;
    color: #fff; } }

@media only screen and (min-width: 769px) {
  .access_info {
    width: 580px;
    margin: 0 auto; } }

.access_info .name span {
  padding-left: 5px;
  font-size: 18px;
  font-size: 1.8rem; }

@media only screen and (min-width: 769px) {
  .access .map {
    width: 580px;
    height: 312px;
    margin: 0 auto 0; } }

@media only screen and (max-width: 768px) {
  .access .map {
    box-sizing: border-box;
    width: 100%;
    height: 300px; } }

@media only screen and (min-width: 769px) {
  .access .googlemapsLink {
    width: 580px;
    margin: 5px auto 20px;
    text-align: right; } }

@media only screen and (max-width: 768px) {
  .access .googlemapsLink {
    box-sizing: border-box;
    width: 100%;
    text-align: right; } }

@media only screen and (min-width: 769px) {
  .access .shop {
    width: 580px;
    margin: 0 auto; }
    .access .shop::after {
      content: "";
      display: block;
      clear: both; } }

@media only screen and (min-width: 769px) {
  .access .shop_address {
    float: left;
    width: 260px; } }

@media only screen and (min-width: 769px) {
  .access .shop_open {
    float: right;
    width: 260px; } }

@media only screen and (min-width: 769px) {
  .price .c-block {
    width: 660px;
    margin: 0 auto; } }

@media only screen and (min-width: 769px) {
  .price .pc-wrapper-clm2 {
    width: 660px;
    margin: 0 auto; }
    .price .pc-wrapper-clm2::after {
      content: "";
      display: block;
      clear: both; }
    .price .pc-wrapper-clm2 .c-block {
      width: 100%; }
    .price .pc-wrapper-clm2 .c-inner {
      padding: 0; }
    .price .pc-wrapper-clm2_item-left {
      float: left;
      width: 294px; }
    .price .pc-wrapper-clm2_item-right {
      float: right;
      width: 348px; } }

@media only screen and (min-width: 769px) {
  .price .price-rental {
    margin-top: 20px; } }

@media only screen and (min-width: 769px) {
  .price .initialPrice {
    width: auto;
    margin: 0 auto; } }

.price .initialPrice th,
.price .initialPrice td {
  font-size: 11px;
  font-size: 1.1rem;
  color: #000; }
  @media only screen and (min-width: 769px) {
    .price .initialPrice th,
    .price .initialPrice td {
      font-size: 13px;
      font-size: 1.3rem;
      padding: 6px 8px; } }

.price .initialPrice th {
  background-color: #ffcc00; }

.price .initialPrice td {
  background-color: #fff; }

@media only screen and (max-width: 768px) {
  .price .facilityPrice tbody tr > .th_min {
    width: 1em; } }

.price .facilityPrice .day .weekday {
  background-color: #00cc00;
  color: #fff; }

.price .facilityPrice .day .weekends {
  background-color: #336600;
  color: #fff; }

.price .facilityPrice .weekends {
  background-color: #d6e0cc; }

.price .facilityPrice .female {
  background-color: #ff6699;
  color: #fff; }

.price .facilityPrice .male {
  background-color: #0066cc;
  color: #fff; }

@media only screen and (min-width: 769px) {
  .schedule {
    width: 578px;
    margin: 0 auto; } }

.responsive-iframe-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

.responsive-iframe-container iframe,
.vresponsive-iframe-container object,
.vresponsive-iframe-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.cal_wrapper {
  width: 100%;
  margin: 2.0833% auto; }
  .cal_wrapper .view-sp {
    margin: 20px auto;
    padding-bottom: 170%;
    /* 高さ */ }

.open table .cell_heading {
  width: 5em;
  padding-right: 1em; }

@media only screen and (min-width: 769px) {
  .open .hours {
    width: 350px;
    margin: 20px auto 15px; } }

.open .sale {
  margin: 0 0; }
  @media only screen and (min-width: 769px) {
    .open .sale {
      width: 180px; } }
  @media only screen and (max-width: 768px) {
    .open .sale {
      margin-top: 20px; } }
  .open .sale .clm2_item {
    display: table; }
    @media only screen and (min-width: 769px) {
      .open .sale .clm2_item {
        display: block; } }
  .open .sale .img {
    display: table-cell;
    width: 50px;
    vertical-align: middle; }
    @media only screen and (min-width: 769px) {
      .open .sale .img {
        display: block;
        margin: 0 auto; } }
  .open .sale p {
    display: table-cell;
    width: 100%;
    padding-left: 8px;
    box-sizing: border-box;
    vertical-align: middle;
    color: #fff;
    font-size: 11px;
    font-size: 1.1rem;
    text-align: left; }
    @media only screen and (min-width: 769px) {
      .open .sale p {
        display: block;
        margin-top: 8px;
        padding-left: 0;
        text-align: center;
        font-size: 12px;
        font-size: 1.2rem; } }

@media only screen and (min-width: 769px) {
  .open .pc-wrapper-clm2 {
    width: 440px;
    margin: 20px auto; }
    .open .pc-wrapper-clm2::after {
      content: "";
      display: block;
      clear: both; }
    .open .pc-wrapper-clm2 .sale {
      float: left; }
    .open .pc-wrapper-clm2 .socialLink {
      float: right;
      width: 226px;
      padding-top: 4px;
      box-sizing: border-box; }
      .open .pc-wrapper-clm2 .socialLink .blog_balloon {
        text-align: left;
        font-size: 14px;
        font-size: 1.4rem;
        padding: 14px 12px; }
        .open .pc-wrapper-clm2 .socialLink .blog_balloon::after {
          display: none; } }

.socialLink {
  position: relative;
  padding-top: 14px; }
  .socialLink .blog_balloon {
    position: relative;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 3px;
    margin-bottom: 13px;
    border-radius: 5px;
    background-color: #33ad5c;
    color: #fff;
    text-align: center; }
    .socialLink .blog_balloon::after {
      content: "";
      display: block;
      position: absolute;
      bottom: -20px;
      right: 35%;
      border-top: 10px solid #33ad5c;
      border-right: 6px solid transparent;
      border-left: 6px solid transparent;
      border-bottom: 10px solid transparent; }
  .socialLink ul {
    width: 129px;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    /*--- Androidブラウザ用 ---*/
    -ms-flex-pack: justify;
    /*--- IE10 ---*/
    -webkit-justify-content: space-between;
    /*--- safari（PC）用 ---*/
    justify-content: space-between;
    -webkit-box-align: center;
    /*--- Androidブラウザ用 ---*/
    -ms-flex-align: center;
    /*--- IE10 ---*/
    -webkit-align-items: center;
    /*--- safari（PC）用 ---*/
    align-items: center; }
    .socialLink ul li a {
      display: block; }
      @media only screen and (max-width: 768px) {
        .socialLink ul li a {
          width: 38px; }
          .socialLink ul li a img {
            width: 100%; } }

.pagetop {
  position: absolute;
  bottom: 0;
  right: 7px;
  margin-bottom: -10px;
  overflow: hidden; }
  .pagetop a {
    display: block;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: #fff;
    color: #7fc82b;
    text-align: center;
    line-height: 38px; }
    @media only screen and (min-width: 769px) {
      .pagetop a {
        width: 60px;
        height: 60px;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 60px;
        background-color: #000;
        color: #fff; } }
    .pagetop a::before {
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\f176";
      display: block; }

.u-ac {
  text-align: center; }

.u-mb10 {
  margin-bottom: 10px; }

.u-mb20 {
  margin-bottom: 20px; }

.u-underline {
  text-decoration: underline; }