@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;}
.val-m { vertical-align: middle !important;}
.val-tb { vertical-align: text-bottom !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;!important}
.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;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !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;}
.mb25 {margin-bottom:25px;!important;}
.mb30 {margin-bottom:30px;!important;}
.mb40 {margin-bottom:40px;!important;}
.mb50 {margin-bottom:50px;!important;}
.mb60 {margin-bottom:60px;!important;}
.mb70 {margin-bottom:70px;!important;}
.mb100 {margin-bottom:100px;!important;}

.ml5 {margin-left:5px;}
.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;}

/* line-height */
.lh120 {
	line-height: 1.2;
}

/* ページ番号 */
#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;
  clear:both;
  visibility:hidden;
}
.clearfix{
  overflow:hidden;
}
/* Hides from IE-mac \*/
* html .clearfix{
  height:1%;
  overflow:visible;
}
/* End hide from IE-mac */