@charset "utf-8";

/* ===================================================================
CSS information
 file name  :  style.css
 style info :  細かいマージンやフォント関連の汎用的なスタイルをまとめたCSS
=================================================================== */

/*----------------------------------------------------------------------------------
		 								マージン関連
------------------------------------------------------------------------------------*/
.mt05 {	margin-top: 5px !important;}
.mt10 {	margin-top: 10px !important;}
.mt15 {	margin-top: 15px !important;}
.mt20 {	margin-top: 20px !important;}
.mt25 {	margin-top: 25px !important;}
.mt30 {	margin-top: 30px !important;}
.mt35 {	margin-top: 35px !important;}
.mt40 {	margin-top: 40px !important;}
.mt45 {	margin-top: 45px !important;}
.mt50 {	margin-top: 50px !important;}

.mb05 {	margin-bottom: 5px !important;}
.mb10 {	margin-bottom: 10px !important;}
.mb15 {	margin-bottom: 15px !important;}
.mb20 {	margin-bottom: 20px !important;}
.mb25 {	margin-bottom: 25px !important;}
.mb30 {	margin-bottom: 30px !important;}
.mb35 {	margin-bottom: 35px !important;}
.mb40 {	margin-bottom: 40px !important;}
.mb45 {	margin-bottom: 45px !important;}
.mb50 {	margin-bottom: 50px !important;}

.ml05 {	margin-left: 5px !important;}
.ml10 {	margin-left: 10px !important;}
.ml15 {	margin-left: 15px !important;}
.ml20 {	margin-left: 20px !important;}
.ml25 {	margin-left: 25px !important;}
.ml30 {	margin-left: 30px !important;}
.ml35 {	margin-left: 35px !important;}
.ml40 {	margin-left: 40px !important;}
.ml45 {	margin-left: 45px !important;}
.ml50 {	margin-left: 50px !important;}

.mr05 {	margin-right: 5px !important;}
.mr10 {	margin-right: 10px !important;}
.mr15 {	margin-right: 15px !important;}
.mr20 {	margin-right: 20px !important;}
.mr25 {	margin-right: 25px !important;}
.mr30 {	margin-right: 30px !important;}
.mr35 {	margin-right: 35px !important;}
.mr40 {	margin-right: 40px !important;}
.mr45 {	margin-right: 45px !important;}
.mr50 {	margin-right: 50px !important;}


/*----------------------------------------------------------------------------------
		 								パディング関連
------------------------------------------------------------------------------------*/
.pt05 {	padding-top: 5px !important;}
.pt10 {	padding-top: 10px !important;}
.pt15 {	padding-top: 15px !important;}
.pt20 {	padding-top: 20px !important;}
.pt25 {	padding-top: 25px !important;}
.pt30 {	padding-top: 30px !important;}
.pt35 {	padding-top: 35px !important;}
.pt40 {	padding-top: 40px !important;}
.pt45 {	padding-top: 45px !important;}
.pt50 {	padding-top: 50px !important;}

.pb05 {	padding-bottom: 5px !important;}
.pb10 {	padding-bottom: 10px !important;}
.pb15 {	padding-bottom: 15px !important;}
.pb20 {	padding-bottom: 20px !important;}
.pb25 {	padding-bottom: 25px !important;}
.pb30 {	padding-bottom: 30px !important;}
.pb35 {	padding-bottom: 35px !important;}
.pb40 {	padding-bottom: 40px !important;}
.pb45 {	padding-bottom: 45px !important;}
.pb50 {	padding-bottom: 50px !important;}

.pl05 {	padding-left: 5px !important;}
.pl10 {	padding-left: 10px !important;}
.pl15 {	padding-left: 15px !important;}
.pl20 {	padding-left: 20px !important;}
.pl25 {	padding-left: 25px !important;}
.pl30 {	padding-left: 30px !important;}
.pl35 {	padding-left: 35px !important;}
.pl40 {	padding-left: 40px !important;}
.pl45 {	padding-left: 45px !important;}
.pl50 {	padding-left: 50px !important;}

.pr05 {	padding-right: 5px !important;}
.pr10 {	padding-right: 10px !important;}
.pr15 {	padding-right: 15px !important;}
.pr20 {	padding-right: 20px !important;}
.pr25 {	padding-right: 25px !important;}
.pr30 {	padding-right: 30px !important;}
.pr35 {	padding-right: 35px !important;}
.pr40 {	padding-right: 40px !important;}
.pr45 {	padding-right: 45px !important;}
.pr50 {	padding-right: 50px !important;}


/*----------------------------------------------------------------------------------
		 								回り込み（画像等で使用）
------------------------------------------------------------------------------------*/
.float_r { float: right; margin: 0 0 15px 15px !important;}
.float_l { float: left; margin: 0 15px 15px 0 !important;}


/*----------------------------------------------------------------------------------
		 								インライン要素の縦位置（テーブルのセルなどで使用）
------------------------------------------------------------------------------------*/
.valign_top { vertical-align: top !important;}
.valign_middle { vertical-align: middle !important;}
.valign_bottom { vertical-align: bottom !important;}




/*----------------------------------------------------------------------------------
		 								テキスト関連
------------------------------------------------------------------------------------*/
.align_right { text-align: right !important;}
.align_center { text-align: center !important;}
.align_left { text-align: left !important;}




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

/*----------------------
フォントサイズ
----------------------*/
.txt10 { font-size: 83% !important;}
.txt12 { font-size: 100% !important;}
.txt14 { font-size: 116% !important;}
.txt16 { font-size: 133% !important;}
.txt18 { font-size: 150% !important;}

/*----------------------
フォントの太さ
----------------------*/
.bold {	font-weight: bold !important;}


/*----------------------
行間
----------------------*/
.lh_s {	line-height: 1.2 !important;}
.lh_m {	line-height: 1.5 !important;}
.lh_l {	line-height: 1.8 !important;}



/*--------------------
※印等で使うスタイル
---------------------*/

.kome {
	font-size: 83%;
	line-height: 1.5 !important;}



/*----------------------
テキストの色
----------------------*/
.txt_red {	color: #ff0000 !important;}
.txt_blue {	color: #00549C !important;}
.txt_orange {	color: #FD7F1F !important;}


