@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : common.css
 author     : Ability Consultant
 style info : 基本・共通設定
=================================================================== */
#page {
  max-width: 1440px;
  margin: auto;
}
@media only screen and (max-width: 1024px) {
  #page {
    width: 95%;
  }
}

#topicpath, #contents {
  max-width: 1160px;
  margin: auto;
}
@media only screen and (max-width: 1024px) {
  #topicpath, #contents {
    width: 95%;
  }
}

#page:after, #topicpath:after, #contents:after {
  content: "";
  display: table;
  clear: both;
}

/* Opacity */
/* Hover animation */
/* H2 */
/* 緑のボタン */
/* -----------------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------------- */
html {
  font-size: small;
  line-height: 1.75;
}

body {
  color: #323232;
  background: #f8f7f7;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 100%;
}
.ie body {
  font-size: 98%;
}
@media only screen and (max-width: 767px) {
  body {
    font-size: 93%;
  }
}
body a {
  color: #034691;
}
body a:link, body a:visited, body a:active {
  text-decoration: underline;
}
@media only screen and (min-width: 1025px) {
  .mouse body a:hover, .touch body a.touchstart {
    text-decoration: none;
    color: #045ec3;
  }
}
@media print {
  .mouse body a:hover, .touch body a.touchstart {
    text-decoration: none;
    color: #045ec3;
  }
}
.ie8 .mouse body a:hover, .ie8 .touch body a.touchstart {
  text-decoration: none;
  color: #045ec3;
}
body img {
  max-width: 100%;
  -webkit-touch-callout: none;
}

body, pre, input, textarea, select {
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
}

input, select, textarea {
  font-size: 100%;
}

html.ie8 .view_tab,
html.ie8 .view_tab_sp,
html.ie8 .view_sp {
  display: none !important;
}
html.ie8 #page {
  min-width: 1440px !important;
  margin: auto;
  font-size: 100% !important;
}

@media only screen and (min-width: 1025px) {
  body .view_tab-sp, body .view_tab {
    display: none !important;
  }
}
@media print {
  body .view_tab-sp, body .view_tab {
    display: none !important;
  }
}
.ie8 body .view_tab-sp, .ie8 body .view_tab {
  display: none !important;
}
@media only screen and (min-width: 768px) {
  body .view_sp {
    display: none !important;
  }
}
@media print {
  body .view_sp {
    display: none !important;
  }
}
.ie8 body .view_sp {
  display: none !important;
}
@media only screen and (max-width: 1024px) {
  body .view_pc {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  body .view_pc-tab, body .view_tab {
    display: none !important;
  }
}

.mouse .over {
  -moz-transition: opacity 200ms ease-in;
  -o-transition: opacity 200ms ease-in;
  -webkit-transition: opacity 200ms ease-in;
  transition: opacity 200ms ease-in;
}
.mouse .over:hover, .touch .over.touchstart {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.touch .over {
  -webkit-tap-highlight-color: transparent;
}
.touch .over.touchend {
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*------------------------------------------------------------
	Adjustment classess
------------------------------------------------------------*/
.hovered {
  cursor: pointer;
}

.floatL {
  float: left;
}

.floatR {
  float: right;
}

.loading {
  text-align: center;
}

.m_error {
  margin-bottom: 25px;
  text-align: center;
}

.nodata {
  margin-bottom: 25px;
  text-align: center;
}

/* -----------------------------------------------------------
	#page
----------------------------------------------------------- */
#page {
  background: #fff;
}
@media only screen and (min-width: 768px) {
  #page {
    font-size: 100% !important;
  }
}
@media print {
  #page {
    font-size: 100% !important;
  }
}
.ie8 #page {
  font-size: 100% !important;
}
@media only screen and (max-width: 1390px) {
  #page {
    width: 100%;
  }
}
@media print {
  #page {
    width: 100%;
  }
}
.ie8 #page {
  width: 100%;
}

/* -----------------------------------------------------------
	#main_title 	メイン見出し
----------------------------------------------------------- */
#main_title {
  background: #eff1f2;
  padding: 30px 0 30px 0;
}
#main_title h2 {
  width: 100%;
  font-size: 177%;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #main_title h2 {
    font-size: 154%;
    line-height: 1.4;
  }
}

/* -----------------------------------------------------------
	#topicpath 	パンクズ
----------------------------------------------------------- */
#topicpath {
  padding-top: 12px;
}
@media only screen and (max-width: 1159px) {
  #topicpath {
    width: 95%;
  }
}
@media print {
  #topicpath {
    width: 95%;
  }
}
.ie8 #topicpath {
  width: 95%;
}
#topicpath li {
  margin-right: 5px;
  display: inline-block;
}
#topicpath li a {
  padding-right: 15px;
  display: block;
  position: relative;
  background: url(../images/common/ic_topicpath.png) right 7px no-repeat;
}

/* -----------------------------------------------------------
	#contents 	メインコンテンツ
----------------------------------------------------------- */
#contents {
  padding: 45px 0;
}
@media only screen and (max-width: 1159px) {
  #contents {
    width: 95%;
  }
}
@media print {
  #contents {
    width: 95%;
  }
}
.ie8 #contents {
  width: 95%;
}
@media only screen and (max-width: 767px) {
  #contents {
    padding: 25px 0;
  }
}

/* -----------------------------------------------------------
	テーブル
----------------------------------------------------------- */