@charset "utf-8";


/* 共通設定
/* =============================================================== */
/* テキストカラー */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.TxtWhite {
	color: #ffffff;
}
.TxtRed {
	color: #ff1e58;
}
.TxtBlue {
	color: #2b5ef2;
}
.TxtOrange {
	color: #fe9b0e;
}
.TxtGreen {
	color: #399539;
}

/* フォントサイズ */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.font12 {
	font-size: 12px;
	line-height: 14rpx;
}
.font14 {
	font-size: 14px;
	line-height: 16px;
}
.font16 {
	font-size: 16px;
	line-height: 18px;
}
.font18 {
	font-size: 18px;
	line-height: 20px;
}
.font21 {
	font-size: 21px;
	line-height: 23px;
}
.font24 {
	font-size: 24px;
	line-height: 26px;
}
.font30 {
	font-size: 30px;
	line-height: 32px;
}

.font40 {
	font-size: 40px;
	line-height: 42px;
}

/* テキスト位置 */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.TxtLeft {
	text-align: left;
}
.TxtCenter {
	text-align: center;
}
.TxtRight {
	text-align: right;
}


/* 注釈の改行を揃える */
.notes12 {
	padding-left: 12px;
	font-size: 12px;
	line-height: 16px;
	text-indent: -12px;
	text-align: left;
}
.notes14 {
	padding-left: 14px;
	font-size: 14px;
	line-height: 18px;
	text-indent: -14px;
	text-align: left;
}
.notes16 {
	padding-left: 16px;
	font-size: 16px;
	line-height: 20px;
	text-indent: -16px;
	text-align: left;
}
.notes18 {
	padding-left: 18px;
	font-size: 18px;
	line-height: 22px;
	text-indent: -18px;
	text-align: left;
}



/* アイテムをセンターに配置 */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.CenterPosition {
	margin: 0 auto;
}

/* 境界線の設定 */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.hr_Line {
	border: none;
	border-top: solid 1px #b2b2b2;
	height: 1px;
}
.hr_Dot {
	border: none;
	border-top: dashed 2px #0024db;
	height: 2px;
	margin: 30px auto;
}

/* テキストリンク設定 */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#header a:hover, #main a:hover, #footer a:hover {
	text-decoration: underline;
}



