@charset "utf-8";

/* ==================================================================
	■コンポーネント一覧
	　サイトによって使わない指定が多いので随時削除・変更すること。
=================================================================== */

/* --------------------------------
   □ clearfix
-------------------------------- */

section:after,
.container:after,
.site:after,
.contents:after,
.main:after,
.sub:after,
.clearfix:after,
.part:after,
.chapter:after,
.section:after,
.subsection:after,
.division:after,
.article:after,
.explain:after,
ul.navigation:after,
ul.items li:after {
  content: "";
  clear: both;
  display: block;
}

/* WIN用IE \*/
section,
.container,
.site,
.contents,
.main,
.sub,
.clearfix,
.chapter,
.section,
.subsection,
.divisio,
.article,
.explain,
ul.navigation,
ul.items li {
  zoom: 1;
}
/* end */

/* --------------------------------
   □ パンくずナビ
-------------------------------- */

ol#breadcrumbs {
}
ol#breadcrumbs li {
  vertical-align: middle;
  display: inline;
}

ol#breadcrumbs li a {
  color: #333;
  padding-right: 8px;
  margin-right: 0px;
  background: url(../img/common/icon/arrow/breadcrumbs.gif) 100% 50% no-repeat;
}

/* --------------------------------
   □ ボタンスタイル
-------------------------------- */
body .buttonStyle button,
body .buttonStyle > span,
body .buttonStyle a {
  box-sizing: border-box;
  display: inline-block;
  padding: 15px 10px;
  color: #fff;
  background: #53001b;
  border: 1px solid #53001b;
  text-decoration: none;
  transition: all 300ms 0s ease;
  font-size: 87%;
  cursor: pointer;
}

body .buttonStyle.h2 button,
body .buttonStyle.h2 a {
  padding: 25px 10px;
  color: #fff;
}

body .buttonStyle button:hover,
body .buttonStyle > span,
body .buttonStyle a:hover {
  background: #80082f;
  border: 1px solid #80082f;
}

body .buttonStyle button span,
body .buttonStyle > span span,
body .buttonStyle a span {
  display: block;
  background: url(../img/common/icon/arrow/button-white.png) 95% 50% no-repeat;
  padding-right: 59px;
  transition: all 300ms 0s ease;
}

body .buttonStyle button:hover span,
body .buttonStyle > span:hover span,
body .buttonStyle a:hover span {
  background-position: 100% 50%;
}

body .buttonStyle.skeltonWhite a {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}

body .buttonStyle.skeltonWhite a:hover {
  background: rgba(255, 255, 255, 0.4);
}
body .buttonStyle.skeltonWhite a span {
  background-image: url(../img/common/icon/arrow/button-white.png);
}

body .buttonStyle.skeleton a {
  background: transparent;
  border: 1px solid #333;
  color: #333;
}

body .buttonStyle.skeleton a:hover {
  background: rgba(255, 255, 255, 0.8);
}
body .buttonStyle.skeleton a span {
  background-image: url(../img/common/icon/arrow/button-black.png);
}

body .buttonStyle.gray a {
  background: #666;
  border: 1px solid #666;
}

body .buttonStyle.gray a:hover {
  background: #333;
}
body .buttonStyle.gray a span {
}

@media only screen and (max-width: 767px) {
  body .buttonStyle button,
  body .buttonStyle > span,
  body .buttonStyle a {
    font-size: 100%;
  }
}

/* --------------------------------
   □ テーブルスタイル
-------------------------------- */

table.tableStyle {
  width: 100%;
  border: 1px solid #ccc;
}
table.tableStyle th,
table.tableStyle td {
  padding: 10px 5px;
  border: 1px solid #ccc;
}

/* --------------------------------
   □ メニュー
   
   メニューの原型
-------------------------------- */

ul.navigationInterface {
}

ul.navigationInterface li {
  float: left;
  display: inline;
}

ul.navigationInterface li a {
  display: block;

  text-indent: -1000em;
  text-decoration: none;
  font-size: 1px;
  overflow: hidden;
}
/* MAC用IE only \*/ /*/
ul.navigationInterface li a  {overflow: inherit;}
/* end */

/* =================================
   ■ 共通指定
================================== */

/* --------------------------------
   □ 共通クラス
-------------------------------- */

/* ◇ text
-------------------------------- */
/* 明朝の指定 */
.mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* margin0 */
p.none {
  margin-bottom: 0;
}
/* 段落 */
p.indent {
  text-indent: 1em;
}
/* 備考 */
p.remarks {
  text-indent: -1em;
  padding-left: 1em;
}

/* 右寄せ */
.right {
  float: right;
}
/* 左寄せ */
.left {
  float: left;
}

/* text中央寄せ */
.text-center,
.text-center p {
  text-align: center;
}
.text-center img {
  margin: 0 auto;
}

/* text右寄せ */
.text-right,
.text-right p {
  text-align: right;
}
/* text左寄せ */
.text-left,
.text-left p {
  text-align: left;
}

/* clear */
.clear {
  clear: both;
}

/* 変換
-------------------------------- */
.ime-disabled {
  ime-mode: disabled;
}
.ime-active {
  ime-mode: active;
}

/* 文字隠
-------------------------------- */
.texthidden {
  text-indent: -1000em;
  text-decoration: none;
  font-size: 1px;
  overflow: hidden;
}

/* MAC用IE only \*/ /*/
.texthidden  {overflow: inherit;}
/* end */

/* TOPへ戻る
-------------------------------- */

p.pagetop {
  text-align: right;
  margin: 0 10px;
}

/*
p.pagetop a{
	padding-left:11px;
	background:url(../img/common/icon/pagetop.gif) 0 50% no-repeat;
}
*/

/* ◇ disc
-------------------------------- */

ul.disc li {
  list-style-type: disc;
  margin-left: 2em;
}

*:first-child + html ul.disc li {
  display: list-item;
  vertical-align: top;
  position: relative;
  top: -0.3em;
  margin-top: 0.3em;
}

/* ◇ 番号付きリスト
-------------------------------- */

ol.decimal li {
  list-style-type: decimal;
  margin-left: 2em;
}

*:first-child + html ol.decimal li {
  display: list-item;
  vertical-align: top;
  position: relative;
  top: -0.3em;
  margin-top: 0.3em;
}

/* 送信フォーム
-------------------------------- */
.submitArea {
  margin: 15px 0;
  text-align: center;
}

.submitArea img,
.submitArea input {
  vertical-align: baseline;
}

/* エラー ----------------------- */
.warning {
  color: #ff0000;
  font-size: 92%;
  display: none;
}

/* バナー一覧
-------------------------------- */
.publicity ul li {
  margin-bottom: 5px;
}

/* 広告バナー
-------------------------------- */
.abs {
  margin: 0;
}

/* ◇ 簡易マウスオーバー
-------------------------------- */
.mouse-over a:hover img,
.mouse-over:hover img {
  filter: alpha(opacity=90);
  -ms-filter: "alpha(opacity=90)";
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;
}

/* ◇ タグ嵩張らないように
-------------------------------- */
.hiddentags {
  overflow: hidden;
  height: 1px;
}