@charset "shift_jis";
/* ===================================================================
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Œ“—p block—v‘f‚Ì‘µ‚¦ */
.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;}
.val-m { vertical-align: middle !important;}
.val-tb { vertical-align: text-bottom !important;}

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

.pt5 {padding-top:5px;}
.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;}
.pl60 {padding-left:60px;}

.plr9 {
	padding-left: 9px!important;
	padding-right: 9px!important;
}
.plr7 {
	padding-left: 7px!important;
	padding-right: 7px!important;
}

.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;}
.mb15 {margin-bottom:15px;!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;}

/* width */
.w100 { width: 100px; }
.w110 { width: 110px; }
.w120{ width: 120px; }
.w130{ width: 130px; }
.w140 { width: 140px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w275 { width: 275px; }
.w300 { width: 300px; }
.w350 { width: 350px; }
.w400 {	width: 400px; }
/* font-family */
.ff_minchou {
	font-family:"‚l‚r ‚o–¾’©", "�×–¾’©‘Ì", "ƒqƒ‰ƒMƒm–¾’© 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;}


/* Žw */
.hand {	cursor: pointer;}

/* ƒy�[ƒW”Ô�† */
#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;
}

.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;   
	clear: both;
	visibility:hidden;
}
.clearfix{
	display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
}
.clearfix{
	display:block;
}