@import 'styles.css';

* {
  padding: 0;
  margin: 0;
  border: 0;
}

body {
  color: #000;
  background: #00122a;
  font-family: sans-serif;
  font-size: 18px;
  -webkit-text-size-adjust: none;
}

p {
  line-height: 1.5em;
}

/* for mobile */
.container {
  width: 600px;
  margin: 0 auto;
  padding: 20px;
  background: #01204e;
}

@media (max-width: 767px) {
  .container {
    width: auto;
  }
}

@media (max-width: 480px) {
  .container {
    width: auto;
  }
}

#header {
  width: 100%;
  text-align: center;
}

#header h1 {
  width: 100%;
  height: 130px;
  background: url(imgs/header_title.jpg) no-repeat center;
  text-indent: -999em;
}

/* main visual */
#tamazawatopphoto {
  display: none;
}

.slidesjs-pagination li {
  display: none;
}

a.slidesjs-stop {
  display: none !important;
}

/* contents block */
#information_block {
  width: 640px;
  margin: 0 auto;
  overflow-y: hidden;
}

#information {
  width: 640px;
  color: #000;
  background: #fff;
  border-collapse: collapse;
  border-spacing: 0px;
}

#information td {
  vertical-align: top;
}

#information td#touch {
  width: 180px;
  vertical-align: top;
  background: #01193d;
}

#information td#info {
  padding: 8px 0 0 16px;
}

#information td#info p {
  margin: 0 0 10px 0;
}

#available {
  width: 608px;
  margin: 0 auto;
  padding: 12px 16px; /*6*/
  background: #e6ebf1;
}

#available table {
  float: left;
  height: 80px;
  border-collapse: separate;
  border-spacing: 1px;
}
#available table td {
  padding: 1px 5px; /*16*/
  text-align: center;
}

#available .default {
  background: #cfd9e5;
}

#available .header {
  background: #a2b2cb;
}

#available .hour {
  background: #b8c5d8;
  padding: 0px 10px;
}

#available .etc {
  padding: 0 0 0px 16px;
  background: #e6ebf1;
  display: table-cell;
  vertical-align: bottom;
}
#available .etc table td {
  text-align: left;
}

#services {
  width: 604px;
  margin: 0 auto;
  padding: 38px 16px 14px 20px; /*4*/
  background: #ccd5e4 url(imgs/services_title.png) no-repeat top left;
}

#buttons {
  width: 640px;
  height: 210px;
  margin: 0 auto;
  padding: 1px 0;
  background: #003072;
}

.buttons3 {
  width: 640px;
  height: 150px;
  margin: 0 auto;
  padding: 1px 0 0px 0;
  background: #003072;
}

#message {
  width: 295px;
  height: 260px;
  margin: 0 auto;
  padding: 50px 20px 0 325px;
  background: #003072 url(imgs/message.jpg) no-repeat top left;
  font-size: 20px;
  display: none;
}

#links {
  width: 640px;
  height: 80px;
  margin: 0 auto;
  border-top: 1px solid #003072;
  border-bottom: 1px solid #003072;
  background: #00122a;
  text-align: center;
}

#socials {
  width: 618px;
  margin: 0 auto;
  padding: 14px 10px 10px 10px;
  border: 1px solid #003072;
  background: #fff;
  text-align: center;
}

#socials span {
  font-size: 12px;
  color: #333;
}

#socials a {
  text-decoration: none;
}

#socials img {
  vertical-align: middle;
}

#socials td {
  width: 206px;
  text-align: left;
}

#socials td.fb {
  padding: 3px 0 0 40px;
}

#socials td.tw {
  padding: 3px 20px 0 0;
}

#pc_banner {
  height: 60px;
  text-align: center;
}

#copy {
  width: 640px;
  margin: 0 auto;
  padding: 16px 0;
  color: #fff;
  background: #022f72;
  text-align: center;
}

.clr {
  clear: both;
}

.hrym1 {
  clear: both;
  height: 1px;
}

.d_name {
  text-align: right;
}

.f_b {
  font-weight: bold;
}

/*contents*/
section {
  background: #fff;
  height: 100%;
}

#contents {
  width: 600px;
  padding: 10px 20px 0px 20px;
  margin: 0 auto;
  background: #fff;
  font-size: 18px;
  color: #434343;
}

#contents p {
  background-color: #fff;
}

#contents_header {
  width: 640px;
  height: 125px;
  background: #fff;
  margin: 0 auto;
  padding: 0;
}

#contents_header h2 img {
  margin: 0;
  background: #fff;
  border-bottom: solid 4px #003072;
}

.blue-b {
  border-top: solid 2px #003072;
  padding: 20px 0 0 0;
}

.gray-b {
  border-top: solid 1px #ccc;
  padding: 20px 0 0 0;
}

.orange-b {
  border-top: solid 2px #ff9625;
  padding: 20px 0 0 0;
}

.orange-b-bottom {
  border-bottom: solid 2px #ff9625;
  padding: 0 0 20px 0;
}

.btn-top {
  height: 30px;
  text-align: right;
  clear: both;
}

ul,
li {
  list-style-type: none;
}

li {
  padding: 0 0 10px 0;
  line-height: 1.25em;
}

li.dot {
  margin-left: 20px;
  list-style-type: disc;
}

.fs24 {
  font-size: 24px;
}

table.bordered {
  width: 100%;
  border-top: 1px solid #bfbfbf;
  border-left: 1px solid #bfbfbf;
  margin-top: 10px;
}

table.bordered td {
  padding: 5px 0 5px 15px;
  border-bottom: 1px solid #bfbfbf;
  border-right: 1px solid #bfbfbf;
}

.pt10 {
  padding-top: 10px;
}
.pt20 {
  padding-top: 20px;
}
.pt30 {
  padding-top: 30px;
}
.pt40 {
  padding-top: 40px;
}
.pt50 {
  padding-top: 50px;
}
.mt30 {
  margin-top: 30px;
}

.pb10 {
  padding-bottom: 10px;
}
.pb20 {
  padding-bottom: 20px;
}
.pb30 {
  padding-bottom: 30px;
}

.taligncenter {
  text-align: center;
}

.talignright {
  text-align: right;
}

/*info*/
.snavi {
  font-size: 24px;
}

.snavi li {
  width: 168px;
  height: 50px;
  float: left;
  margin: 5px;
  padding: 10px;
  background-color: #e6ebf1;
  text-align: center;
  border: 1px solid #a2b2cb;
}

.snavi a {
  display: table-cell;
  vertical-align: middle;
  width: 170px;
  height: 50px;
}

.info_left {
  width: 380px;
  float: left;
  text-align: left;
  margin-bottom: 20px;
}

.info_right {
  width: 220px;
  float: left;
  text-align: right;
  margin-bottom: 20px;
}

/*staff*/
.staff_left {
  width: 380px;
  float: left;
  text-align: left;
  margin-bottom: 20px;
}

.staff_right {
  width: 220px;
  float: left;
  text-align: right;
  margin-bottom: 20px;
}

/*access*/
.boxaccess .left {
  width: 300px;
  margin: 0 3px 0 0;
  float: left;
}

.boxaccess .right {
  width: 280px;
  float: left;
}

.boxaccess p {
  padding-left: 16px;
}

.phone {
  font-size: 1.7em;
}

.phone a {
  color: #000;
  text-decoration: none;
}

/*case*/
table#case {
  border-collapse: collapse;
  margin-bottom: 10px;
}

table#case th {
  font-weight: bold;
  text-align: center;
  padding: 10px;
  border: 1px solid #ccc;
}

table#case td {
  border: 1px solid #ccc;
  line-height: 0;
}

.case_before {
  background-color: #e5f5ff;
}

.case_after {
  background-color: #ffefe5;
}
.nasi p {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding: 20px;
  color: #003072;
}