@charset "utf-8";

/* -----------------------------------------------
 * base.css
 * LastUpdate : 24/09/13
----------------------------------------------- */

/*  SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/scripts/boxsizing.htc);
  /*  If you need support for IE7 and lower make
    sure the boxsizing.htc file is linked properly.
    More info here:  https://github.com/Schepp/box-sizing-polyfill */
}
/*  SELF CLEARING FLOATS - CLEARFIX METHOD */
.container:after,
.row:after,
.col:after,
.colR:after,
.clr:after,
.group:after {
  content: "";
  display: table;
  clear: both;
}

/*  DEFAULT ROW STYLES
  Set bottom padding according to preference */
.row { padding-bottom: 0em;
}


/* DEFAULT COLUMN STYLES */
.col {
  display: block;
  float: left;
  width: 100%;
}
.gutters .col {
  margin-left: 2%;
}
.gutters .col:first-child {
  margin-left: 0;
}

  .span_1 { width: 8.33333333333%; }
  .span_2 { width: 16.6666666667%; }
  .span_3 { width: 25%; }
  .span_4 { width: 33.3333333333%; }
  .span_5 { width: 41.6666666667%; }
  .span_6 { width: 50%; }
  .span_7 { width: 58.3333333333%; }
  .span_8 { width: 66.6666666667%; }
  .span_9 { width: 75%; }
  .span_10 { width: 83.3333333333%; }
  .span_11 { width: 91.6666666667%; }
  .span_12 { width: 100%; }

  .gutters .span_1 { width: 6.5%; }
  .gutters .span_2 { width: 15.0%; }
  .gutters .span_3 { width: 23.5%; }
  .gutters .span_4 { width: 32.0%; }
  .gutters .span_5 { width: 40.5%; }
  .gutters .span_6 { width: 49.0%; }
  .gutters .span_7 { width: 57.5%; }
  .gutters .span_8 { width: 66.0%; }
  .gutters .span_9 { width: 74.5%; }
  .gutters .span_10 { width: 83.0%; }
  .gutters .span_11 { width: 91.5%; }
  .gutters .span_12 { width: 100%; }



* {
    box-sizing:border-box;
}
body {
  position: relative;
}

#base {
}

body {
	-webkit-text-size-adjust: 100%;
}
img {
    max-width: 100%;
    height: auto;
    width /***/:auto;　/*IE8のみ適用*/
}

.container {
  width: 1000px;
  margin: 0 auto;
}
.box {
  margin-bottom: 50px;
}

section {
  margin-bottom: 50px;
  position: relative;
}

/* ---------------------------------------------------------------------------------------------

　   CONTENTS

--------------------------------------------------------------------------------------------- */
#header nav {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-collapse: separate;  /* セルの間隔を空ける */
  border-spacing: 2px 0;  /* 左右 上下で記述 */
}
#header nav a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  padding: 10px;
  font-size: 20px;
}
#header nav a:nth-child(odd) {
  background: #f39c50;
}
#header nav a:nth-child(even) {
  background: #ed6c00;

}

#mainImage {
  position: relative;
  z-index: 1;
  min-width: 1000px;
}
#mainImage h1 {
  position: absolute;
  z-index: 3;
  /* width: 1000px; */
  margin: auto;
  left: 50%;
  margin-left: -400px;
  top: 50%;
  margin-top: -65.5px;
}
#mainImage .image {
  position: relative;
  z-index: 2;
  width: 100%;
}

.big {
  font-size: 22px;
}
.big strong {
  color: #ed6c00;
  font-size: 36px;
  font-weight: bold;
}

.colbox {
  color: #fff;
}
.colbox.orange {
  background: #ed6c00;
  border:5px solid #ed6c00;
}
.colbox.blue {
  background: #0068b7;
  border:5px solid #0068b7;
}
.colbox img {
  float: left;
}
.colbox .txt {
  float: right;
  width: 540px;
  font-size: 22px;
  font-weight: bold;
  padding: 20px;
}

h2 {
  font-weight: bold;
  font-size: 36px;
  margin-bottom: 20px;
}
h2 span {
  display: inline-block;
  background: #fff;
  line-height: 1em;
}

#seihon h2 {
  background: url(../img/border.png) repeat-x bottom;
}
#seihon h2 span {
  color: #ed6c00;
  padding: 5px 0 5px 0;
  width: 180px;
}
#seihon h2 span.kannon {
  width: 300px;
}
#zumen h2 {
  background: url(../img/border02.png) repeat-x bottom;
}
#zumen h2 span {
  color: #0068b7;
  padding: 5px 0 5px 0;
  width: 180px;
}
#zumen h2 span.output {
  width: 220px;
}
#seihon h3 {
  background: url(../img/square.png) no-repeat right center;
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 20px;
}
#seihon h3 span {
  margin-left: 32px;
  display: inline-block;
  background: #fff;
  line-height: 1em;
}

h4 {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 5px;
}
h4 span {
  color: #f1d8c2;
  margin-right: 5px;
}
.sec_inner {
  padding-left: 180px;
}
.article_inner {
  padding-left: 32px;
}

.caption {
  font-size: 14px;
}

table {
  width: 100%;
}
th,td {
  padding: 5px 10px;
  border:1px solid #7c6c63;
  vertical-align: middle;
}
th {
  text-align: center;
}
#seihon th {
  background: #fce5ce;
}
#zumen th {
  background: #d3def1;
}
td {
  text-align: right;
  vertical-align: middle;
}
td span {
  font-size: 80%;
}
td strong {
  font-size: 120%;
  font-weight: bold;
}
#seihon tbody tr:nth-child(even) {
  background: #fef2e7;
}
#zumen tbody tr:nth-child(even) {
  background: #e9eff8;
}
#seihon th,#seihon td {
  font-size: 14px;
}
td.orange {
  color: #ed6c00;
}
td.blue {
  color: #0068b7;
}

dt,dd {
  font-size: 14px;
}

dt {
  float: left;
  clear: left;
  width: 4em;
}
dd {
  padding-left: 4em;
}
strong.color {
  font-weight: bold;
}
#seihon strong.color,#seihon strong.color a {
  color: #ed6c00;
}
#zumen strong.color,#zumen strong.color a {
  color: #0068b7;
}
strong.color a:hover {
  text-decoration: underline;
}
.contact h2 {
  position: absolute;
  width: 160px;
  top: 0;
  left: 0;
  text-align: center;
  background: none !important;
  line-height: 1.1em;
  padding: 10px 10px 5px 10px;
  font-size: 30px;
  letter-spacing: 0.2em;
}
#seihon .contact h2 {
  border: 5px solid #f7b981;
  color: #ed6c00;
}
#zumen .contact h2 {
  border: 5px solid #88abda;
  color: #0068b7;
}

.contact p {
  font-size: 30px;
}

.fs {
  font-size: 14px;
}

/* ---------------------------------------------------------------------------------------------

　   FOOTER

--------------------------------------------------------------------------------------------- */
#footer {
  padding-bottom: 60px;
}
.foot-logo {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #666;
}
#footer p span {
  font-size: 24px;
}

.totop {
  font-weight: bold;
  font-size: 20px !important;
}

.totop.orange a {
  color: #ed6c00;
}

.totop.blue a {
  color: #0068b7;
}