﻿@charset "UTF-8";

/*
  Top
  Module
    リスト(アイコン付)
    リンク
    ボタン
    見出し
    段落
    画像
    テーブル
    研修施設
    宿泊施設
    FAQ
    アクセス
    利用規程
    お問い合わせフォーム
*/

/* .
list_item 単独でのセレクタ使用は禁止
.bnr_list .list_item など親を指定すること
*/
/* ----------------------------------------------------------------
    Top
----------------------------------------------------------------- */
/* slideshow */
#slideshow {
  text-align: center;
}
#slideshow #mainvisual {
  background: rgba(63, 81, 181, 0.05);
}
#slideshow #mainvisual ul {
  position: relative;
  width: 1260px;
  height: 450px;
  margin: 0 auto;
  text-align: center;
}
#slideshow #mainvisual li {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}

#slideshow #menu-visual {
  position: relative;
  width: 1050px;
  height: 13px;
  margin:10px auto 0;
  text-align: center;
}
#slideshow #menu-visual > ul {
  font-size: 0;
}
#slideshow #menu-visual > ul > li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
#slideshow #menu-visual > ul > li > a {
  width: 13px;
  height: 13px;
  display: block;
  background: #54585E;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#slideshow #menu-visual > ul > li > a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
#slideshow #menu-visual > ul > li.active > a {
  background: #6CB700;
  /* background: rgba(0, 0, 0, 0.9); */
  cursor: default;
}
#button-play {
  position: absolute;
  top: -38px;
  right: 0;
  z-index: 100;
}
#button-play a {
  position: relative;
  top: 0;
  display: block;
  width: 70px;
  height: 20px;
  overflow: hidden;
  background: #FFF;
  opacity: 0.85;
  cursor: pointer;
}
#button-play a:hover {
  opacity: 1.0;
}
#menu-visual #button-play a.pause img {
  position: relative;
  top: -20px;
  /* margin-top: -27px; */
}

/* NTT中央研修センタの特長 */
.content_hdg {
  margin: 21px auto;
  text-align: center;
  font-size: 3.0rem;
  line-height: 1.0;
  color: #3D4756;
}
/* add 新着情報 */
#content_newinformationhead {
  margin-left:64px;
  font-weight:bold;
  font-size:24px;
}


#content_newinformation {
 height:auto;
 width:960px;
 overflow:auto;
 border:2px solid #ccc;
 margin-left:64px;
 margin-bottom:32px;
}

.newinformation_date{
vertical-align:top;
width:120px;
display:inline-block;
}

.newinformation_article{
width:800px;
display:inline-block;
}

.news_date{
vertical-align:top;
width:120px;
display:inline-block;
}

.news_article{
width:800px;
display:inline-block;
}

#newsnew{
  font-weight:bold;
  font-size:30px;
}

#newsdetail{
 font-size:16px;
 display:inline-block;
 width:70px;
 height:24px;
 margin-left:790px;
 margin-bottom:5px;
 background-color:#768191;
 border:solid 1px #768191;
 border-radius:8px;
 text-align:center;
 color:white;
}
#newsdetail a{
  text-decoration:none;
  color:white;
}

#newsdetail a:visited{
  text-decoration:none;
  color:white;
}

#content_newinformation li{
  padding:10px 0 10px 10px;
  float:left;
  width:940px;
  border-bottom:2px dotted #aaa;
}

#content_information li{
  padding:10px 0 10px 10px;
  float:left;
  width:940px;
  border-bottom:2px dotted #aaa;
}

#content_information li:first-child{
  padding:10px 0 10px 10px;
  float:left;
  width:940px;
  border-top:2px dotted #aaa;
}

#content_newinformation .content_newinformation_fontred {
  color:red;
}

.important_information{
  font-weight:bold;
}

.welcomealert{
  margin-top:20px;
  margin-bottom:20px;
  border:solid 5px red;
  border-radius:20px;
}

.welcomealert .alertcontent{
  margin:10px 20px;
  color:red;
}

.welcomealert .alertcontent .alerthead{
  font-size:30px;
}

.welcomealert .alertcontent .alertbody{
  margin:0px 30px;
}

.welcomealert .alertcontent .alertbody ul{
  list-style-type:square;
}


/* add end */
.content_lead {
  width: 80%;
  margin: 0 auto 35px;
  padding: 28px 0 0;
  border-top: 1px dotted #3D4756;
  text-align: center;
  font-size: 2.0rem;
  line-height: 1.0;
  color: #3D4756;
}

.content_lead_2 {
  width: 80%;
  margin: 0 auto 35px;
  padding: 28px 0 0;
  text-align: center;
  font-size: 2.0rem;
  line-height: 1.0;
  color: #3D4756;
}

.point {
  margin-bottom: 10px;
  display: -webkit-flex; /* Safari */
  display: flex;
}
.point_inner {
  -webkit-flex: 1 1 auto; /* Safari */
  flex : 1 1 auto;
}
.point_inner {
  position: relative;
}
.point_hdg {
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-flex-direction: column;/* Safari */
  flex-direction: column;
  -webkit-justify-content: center;/* Safari */
  justify-content: center;
  position: relative;
  width: 172px;
  text-align: center;
  color: #FFF;
  background: #6CB700;
  z-index: 1;
}
.point_hdg::after {
  display:block;
  content:"";
  position:absolute;
  top:50%;
  right:-25px;
  width:0;
  height:0;
  margin-top:-15px;
  border:15px solid transparent;
  border-left:10px solid #6CB700;
}
.point_hdg .hdg-point {
  border-bottom: 1px dotted #B6DB80;
  padding: 25px 0;
}
.point_hdg .hdg-support,
.point_hdg .hdg-communication,
.point_hdg .hdg-space,
.point_hdg .hdg-access,
.point_hdg .hdg-point {
  margin: 0 15px;
  text-align: center;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.point_hdg .hdg-support,
.point_hdg .hdg-communication,
.point_hdg .hdg-space,
.point_hdg .hdg-access {
  padding: 25px 0;
}
.point-01 .point_hdg .hdg-point {
  background: url(/n-chuken/common/images/txt_index_h3_01.png) no-repeat 50% 50%;
}
.point-02 .point_hdg .hdg-point {
  background: url(/n-chuken/common/images/txt_index_h3_02.png) no-repeat 50% 50%;
}
.point-03 .point_hdg .hdg-point {
  background: url(/n-chuken/common/images/txt_index_h3_03.png) no-repeat 50% 50%;
}
.point-04 .point_hdg .hdg-point {
  background: url(/n-chuken/common/images/txt_index_h3_04.png) no-repeat 50% 50%;
}
.point_hdg .hdg-access {
  background: url(/n-chuken/common/images/txt_index_h3_access.png) no-repeat 50% 50%;
}
.point_hdg .hdg-space {
  background: url(/n-chuken/common/images/txt_index_h3_space.png) no-repeat 50% 50%;
}
.point_hdg .hdg-communication {
  background: url(/n-chuken/common/images/txt_index_h3_communication.png) no-repeat 50% 50%;
}
.point_hdg .hdg-support {
  background: url(/n-chuken/common/images/txt_index_h3_support.png) no-repeat 50% 50%;
}
.point_inner {
  padding: 24px 15px 24px 36px;
  background: #FFF;
}
.point_inner_hdg {
  color: #6CB700;
  font-size: 2.9rem;
  line-height: 1.0;
  margin-bottom: 20px;;
}
.point_inner .list-disc {
  width:624px;
  margin-bottom: 30px;
}
.point_inner .btn_area {
  position: absolute;
  bottom: 15px;
  right: 15px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  width: 210px;
  margin: 0 0 0 auto;
}

/* ----------------------------------------------------------------
    Module
----------------------------------------------------------------- */
/* リスト(アイコン付) ------------------------------------------------------- */
/* アイコン丸 */
.list-disc .list_item {
  position: relative;
  margin-left: 1em;
  margin-bottom: 1em;
  text-align: left;
}
.list-disc .list_item:last-child {
  margin-bottom: 0;
}
.list-disc .list_item::before {
  display: block;
  content: '';
  position: absolute;
  top: 0.3em;
  left: -1em;
  width: 0.9em;
  height: 0.9em;
  background-color: #6CB700;
  border-radius: 100%;
}
.icon-disc {
  position: relative;
  margin-left: 1em;
  margin-bottom: 1em;
  text-align: left;
}
.icon-disc::before {
  display: block;
  content: '';
  position: absolute;
  top: 0.25em;
  left: -1em;
  width: 0.9em;
  height: 0.9em;
  background-color: #6CB700;
  border-radius: 100%;
}
/* アイコン四角 */
.icon-square {
  position: relative;
  margin-left: 1.25em;
  text-align: left;
}
.icon-square::before {
  display: block;
  content: '';
  position: absolute;
  top: 0.25em;
  left: -1.25em;
  width: 0.9em;
  height: 0.9em;
  background-color: #6CB700;
}

/* アイコン矢印 */
.list-arrow .list_item {
  position: relative;
  margin-left: 18px;
  margin-bottom: 1em;
}
.list-arrow .list_item:last-child {
  margin-bottom: 0;
}
.list-arrow .list_item::before {
  content: "";
  position: absolute;
  top: 0;
  left: -18px;
  width: 14px;
  height: 100%;
  background: url(/n-chuken/common/images/icon_arrow_right.png) no-repeat 0 0.3em;
}

.icon-arrow-top,
.icon-arrow-bottom,
.icon-arrow-left,
.icon-arrow {
  position: relative;
  margin-left: 18px;
  text-align: left;
}
a.icon-arrow-top,
a.icon-arrow-bottom,
a.icon-arrow-left,
a.icon-arrow {
  display: inline-block;
  text-decoration: underline;
}
.icon-arrow-top::before,
.icon-arrow-bottom::before,
.icon-arrow-left::before,
.icon-arrow::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: -18px;
  width: 14px;
  height: 100%;
  background: url(/n-chuken/common/images/icon_arrow_right.png) no-repeat 0 0.3em;
}
.icon-arrow-top::before {
  transform: rotateZ( -90deg );
}
.icon-arrow-bottom::before {
  transform: rotateZ( 90deg );
}
.icon-arrow-left::before {
  transform: rotateZ( 180deg );
}

/* リンク ------------------------------------------------------- */
.icon-blank {
  margin-right: 20px;
}
.icon-blank::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: -18px;
  width: 13px;
  height: 100%;
  background: url(/n-chuken/common/images/icon_blank.gif) no-repeat 0 0.25em;
}
/*トップへ戻る*/
.backpagetop {
  text-align:right;
  margin-top: 20px;
}
/* ボタン ------------------------------------------------------- */
.btn {
  position:relative;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  display:inline-block;
  width:100%;
  height:auto;
  padding:.7em 2.5em;
  border:0;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  text-align:center;
  text-decoration:none !important;
  /* font-weight:bold; */
  font-size:1.5rem;
  line-height:1.0;
  color:#FFF;
  background-color:#768191;
  /* box-shadow:0 3px 0 #A5A5A5; */
  cursor:pointer;
}
.btn span {
  display:inline-block;
}
.btn::after {
  content: " ";
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  /* left: 0; */
  right: 11px;
  margin: auto 0;
  width: 7px;
  height: 9px;
  margin-left: 10px;
  background: url(/n-chuken/common/images/icon_btn_arrow_right.png) no-repeat;
}
.btn:hover {
  background-color:#5b6779;
}
.btn .icon-blank {
  position: relative;
}
.btn .icon-blank::after {
  display: inline-block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -15px;
  margin: auto 0;
  width: 13px;
  height: 11px;
  background: url(/n-chuken/common/images/icon_blank_w.gif) no-repeat 0 0;
}
/* 見出し ------------------------------------------------------- */
.hdg {
  margin-top: 1.0em;
  margin-bottom: 0.5em;
}
.hdg:first-child {
  margin-top: 0;
}

.hdg02 {
  position: relative;
  margin-top: 40px;
  margin-bottom: 26px;
  padding: 0.2em 0.5em;
  border-bottom: 4px solid #152235;
  font-size: 2.8rem;
  line-height: 1.2;
  background: #6CB700;
  color: #FFF;
}

.hdg--faq {
  position: relative;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0.2em 0.5em;
  border-bottom: 4px solid #152235;
  font-size: 2.8rem;
  line-height: 1.2;
  background: #6CB700;
  color: #FFF;
}

.hdg02 .hdg_big {
  font-size: 4.3rem;
}
.hdg02 .hdg_small {
  font-size: 1.8rem;
}

.hdg03 {

  padding: 3px 0 3px 16px;
  margin: 25px 0 15px;
  font-size: 1.9rem;
}

.hdg04 {
  color: #538d00;
  font-size: 1.8rem;
  border-bottom: 1px dotted #152235;
  margin-bottom: 10px;
}

/* 段落 ------------------------------------------------------- */
div + .hdg,
section + .hdg {
  margin-top: 50px;
}
div + section,
section + section {
  margin-top: 40px;
}
p + p {
  margin-top: 0.5em;
}
.lyout p + p {
  margin-top: 0;
}
.pickup_area {
  background: #EFF4F6;
  padding: 15px;
}
.pickup_area .hdg {
  margin-top: 0;
}
.adress_area {
  display: block;
  border: 1px solid #C2CED6;
  background: #f3f3f3;
  padding: 10px 20px;
  margin: 10px;
}
/* 注釈 ---------------------- */
.note,
.post,
.ex {
 font-size:0.875em;
 line-height:1.4;
 list-style:none;
 padding-left:0;
 margin-bottom:0;
 margin-top:.5em;
}
.note,
.ex {
 color:#727272;
}
.indent01,
.note > li,
.post > li,
.ex > li {
 text-indent:-1em;
 margin-left:1em !important;
}
.indent02 {
 text-indent:-2em;
 margin-left:2em !important;
}
/* 画像 ------------------------------------------------------- */
.img_area {
  /* margin-bottom: 40px; */
}
.photo_area {
  margin: 10px 0 10px;
}
.photo_img {
  text-align: center;
}
.photo_img img {
  border: 1px solid #C2CED6;
  padding: 4px;
  background: #FFF;
}
.photo_img img + img {
  margin-left: 10px;
}
.photo_img + .photo_caption {
  text-align: center;
  margin-top: 0.5em;
}

/* テーブル ------------------------------------------------------- */
.tbl01 {
  width: 100%;
  border: 1px solid #9b9c9b;
  font-size: 1.3rem;
}
.fixed {
  table-layout: fixed;
}
.liquid {
  width: auto;
}
.tbl01 thead th {
  background: #C2CED6;
}
.tbl01 th,td {
  border: 1px solid #9b9c9b;
  padding: 0.5em  0.4em;
}
.tbl01 th {
  background: #EFF4F6;
  padding: 0.5em  1.0em;
}

.tbl02 {
  border:none;
  width: 100%;
  font-size: 1.3rem;
}
.tbl02 thead th {
  border: 1px solid #9b9c9b;
  background: #C2CED6;
}
.borderLeftNone {
  border-left:none!important;
}
.borderTopNone {
  border-top:none!important;
}
.backgroundNone {
  background:none!important;
}

.tbl02 th,td {
  border: 1px solid #9b9c9b;
  padding: 0.5em  0.4em;
}



.nowrap {
white-space: nowrap;
}

.price {
  text-align: center;
}
.area {
  text-align: center;
}

.tbl {
  display: table;
  width: 100%;
  height: 100%;
}
.tbl > * {
  display: table-cell;
  padding: 10px;
  vertical-align: top;
}
.tbl-border {
  border: 1px solid #9b9c9b;
  border-collapse: collapse;
  background: #FFF;
}
.tbl-border > * {
  border: 1px solid #9b9c9b;
}

/* ----------------------------------------------------------------
    研修施設
----------------------------------------------------------------- */
.hdg02[id^="hdg_facility"]::after {
  display: block;
  position: absolute;
  top: -40px;
  right: 0;
}
#hdg_facility1::after {
  content: url("/n-chuken/common/images/facility/h2_facility01.png");
}
#hdg_facility3::after {
  content: url("/n-chuken/common/images/facility/h2_facility03.png");
}
#hdg_facility4::after {
  content: url("/n-chuken/common/images/facility/h2_facility04.png");
}
#hdg_facility5::after {
  content: url("/n-chuken/common/images/facility/h2_facility05.png");
}
#hdg_facilityhall::after {
  content: url("/n-chuken/common/images/facility/h2_facilityhall.png");
}

.facility_lead {
  margin: 0 322px 0 30px;
  min-height: 63px;
}

.txtSup {
font-size: 75.5%;
vertical-align: top;
position: relative;
top: -0.1em;
}
.txtSub {
font-size: 75.5%;
vertical-align: bottom;
position: relative;
top: 0.1em;
}

/* 5号館 */
#facility #tab05 .lo_left_img {
  width: 220px;
}
#facility #tab05 .lo_right_txt {
  width: 182px;
}
#facility #tab05 .pickup_area .lo_left_img {
  width: 239px;
}
#facility #tab05 .pickup_area .lo_right_txt {
  width: 317px;
}

#fee05{
  margin-top : -150px;
  padding-top : 150px;
}

.img_box {
  padding: 10px;
  border: 1px solid #9b9c9b;
  background: #FFF;
}
.lo_item.img_box {
  margin-left: 0;
}
.lo_item.img_box:not(:first-child) {
  border-left: none;
}
.box_hdg {
  font-weight: bold;
}
.box_txt {
  margin-bottom: 10px;
  font-size: 1.5rem;
  /* min-height: 4em; */
}
.box_img {
  margin-top: auto;
}

.classroomfee tr th{
  text-align:center;
}

.classroomfee thead tr th{
  text-align:center;
}


/* ----------------------------------------------------------------
    宿泊施設
----------------------------------------------------------------- */
.hdg02[id^="hdg_room"]::after {
  display: block;
  position: absolute;
  top: -40px;
  right: 0;
}
#hdg_room::after {
  content: url("/n-chuken/common/images/room/h2_room.png");
}
.room_lead {
  margin: 0 322px 0 0px;
  min-height: 63px;
}

#room .lo_left_img {
  width: 280px;
  margin-right: 10px;
}
#room .lo_right_txt {
  width: 545px;
}
#room #room03 + .lyout > .lo_left_img {
  width: 440px;
}
#room #room03 + .lyout > .lo_right_txt {
  width: 385px;
}
/* ----------------------------------------------------------------
    アクセス
----------------------------------------------------------------- */
.access_area {
  background: #EFF3F6;
  padding: 10px  10px  10px  30px;

}
.access_area .hdg {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 2.1rem;

}

#fromsengawa{
  max-width:42rem;
  height:auto;
 }

#fromsengawa_origin{
  zoom:128%;

}

/* ----------------------------------------------------------------
    ご利用の流れ
----------------------------------------------------------------- */
#flow .lo_left_img {
  width: 230px;
  margin-right: 10px;
}
#flow .lo_right_txt {
  width: 800px;
}

#flow .gnetborder{
  margin-top:20px;
  border:solid #65cb00;
  border-radius:3px;
  padding:15px 20px;
}

/* ----------------------------------------------------------------
    FAQ
----------------------------------------------------------------- */
.faq_area {
  margin-left: 10px;
  margin-right: 10px;
}
.faq_area + .faq_area {
  margin-top: 20px; /*esc 30px */
  padding-top: 10px;
  border-top: 1px dotted #ccc;
}
.faq_question::before {
  content: "Q";
  position: absolute;
  /*top: 5px;*/
  top: 4px;
  left: 5px;
  color: #ff5722;
  font-size: 2.8rem;
  line-height: 1.0;
}
.faq_question {
  position: relative;
  padding-left:calc(2.8rem + 10px);
  padding-top:0.4rem;

  /*padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 20px;*/
  /*background: #F3F3F3;*/
  font-size: 1.9rem;
}
.faq_answer::before {
  content: "A";
  position: absolute;
  top: 4px;
  left: 5px;
  color: #6CB700;
  font-size: 2.8rem;
  line-height: 1.0;
}
.faq_answer {
  position: relative;
  padding-left:calc(2.8rem + 10px);
  padding-top:0.4rem;
  font-size: 1.9rem;
}
.faq_answer .gnetborder{
  margin-top:20px;
  border:solid #65cb00;
  border-radius:3px;
  padding:15px 20px;
}

/* ----------------------------------------------------------------
    利用規程
----------------------------------------------------------------- */
.contentPolicy__list__head{
  font-size:2.4rem;
}
.contentPolicy__list__bodyList1{
  margin-top:2rem;
  margin-left:3rem;
}
.contentPolicy__list__bodyList1li{
  font-size:2.0rem;
}
.contentPolicy__list__bodyList1liNotlast{
  margin-bottom:2rem;
}
.contentPolicy__list__bodyList2{
  margin-top:0rem;
  margin-left:3rem;
}
.contentPolicy__list__bodyList2liLink{
  text-decoration:underline;
  color:0000ff;
}
.contentPolicy__list__bodyList2liLink:visited{
  color:800080;
}


/*.policy li {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.attention {
  background: #F4EC17;
  margin-top: 10px;
  padding: 10px;
}*/
/* ----------------------------------------------------------------
    お問い合わせフォーム
----------------------------------------------------------------- */
#contact #wrap {
  background: #fff;
}

#contact #header {
  background: #EFF3F6;
}

#contact .main_content {
  width: 1050px;
  margin: 20px auto;
}

#contact .read {
  margin-top: 20px;
}

#contact .h_l3 {
  background: url(/n-chuken/contact/images/headline_l3_bg.gif) left bottom no-repeat;
  padding: 3px 0 3px 16px;
  margin: 25px 0 15px;
}

#contact .privacypolicy .terms {
  overflow: auto;
  height: 120px;
  border: 1px #c0c0c0 solid;
  background-color: #fff;
  padding: 12px;
  color: #333;
  font-size: 90%;
  margin: 10px 0;
}

#contact .privacypolicy .check {
  background: #f3f3f3;
  text-align: center;
  padding: 15px;
}

#contact #tbl_contact {
  width: 100%;
  margin-top: 10px;
}

#contact #tbl_contact th,
#contact #tbl_contact td {
  border: 1px #c0c0c0 solid;
  border-left: none;
  border-right: none;
  padding: 10px;
}

#contact #tbl_contact th {
  width: 16em;
  background: #f3f3f3;
  text-align: left;
}

#contact #tbl_contact dl.address dt {
  clear: left;
  float: left;
  width: 10em;
  margin: 0px 0 10px;
}

#contact #tbl_contact dl.address dd {
   margin: 0px 0 10px 10em;
}

#contact #tbl_contact input[type="text"],
#contact #tbl_contact textarea {
  border: solid 1px #bbb;
  padding: 1px;
}

#contact #tbl_contact input[type="button"].zip {
  border: solid 1px #bbb;
  padding: 2px 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 80%;
}

#contact #tbl_contact select {
  border: solid 1px #bbb;
  padding: 3px;
  font-size: 80%;
}

#contact #tbl_contact input.inputWidthL {
  width: 500px;
}

#contact .button_area {
  text-align: center;
}

#contact .button_area input {
  display: inline-block;
  width: 12em;
  background-color: #60a200;
  border: solid 3px #60a200;
  padding: 20px 5px;
  margin: 50px 20px;
  font-size: 125%;
  color: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
#contact .button_area input:hover {
  background-color: #559000;
  border: solid 3px #559000;
}

#contact .button_area input.back {
  background-color: #eee;
  border: solid 3px #ccc;
  color: #666;
}

#contact .required {
  color: #fff;
  background-color: #ff0000;
  font-size: 80%;
  font-weight: normal;
  padding: 2px;
  margin: 0 2px 0 4px;
}

#contact .ex {
  color: #555;
  font-size: 80%;
  margin: 3px 0;
}

#contact .caution {
  background: #fff;
  border: solid 3px #f00;
  color: #f00;
  line-height: 1.7;
  text-align: center;
  padding: 10px;
  margin: 20px 0;
}

#contact .caution p {
  display: inline-block;
  min-height: 28px;
  background: url(/n-chuken/contact/images/icon_caution.gif) left center no-repeat;
  font-size: 160%;
  font-weight: bold;
  padding: 5px 0 5px 40px;
}

#contact .err {
  background: #fff;
  border: solid 1px #f00;
  color: #f00;
  padding: 2px;
  margin: 2px 0;
}

#contact .note {
  color: #f00;
  font-size: 80%;
}

#contact .complete {
  text-align: center;
  min-height: 420px;
  padding-top: 60px;
}

#contact .complete .large {
  font-size: 135%;
  margin-bottom: 20px;
}


body{
	background-color:white;
}


#wrap{
  background-color:white;
}

#nttbutton{
  display:inline-block;
  background-color:#34289f;
  color:white;
  border-radius:5px;
  padding:3px 5px;
}

.main_NTTGroup{

  margin-bottom:30px;
  border-bottom:medium solid #e74f18;
}

.main_NTTGroup .contactattention{
  margin-bottom:30px;
}

#nttbuttonO{
  display:inline-block;
  background-color:#6CB700;
  color:white;
  border-radius:5px;
  padding:3px 5px;
}

.main_NTTGroupO{
  margin-bottom:30px;
}

.main_NTTGroupO .contactattentionO{
  margin-bottom:30px;
}


.generalguide{
  padding-bottom:10px;
}


#zebra02 .inner {
  font-size:0.7em;
}

.txt4 .pricelist{
  font-size:0.8em;
}

.priceconference{
  border:solid #34289f;
  border-radius:3px;
  padding:15px 20px;
}

#nttbutton,#nttbuttonO,#attachfile{
  cursor:pointer;
}

.priceconference a{
  cursor:pointer;
}

#facility5F{
  cursor:pointer;
}

#orangestar{
  color:orange;
}

.flow_margin_beforesection{
  margin-bottom:30px
}

#main #flow_ToNTT{
  color:#FFFFFF;
  text-decoration: none;
  border:2px solid #e74f18;
  background:#e74f18;
  border-radius:5px;
}

.contactblank{
  height:10px;
  background:white;
}

/*問い合わせフォームテーブルクラス（作成中）*/
#contact .tbl_contact {
  width: 100%;
  margin-top: 10px;
}

#contact .tbl_contact th,
#contact .tbl_contact td {
  border: 1px #c0c0c0 solid;
  border-left: none;
  border-right: none;
  padding: 10px;
}

#contact .tbl_contact th {
  width: 16em;
  background: #f3f3f3;
  text-align: left;
}

#contact .tbl_contact dl.address dt {
  clear: left;
  float: left;
  width: 10em;
  margin: 0px 0 10px;
}

#contact .tbl_contact dl.address dd {
   margin: 0px 0 10px 10em;
}

#contact .tbl_contact input[type="text"],
#contact .tbl_contact textarea {
  border: solid 1px #bbb;
  padding: 1px;
}

#contact .tbl_contact input[type="button"].zip {
  border: solid 1px #bbb;
  padding: 2px 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 80%;
}

#contact .tbl_contact select {
  border: solid 1px #bbb;
  padding: 3px;
  font-size: 80%;
}

#contact .tbl_contact input.inputWidthL {
  width: 500px;
}

.inputWidthUser {
  width: 250px;
}
.inputHeightUser{
  height:36px;
}

.inputWidthUsercompany {
  width: 200px;
}
.inputHeightUsercompany{
  height:36px;
}


.inputWidthUserTelHead{
  width: 300px!important;
}
.inputHeightUserTelHead{
  height: 84px!important;
}
/*.inputHeightUserTel{
  height: 84px!important;
}*/

.inputHeightUserTel{
  height:59px!important;
}

#contact .tbl_contact input.inputWidthUsetime {
  width: 100px;
}
.inputWidthCartypeOther{
  width:400px;

}
.inputWidthCarNumber{
  width:250px;
}
.inputWidthDate{
  width:100px;
}

.inputWidthEnterTime{
  width:30px;
}

.tbl_contact_trspace{
  font-size:1px;
  padding:100px;
  margin:100px;
}


/* ----------------------------------------------------------------
    予約
----------------------------------------------------------------- */
.body_reservation ul{
  list-style-type:square;
}

body_reservation ol{
  margin-left:100px
}

#reservation .body_reservation{
  margin-top:5px;
}

#nttbutton1{
  display:inline-block;
  background-color:#6CB700;
  color:white;
  border-radius:5px;
  padding:3px 5px;
  cursor:pointer;
}

#reservation .headline_reservation{
  text-decoration:underline;
  font-size:2rem;
  margin-bottom:10px;
}

.reservationguide_generalguest{
  margin-bottom:10px;
}

.reservationguide_NTTguest{
  margin-bottom:10px;
}

.table_yoyakubutton {
  border-collapse:separate;
  border-spacing:20px;
}

.table_yoyakubutton td{
  position:relative;
  width:500px;
  height:150px;
  text-align:center;
  background-color:#FFCC99;
}

.yoyakubutton1{
  position:relative;
  width:400px;
  height:30px;
  border:solid;
  border-color:#3333FF;
  background-color:#3333FF;
  box-shadow:5px 5px #000;
  margin-left:auto;
  margin-right:auto;
  padding:0;
}
.yoyakubutton1 a{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}


.yoyakubutton2{
  position:relative;
  width:400px;
  border:solid;
  border-color:#FFF;
  background-color:#FFF;
  box-shadow:5px 5px ;
  margin-left:auto;
  margin-right:auto;
}


.headline1_yoyakubutton{
  position:relative;
}

.headline2_yoyakubutton{
  position:relative;
}

.yoyakubutton a{
  font-size:24px;
  display:block;
}

.yoyakubutton a:link{
  color:#FFFFFF;
}
.yoyakubutton a:visited{
  color:#FFFFFF;
}

.wrap_yoyakubutton{
  margin-left:30px;
}
.wrap_yoyakubutton_download{
  margin-left:30px;
}
.wrap_table_yoyakubutton{
  margin-top:20px;
}

.reservation_text{
  background-color:#FF9900;
  color:white;
  border-radius:5px;
  margin-right:3px;
  padding:1px 5px;
}

.contactbtn_text{
  background-color:#6CB700;
  color:white;
  border-radius:5px;
  margin-right:3px;
  padding:1px 5px;
}



#space_facilitytop_kakaku{
  margin-top:40px;
}

.flowlink1 {
  background-color:#373F4B;
  color:white;
  border-radius:5px;
  margin-top:5px;
  margin-right:3px;
  padding:0px 5px;
  text-decoration: none;
}

.hdgnew2{
  border-radius:5px;
  padding-left:10px;
  padding-top:5px;
  padding-bottom:5px;
  background-color:#99CC00;
  font-size:20px;
  color:white;
}

.hdgnew3{
  color:green;
  font-size:18px;
}

.hdgnew4{
  font-size:18px;
}

.borderdot1{
  border:dotted 1px;
}

.paddingL20{
  padding-left:20px;
}

#room01,#room02,#room03,#room04,#room05,#room05no1{
  display:inline-block;
  margin-top : -150px;
  padding-top : 150px;
}

#policystay{
  margin-top : -100px;
  padding-top : 100px;
}


#tab02,#tab03{
  display:inline-block;
  margin-top : -150px;
  padding-top : 150px;
}

#p1{
  margin-top : -150px;
  padding-top : 150px;
}

#p2,#p3,#p5,#p6,#p7{
  display:inline-block;
  margin-top : -150px;
  padding-top : 150px;
}


#faq01{
  margin-top : 0px;
  padding-top :0px;
}

#faq02,#faq03,#faq04,#faq05,#faq06,#faq07{
  margin-top : -90px;
  padding-top : 90px;
}

#fromsengawapage{
  margin-top : -180px;
  padding-top : 180px;
}

#news2018030801{
  margin-top : -170px;
  padding-top : 170px;
}

.rentalpattern{
  width:150px;
}

#conferencetext a{
  text-decoration:underline;
}


/* -----------------------------------------
  入館・駐車事前申請フォーム
  A:入館
  P:駐車
 ----------------------------------------- */
#header_AP_A{
  margin-top: 50px;
  font-size: 20px;
  font-weight: bold;
  background-color: #87CEFA;
}

#header_AP_P{
  margin-top: 50px;
  font-size: 20px;
  font-weight: bold;
  background-color: #F0E68C;
}

.AP_border{
  margin-top:5px;
  margin-bottom:5px;
  border-top:1px dotted;
}
.border__dot1{
  border-top:1px dotted;
}

.AP_F_Subtext{
  font-size:1.1rem;
}
.AP_A_reason{
  display:table-cell;
  vertical-align:top;
}

.AP_A_reason_h{
  font-weight:bold;
  background-color: #87CEFA;
  font-size:2rem;
  width:400px;
}

.AP_A_reason_c{
  margin-top:10px;
  padding-top:10px;
}

.AP_A_reason_c_h{
  font-size:1.3rem;
}

.AP_P_reason{
  display:table-cell;
  vertical-align:top;
}

.AP_P_reason_h{
  font-weight:bold;
  background-color: #F0E68C;
  font-size:2rem;
  width:400px;
}

.hulli{
      display: inline;
}
#liusername{
  padding-left:10px;
}
#liadduserbtn{
  padding-top:10px;
}
#tableuser{
  cellpadding:30px;
}
#tableuser #tablebodyuser .tdusercheck{
/*  border-left:10px solid #c0c0c0;*/
  text-align:center;
  border: solid 1px #bbb;
}
#tableuser #tablebodyuser .tdusername{
/*  border:1px solid #c0c0c0; */
}
#tableuser #tablebodyuser td{
/*  border:3px solid #c0c0c0;*/
  padding:0;
}
#contact #tableuser,#contact #tableuser td,#contact #tableuser th,#contact #tableuser .tdusername{
  border:none;
  border:1px solid #c0c0c0;
}
.userbtn{
  padding:0;
  width:50px;
  height:35px;
}
.userbtn__add{
  background-color:#6495ED;
}
.userbtn__del{
  background-color:#5F9EA0;
}
.carbtn__add{
  background-color:#6495ED;
}
.carbtn__del{
  background-color:#5F9EA0;
}
/*
#tablecar #tablebodycar .tdcartype{
  border:1px solid #c0c0c0;
}
#tablecar .carbtn{
  padding:10;
  width:60px;
}
#licarname{
  padding-left:10px;
}
*/
#tablecar{
  cellpadding:30px;
}
#tablecar #tablebodycar .tdcarcheck{
/*  border-left:10px solid #c0c0c0;*/
  text-align:center;
  border: solid 3px #bbb;
}

#tablecar #tablebodycar .tdcarname{
/*  border:1px solid #c0c0c0; */
}

#tablecar #tablebodycar td{
/*  border:3px solid #c0c0c0;*/
  padding:10px;
}

#contact #tablecar,#contact #tablecar td,#contact #tablecar th,#contact #tablecar .tdcarname{
  border:none;
  border:1px solid #c0c0c0;
}

#tablecar .carbtn{
  padding:0;
  width:60px;
  height:6px;
}

.btn__copyDateAP{
  padding:0;
  width:400px;
  height:6px;
}

.parkdatebtn{
  padding:0;
  width:60px;
  height:6px;
}

.parkdatebtn__Add{
  background-color:#6495ED;
}
.parkdatebtn__del{
  background-color:#5F9EA0;
}

#contact .usernameerr {
  width:330px;
  background: #fff;
  border: solid 1px #f00;
  color: #f00;
  padding: 0;
  margin: 0;
  font-size:1rem;
}
#contact .usertimeerr {
  width:100px;
  background: #fff;
  border: solid 1px #f00;
  color: #f00;
  padding: 0;
  margin: 0;
  font-size:1rem;
}
#contact .carnameerr {
  width:300px;
  background: #fff;
  border: solid 1px #f00;
  color: #f00;
  padding: 0;
  margin: 0;
  font-size:1rem;
}
#contact .carnumbererr {
  width:250px;
  background: #fff;
  border: solid 1px #f00;
  color: #f00;
  padding: 0;
  margin: 0;
  font-size:1rem;
}
.suprerior{
  margin-left:3rem;
  margin-top:1rem;
}

.tdcartype .ex{
  font-size:1rem;
}
.btn__contact{
  background-color:#6CB700;
  text-decoration:none!important;
  color:white;
  border-radius:5px;
  padding:3px 5px;
}
.btn__contactAP{
  background-color:#696969;
  text-decoration:none!important;
  color:white;
  border-radius:5px;
  padding:3px 5px;
}
.btn__contactRV{
  background-color:#FF9900;
  text-decoration:none!important;
  color:white;
  border-radius:5px;
  padding:3px 5px;
}
.borderR__white{
  border-right:1px solid white!important;
}
.borderB__white{
  border-bottom:1px solid white!important;
}

/*.font-icon--open:before{
  content:"▲ ";
}
.font-icon--close:before{
  content:"▼ ";
}
.font-icon--answeropen:before{
  content:"Q ▲ ";
  margin-right:50px;
}
.font-icon--answerclose:before{
  content:"Q ▼ ";
}
*/

.faq__icon{
  margin-right:22px;
}

.faq__category{
  width:400px;
  height:100px;
}

.faq__contents{
  margin:auto!important;
  width: 1400px!important;
}



.faq__categories__subcategory{
  font-size:20px;
  background: #F3F3F3;
}

.faq__categories__subcategory:before{
  content:"● ";
}

.faq__categories__detail{
  font-size:18px;
}
