@charset "utf-8";
/* ==========================================================================
   utility
   ========================================================================== */
.clearfix:after {
  content: '';
  display: block;
  clear: both;
}

/* ----------------------------------------------
   overwrite normalize.css
---------------------------------------------- */
html,
button,
input,
select,
textarea {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
}

a {
  color: #a99422;
  text-decoration: underline;
}
a:hover {
  color: #bbaa44;
  text-decoration: none;
}

/* =============================================================================
   Default Settings
============================================================================= */
strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

p {
  background-image: url();
}

img {
  border: none;
  vertical-align: top;
  line-height: 1;
}

/* =============================================================================
   layout
============================================================================= */
body {
  margin: 0;
  background: #f8f2ec url(../img/common/bg_header.gif) repeat-x center top;
  color: #333;
  -webkit-text-size-adjust: 100%;
}

/* ----------------------------------------------
   btn-pagetop
---------------------------------------------- */
.btn-pagetop {
  margin: -40px auto 20px;
  width: 910px;
  height: 15px;
  text-align: right;
}

/* =============================================================================
   module
============================================================================= */
/* ----------------------------------------------
   title
---------------------------------------------- */
.title-txt {
  margin-bottom: 5px;
  font-size: 100%;
  line-height: 2;
}

.title-section {
  margin-bottom: 30px;
  font-size: 1em;
  line-height: 1;
}

.next-title {
  margin-top: 15px;
}

/* ----------------------------------------------
   text
---------------------------------------------- */
#content .supple-txt {
  margin-top: 5px;
  text-align: right;
  font-size: 87.5%;
}

.txt-notes {
  font-weight: normal;
}

.pub-info {
  font-size: 87.5%;
}

/* ----------------------------------------------
   link
---------------------------------------------- */
.link-pdf {
  padding-left: 20px;
  background: url(../img/common/icon_pdf.gif) no-repeat 0 center;
}

.link-arrow {
  padding-left: 20px;
  background: url(../img/common/icon_arrow.png) no-repeat 0 2px;
}

/* ----------------------------------------------
   list
---------------------------------------------- */
ul {
  padding-left: 1.5em;
}

.def-list {
  margin: 0;
}

/* ----------------------------------------------
   bnr
---------------------------------------------- */
.bnr-apply {
  text-align: center;
}

/* ----------------------------------------------
   box
---------------------------------------------- */
/* .content-section
---------------------------------------------- */
.content-section {
  margin-bottom: 50px;
  padding-bottom: 55px;
  background: url(../img/common/doubleline.gif) repeat-x center bottom;
}

.content-section-dash {
  background: url(../img/common/line_dash.gif) repeat-x center bottom;
}

/* row-2col
---------------------------------------------- */
.row-2col .col1 {
  width: 465px;
}
.row-2col .odd-col {
  float: left;
}
.row-2col .even-col {
  float: right;
}

/* row-4col
---------------------------------------------- */
.row-4col {
  margin-right: 32px;
  width: 992px;
}
.row-4col .col1 {
  float: left;
  margin-right: 32px;
  width: 216px;
}
.row-4col .col1:last-child {
  margin-right: 0;
}
.row-4col .last-col {
  margin-right: 0;
}

/* .bg-box-2col
---------------------------------------------- */
.bg-box-2col {
  background: url(../img/common/bg_box2col.gif) repeat-y center top;
}
.bg-box-2col .inner {
  background: url(../img/common/line_box2col.gif) no-repeat center top;
}
.bg-box-2col .row-2col {
  background: url(../img/common/line_box2col.gif) no-repeat center bottom;
}
.bg-box-2col .col1 {
  padding: 20px 21px;
  width: 428px;
}

/* .apply-info-box
---------------------------------------------- */
.apply-info-box {
  padding: 19px;
  background-color: #f3ece0;
  border: 1px solid #ded4cb;
}
.apply-info-box h1 {
  margin: 1em 0 5px;
}
.apply-info-box h1:first-child {
  margin-top: 0;
}

/* .info-box
---------------------------------------------- */
.info-box {
  padding: 14px 19px;
  border: 1px solid #ded4cb;
  background: #f3ece0;
  box-shadow: 1px 1px rgba(14, 2, 6, 0.05) inset;
}
.info-box h1 {
  margin: 15px 0 5px;
}
.info-box h1:first-child {
  margin-top: 0;
}

/* dash-box
---------------------------------------------- */
.dash-box {
  padding: 1px;
  background: url(../img/common/bg_dash.png) repeat 0 0;
}
.dash-box .dash-inner {
  padding: 15px 10px;
  background: #fff;
}

/* ----------------------------------------------
   table
---------------------------------------------- */
table.information-table {
  width: 100%;
  border: 0;
  border-collapse: collapse;
}
table.information-table th,
table.information-table td {
  padding: 10px 0;
  border: 0;
  border-bottom: 1px solid #ded4cb;
  vertical-align: top;
  text-align: left;
}

.table-col1 {
  width: 18%;
}

.table-col2 {
  width: 25%;
}

.table-col3 {
  width: 35%;
}

.table-col4 {
  width: 20%;
}

.table-col5 {
  width: 21%;
}

/* =============================================================================
   global-header
============================================================================= */
#global-header {
  position: relative;
  height: 218px;
  background: url(../img/common/header_illust.gif) no-repeat 303px 98px;
  margin: 0 auto;
  width: 960px;
}
#global-header #logo {
  position: absolute;
  top: 57px;
  left: 0;
}
#global-header .header-info {
  position: absolute;
  top: 24px;
  right: 0;
}

#global-nav {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 960px;
}
#global-nav ul {
  position: relative;
  margin: 0 -1px;
  padding: 0;
  width: 962px;
}
#global-nav ul:after {
  content: '';
  display: block;
  clear: both;
}
#global-nav li {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* =============================================================================
   footer
============================================================================= */
#global-footer {
  padding: 35px 0 140px;
  background: #443322;
}
#global-footer .inner {
  position: relative;
  margin: 0 auto;
  width: 960px;
}
#global-footer .inner:after {
  content: '';
  display: block;
  clear: both;
}
#global-footer .company-info-area {
  float: left;
  width: 400px;
}
#global-footer .company-info-area .company-name {
  margin-bottom: 15px;
}
#global-footer .company-info-area .company-info {
  font-size: 75%;
  font-style: normal;
  color: #efe2d5;
  line-height: 1.8;
}
#global-footer .company-info-area .tel {
  margin-right: 2em;
}
#global-footer .copyright {
  font-size: 62.5%;
}
#global-footer .copyright small {
  font-size: 100%;
}
#global-footer .footer-nav {
  float: right;
  width: 560px;
  text-align: right;
}
#global-footer .footer-nav a {
  color: #c8b788;
}
#global-footer .footer-nav .footer-content-nav {
  padding-left: 0;
  font-size: 81.25%;
}
#global-footer .footer-nav .footer-content-nav li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 0 0 4px;
  padding: 0 0 0 8px;
  background: url(../img/common/pipeline.gif) no-repeat 0 center;
  line-height: 2;
  list-style: none;
}
#global-footer .footer-nav .footer-content-nav li:first-child {
  margin-left: 0;
  padding-left: 0;
  background: none;
}
#global-footer .footer-nav .footer-content-nav li a {
  color: #c8b788;
  text-decoration: none;
}
#global-footer .footer-nav .footer-content-nav li a:hover {
  color: #a99b77;
  text-decoration: underline;
}
#global-footer .footer-nav .pdf-nav {
  margin-top: 10px;
  font-size: 75%;
}
#global-footer .footer-nav .pdf-nav li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-left: 4px;
  padding-left: 8px;
  background: url(../img/common/pipeline.gif) no-repeat 0 center;
}
#global-footer .footer-nav .pdf-nav li:first-child {
  margin-left: 0;
  padding-left: 0;
  background: none;
}
#global-footer .footer-nav .pdf-nav li a {
  color: #c8b788;
  text-decoration: none;
  padding-left: 20px;
  background: url(../img/common/icon_pdf.gif) no-repeat 0 center;
  text-decoration: underline;
}
#global-footer .footer-nav .pdf-nav li a:hover {
  color: #a99b77;
  text-decoration: underline;
}
#global-footer .footer-nav .pdf-nav li a:hover {
  text-decoration: none;
}
#global-footer .illust {
  position: absolute;
  top: -144px;
  left: 0;
}
#global-footer .copyright {
  clear: both;
  font-size: 62.5%;
  color: #776244;
}

/* =============================================================================
   content
============================================================================= */
#content {
  margin: 0 auto;
  width: 960px;
  padding-top: 35px;
}
#content p, #content li, #content th, #content td {
  font-size: 100%;
  line-height: 2;
}

/* ----------------------------------------------
   pagetop
---------------------------------------------- */
.pagetop {
  margin: 0 auto;
  width: 960px;
  padding: 150px 0 25px;
  background: url(../images/common/footer_illust.gif) no-repeat 0 bottom;
  text-align: right;
}

/* =============================================================================
   toppage
============================================================================= */
.page-toppage .mainvisual {
  margin-bottom: 35px;
}
.page-toppage ul.row-2col {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-toppage ul.row-2col li {
  margin: 0;
  padding: 0;
}
.page-toppage .intro-area {
  margin-top: 25px;
}
.page-toppage .intro-area .text-area {
  float: left;
  width: 660px;
}
.page-toppage .intro-area .text-area > h1 {
  margin-bottom: 20px;
}
.page-toppage .intro-area .bnr {
  float: right;
  width: 270px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-toppage .intro-area .bnr li {
  margin: 0;
  padding: 0;
}
.page-toppage .intro-area .bnr li {
  margin-bottom: 10px;
}
.page-toppage .intro-area .bnr li:last-child {
  margin-bottom: 0;
}
.page-toppage .news-area {
  margin-top: 38px;
}
.page-toppage .news-area > h1 {
  margin-bottom: 10px;
}
.page-toppage .news-area .news-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-toppage .news-area .news-list li {
  margin: 0;
  padding: 0;
}
.page-toppage .news-area .news-list li {
  padding: 10px 0;
  border-bottom: 1px solid #ded4cb;
	overflow:hidden;
}
.page-toppage .news-area .news-list .date {
  float: left;
  width: 160px;
	display: block;
}
.page-toppage .news-area .news-list .news-content {
	float: left;
  width: 480px;
	display: block;
}

/* =============================================================================
   about
============================================================================= */
.page-about .content-header {
  margin-bottom: 35px;
}
.page-about .title-name {
  margin-bottom: 20px;
}
.page-about .sign {
  margin: 1em 0 0;
  text-align: right;
}
.page-about .snip {
  margin: 0;
  text-align: right;
}
.page-about .info-box ul {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}
.page-about .info-box ul li {
  margin-left: 0;
  padding-left: 0;
}
.page-about .pub-info {
  margin-left: .5em;
}

/* =============================================================================
   counseling
============================================================================= */
.page-counseling .content-header {
  margin-bottom: 50px;
}
.page-counseling #section-counseling .row-4col {
  position: relative;
  padding-bottom: 240px;
}
.page-counseling #section-counseling .row-4col ul {
  padding-left: 1em;
}
.page-counseling #section-counseling .illust {
  position: absolute;
  bottom: 0;
}
.page-counseling #section-counseling .col1 h1 {
  font-size: 1em;
  line-height: 1;
  margin-bottom: 15px;
}
.page-counseling .support-item-list {
  margin-bottom: 20px;
  font-weight: bold;
}
.page-counseling .txt-etc {
  margin-left: 1em;
}

/* =============================================================================
   workshop
============================================================================= */
.page-workshop .content-header {
  margin-bottom: 50px;
}
.page-workshop #section-workshop,
.page-workshop #section-sandplayworkshop {
  position: relative;
}
.page-workshop #section-workshop table,
.page-workshop #section-sandplayworkshop table {
  margin-top: -10px;
}
.page-workshop .title-section {
  margin-bottom: 55px;
  padding-top: 20px;
}
.page-workshop .lecturer {
  margin-bottom: 10px;
  font-size: 100%;
}
.page-workshop .workshop-title {
  margin-bottom: 30px;
  font-size: 125%;
}
.page-workshop .workshop-title .ws-num {
  margin-right: 1em;
  background: #EBE1CF;
  padding: 6px 25px;
  color: #333;
  font-size: 85%;
  font-weight: normal;
}
.page-workshop .btn-apply {
  position: absolute;
  top: 0;
  right: 0;
}
.page-workshop .link-map {
  margin-left: 1em;
}
.page-workshop .pdf-link-area {
  margin-top: 50px;
  border: 1px solid #fff;
}
.page-workshop .pdf-link-area a {
  display: block;
  padding: 10px 10px 10px 60px;
  border: 1px solid #e4dbd4;
  background: #f2eae3 url(../img/common/icon_pdf_l.png) no-repeat 10px center;
  text-decoration: none;
  color: #333;
}
.page-workshop .pdf-link-area a .link-arrow {
  margin-left: 1em;
  color: #a99422;
  text-decoration: underline;
}
.page-workshop .pdf-link-area a:hover .link-arrow {
  color: #bbaa44;
  text-decoration: none;
}

/* =============================================================================
   access
============================================================================= */
.page-access .content-header {
  margin-bottom: 30px;
}
.page-access .title-station {
  margin: 25px 0 10px;
  font-size: 1em;
  line-height: 1;
}
.page-access .information-table {
  position: relative;
  margin-top: -10px;
}
.page-access #route-labo {
  margin-top: 50px;
  padding: 19px 19px 9px;
}
.page-access #route-labo h1 {
  margin: 0;
  font-size: 1em;
  line-height: 1;
}
.page-access #route-labo .route-order {
  margin: 0;
  padding: 0;
}
.page-access #route-labo li {
  float: left;
  position: relative;
  margin: 15px 20px 0 0;
  padding-top: 170px;
  width: 215px;
  list-style: none;
  line-height: 1.5;
}
.page-access #route-labo .step04,
.page-access #route-labo .step08 {
  margin-right: 0;
}
.page-access #route-labo .photo {
  position: absolute;
  top: 0;
  left: 0;
}
.page-access #route-labo .step-legend {
  display: inline;
  padding: 2px 0 0 1.5em;
  line-height: 1.5;
}
.page-access #route-labo .step01 .step-legend {
  background: url(../img/access/icon_num01.gif) no-repeat top left;
}
.page-access #route-labo .step02 .step-legend {
  background: url(../img/access/icon_num02.gif) no-repeat 0 0;
}
.page-access #route-labo .step03 .step-legend {
  background: url(../img/access/icon_num03.gif) no-repeat 0 0;
}
.page-access #route-labo .step04 .step-legend {
  background: url(../img/access/icon_num04.gif) no-repeat 0 0;
}
.page-access #route-labo .step05 .step-legend {
  background: url(../img/access/icon_num05.gif) no-repeat 0 0;
}
.page-access #route-labo .step06 .step-legend {
  background: url(../img/access/icon_num06.gif) no-repeat 0 0;
}
.page-access #route-labo .step07 .step-legend {
  background: url(../img/access/icon_num07.gif) no-repeat 0 0;
}
.page-access #route-labo .step08 .step-legend {
  background: url(../img/access/icon_num08.gif) no-repeat 0 0;
}
.page-access .station-name {
  padding-left: 20px;
  background: url(../img/access/icon_train.gif) no-repeat 0 3px;
  font-weight: bold;
}

/* =============================================================================
   contact
============================================================================= */
.page-contact #content p, .page-contact #content li {
  line-height: 1.5;
}
.page-contact #content .txt-mailnews {
  font-size: 87.5%;
}
.page-contact .title-section {
  margin-bottom: 30px;
}
.page-contact .content-header {
  margin-bottom: 35px;
}
.page-contact .anchor-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 40px;
}
.page-contact .anchor-list ul li {
  margin: 0;
  padding: 0;
}
.page-contact .bg-box-2col h1 {
  margin: 0 0 15px;
}
.page-contact .bg-box-2col p {
  margin-bottom: 1em;
}
.page-contact .bg-box-2col p:last-child {
  margin-bottom: 0;
}
.page-contact .box-next {
  margin-top: 20px;
}
.page-contact .txt-img {
  margin: 10px 0;
}
.page-contact .flow-counseling {
  margin: 50px 0;
}
.page-contact .title-attention {
  font-size: 1em;
  line-height: 1;
  margin: 30px 0 15px;
}
.page-contact .attention-list li {
  margin-bottom: .5em;
}
.page-contact .attention-list li:last-child {
  margin-bottom: 0;
}
.page-contact .apply-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-contact .apply-list li {
  margin: 0;
  padding: 0;
}
.page-contact .apply-list .apply-tel {
  float: left;
}
.page-contact .apply-list .apply-fax {
  float: right;
}
.page-contact .info-mailnews {
  margin-top: 15px;
}
.page-contact .info-mailnews p {
  margin-bottom: 0;
}
.page-contact .info-mailnews .bnr-mailnews {
  float: left;
  margin-right: 10px;
}
.page-contact .info-mailnews .txt-mailnews {
  overflow: hidden;
}
.page-contact .dash-inner p {
  margin: 0 0 10px;
}
.page-contact .dash-inner p:after {
  content: '';
  display: block;
  clear: both;
}
.page-contact .dash-inner .check {
  float: left;
  font-weight: bold;
}
.page-contact .dash-inner .check-content {
  overflow: auto;
  display: block;
}