@charset "shift_jis";
/* ============================================================
共通・汎用モジュール
（基本段落／区切り線／見出し／テキスト／リンク、画像マーカー／リスト／表組み／画像まわり／フォーム／汎用クラス）

%update / 2017.03.15

------------------
【目次】
------------------
▼基本段落
▼見出し
▼テキスト
▼リンク、画像マーカー
▼リスト
▼表組み
▼画像まわり
▼フォーム
▼汎用クラス
============================================================ */

/* ------------------------------------------------------------
▼基本段落
------------------------------------------------------------ */
.sectionL {
	margin-bottom: 36px !important;
}
.sectionLBfrBox {  /* （『.sectionL.bfrBox』をJSで代替） */
	margin-bottom: 40px !important;  /* refer value => .sectionL */
}

.sectionM {
	margin-bottom: 16px !important;
}
.sectionMBfrBox {  /* （『.sectionM.bfrBox』をJSで代替） */
	margin-bottom: 20px !important;  /* refer value => .sectionM */
}

.sectionS {
	margin-bottom: 6px !important;
}
.sectionSBfrBox {  /* （『.sectionS.bfrBox』をJSで代替） */
	margin-bottom: 10px !important;  /* refer value => .sectionS */
}


/* ------------------------------------------------------------
▼見出し
------------------------------------------------------------ */
h1 {
	margin-bottom: 20px;
	font-size: 116.7%;
}

h2 {
	margin-bottom: 15px;
	font-size: 116.7%;
}

h3 {
	margin-bottom: 10px;
	font-size: 100%;
}

h4 {
	margin-bottom: 10px;
	font-size: 100%;
}

h5 {
	margin-bottom: 10px;
	font-size: 100%;
}

h6 {
	margin-bottom: 10px;
	font-size: 100%;
}


/* ------------------------------------------------------------
▼テキスト
------------------------------------------------------------ */
/* <a> */
a:link { color: #1040cf; text-decoration: underline; }
a:visited { color: #1040cf; text-decoration: underline; }
a:hover,
a:active { color: #1040cf; text-decoration: none; }
/* --- */

/* accent */
.txtAccent01 {
	color: #f00;
}
a.txtAccent01:link,
.txtAccent01 a:link{ color: #f00 !important; }
a.txtAccent01:visited,
.txtAccent01 a:visited{ color: #f00 !important; }
a.txtAccent01:hover,
a.txtAccent01:active,
.txtAccent01 a:hover,
.txtAccent01 a:active{ color: #f00 !important; }
/* --- */

/* size */
.txtSpe01 {  /* pxではなく%で指定 */
	font-size: 116.7%;
}

.txtSub01 {  /* pxではなく%で指定 */
	font-size: 83.4%;
}
/* --- */

/* superscript, subscript */
sup,
sub {
	line-height: 1.1;
}
* html sup,
* html sub { font-size: 100%; }  /* for IE6 */
*:first-child+html sup,
*:first-child+html sub { font-size: 100%; }  /* for IE7 */
head~/* */body sup,
head~/* */body sub { font-size: 100%; }  /* for IE8 */
html:not(:target) sup,
html:not(:target) sub { font-size: 83.4%; }  /* for mordern except IE8 */

sup { vertical-align: 0.25em; }
sub { vertical-align: 0px; }
/* --- */


/* ------------------------------------------------------------
▼リンク、画像マーカー
------------------------------------------------------------ */
/* <a>の文字色設定は『テキスト』に記述 */

/* ------------------
【link marker】
------------------ */
/* link01 maker */
.link01Up img{
	padding-right:5px;
	min-height: 8px;  /* refer value =>  */
	vertical-align:middle;
}
* html .link01Up { height: 8px; }  /* for IE6 */


.link01 {
	padding-left: 15px;
	background: url(../../../../image/res/common/cmn_mrk_arrow_01.gif) 0 5px no-repeat;
	min-height: 8px;  /* refer value => background-image height */
}
* html .link01 { height: 8px; }  /* for IE6 */

.posRightHasInnr {
	text-align: right;
}
.posRightHasInnr .link01,
.posRightHasInnr .link01Up {
	display: inline-block;  /* ただしFirefox2は未対応 */
	vertical-align: baseline;
	zoom: 1;  /* for IE hasLayout true */
}
* html .posRightHasInnr .link01,
* html .posRightHasInnr .link01Up { display: inline; }  /* for IE6 */
*:first-child+html .posRightHasInnr .link01,
*:first-child+html .posRightHasInnr .link01Up { display: inline; }  /* for IE7 */
/* --- */


/* ------------------------------------------------------------
▼リスト
------------------------------------------------------------ */
/* ------------------
【list column】
------------------ */
ul.listRow01 {
}

ul.listRow01 li {
	margin-bottom: 3px;
}
ul.listRow01 li:last-child {  /* ↓ */
	margin-bottom: 0 !important;
}
ul.listRow01 li.lastChild {  /* （『:lastChild』をJSで代替） */
	margin-bottom: 0 !important;
}

/* ------------------
【list row】
------------------ */
ul.listCol01 {
}

ul.listCol01 li {
	display: inline-block;  /* ただしFirefox2は未対応 */
	margin-right: 20px;
	margin-bottom: 3px;
	vertical-align: top;
	zoom: 1;  /* for IE hasLayout true */
}
* html ul.listCol01 li { display: inline; }  /* for IE6 */
*:first-child+html ul.listCol01 li { display: inline; }  /* for IE7 */

.posRightHasInnr ul.listCol01 li {  /* 『.listCol01F li』は不可 */
	margin-left: 20px;
	margin-right: 0;
}


/* ------------------------------------------------------------
▼汎用クラス
------------------------------------------------------------ */
/* ------------------
【clearfix】
------------------ */
.clearfix:after {
	clear: both;
	display: block;
	visibility: hidden;
	font-size: 0;
	height: 0;
	content: ".";
}
.clearfix {
	display: inline-block;
	min-height: 1%;  /* for IE7 */
}
/* hide from MacIE \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* end hide from MacIE */

/* ------------------
【adjust margin】
------------------ */
.lastItem { margin-bottom: 0 !important; }
.lastItemCol { margin-right: 0 !important; }
ul.lastItem > li { margin-bottom: 0 !important; }
li.UlLastItemChild { margin-bottom: 0 !important; }  /* （『ul.lastItem > li』をJSで代替） */

.nearNext { margin-bottom: 0 !important; }
.nearNextCol { margin-right: 0 !important; }

.hasFollower { margin-bottom: 3px !important; }

.eachHasFollower p,
.eachHasFollower ul,
.eachHasFollower ol,
.eachHasFollower dl {
	margin-bottom: 3px !important;  /* same value => .hasFollower */
}
.eachHasFollower p.lastItem,
.eachHasFollower ul.lastItem,
.eachHasFollower ol.lastItem,
.eachHasFollower dl.lastItem {
	margin-bottom: 0 !important;
}

/* ------------------
【hide】
------------------ */
.hide { display: none !important; }

.hideB {
	position: absolute !important;
	visibility: hidden !important;
	left: -9999px !important;
	top: 0 !important;
}

/* ------------------
【indent】
------------------ */
.indent01 { margin-left: 15px !important; }

/* ------------------
【inline position】
------------------ */
.posLeft { text-align: left !important; }
.posRight { text-align: right !important; }
.posCenter { text-align: center !important; }
.posTop { vertical-align: top !important; }
.posMiddle { vertical-align: middle !important; }
.posBottom { vertical-align: bottom !important; }

.eachLiPosTop li { vertical-align: top !important; }
.eachLiPosMiddle li { vertical-align: middle !important; }
.eachLiPosBottom li { vertical-align: bottom !important; }


/* ------------------
【PC、タブレット、スマートフォン表示切替用クラス】
------------------ */
.PCOnly{}/*PCのみ*/
.PCTBOnly{}/*PCとタブレットのみ*/
.TBOnly,/*タブレットのみ*/
.TBSPOnly,/*タブレットとスマートフォンのみ*/
.SPOnly{display:none;}/*スマートフォンのみ*/
@media screen and (max-width: 979px) {
  .PCOnly{display:none;}
  .TBOnly,
  .TBSPOnly{display:block;}
}
@media screen and (max-width: 599px) {
  .PCTBOnly,
  .TBOnly{display:none;}
  .SPOnly{display:block;}
}