@charset "utf-8";

/*==============================================================================
  タイトル: フォント＆バックグランドカラー
  Name    : S.Yusunoki 
  説明    : フォントサイズ、フォントカラー、下線、行間、部分的なフォント、
            バックグランドカラーやその他汎用的なのはこれらを用いて行う。
==============================================================================*/

/* フォント関係
---------------------------------------------*/

.font-weight-bold { /*　太文字　*/
	font-weight: bold;
}

.font-weight-normal { /*　小文字　*/
	font-weight: normal;
}

.font-size4 {
	font-size: 4px; 
	font-family: "ＭＳ ゴシック",sans-serif;
}

.font-size10 {
	font-weight: normal;
	font-size: 10px;
	font-family: "ＭＳ ゴシック",sans-serif;
}

.font-size11 {
	font-size: 11px;
	font-family: "ＭＳ ゴシック",sans-serif;
}

.font-size12 {
	font-size: 12px; 
	font-family: "ＭＳ ゴシック",sans-serif;
}

.font-size13 {
	font-size: 13px; 
	font-family: "ＭＳ ゴシック",sans-serif;
}

.font-size14 {
	font-size: 14px; 
	font-family: "ＭＳ ゴシック",sans-serif;
}

.font-size15 {
	font-size: 15px; 
	font-family: "ＭＳ ゴシック",sans-serif;
}

.font-size16 {
	font-size: 16px; 
	font-family: "ＭＳ ゴシック",sans-serif;
}

.font-size0 {
	font-size: 0px; 
	font-family: "ＭＳ ゴシック",sans-serif;
}

.font-color-136b9b {
	color: #136b9b;
}

.font-color-002C59 {
	color: #002C59;
}

.font-color-D83D28 {
	color: #D83D28;
}

.font-color-FB9000 {
	color: #FB9000;
}

.font-color-B70000 {
	color: #B70000;
}

.font-color-white {
	color: #FFFFFF;
}

.font-color-white a {
	color: #FFFFFF;
}

.font-color-white-h a:hover {
        text-decoration: none;
        color: #FFFFFF;
}

h4 {
	font-size: 12px; 
	font-family: "ＭＳ ゴシック",sans-serif;
}

h2 {
	font-size: 12px; 
	font-family: "ＭＳ ゴシック",sans-serif;
}

h5.font-size12 {
	font-weight : normal;
	font-size: 12px; 
	font-family: "ＭＳ ゴシック",sans-serif;
}

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

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

.text-dropout {
	display:block;
	line-height: 100%;
	text-indent:-9999px;
	text-align: left;
}

/* バックグランウンドカラー関係
---------------------------------------------*/

.color-gray {
	background-color:#EEEEEE;
}

.color-f5f5f5 {
	background-color:#f5f5f5;
}

.font-color-7C7C7C {
	color:#7C7C7C;
}

/* その他汎用性が高いもの
---------------------------------------------*/

.float {
	float:left;
}

.float-r {
	float:right;
}

.clear-both {
	clear:both;
}

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

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

.text-decoration a:hover {
        text-decoration: none;
}

.text-l-h {
	letter-spacing:0.2em;
        line-height: 1.4;
}

/*　必須項目『＊』表示 */
.essential {
	color: #FF0000;
	text-align: right;
	vertical-align: middle;
	margin-left: 5px;
}