/********************************************************************************
■■■　マージンの設定　■■■
*******************************************************************************/
/*全体*/
.m0	{ margin: 0;}
.m3	{ margin: 3px;}
.m5	{ margin: 5px;}
.m10	{ margin: 10px;}
.m15	{ margin: 15px;}
.m20	{ margin: 20px;}
.m25	{ margin: 25px;}
.m30	{ margin: 30px;}
.m50	{ margin: 50px;}

/*上*/
.mt0	{ margin-top: 0;}
.mt3	{ margin-top: 3px;}
.mt5	{ margin-top: 5px;}
.mt10	{ margin-top: 10px;}
.mt15	{ margin-top: 15px;}
.mt20	{ margin-top: 20px;}
.mt25	{ margin-top: 25px;}
.mt30	{ margin-top: 30px;}
.mt40	{ margin-top: 40px;}
.mt50	{ margin-top: 50px;}

/*右*/
.mr0	{ margin-right: 0;}
.mr3	{ margin-right: 3px;}
.mr5	{ margin-right: 5px;}
.mr10	{ margin-right: 10px;}
.mr15	{ margin-right: 15px;}
.mr20	{ margin-right: 20px;}
.mr25	{ margin-right: 25px;}
.mr30	{ margin-right: 30px;}
.mr40	{ margin-right: 40px;}
.mr50	{ margin-right: 50px;}

/*下*/
.mb0	{ margin-bottom: 0;}
.mb3	{ margin-bottom: 3px;}
.mb5	{ margin-bottom: 5px;}
.mb10	{ margin-bottom: 10px;}
.mb15	{ margin-bottom: 15px;}
.mb20	{ margin-bottom: 20px;}
.mb25	{ margin-bottom: 25px;}
.mb30	{ margin-bottom: 30px;}
.mb40	{ margin-bottom: 40px;}
.mb50	{ margin-bottom: 50px;}

/*左*/
.ml0	{ margin-left: 0;}
.ml3	{ margin-left: 3px;}
.ml5	{ margin-left: 5px;}
.ml10	{ margin-left: 10px;}
.ml15	{ margin-left: 15px;}
.ml20	{ margin-left: 20px;}
.ml25	{ margin-left: 25px;}
.ml30	{ margin-left: 30px;}
.ml40	{ margin-left: 40px;}
.ml50	{ margin-left: 50px;}

/********************************************************************************
■■■　パディングの設定　■■■
********************************************************************************/
/*全体*/
.p0	{ padding: 0;}
.p3	{ padding: 3px;}
.p5	{ padding: 5px;}
.p10	{ padding: 10px;}
.p15	{ padding: 15px;}
.p20	{ padding: 20px;}
.p25	{ padding: 25px;}
.p30	{ padding: 30px;}

/*上*/
.pt0	{ padding-top: 0;}
.pt3	{ padding-top: 3px;}
.pt5	{ padding-top: 5px;}
.pt10	{ padding-top: 10px;}
.pt15	{ padding-top: 15px;}
.pt20	{ padding-top: 20px;}
.pt25	{ padding-top: 25px;}
.pt30	{ padding-top: 30px;}

/*右*/
.pr0	{ padding-right: 0;}
.pr3	{ padding-right: 3px;}
.pr5	{ padding-right: 5px;}
.pr10	{ padding-right: 10px;}
.pr15	{ padding-right: 15px;}
.pr20	{ padding-right: 20px;}
.pr25	{ padding-right: 25px;}
.pr30	{ padding-right: 30px;}

/*下*/
.pb0	{ padding-bottom: 0;}
.pb3	{ padding-bottom: 3px;}
.pb5	{ padding-bottom: 5px;}
.pb10	{ padding-bottom: 10px;}
.pb15	{ padding-bottom: 15px;}
.pb20	{ padding-bottom: 20px;}
.pb25	{ padding-bottom: 25px;}
.pb30	{ padding-bottom: 30px;}

/*左*/
.pl0	{ padding-left: 0;}
.pl3	{ padding-left: 3px;}
.pl5	{ padding-left: 5px;}
.pl10	{
	padding-left: 10px;
	line-height: 150%;
}
.pl15	{ padding-left: 15px;}
.pl20	{ padding-left: 20px;}
.pl25	{ padding-left: 25px;}
.pl30	{ padding-left: 30px;}



/********************************************************************************
■■■　フォントの設定　■■■
********************************************************************************/
	/*************************************************************************
	□□□　フォントサイズ設定　□□□
	**************************************************************************/
	.ss { font-size: 70%;}
	.s  { font-size: 80%;}
	.sm { font-size: 90%;}
	.m  { font-size: 100%;}
	.b  { font-size: 120%;}
	.b2 { font-size: 140%;}
	.b3 { font-size: 160%;}
	.b00 { font-size: 300%;}
	
	
	.f_b{ font-weight: bold;}
	.f_n{ font-weight: normal;}
	
		
	/*************************************************************************
	□□□　フォントカラー設定　□□□
	**************************************************************************/
	.aka   { color: #ff0000;}
	.cha   { color: #b8661d;}
	.shiro { color: #ffffff;}
	.kuro　{ color: #000000;}
	.ao    { color: #003399;}
	.midori{ color: #339933; font-weight: bold;}
	.ora	 { color: #FF6600;}
	.pink	{ color: #ff6666;}
	
	
	/*************************************************************************
	□□□　フォント設定　□□□
	**************************************************************************/
	.min {/*フォント明朝*/
		font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
		font-style: normal;
		font-variant: normal;
		font-weight: bold;
		}	
	
	/*************************************************************************
	□□□　テキストアラインの設定　□□□
	**************************************************************************/
	.t_left	{ text-align: left;}
	.t_right	{ text-align: right;}
	.t_center	{ text-align: center;}
	.t_top	{ vertical-align: top;}
	.t_middle	{ vertical-align: middle;}
	.t_bottom	{ vertical-align: bottom;}
	
	
	/*************************************************************************
	□□□　テキストインデントの設定　□□□
	**************************************************************************/
	.don  { position: absolute;
		  top:-99999px;
		  left:-99999px;}
	.in1	{ text-indent: 1em;}
	.in2	{ text-indent: 2em;}
	.in3	{ text-indent: 3em;}
	
	/*************************************************************************
	□□□　テキストラインハイトの設定　□□□
	**************************************************************************/
	.l100  { line-height: 100%;}
	.l110  { line-height: 110%;}
	.l120  { line-height: 120%;}
	.l130  { line-height: 130%;}
	.l140  { line-height: 140%;}
	.l150  { line-height: 150%;}
	.l160  { line-height: 160%;}
	
	/*************************************************************************
	□□□　テキストデコレーションの設定　□□□
	**************************************************************************/
	.t_under	{ text-decoration: underline;}
	.t_over	{ text-decoration: overline;}
	.t_uchikesu	{ text-decoration: line-through;}
	.t_tenmetsu	{ text-decoration: blink;}
	
	
	
/********************************************************************************
■■■　リストの設定　■■■
********************************************************************************/	
.l_disc  { list-style-type: disc;}/*既定値：黒丸*/
.l_cir   { list-style-type: circle;}/*白丸*/
.l_squ   { list-style-type: square;}/*四角*/
.l_dec   { list-style-type: decimal;}/*1, 2, 3*/
.l_low   { list-style-type: lower-roman;}/*i, ii, iii*/
.l_upp   { list-style-type: upper-roman;}/*I, II, III*/
.l_low_a { list-style-type: lower-alpha;}/*a, b, c*/
.l_upp_a { list-style-type: upper-alpha;}/*A, B, C*/
.l_none  { list-style-type: none;}

/********************************************************************************
■■■　ボーダーの設定　■■■
********************************************************************************/

/*==========1pxの戦い===================================================================*/
.line_so_kuro	{ border: 1px solid #000000;}/*線、実線、黒*/
.line_so_gray	{ border: 1px solid #999999;}/*線、実線、灰色*/
.line_so_ora		{ border: 1px solid #FF9900;}/*線、実線、オレンジ*/
.line_so_mido	{ border: 1px solid #009933;}/*線、実線、緑*/
.line_so_ao		{ border: 1px solid #003399;}/*線、実線、青*/


.line_sob_kuro	{ border-bottom: 1px solid #000000;}/*下線、実線、黒*/
.line_sob_gray	{ border-bottom: 1px solid #999999;}/*下線、実線、灰色*/
.line_sob_ora	{ border-bottom: 1px solid #FF9900;}/*下線、実線、オレンジ*/
.line_sob_mido	{ border-bottom: 1px solid #009933;}/*下線、実線、緑*/
.line_sob_ao		{ border-bottom: 1px solid #003399;}/*下線、実線、青*/



.line_sot_kuro	{ border-top: 1px solid #000000;}/*上線、実線、黒*/
.line_sot_gray	{ border-top: 1px solid #999999;}/*上線、実線、灰色*/
.line_sot_ora	{ border-top: 1px solid #FF9900;}/*上線、実線、オレンジ*/
.line_sot_mido	{ border-top: 1px solid #009933;}/*上線、実線、緑*/
.line_sot_ao		{ border-top: 1px solid #003399;}/*上線、実線、青*/


.line_do_kuro	{ border: 1px dotted #000000;}/*線、点線、黒*/
.line_do_gray	{ border: 1px dotted #999999;}/*線、点線、灰色*/
.line_do_ora		{ border: 1px dotted #FF9900;}/*線、点線、オレンジ*/
.line_do_mido	{ border: 1px dotted #009933;}/*線、点線、緑*/
.line_do_ao		{ border: 1px dotted #003399;}/*線、点線、青*/


.line_dob_kuro	{ border-bottom: 1px dotted #000000;}/*下線、点線、黒*/
.line_dob_gray	{ border-bottom: 1px dotted #999999;}/*下線、点線、灰色*/
.line_dob_ora	{ border-bottom: 1px dotted #FF9900;}/*下線、点線、オレンジ*/
.line_dob_mido	{ border-bottom: 1px dotted #009933;}/*下線、点線、緑*/
.line_dob_ao		{ border-bottom: 1px dotted #003399;}/*下線、点線、青*/
.line_dob_shiro	{ border-bottom: 1px dotted #ffffff;}/*下線、点線、白*/


.line_dot_kuro	{ border-top: 1px dotted #000000;}/*上線、点線、黒*/
.line_dot_gray	{ border-top: 1px dotted #999999;}/*上線、点線、灰色*/
.line_dot_ora	{ border-top: 1px dotted #FF9900;}/*上線、点線、オレンジ*/
.line_dot_mido	{ border-top: 1px dotted #009933;}/*上線、点線、緑*/
.line_dot_ao		{ border-top: 1px dotted #003399;}/*上線、点線、青*/



/********************************************************************************
■■■　背景の設定　■■■
********************************************************************************/
.no_lt	{ background: no-repeat left top;}/*繰り返さない　左上*/
.no_rb	{ background: no-repeat right bottom;}/*繰り返さない　右下*/
.re_x		{ background: repeat-x left top;}/*横に繰り返し　左上*/
.re_y		{ background: repeat-y left top;}/*縦に繰り返し　左上*/



/********************************************************************************
■■■　folatの設定　■■■
********************************************************************************/
.clear	 {clear: both;}


/********************************************************************************
■■■　displayの設定　■■■
********************************************************************************/
.d_bl	{display: block;}
.d_in	{display: inline;}
.d_li	{display: list-item;}
.d_no	{display: none;}
