/******************************************************************************/
/* 汎用クラス - last update: 25.02.25 */


/******************************************************************************/
/* フォントタイプ */

.mincho {
	font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}


/******************************************************************************/
/* フォントサイズ */

.fs10 {
	font-size: 10px;
}

.fs12 {
	font-size: 12px;
}

.fs14 {
	font-size: 14px;
}

.fs16 {
	font-size: 16px;
}

.fs18 {
	font-size: 18px;
}

.fs20 {
	font-size: 20px;
}

.fs22 {
	font-size: 22px;
}

.fs24 {
	font-size: 24px;
}

.fs26 {
	font-size: 26px;
}

.fs28 {
	font-size: 28px;
}

.fs36 {
	font-size: 36px;
}


/******************************************************************************/
/* 字下げ */

.indent0 {
	text-indent: 0em;
}

.indent1 {
	text-indent: 1em;
}

.indent2 {
	text-indent: 2em;
}

.indent3 {
	text-indent: 3em;
}

.indent4 {
	text-indent: 4em;
}

.indent5 {
	text-indent: 5em;
}


/******************************************************************************/
/* 文字間隔 */

.ls0 {
	letter-spacing: 0em;
}

.ls01,
.spc01 {
	letter-spacing: 0.1em;
}

.ls02,
.spc02 {
	letter-spacing: 0.2em;
}

.ls05,
.spc05 {
	letter-spacing: 0.5em;
}

.ls1,
.spc1 {
	letter-spacing: 1em;
}

.ls2,
.spc2 {
	letter-spacing: 2em;
}

.ls3,
.spc3 {
	letter-spacing: 3em;
}

.ls5,
.spc5 {
	letter-spacing: 5em;
}


/******************************************************************************/
/* 行間隔 */

.lh100 {
	line-height: 100%;
}

.lh110 {
	line-height: 110%;
}

.lh120 {
	line-height: 120%;
}

.lh130 {
	line-height: 130%;
}

.lh140 {
	line-height: 140%;
}

.lh150 {
	line-height: 150%;
}

.lh160 {
	line-height: 160%;
}

.lh170 {
	line-height: 170%;
}

.lh180 {
	line-height: 180%;
}

.lh190 {
	line-height: 190%;
}

.lh200 {
	line-height: 200%;
}


/******************************************************************************/
/* 通常文字 */

.normal {
	font-weight: normal;
}


/******************************************************************************/
/* 太字 */

.bold {
	font-weight: bold;
}


/******************************************************************************/
/* イタリック */

.italic {
	font-style: italic;
}


/******************************************************************************/
/* 下線 */

.under,
.underline {
	text-decoration: underline;
}


/******************************************************************************/
/* 打消し線 */

.strike {
	text-decoration: line-through;
}


/*************************************************************************/
/* 上付き、下付き */

.sup {
	vertical-align: super;
	font-size: 8px;
}

.sub {
	vertical-align: sub;
	font-size: 8px;
}


/******************************************************************************/
/* 改行禁止 */

.nowrap {
	white-space: nowrap;
}


/******************************************************************************/
/* 非表示 */

.hide {
	display: none;
}


/******************************************************************************/
/* フォントカラー */

.red {
	color: #FF0000;
}

.green {
	color: #006600;
}

.blue {
	color: #0000CC;
}

.brown {
	color: #A63B52;
}

.wblue {
	color: #333399;
}

.gray,
.grey {
	color: #999999;
}

.orange {
	color: #FF6600;
}

.white {
	color: #FFFFFF;
}

.pink {
	color: #FF1493;
}


/******************************************************************************/
/* 背景色 */

.bg-red {
	background-color: #FFEECC;
}

.bg-green {
	background-color: #EEFFEE;
}

.bg-blue {
	background-color: #DDDDFF;
}

.bg-skyblue {
	background-color: #F1F7FC;
}

.bg-yellow {
	background-color: #FFFFEE;
}

.bg-orange {
	background-color: #F5E3CA;
}

.bg-gray {
	background-color: #DDDDDD;
}


/******************************************************************************/
/* テキストの配置 */

.txt-l {
	text-align: left;
}

.txt-c {
	text-align: center;
}

.txt-r {
	text-align: right;
}


/******************************************************************************/
/* イメージの配置 */

.img-c {
	clear: both;
}

.img-l {
	float: left;
}

.img-r {
	float: right;
}

.img-r120 {
	float: right;
	width: 120px;
	margin: 0px 0px 15px 15px;
}

.img-r150 {
	float: right;
	width: 150px;
	margin: 0px 0px 15px 15px;
}


/******************************************************************************/
/* margin - 外側の余白 */

.mt1e {
	margin-top: 1em;
}

.mt2e {
	margin-top: 2em;
}

.mt3e {
	margin-top: 3em;
}

.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mr10 {
	margin-right: 10px;
}

.mr15 {
	margin-right: 15px;
}

.mr20 {
	margin-right: 20px;
}

.mr1e {
	margin-right: 1em;
}

.mr2e {
	margin-right: 2em;
}

.mr3e {
	margin-right: 3em;
}

.mb0 {
	margin-bottom: 0px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb1e {
	margin-bottom: 1em;
}

.mb2e {
	margin-bottom: 2em;
}

.mb3e {
	margin-bottom: 3em;
}

.mb5e {
	margin-bottom: 5em;
}

.ml10 {
	margin-left: 10px;
}

.ml15 {
	margin-left: 15px;
}

.ml20 {
	margin-left: 20px;
}

.ml25 {
	margin-left: 25px;
}

.ml50 {
	margin-left: 50px;
}

.ml1e {
	margin-left: 1em;
}

.ml2e {
	margin-left: 2em;
}

.ml3e {
	margin-left: 3em;
}

.ml4e {
	margin-left: 4em;
}

.ml5e {
	margin-left: 5em;
}

.ml7e {
	margin-left: 7em;
}

.ml10e {
	margin-left: 10em;
}


/******************************************************************************/
/* padding - 内側の余白 */

.pd5 {
	padding: 5px;
}

.pt5 {
	padding-top: 5px;
}

.pt1e {
	padding-top: 1em;
}

.pt2e {
	padding-top: 2em;
}

.pt3e {
	padding-top: 3em;
}

.pr5 {
	padding-right: 5px;
}

.pr15 {
	padding-right: 15px;
}

.pr1e {
	padding-right: 1em;
}

.pr2e {
	padding-right: 2em;
}

.pr3e {
	padding-right: 3em;
}

.pb5 {
	padding-bottom: 5px;
}

.pb1e {
	padding-bottom: 1em;
}

.pb2e {
	padding-bottom: 2em;
}

.pb3e {
	padding-bottom: 3em;
}

.pl5 {
	padding-left: 5px;
}

.pl1e {
	padding-left: 1em;
}

.pl2e {
	padding-left: 2em;
}

.pl3e {
	padding-left: 3em;
}

.pl4e {
	padding-left: 4em;
}

.pl5e {
	padding-left: 5em;
}


/******************************************************************************/
/* リスト背景画像 */

.li {
	background: url(../img/li01_bg.png) no-repeat left center;
	padding-left: 20px;
}

.li1 {
	background: url(../img/li01_bg.png) no-repeat left center;
	padding-left: 20px;
}

.li2 {
	background: url(../img/li01_bg.png) no-repeat left center;
	padding-left: 20px;
}

.li3 {
	background: url(../img/li01_bg.png) no-repeat left center;
	padding-left: 20px;
}

.li4 {
	background: url(../img/li01_bg.png) no-repeat left center;
	padding-left: 20px;
}

.li5 {
	background: url(../img/li01_bg.png) no-repeat left center;
	padding-left: 20px;
}

.li6 {
	background: url(../img/li01_bg.png) no-repeat left center;
	padding-left: 20px;
}


/******************************************************************************/
/* 汎用アイコン */

.pdf {
	background: url(../img/icon/pdf.png) no-repeat right top;
	padding: 3px 25px 2px 0px;
}

.doc,
.word {
	background: url(../img/icon/doc.png) no-repeat right top;
	padding: 3px 25px 2px 0px;
}

.xls,
.excel {
	background: url(../img/icon/xls.png) no-repeat right top;
	padding: 3px 25px 2px 0px;
}

.ppt {
	background: url(../img/icon/ppt.png) no-repeat right top;
	padding: 3px 25px 2px 0px;
}

.new {
	background: url(../img/new_bg.gif) no-repeat right top;
	padding: 3px 37px 2px 0px;
}

.pdfi {
	font-size: 0px;
	color: #FFFFFF;
	background: url(../img/icon/pdf.png) no-repeat left top;
	padding: 13px 0px 3px 16px;
	margin-left: 10px;
}

.doci {
	font-size: 0px;
	color: #FFFFFF;
	background: url(../img/icon/doc.png) no-repeat left top;
	padding: 13px 0px 3px 16px;
	margin-left: 10px;
}

.xlsi {
	font-size: 0px;
	color: #FFFFFF;
	background: url(../img/icon/xls.png) no-repeat left top;
	padding: 13px 0px 3px 16px;
	margin-left: 10px;
}

.ppti {
	font-size: 0px;
	color: #FFFFFF;
	background: url(../img/icon/ppt.png) no-repeat left top;
	padding: 13px 0px 3px 16px;
	margin-left: 10px;
}

.newi {
	font-size: 0px;
	color: #FFFFFF;
	background: url(../img/new_bg.gif) no-repeat left top;
	padding: 10px 0px 1px 26px;
	margin-left: 10px;
}


@media only screen and (max-width: 540px) {

.ml2e {
	margin-left: 0em;
}

}		/* end of 540px */