@charset "utf-8";
/* ===================================================================
CSS information

 file name  :common.css
 
=================================================================== */

.fl-r { float: right; }
.fl-l { float: left; }
.fl-clr { clear: both; }

/* text-align */
.al-c {text-align: center !important;}
.al-l {text-align: left !important;}
.al-r {text-align: right !important;}

/* Firefox兼用 block要素の揃え */
.block-al-c { 
	margin-right: auto !important;
	margin-left: auto !important;
}
.block-al-r {
	margin-right: 0 !important;
	margin-left: auto !important;
}
.block-al-l {
	margin-right: auto !important;
	margin-left: 0 !important;
}
/* vertical-align: top */
.val-t { vertical-align: top !important;}

.p5 {padding: 5px;}
.p8 {padding: 8px;}

.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}

.pr5 {padding-right: 5px;}
.pr10 {padding-right: 10px;}
.pr15 {padding-right: 15px;}
.pr20 {padding-right: 20px;}

.pb5 {padding-bottom: 5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pb25 {padding-bottom: 25px;}

.pl3 {padding-left:3px;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}


.m10 { margin: 10px !important;}
.m20 { margin: 20px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}

.mt-20 {margin-top: -20px !important;}

.mr0 {margin-right: 0;}
.mr4 {margin-right:4px;}
.mr5 {margin-right:5px;}
.mr8 {margin-right:8px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}

.mb3 {margin-bottom:3px;}
.mb5 {margin-bottom:5px;!important;}
.mb10 {margin-bottom:10px;!important;}
.mb20 {margin-bottom:20px;!important;}
.mb30 {margin-bottom:30px;!important;}
.mb40 {margin-bottom:40px;!important;}
.mb50 {margin-bottom:50px;!important;}

.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}.m20 {margin: 0 20px;}


/* font-family */
.ff_minchou {
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3","PMingLiU",serif;
}
/* font-size */
.fs-xs{font-size: 85%;}
.fs-s {font-size: 90%;}
.fs-l {font-size: 110%;}
.fs-xl{font-size: 140%;}

/* font-other */
.fw-bold {font-weight: bold;}


/* 指 */
.hand {	cursor: pointer;}

/* ページ番号 */
#active-page{
	color:red;
	border-bottom:2px solid #ff6600;
	border-top:2px solid #ff6600;
}
#focus-page{
	color:red;
}
.normal-page{
	cursor:pointer;
	background-color:transparent;
	border:0 none;
	padding:0;
	font-weight:bold;
	color:blue;
}

.clrfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clrfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clrfix { height: 1% }
.clrfix {display:block;}
/* end MacIE5 */