@charset "UTF-8";
/*
 * cmn_style.css
 *
 */


/* !Base Fonts -------------------------------------------------------------- */
a {
	color: #00b0b9;
	text-decoration: underline;
}
a:visited {}
a:hover,
a:active,
a:focus { text-decoration: none;}

#contents a[href^="http://"],
#contents a[href^="https://"] {
	/*word-break: break-all;*/
	word-break: normal;
}

.fwN { font-weight: normal;}
.fwB { font-weight: bold;}
.fzSS  { font-size:  72%;}/* base 14px -> 10px */
.fzS   { font-size:  86%;}/* base 14px -> 12px */
.fzM   { font-size: 100%;}
.fzL   { font-size: 115%;}/* base 14px -> 16px */
.fzLL  { font-size: 129%;}/* base 14px -> 18px */
.fzLLL { font-size: 143%;}/* base 14px -> 20px */
sup   { font-size: 78%; vertical-align: top;}
sub   { font-size: 78%; vertical-align: baseline;}

/* !Inline Align ------------------------------------------------------------ */
.taL { text-align: left   !important;}
.taC { text-align: center !important;}
.taR { text-align: right  !important;}
.vaT { vertical-align: top    !important;}
.vaM { vertical-align: middle !important;}
.vaB { vertical-align: bottom !important;}
.blockC { margin-right: auto; margin-left: auto; text-align: left;}
* html .blockC { margin-right: 0; margin-left: 0;}
.blockR { margin-left: auto; text-align: left;}
* html .blockR { margin-left: 0;}

/* !Width ------------------------------------------------------------------- */
/* 960px Grid */
.w960   { width: 960px;}
.w800	{ width: 800px;}
.w640	{ width: 640px;}
.w480	{ width: 480px;}
.w320	{ width: 320px;}
.w160	{ width: 160px;}

.wHalf  { width: 48%;}
.wTri   { width: 33%;}
.wQuart { width: 24%;}
.wFull  { width: 99.9%;}
.wMax   { width: 100%;}

.w03per { width: 3%  !important;}
.w05per { width: 5%  !important;}
.w10per { width: 10% !important;}
.w13per { width: 13% !important;}
.w15per { width: 15% !important;}
.w20per { width: 20% !important;}
.w25per { width: 25% !important;}
.w30per { width: 30% !important;}
.w35per { width: 35% !important;}
.w40per { width: 40% !important;}
.w45per { width: 45% !important;}
.w50per { width: 50% !important;}

/* !Floats ------------------------------------------------------------------ */
.flL    { display: inline; float: left;}
.flR    { display: inline; float: right;}
.flImgL { display: inline; float: left; margin-right: 20px;}
.flImgR { display: inline; float: right; margin-left: 20px;}
.ftBox  { overflow: hidden; *zoom: 1;}

/* !Tools ------------------------------------------------------------------- */
.clear { clear: both;}
.block { display: block;}
.hide  { display: none;}
.bgN   { background: none !important;}
.tdU   { text-decoration: underline;}
.tdN   { text-decoration: none;}
.atode { border: 2px solid #96c; padding: 10px; text-align: center; background-color: #f9f; font-size: 30px; color: #fff;}

/* !JavaScript -------------------------------------------------------------- */
.over { /* ロールオーバー呼び出し用 */ }

/* -------------------------------------------------------------------
 clearfix
------------------------------------------------------------------- */
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
/* For IE 6/7 */
.clearfix {
    zoom: 1;
}

/* -------------------------------------------------------------------
 画像置換クラス
------------------------------------------------------------------- */
.imgChange {
	line-height: 0.1px;
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 1px;
	text-indent: -9999px;
}


/* ---------------------------------------
　マージン
（注）余白を全てこの共通classで確保するわけではなく、局所的に使用するためのclassです。
統一指定できる箇所は、各ディレクトリおよび固有のcssで指定する。
--------------------------------------- */
.mgAuto {
	margin-right: auto;
	margin-left: auto;
}

/* マージントップ
----------------------------- */
.mgt00	{ margin-top:0 !important; }
.mgt05	{ margin-top:5px !important; }
.mgt10 { margin-top:10px !important; }
.mgt15 { margin-top:15px !important; }
.mgt20 { margin-top:20px !important; }
.mgt25 { margin-top:25px !important; }
.mgt30 { margin-top:30px !important; }
.mgt35 { margin-top:35px !important; }
.mgt40 { margin-top:40px !important; }
.mgt45 { margin-top:45px !important; }
.mgt50 { margin-top:50px !important; }
.mgt1em	{ margin-top:1em !important; }
.mgt2em	{ margin-top:2em !important; }
.mgt3em	{ margin-top:3em !important; }
.mgt4em	{ margin-top:4em !important; }
.mgt5em	{ margin-top:5em !important; }
.mgt6em	{ margin-top:6em !important; }
.mgt7em	{ margin-top:7em !important; }
.mgt8em	{ margin-top:8em !important; }
.mgt9em	{ margin-top:9em !important; }
.mgt10em { margin-top:10em !important; }

/* マージンボトム
----------------------------- */
.mgb00	{ margin-bottom:0 !important; }
.mgb05	{ margin-bottom:5px !important; }
.mgb10 { margin-bottom:10px !important; }
.mgb15 { margin-bottom:15px !important; }
.mgb20 { margin-bottom:20px !important; }
.mgb25 { margin-bottom:25px !important; }
.mgb30 { margin-bottom:30px !important; }
.mgb35 { margin-bottom:35px !important; }
.mgb40 { margin-bottom:40px !important; }
.mgb45 { margin-bottom:45px !important; }
.mgb50 { margin-bottom:50px !important; }
.mgb1em { margin-bottom:1em !important; }
.mgb2em { margin-bottom:2em !important; }
.mgb3em { margin-bottom:3em !important; }
.mgb4em { margin-bottom:4em !important; }
.mgb5em { margin-bottom:5em !important; }
.mgb6em { margin-bottom:6em !important; }
.mgb7em { margin-bottom:7em !important; }
.mgb8em { margin-bottom:8em !important; }
.mgb9em { margin-bottom:9em !important; }
.mgb10em { margin-bottom:10em !important; }

/* マージンレフト
----------------------------- */
.mgl00	{ margin-left:0 !important; }
.mgl05	{ margin-left:5px !important; }
.mgl10 { margin-left:10px !important; }
.mgl15 { margin-left:15px !important; }
.mgl20 { margin-left:20px !important; }
.mgl25 { margin-left:25px !important; }
.mgl30 { margin-left:30px !important; }
.mgl35 { margin-left:35px !important; }
.mgl40 { margin-left:40px !important; }
.mgl45 { margin-left:40px !important; }
.mgl50 { margin-left:50px !important; }
.mgl1em { margin-left:1em !important; }
.mgl2em { margin-left:2em !important; }
.mgl3em { margin-left:3em !important; }
.mgl4em { margin-left:4em !important; }
.mgl5em { margin-left:5em !important; }
.mgl6em { margin-left:6em !important; }
.mgl7em { margin-left:7em !important; }
.mgl8em { margin-left:8em !important; }
.mgl9em { margin-left:9em !important; }
.mgl10em { margin-left:10em !important; }

/* マージンライト
----------------------------- */
.mgr00	{ margin-right:0 !important; }
.mgr05	{ margin-right:5px !important; }
.mgr10 { margin-right:10px !important; }
.mgr15 { margin-right:15px !important; }
.mgr20 { margin-right:20px !important; }
.mgr25 { margin-right:25px !important; }
.mgr30 { margin-right:30px !important; }
.mgr35 { margin-right:35px !important; }
.mgr40 { margin-right:40px !important; }
.mgr45 { margin-right:40px !important; }
.mgr50 { margin-right:50px !important; }
.mgr1em { margin-right:1em !important; }
.mgr2em { margin-right:2em !important; }
.mgr3em { margin-right:3em !important; }
.mgr4em { margin-right:4em !important; }
.mgr5em { margin-right:5em !important; }
.mgr6em { margin-right:6em !important; }
.mgr7em { margin-right:7em !important; }
.mgr8em { margin-right:8em !important; }
.mgr9em { margin-right:9em !important; }
.mgr10em { margin-right:10em !important; }

/* ---------------------------------------
　パディング
（注）余白を全てこの共通classで確保するわけではなく、局所的に使用するためのclassです。
統一指定できる箇所は、各ディレクトリおよび固有のcssで指定する。
--------------------------------------- */
/* パディンングトップ
----------------------------- */
.pdt00	{ padding-top:0 !important; }
.pdt05	{ padding-top:5px !important; }
.pdt10 { padding-top:10px !important; }
.pdt15 { padding-top:15px !important; }
.pdt20 { padding-top:20px !important; }
.pdt25 { padding-top:25px !important; }
.pdt30 { padding-top:30px !important; }
.pdt35 { padding-top:35px !important; }
.pdt40 { padding-top:40px !important; }
.pdt45 { padding-top:40px !important; }
.pdt50 { padding-top:50px !important; }
.pdt1em { padding-top:1em !important; }
.pdt2em { padding-top:2em !important; }
.pdt3em { padding-top:3em !important; }
.pdt4em { padding-top:4em !important; }
.pdt5em { padding-top:5em !important; }
.pdt6em { padding-top:6em !important; }
.pdt7em { padding-top:7em !important; }
.pdt8em { padding-top:8em !important; }
.pdt9em { padding-top:9em !important; }
.pdt10em { padding-top:10em !important; }

/* パディンングボトム
----------------------------- */
.pdb00	{ padding-bottom:0 !important; }
.pdb05	{ padding-bottom:5px !important; }
.pdb10 { padding-bottom:10px !important; }
.pdb15 { padding-bottom:15px !important; }
.pdb20 { padding-bottom:20px !important; }
.pdb25 { padding-bottom:25px !important; }
.pdb30 { padding-bottom:30px !important; }
.pdb35 { padding-bottom:35px !important; }
.pdb40 { padding-bottom:40px !important; }
.pdb45 { padding-bottom:40px !important; }
.pdb50 { padding-bottom:50px !important; }
.pdb1em { padding-bottom:1em !important; }
.pdb2em { padding-bottom:2em !important; }
.pdb3em { padding-bottom:3em !important; }
.pdb4em { padding-bottom:4em !important; }
.pdb5em { padding-bottom:5em !important; }
.pdb6em { padding-bottom:6em !important; }
.pdb7em { padding-bottom:7em !important; }
.pdb8em { padding-bottom:8em !important; }
.pdb9em { padding-bottom:9em !important; }
.pdb10em { padding-bottom:10em !important; }

/* パッディングレフト
----------------------------- */
.pdl00	{ padding-left:0 !important; }
.pdl05	{ padding-left:5px !important; }
.pdl10 { padding-left:10px !important; }
.pdl15 { padding-left:15px !important; }
.pdl20 { padding-left:20px !important; }
.pdl25 { padding-left:25px !important; }
.pdl30 { padding-left:30px !important; }
.pdl35 { padding-left:35px !important; }
.pdl40 { padding-left:40px !important; }
.pdl45 { padding-left:40px !important; }
.pdl50 { padding-left:50px !important; }
.pdl1em { padding-left:1em !important; }
.pdl2em { padding-left:2em !important; }
.pdl3em { padding-left:3em !important; }
.pdl4em { padding-left:4em !important; }
.pdl5em { padding-left:5em !important; }
.pdl6em { padding-left:6em !important; }
.pdl7em { padding-left:7em !important; }
.pdl8em { padding-left:8em !important; }
.pdl9em { padding-left:9em !important; }
.pdl10em { padding-left:10em !important; }

/* パッディングライト
----------------------------- */
.pdr00	{ padding-right:0 !important; }
.pdr05	{ padding-right:5px !important; }
.pdr10 { padding-right:10px !important; }
.pdr15 { padding-right:15px !important; }
.pdr20 { padding-right:20px !important; }
.pdr25 { padding-right:25px !important; }
.pdr30 { padding-right:30px !important; }
.pdr35 { padding-right:35px !important; }
.pdr40 { padding-right:40px !important; }
.pdr45 { padding-right:40px !important; }
.pdr50 { padding-right:50px !important; }
.pdr1em { padding-right:1em !important; }
.pdr2em { padding-right:2em !important; }
.pdr3em { padding-right:3em !important; }
.pdr4em { padding-right:4em !important; }
.pdr5em { padding-right:5em !important; }
.pdr6em { padding-right:6em !important; }
.pdr7em { padding-right:7em !important; }
.pdr8em { padding-right:8em !important; }
.pdr9em { padding-right:9em !important; }
.pdr10em { padding-right:10em !important; }


/* ---------------------------------------
　行間
--------------------------------------- */
/* 章 */
.sentence {
	margin-bottom: 3em !important;
}
/* 段落 */
.paragraph {
	margin-bottom: 2em !important;
}
/* 行 */
.mgbLine {
	margin-bottom: 1em !important;
}

/* ---------------------------------------
　注釈
--------------------------------------- */
/* 本文中※ */
span.mkNote {
	position: relative;
	top: -0.4em;
	margin-left: 0.1em;
	padding-right: 0.3em;
	font-size: 1.2rem;
	color: #cc0000 !important;
}

/* 本文h2見出し中※ */
.hn02 span.mkNote {
	color: #fff !important;
}
span.mkNoteOnly {
	font-size: 1.1rem;
	padding-left: 1em;
}
span.mkNoteOnly span {
	color: #cc0000 !important;
}

ul.mkNote {
	clear: both;
	margin-top: 1em;
}
ul.mkNote li {
	margin-bottom: 5px;
	font-size: 1.2rem;
}
ul.mkNote li:last-child {
	margin-bottom: 0;
}
ul.mkNote span {
	color: #cc0000 !important;
}

/* 上付 */
ul.mkNote span.sup {
	color: #555;
}
/* 下付 */
ul.mkNote span.sub {
	color: #555;
}


/* ※  */
.note { 
	padding-left: 1.34em;
	text-indent: -1.34em !important;
}
/* ※1  */
.noteNum1 { 
	padding-left: 1.8em;
	text-indent: -1.8em;
}
/* ※10  */
.noteNum2 { 
	padding-left: 2.3em;
	text-indent: -2.3em;
}
/* *  */
.notesAst { 
	padding-left: 1.0em;
	text-indent: -0.7em;
}
/* ・ */
.notesZenkaku { 
	padding-left: 1.3em;
	text-indent: -1.3em;
}
/* ・ */
.notesZenkakuFontFull { 
	padding-left: 1.0em;
	text-indent: -1.0em;
}
/* 1．*/
.notesNum { 
	padding-left: 1.8em;
	text-indent: -1.5em;
}
/* 10．*/
.notesNum2Keta { 
	padding-left: 2.1em;
	text-indent: -2.1em;
}
/* 1)  */
.notesParentNum { 
	padding-left: 1.35em;
	text-indent: -1.2em;
}
/* (1)  */
.notesParent2Num { 
	padding-left: 1.5em;
	text-indent: -1.50em;
}
/* 10)  */
.notesParentNum2Keta { 
	padding-left: 1.75em;
	text-indent: -1.75em;
}
/* (10)  */
.notesParent2Num2Keta { 
	padding-left: 2.0em;
	text-indent: -2.0em;
}
/* ※注)  */
.notesParentAtten {
	padding-left: 2.6em;
	text-indent: -2.6em;
}
/* 注1)  */
.notesParentAttenNum {
	padding-left: 2.1em;
	text-indent: -2.1em;
}
/* なし */
.notesMarkerNone {
	margin-top: 1em !important;
}


/*　背景
--------------------------------------- */
/* なし */
.bgNone {
	background: none !important;
}
/* 白 */
.bgWhite {
	background: #fff;
}

/* -------------------------------------------------------------------
 表示
------------------------------------------------------------------- */
/* 非表示 */
.displayNone {
	display: none;
}


/* -------------------------------------------------------------------
 クリアー
------------------------------------------------------------------- */
/* クリアー */
.clearBoth {
	clear: both;
}

/* -------------------------------------------------------------------
 隙間カット
------------------------------------------------------------------- */
/* 隙間カット */
.sukimaCut {
	line-height: 0;
	font-size: 0;
}


/* ---------------------------------------
　align
--------------------------------------- */
/* 左 */
.alignLeft {
	text-align: left !important;
}
/* 中央 */
.alignCenter {
	text-align: center !important;
}
/* 右 */
.alignRight {
	text-align: right !important;
}
.breakAll {
	word-break: break-all;
}

/* ---------------------------------------
　list
--------------------------------------- */
.olListVideoDecimal li {
	list-style-type: none;
	counter-increment: number;
	padding-left: 1.6em;
	padding-top: 0.6em;
	margin-bottom: 0.5em;
	position: relative;
}
.olListVideoDecimal li:before {
	content: counter(number) ":";
	margin-right: 5px;
	position: absolute;
	left: 0;
	top: 0;
}
.olListVideoDecimal li:last-child {
	margin-bottom: 0;
}
.olListDecimal li {
	list-style-type: none;
	counter-increment: number;
	padding-left: 1.2em;
	text-indent: -1.2em;
	margin-bottom: 0.5em;
}
.olListDecimal li:before {
	content: counter(number) ".";
	margin-right: 5px;
	color: #000;
	font-weight: bold;
}
.olListDecimal li:last-child {
	margin-bottom: 0;
}

.ibsNumber {
	font-size: 1.2rem;
	color: #666;
}