@charset "utf-8";

/*
* cmn_style.css
* date---2015/07/10
* date---2023/05/11
*/


/* ----------------------------------------------
 layout
---------------------------------------------- */
.clear{
	clear:both;
	height:0;
	line-height:0;
	font-size:0.1em;
}
.both{
	clear:none;
}
.fl_l{ float: left;}
.fl_r{ float: right;}

.img_l{
	float: left;
	padding: 0 20px 10px 0;
}
.img_r{
	float: right;
	padding: 0 0 10px 20px;
}
.img_l p,
.img_r p{
	margin-bottom: 0 !important;
	padding: 0 !important;
}
img.rollover{
	vertical-align:bottom;
}
a.alpha:hover img{
	filter:alpha(opacity=80);  /* IE7�ʲ��� */
	-ms-filter: "alpha(opacity=80)"; /* IE8�� */
	-moz-opacity:0.8; /* Firefox 1.5̤��, Netscape�� */
	-khtml-opacity: 0.8;  /* Safari 1.x, ¾khtml���б������֥饦����  */
	opacity: 0.8; /* Firefox 1.5�ʾ�, Opera, Safari�� */
}
.hidden{
	overflow: hidden;
}


/* ----------------------------------------------
 margin��padding
---------------------------------------------- */

/* margin
------------------------------- */
.mt00 { margin-top: 0 !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mb00 { margin-bottom: 0 !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb30 { margin-bottom: 30px !important;}
.ml20{ margin-left: 20px !important;}
.ml30{ margin-left: 30px !important;}
.ms10{
	margin-left: 10px !important;
	margin-right: 10px !important;
}


/* padding
------------------------------- */
.pb00{ padding-bottom:0 !important;}
.pb05{ padding-bottom:5px !important;}
.pb10{ padding-bottom:10px !important;}
.pb20{ padding-bottom:20px !important;}
.pt05{ padding-top: 5px !important;}
.pt10{ padding-top:10px !important;}
.pt20{ padding-top:20px !important;}



/* ----------------------------------------------
 text
---------------------------------------------- */
.chu{ display:block; padding-left: 1em; text-indent: -1em;}

.ftn_90{ font-size: 90%;}
.ftn_80{ font-size: 80%;}
.ftn_110{ font-size: 110%;}
.ftn_120{ font-size: 120%;}


/* font-weight
------------------------------- */
.fw_bold{ font-weight: bold !important;}
.fw_normal{ font-weight: normal !important;}


/* color
------------------------------- */
.orange{ color: #E95F00;}
.pink{ color: #E0638E;}


/* text-align
------------------------------- */
.ta_left{ text-align: left !important;}
.ta_right{ text-align: right !important;}
.ta_center{ text-align: center !important;}

.fs_10{ font-size: 10px;}
.fs_12{ font-size: 12px;}
.fs_16{ font-size: 16px;}
.fs_22{ font-size: 22px;}