@charset "utf-8";
/* CSS Document */

/* ---------- センタリング・右寄せ・左寄せ ---------- */

.txt_center { text-align: center !important; }
.txt_left { text-align: left !important; }
.txt_right { text-align: right !important; }
.vertical_top { vertical-align: top !important; }
.vertical_middle { vertical-align: middle !important; }
.vertical_bottom { vertical-align: bottom !important; }

/* ---------- 回り込み ---------- */

.clear { clear: both; }
.clear_l { clear: left; }
.clear_r { clear: right; }
.clear_none { clear: none !important; }

.clearfix:after {  
	visibility: hidden;  
	display: block;
	font-size: 0;
	content: ".";
	clear: both;
	height: 0;
	}  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */  

.fl { float: left !important; }
.fr { float: right !important; }

.nowrap { white-space: nowrap; }

/* ---------- 画像関係 ---------- */

.img_left{
	padding: 0px;
	margin: 0px 20px 10px 30px;
	float: left;
}
.img_right{
	padding: 0px;
	margin: 0px 30px 10px 20px;
	float: right;
}


/* ---------- フォント ---------- */

.f7 { font-size:56% !important; }
.f8 { font-size:63% !important; }
.f9 { font-size:71% !important; }
.f10 { font-size:77% !important; }
.f11 { font-size:85% !important; }
.f12 { font-size:93% !important; }
.f13 { font-size:100% !important; }
.f14 { font-size:108% !important; }
.f15 { font-size:116% !important; }
.f16 { font-size:123.1% !important; }
.f17 { font-size:131% !important; }
.f18 { font-size:138.5% !important; }
.f19 { font-size:146.5% !important; }
.f20 { font-size:153.9% !important; }
.f21 { font-size:161.6% !important; }
.f22 { font-size:167% !important; }
.f23 { font-size:174% !important; }
.f24 { font-size:182% !important; }
.f25 { font-size:189% !important; }
.f26 { font-size:197% !important; }

.f_small { font-size: 93% !important; }
.f_x-small { font-size: 85% !important; }
.f_large { font-size: 108% !important; }
.f_x-large { font-size: 116% !important; }

/* フォント：色 */

.f_bold{font-weight: bold;}
.f_red{color:#FF0000;}
.red { color: #FF0000 !important; }
.f_blue{color:#0099CC;}
.f_green{color: #006633;}
.f_pink{color: #FF6666;}
.f_white{color: #FFFFFF;}

/* フォント：ウエイト */

.fwn { font-weight: normal; }
.fwb { font-weight: bold; }

/* アンダーライン */

.underline { text-decoration: underline; }

/* ---------- width, height ---------- */

.w550 { width: 550px !important; } /* テーブル基準サイズ */
.w260 { width: 260px !important; } /* ハーフボタンサイズ */
.w170 { width: 170px !important; } /* 1/3ボタンサイズ */

.h50 { height: 50px !important; }
.h60 { height: 60px !important; }
.h80 { height: 80px !important; }
.h100 { height: 100px !important; }
.h120 { height: 120px !important; }
.h130 { height: 130px !important; }
.h140 { height: 140px !important; }
.h150 { height: 150px !important; }

/*  ---------- margin, padding ---------- */

.mg_0 { margin: 0 0 0 0 !important; }
.mg_0auto { margin: 0 auto !important; }
.mg_top0 { margin-top: 0 !important; }
.mg_top5 { margin-top: 5px !important; }
.mg_top10 { margin-top: 10px !important; }
.mg_top15 { margin-top: 15px !important; }
.mg_top20 { margin-top: 20px !important; }
.mg_top30 { margin-top: 30px !important; }
.mg_bottom0 { margin-bottom: 0 !important; }
.mg_bottom5 { margin-bottom: 5px !important; }
.mg_bottom10 { margin-bottom: 10px !important; }
.mg_bottom15 { margin-bottom: 15px !important; }
.mg_bottom20 { margin-bottom: 20px !important; }
.mg_bottom30 { margin-bottom: 30px !important; }
.mg_left0 { margin-left: 0 !important; }
.mg_left5 { margin-left: 5px !important; }
.mg_left10 { margin-left: 10px !important; }
.mg_left15 { margin-left: 15px !important; }
.mg_left20 { margin-left: 20px !important; }
.mg_left30 { margin-left: 30px !important; }
.mg_right0 { margin-right: 0 !important; }
.mg_right5 { margin-right: 5px !important; }
.mg_right10 { margin-right: 10px !important; }
.mg_right15 { margin-right: 15px !important; }
.mg_right20 { margin-right: 20px !important; }
.mg_right30 { margin-right: 30px !important; }

.pad_0 { padding: 0 0 0 0 !important; }
.pad_top0 { padding-top: 0 !important; }
.pad_top5 { padding-top: 5px !important; }
.pad_top10 { padding-top: 10px !important; }
.pad_top15 { padding-top: 15px !important; }
.pad_top20 { padding-top: 20px !important; }
.pad_bottom0 { padding-bottom: 0 !important; }
.pad_bottom5 { padding-bottom: 5px !important; }
.pad_bottom10 { padding-bottom: 10px !important; }
.pad_bottom15 { padding-bottom: 15px !important; }
.pad_bottom20 { padding-bottom: 20px !important; }
.pad_left0 { padding-left: 0 !important; }
.pad_left5 { padding-left: 5px !important; }
.pad_left10 { padding-left: 10px !important; }
.pad_left15 { padding-left: 15px !important; }
.pad_left20 { padding-left: 20px !important; }
.pad_right0 { padding-right: 0 !important; }
.pad_right5 { padding-right: 5px !important; }
.pad_right10 { padding-right: 10px !important; }
.pad_right15 { padding-right: 15px !important; }
.pad_right20 { padding-right: 20px !important; }


/* ---------- 表示関係 ---------- */

.disp_none { display: none; }
.disp_block { display: block; }
.visi_hid { visibility: hidden; }

/* オンマウスで半透明 */
.alpha a:hover {
	filter: alpha(opacity=75); /* for IE */
	-moz-opacity: 0.75; /* for Firefox */
	opacity: 0.75; /* for Opera・Safari */
}
.alpha a:hover img {
	filter: alpha(opacity=75); /* for IE */
	}

/* オンマウスで半透明 画像用*/
a.alpha_img:hover img {
	filter: alpha(opacity=75); /* for IE */
	-moz-opacity: 0.75; /* for Firefox */
	opacity: 0.75; /* for Opera・Safari */
}

/* ---------- 矢印 ---------- */
p.arrow01 {
	background: url(../common/arrow05.gif) left center no-repeat;
	padding-left: 12px;
	}