/***カラー設定　ここから***/

/*---------------------------------------------------------------------------*/

.color_blue {
	color:#003399 ;
}
.color_gray {
	color:#535353;
}
.color_green {
	color:#009e96;
}
.color_orange {
	color:#eb6100;
}
.color_red {
	color:#C00;
}
.color_white {
	color:#FFF;
}
.color_yellow{
	color:#cc9900 ;
}



.bg_red{
	color:#fff ;
	background-color:#cc0000 !important;
}
.bg_orange{
	background-color:#ff9966 !important;
}
.bg_yellow{
	background-color:#ffff66 !important;
}
.bg_rightyellow{
	background-color:#FFFFE0 !important;
}
.bg_rightgreen {
	background-color:#ccff66 !important;
}
.bg_green{
	color:#FFF;
/*	background-color:#486A00 !important;*/
	background-color:#00b8b3 !important;

}
.bg_blue{
	color:#FFF;
	background-color:#064D79 !important;
	border-radius:4px;
	padding:8px 16px;
}
.bg_gray{
	background-color:#F5F5F5 !important;
}
.bg_darkgray{
	background-color:#D9D9D9 !important;
	border-radius:4px;
	padding:8px 16px;
}
.bg_white{
	background-color:#FFF !important;
}


/***カラー設定　ここまで***/

/*---------------------------------------------------------------------------*/


/***右寄せ左寄せ設定　ここから***/

/*---------------------------------------------------------------------------*/
.al_l{
	text-align:left !important;
}
.al_r{
	text-align:right !important;
}
.al_c{
	text-align:center !important;
}

.fl_l{
	float:left !important;
}
.fl_r{
	float:right !important;
}


/***ボーダー設定　ここから***/

/*---------------------------------------------------------------------------*/
.br_t_0{
	border-top:none !important;
}
.br_b_0{
	border-bottom:none !important;
}
.br_l_0{
	border-left:none !important;
}
.br_r_0{
	border-right:none !important;
}


/***余白設定　ここから***/

/*---------------------------------------------------------------------------*/

.m_t_0{
				margin-top:0px !important;
}
.m_t_8{
				margin-top:8px !important;
}
.m_t_16{
				margin-top:16px !important;
}
.m_t_32{
				margin-top:32px !important;
}
.m_t_48{
				margin-top:48px !important;
}
.m_b_0{
				margin-bottom:0px !important;
}
.m_b_8{
				margin-bottom:8px !important;
}
.m_b_16{
				margin-bottom:16px !important;
}
.m_b_32{
				margin-bottom:32px !important;
}
.m_b_48{
				margin-bottom:48px !important;
}

.m_l_0{
				margin-left:0px !important;
}
.m_l_8{
				margin-left:8px !important;
}
.m_l_16{
				margin-left:16px !important;
}
.m_l_32{
				margin-left:32px !important;
}
.m_l_48{
				margin-left:48px !important;
}
.m_r_0{
				margin-right:0px !important;
}
.m_r_8{
				margin-right:8px !important;
}
.m_r_16{
				margin-right:16px !important;
}
.m_r_32{
				margin-right:32px !important;
}
.m_r_48{
				margin-right:48px !important;
}
.m_l_1per{
				margin-left:1% !important;
}
.m_l_2per{
				margin-left:2% !important;
}
.m_l_5per{
				margin-left:5% !important;
}
.m_l_10per{
				margin-left:10% !important;
}
.m_l_14per{
				margin-left:14% !important;
}
.m_l_20per{
				margin-left:20% !important;
}
.m_r_1per{
				margin-right:1% !important;
}
.m_r_2per{
				margin-right:2% !important;
}
.m_r_5per{
				margin-right:5% !important;
}
.m_r_10per{
				margin-right:10% !important;
}
.m_r_14per{
				margin-right:14% !important;
}
.m_r_20per{
				margin-right:20% !important;
}

.p_0_0_0_0{
	padding:0px !important;
}
.p_t_0{
	padding-top:0px !important;
}
.p_t_4{
	padding-top:4px !important;
}
.p_t_8{
	padding-top:8px !important;
}
.p_t_16{
	padding-top:16px !important;
}
.p_t_24{
	padding-topt:24px !important;
}
.p_t_32{
	padding-topt:32px !important;
}
.p_t_48{
	padding-topt:48px !important;
}
.p_b_0{
	padding-bottom:0px !important;
}
.p_b_4{
	padding-bottom:4px !important;
}
.p_b_8{
	padding-bottom:8px !important;
}
.p_b_16{
	padding-bottom:16px !important;
}
.p_b_24{
	padding-bottom:24px !important;
}
.p_b_32{
	padding-bottom:32px !important;
}
.p_b_48{
	padding-bottom:48px !important;
}
.p_l_0{
	padding-left:0px !important;
}
.p_l_4{
	padding-left:4px !important;
}
.p_l_8{
	padding-left:8px !important;
}
.p_l_16{
	padding-left:16px !important;
}
.p_l_24{
	padding-left:24px !important;
}
.p_l_32{
	padding-left:32px !important;
}
.p_l_48{
	padding-left:48px !important;
}
.p_r_0{
	padding-right:0px !important;
}
.p_r_4{
	padding-right:4px !important;
}
.p_r_8{
	padding-right:8px !important;
}
.p_r_16{
	padding-right:16px !important;
}
.p_r_24{
	padding-right:24px !important;
}
.p_r_32{
	padding-right:32px !important;
}
.p_r_48{
	padding-right:48px !important;
}


/***ブロック設定　ここから***/
/*---------------------------------------------------------------------------*/

.w_20per{
	width:20% !important;
}
.w_24per{
	width:24% !important;
}
.w_25per{
	width:25% !important;
}
.w_30per{
	width:30% !important;
}
.w_35per{
	width:35% !important;
}
.w_40per{
	width:40% !important;
}
.w_45per{
	width:45% !important;
}
.w_49per{
	width:49% !important;
}
.w_50per{
	width:50% !important;
}
.w_55per{
	width:55% !important;
}
.w_60per{
	width:60% !important;
}
.w_65per{
	width:65% !important;
}
.w_70per{
	width:70% !important;
}
.w_75per{
	width:75% !important;
}
.w_80per{
	width:80% !important;
}
.w_85per{
	width:85% !important;
}
.w_90per{
	width:90% !important;
}
.w_95per{
	width:95% !important;
}
.w_100per{
	width:100% !important;
}

/***ブロック設定　ここまで***/


.thumb{
	border-radius:50%;
}
.circle{
	border-radius:50%;
    box-shadow:0 1px 3px rgba(0,0,0,.4);
}
/*.circle{
    position:relative;
    display:inline-block;
    line-height:0;
    border-radius:15px;
    overflow:hidden;
}
.circle::after {
    content:"";
    position:absolute;
    top:0; right:0; bottom:0; left:0;
    border-radius:15px;
    box-shadow:inset 0 1px 5px rgba(0,0,0,.5);
}*/
.hanging{
	padding-left: 1em !important; 
	text-indent: -1em !important; 
}