@charset "utf-8";

/* -------------------------------------------------------------------
 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;
}

@media screen and (min-width: 641px) {
	.imgChangePc {
		line-height: 0.1px;
		margin: 0;
		padding: 0;
		font-style: normal;
		font-weight: normal;
		font-size: 1px;
		text-indent: -9999px;
	}
}

@media screen and (min-width: 640px) {
	.imgChangePcTb {
		line-height: 0.1px;
		margin: 0;
		padding: 0;
		font-style: normal;
		font-weight: normal;
		font-size: 1px;
		text-indent: -9999px;
	}
}

/* -------------------------------------------------------------------
 イメージフィット　包括
------------------------------------------------------------------- */

.imgResponsive img{
	max-width: 100%;
	height: auto;
	width /***/:auto; 
}

/* -------------------------------------------------------------------
 641px以上削除
------------------------------------------------------------------- */

@media screen and (min-width: 641px) {
	.pcDisNone {
		display: none;
	}
}

/* -------------------------------------------------------------------
 641px以下削除
------------------------------------------------------------------- */

@media screen and (max-width: 641px) {
	.sptabDisNone {
		display: none;
	}
}

/* -------------------------------------------------------------------
 480px以下削除
------------------------------------------------------------------- */

@media screen and (max-width: 480px) {
	.spDisNone {
		display: none;
	}
}

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

/* マージントップ
----------------------------- */
.mgt0	{ margin-top:0 !important; }
.mgt5	{ 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; }

/* マージンボトム
----------------------------- */
.mgb0	{ margin-bottom:0 !important; }
.mgb5	{ 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; }

/* マージンレフト
----------------------------- */
.mgl0	{ margin-left:0 !important; }
.mgl5	{ 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; }

/* マージンライト
----------------------------- */
.mgr0	{ margin-right:0 !important; }
.mgr5	{ 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; }


/* ---------------------------------------
　パディング
（注）余白を全てこの共通classで確保するわけではなく、局所的に使用するためのclassです。
統一指定できる箇所は、各ディレクトリおよび固有のcssで指定する。
--------------------------------------- */

/* パディンングトップ
----------------------------- */
.pdt0	{ padding-top:0 !important; }
.pdt5	{ 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; }

/* パディンングボトム
----------------------------- */
.pdb0	{ padding-bottom:0 !important; }
.pdb5	{ 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; }

/* パッディングレフト
----------------------------- */
.pdl0	{ padding-left:0 !important; }
.pdl5	{ 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; }

/* パッディングライト
----------------------------- */
.pdr0	{ padding-right:0 !important; }
.pdr5	{ 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; }


/* ---------------------------------------
　行間
--------------------------------------- */

/* 章（例：25px相当） */
.sentence {
	margin-bottom: 3em !important;
}

.sentence:last-child {
	padding-bottom: 3em !important;
}

/* 段落 */
.paragraph {
	margin-bottom: 2em !important;
}

/* 行 */
.mgbLine {
	margin-bottom: 1em !important;
}

/* ---------------------------------------
　インデント
--------------------------------------- */

/* 1em */
.indentEm {
	text-indent: 1em;
}

/* ---------------------------------------
　注釈
--------------------------------------- */

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

span.mkNoteOnly {
	font-size: 83%;
	padding-left: 1em;
}

span.mkNoteOnly span {
	color: #cc0000 !important;
}

ul.mkNote {
	clear: both;
	margin-top: 1em;
}

ul.mkNote li {
	margin-bottom: 5px;
	line-height: 1.2;
}

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;
	font-size: 83%;
}

/* ※1  */
.noteNum1 { 
	padding-left: 1.8em;
	text-indent: -1.8em;
	font-size: 83%;
}

/* ※10  */
.noteNum2 { 
	padding-left: 2.3em;
	text-indent: -2.3em;
	font-size: 83%;
}

/* *  */
.notesAst { 
	padding-left: 1.0em;
	text-indent: -0.7em;
	font-size: 83%;
}

/* ・ */
.notesZenkaku { 
	padding-left: 1.3em;
	text-indent: -1.3em;
	font-size: 83%;
}

/* ・ */
.notesZenkakuFontFull { 
	padding-left: 1.0em;
	text-indent: -1.0em;
}

/* 1．*/
.notesNum { 
	padding-left: 1.8em;
	text-indent: -1.5em;
	font-size: 83%;
}

/* 10．*/
.notesNum2Keta { 
	padding-left: 2.1em;
	text-indent: -2.1em;
	font-size: 83%;
}

/* 1)  */
.notesParentNum { 
	padding-left: 1.35em;
	text-indent: -1.2em;
	font-size: 83%;
}

/* (1)  */
.notesParent2Num { 
	padding-left: 1.5em;
	text-indent: -1.50em;
	font-size: 83%;
}

/* 10)  */
.notesParentNum2Keta { 
	padding-left: 1.75em;
	text-indent: -1.75em;
	font-size: 83%;
}

/* (10)  */
.notesParent2Num2Keta { 
	padding-left: 2.0em;
	text-indent: -2.0em;
	font-size: 83%;
}

/* ※注)  */
.notesParentAtten {
	padding-left: 2.6em;
	text-indent: -2.6em;
	font-size: 83%;
}
/* 注1)  */
.notesParentAttenNum {
	padding-left: 2.1em;
	text-indent: -2.1em;
	font-size: 83%;
}

/* なし */
.notesMarkerNone {
	margin-top: 1em !important;
	/*text-indent: -1.34em !important;*/
	font-size: 83%;
}


/*　背景
--------------------------------------- */

/* なし */
.bgNone {
	background: none !important;
}

/* グレー */
.bgGray {}


/* -------------------------------------------------------------------
 表示
------------------------------------------------------------------- */

/* 非表示 */
.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;
}


/* -------------------------------------------------------------------
 imeモード
------------------------------------------------------------------- */

/* 日本語 */
.imeNihongo {
	ime-mode: active;
}

/* 英数字 */
.imeEisuji {
	ime-mode: inactive;
}

/* 不可 */
.imeFuka {
	ime-mode: disabled;
}

/* =======================================
   角丸
======================================= */

/* すべて */
.r2Coner {
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
}

/* 右上・下 */
.r2RightConer {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px; 
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px; 
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
}

/* 左上・下 */
.r2LeftConer {
	border-top-left-radius: 3px; 
	border-bottom-left-radius: 3px; 
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px; 
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
}

/* 左下・右下 */
.r2bottomConer {
	border-bottom-left-radius: 3px; 
	border-bottom-right-radius: 3px; 
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px; 
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
}


/* =======================================
   imgHover
======================================= */
#wrapMainInner a img:hover{
	opacity: 0.7;
}

/* top */
.bxslider a img:hover,
.topicsItem a img:hover {
	opacity: 0.7;
}

/* フッター */
#footer .footNavi .lNavi .footUlNavi li a:hover,
#wrapHeader .wrapCommonHeader .commonNavi li a:hover {
	opacity: 0.5;
}

/* サイドバナー */
.wrapBannerList .wrapItemBanner a:hover {
	opacity: 0.5;
}