/******************************************************************************/
/* 日本ゲノム微生物学会 */
/* 汎用クラス - last update: 17.12.06 */


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

.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;
}

.fs36 {
	font-size: 36px;
}


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

.indent0 {
	text-indent: 0em;
}

.indent1 {
	text-indent: 1em;
}

.indent2 {
	text-indent: 2em;
}

.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;
}


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

.lh100 {
	line-height: 100%;
}

.lh120 {
	line-height: 120%;
}

.lh150 {
	line-height: 150%;
}

.lh160 {
	line-height: 160%;
}

.lh200 {
	line-height: 200%;
}


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

.normal {
	font-weight: normal;
	color: #333333;
}


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

.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;
}


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

.hide {
	display: none;
}


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

.red {
	color: #FF0000;
}

.green {
	color: #006600;
}

.blue {
	color: #0000FF;
}

.brown {
	color: #A63B52;
}

.wblue {
	color: #333399;
}

.gray {
	color: #666666;
}

.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: #EEEEFF;
}

.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;
}


/******************************************************************************/
/* 外側の余白 */

.mt1e {
	margin-top: 1em;
}

.mt2e {
	margin-top: 2em;
}

.mr10 {
	margin-right: 10px;
}

.mr15 {
	margin-right: 15px;
}

.mr1e {
	margin-right: 1em;
}

.mr2e {
	margin-right: 2em;
}

.mb0 {
	margin-bottom: 0px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb1e {
	margin-bottom: 1em;
}

.mb2e {
	margin-bottom: 2em;
}

.ml10 {
	margin-left: 10px;
}

.ml15 {
	margin-left: 15px;
}

.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;
}


/******************************************************************************/
/* 内側の余白 */

.pd5 {
	padding: 5px;
}

.pt5 {
	padding-top: 5px;
}

.pt1e {
	padding-top: 1em;
}

.pt2e {
	padding-top: 2em;
}

.pr5 {
	padding-right: 5px;
}

.pr15 {
	padding-right: 15px;
}

.pr1e {
	padding-right: 1em;
}

.pr2e {
	padding-right: 2em;
}

.pb5 {
	padding-bottom: 5px;
}

.pb1e {
	padding-bottom: 1em;
}

.pb2e {
	padding-bottom: 2em;
}

.pl5 {
	padding-left: 5px;
}

.pl1e {
	padding-left: 1em;
}

.pl2e {
	padding-left: 2em;
}

.pl3e {
	padding-left: 3em;
}


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

.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/li02_bg.png) no-repeat left center;
	padding-left: 20px;
}

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

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

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

.li6 {
	background: url(../img/li06_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/word.png) no-repeat right top;
	padding: 3px 25px 2px 0px;
}

.xls,
.excel {
	background: url(../img/icon/excel.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.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/word.png) no-repeat left top;
	padding: 13px 0px 3px 16px;
	margin-left: 10px;
}

.xlsi {
	font-size: 0px;
	color: #FFFFFF;
	background: url(../img/icon/excel.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.gif) no-repeat left top;
	padding: 12px 0px 8px 37px;
	margin-left: 10px;
}