@charset "utf-8";

/*
* cmn_style.css
* date---YYYY/MM/DD
*/


/* ----------------------------------------------
 layout
---------------------------------------------- */
#container:after,
#contents:after,
#contents_in:after,
#header:after,
#main:after,
#main_in:after,
#side:after,
.section:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
.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{ padding: 0 !important; }

img.rollover{
	vertical-align:bottom;
}
a.alpha:hover img{
	filter:alpha(opacity=75);  /* IE7以下用 */
	-ms-filter: "alpha(opacity=75)"; /* IE8用 */
	-moz-opacity:0.75; /* Firefox 1.5未満, Netscape用 */
	-khtml-opacity: 0.75;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */
	opacity: 0.75; /* Firefox 1.5以上, Opera, Safari用 */
}

/* ----------------------------------------------
 margin・padding
---------------------------------------------- */

/* margin
------------------------------- */
.mt00 { margin-top: 0 !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !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;}


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


/* ----------------------------------------------
 block
---------------------------------------------- */
.block03{ display: inline-block; width: 3em;}
.block05{ display: inline-block; width: 5em;}
.block10{ display: inline-block; width: 10em;}
	


/* ----------------------------------------------
 text
---------------------------------------------- */

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


/* color
------------------------------- */
.orange{ color: #E95F00;}
.blue{ color: #3385A6;}
.black{ color: #333;}


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

.fs_10{ font-size: 10px;}
.fs_12{ font-size: 12px;}
.fs_14{ font-size: 14px;}
.fs_16{ font-size: 16px;}
.fs_18{ font-size: 18px;}
.fs_20{ font-size: 20px;}