@charset "utf-8";

/* ****************************************************
Title: modules.css
***************************************************** */

/* -------------------------------------------------------------------- 
/* Text Link
-------------------------------------------------------------------- */

a:link {	color: #2F2F2F;	text-decoration: none;}
a:visited {	color: #2F2F2F;	text-decoration: none;}
a:hover {	color:#2F2F2F;	text-decoration: none;}
a:active {	color:#2F2F2F;	text-decoration: none;}

/* -------------------------------------------------------------------- 
/* Image Rollover (Alpha)
-------------------------------------------------------------------- */

a:hover img.hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	transition-duration: 0.3s;
}

.hover:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	transition-duration: 0.3s;
}


/* -------------------------------------------------------------------- 
/* Font Size
-------------------------------------------------------------------- */

.fs10 { font-size:77%; }
.fs11 { font-size:85%; }
.fs12 { font-size:93%; }
.fs13 { font-size:100%; }
.fs14 { font-size:108%; }
.fs15 { font-size:116%; }
.fs16 { font-size:123.1%; }
.fs17 { font-size:131%; }
.fs18 { font-size:138.5%; }
.fs19 { font-size:146.5%; }
.fs20 { font-size:153.9%; }
.fs21 { font-size:161.6%; }
.fs22 { font-size:167%; }
.fs23 { font-size:174%; }
.fs24 { font-size:182%; }
.fs25 { font-size:192.3%; }
.fs26 { font-size:197%; }
.fs30 { font-size:227.3%; }

/* -------------------------------------------------------------------- 
/* Font Weight
-------------------------------------------------------------------- */

.bold {	font-weight: bold;}

/* -------------------------------------------------------------------- 
/* Font Color
-------------------------------------------------------------------- */

.red {	color: #FF0000 !important;}

/* -------------------------------------------------------------------- 
/* Indent
-------------------------------------------------------------------- */

.indent {
	padding-left: 1em;
	text-indent: -1em;
}

/* -------------------------------------------------------------------- 
/* Align
-------------------------------------------------------------------- */

.alc {	text-align: center !important;}
.alr {	text-align: right !important;}
.all {	text-align: left !important;}

.alt {	vertical-align: top !important;}
.alb {	vertical-align: bottom !important;}
.alm {	vertical-align: middle !important;}

/* エディタ用 */
.aligncenter {text-align: center !important;}

/* -------------------------------------------------------------------- 
/* Float
-------------------------------------------------------------------- */

.fll {	float: left;}
.flr {	float: right;}

.noFloat { float: none !important;}

/* -------------------------------------------------------------------- 
/* Clearfix
-------------------------------------------------------------------- */

.clearfix:after { content: ""; display: block; clear: both; }
.clearfix { display: inline-block; }
/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/**/

/* フロート解除 */
.both { clear: both; }

/* -------------------------------------------------------------------- 
/* Margin , Padding
-------------------------------------------------------------------- */

.mb0 {	margin-bottom: 0px !important;}
.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;}
.mb35 {	margin-bottom: 35px !important;}
.mb40 {	margin-bottom: 40px !important;}
.mb45 {	margin-bottom: 45px !important;}
.mb50 {	margin-bottom: 50px !important;}
.mb55 {	margin-bottom: 55px !important;}
.mb60 {	margin-bottom: 60px !important;}
.mb65 {	margin-bottom: 65px !important;}
.mb70 {	margin-bottom: 70px !important;}
.mb75 {	margin-bottom: 75px !important;}
.mb80 {	margin-bottom: 80px !important;}
.mb85 {	margin-bottom: 85px !important;}
.mb90 {	margin-bottom: 90px !important;}
.mb95 {	margin-bottom: 95px !important;}
.mb100 {	margin-bottom: 100px !important;}

.ml0 {	margin-left: 0px !important;}
.ml5 {	margin-left: 5px !important;}
.ml10 {	margin-left: 10px !important;}
.ml20 {	margin-left: 20px !important;}
.ml30 {	margin-left: 30px !important;}

.mr0 {	margin-right: 0px !important;}
.mr5 {	margin-right: 5px !important;}
.mr10 {	margin-right: 10px !important;}
.mr20 {	margin-right: 20px !important;}
.mr30 {	margin-right: 30px !important;}

.mt0 {	margin-top: 0px !important;}
.mt5 {	margin-top: 5px !important;}
.mt10 {	margin-top: 10px !important;}
.mt20 {	margin-top: 20px !important;}
.mt30 {	margin-top: 30px !important;}
.mt35 {	margin-top: 35px !important;}
.mt40 {	margin-top: 40px !important;}

.pb0 {	padding-bottom: 0px !important;}
.pb5 {	padding-bottom: 5px !important;}
.pb10 {	padding-bottom: 10px !important;}
.pb20 {	padding-bottom: 20px !important;}
.pb30 {	padding-bottom: 30px !important;}
.pb40 {	padding-bottom: 40px !important;}

.pt0 {	padding-top: 0px !important;}
.pt5 {	padding-top: 5px !important;}
.pt10 {	padding-top: 10px !important;}
.pt20 {	padding-top: 20px !important;}
.pt30 {	padding-top: 30px !important;}


/* -------------------------------------------------------------------- 
/* Pager
-------------------------------------------------------------------- */

.pagenation {
	padding: 80px 0 25px;
	text-align: center;
	line-height:2em;
	clear:both;
	display:block;

}
.pagenation a.page-numbers {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #2E6FBE;
	background-color: #2E6FBE;
	color: #ffffff;
	padding:15px 18px;
	margin:0 3px;
	font-size: 20px;
	line-height: 1.0em;
	font-weight: 500;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
.pagenation a:hover.page-numbers {
	color: #2E6FBE;
	background-color: #ffffff;
}
.pagenation a.next,
.pagenation a.prev {
	color: #2E6FBE;
	background-color: #ffffff;
	border: none;
	padding:15px 10px;
	position: relative;
	margin:0;
}
.pagenation a:hover.next,
.pagenation a:hover.prev {
	text-decoration: underline;
}
.pagenation span.current {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #2E6FBE;
	color: #2E6FBE;
	background-color: #ffffff;
	padding:15px 18px;
	margin:0 3px;
	font-size: 20px;
	line-height: 1.0em;
	font-weight: 500;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}


.pagenation a.next::after {
	content: "";
	background-image: url("/common/img/news/news_ar_right.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 31px auto;
	width: 31px;
	height: 6px;
	position: absolute;
	left: 100%;
	top: 50%;
	margin-top: -4px;
}
.pagenation a.prev::after {
	content: "";
	background-image: url("/common/img/news/news_ar_left.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 31px auto;
	width: 31px;
	height: 6px;
	position: absolute;
	right: 100%;
	top: 50%;
	margin-top: -4px;
}




@media screen and (max-width:768px) {



.pagenation {
	padding: 50px 0 25px;
	margin:0 0 60px;
	text-align: center;
	line-height:2em;
	clear:both;
	display:block;
		position: relative;

}
.pagenation a.page-numbers {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #2E6FBE;
	background-color: #2E6FBE;
	color: #ffffff;
	padding:8px 11px;
	margin:0 3px;
	font-size: 20px;
	line-height: 1.0em;
	font-weight: 500;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
.pagenation a:hover.page-numbers {
	color: #2E6FBE;
	background-color: #ffffff;
}
.pagenation a.next,
.pagenation a.prev {
	color: #2E6FBE;
	background-color: #ffffff;
	border: none;
	padding:0 4px;
	position: relative;
	margin:0;
	font-size: 16px;
	position:absolute;
}
.pagenation a.next {
	top:100%;
	right:30px;
}
.pagenation a.prev {
	top:100%;
	left:30px;
}
.pagenation a:hover.next,
.pagenation a:hover.prev {
	text-decoration: underline;
}
.pagenation span.current {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #2E6FBE;
	color: #2E6FBE;
	background-color: #ffffff;
	padding:8px 11px;
	margin:0 3px;
	font-size: 20px;
	line-height: 1.0em;
	font-weight: 500;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}


.pagenation a.next::after {
	content: "";
	background-image: url("/common/img/news/news_ar_right.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 26px auto;
	width: 31px;
	height: 6px;
	position: absolute;
	left: 100%;
	top: 50%;
	margin-top: -4px;
}
.pagenation a.prev::after {
	content: "";
	background-image: url("/common/img/news/news_ar_left.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 26px auto;
	width: 31px;
	height: 6px;
	position: absolute;
	right: 100%;
	top: 50%;
	margin-top: -4px;
}





















}