@charset "Shift_JIS";

/*---------------------------------------------
 basic
---------------------------------------------*/
body{
	border: none;
	position: relative;
	font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","�揀Cリオ",Meiryo,sans-serif;
}
body a{
	text-decoration: none;
	color: #333;
}
body img{
	vertical-align: middle;
}
a:link,
a:visited{
	color: initial;
}
a:hover{
	color:#5ba94a;
}
a:hover>img{
	opacity: 0.8;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/*---------------------------------------------
 wrap
---------------------------------------------*/
#wrap{  position: relative; height: auto !important; height: 100%; min-height: 100%; z-index: 2;}

#header{
	border-top: 8px solid #f0f0f0;
}
#header a{
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
/*---------------------------------------------
 header
---------------------------------------------*/
.header{
	height: 60px;
	position: relative;
	z-index: 399;

}
.header a{

}
.header a:hover{
	text-decoration: underline;

}
.header .headerInner{
	line-height: 1;
	background: #fff;
	min-width: 1128px;/*リキッド*/
	margin: 0 auto;
/*	overflow: hidden;*/
	position: fixed;
/*	position: absolute;*/
	width: 100%;
	z-index: 300;
}
@media print {
	.header .headerInner{
		position: absolute;
	}
}
body.tab_view .header .headerInner{position: absolute;}
.header .logo{
        max-width: 1104px;
        width: 95%;
				height: 60px;
        margin: auto;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.header .logo img{
	width: 60px;
}




/*---------------------------------------------
 contents
---------------------------------------------*/
.contentsWrap{
	padding-top: 50px;
}
.contents {
	min-width: 1128px;/*リキッド*/
	margin: 0 auto;
}


/*---------------------------------------------
 footer
---------------------------------------------*/
.footer {min-width: 1128px; border-top: 2px solid #e5e5e5; position: relative; background: #fff;}
.footer a{ color: #666; }
.footer a:hover{ text-decoration: underline; color: #5ba94a; }
.footer .pageUp{
	position: fixed;
	right: 15px;
	bottom: 200px;
	width: 40px;
	height: 40px;
	z-index: 999;
	display: none;
}
.footer .pageUp a{
	display: block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	background: url(/ssl_common_v2/images/icon_pagetop.png) no-repeat #333;
	text-indent: -9999px;
}
.footer .pageUp a:hover{
	background-color: #5ba94a;

}
.footNavBottom{overflow: hidden; padding: 10px; background: #eeeeee;}
.footNavBottom02{overflow: hidden; padding: 10px; background: #eeeeee;}
.footNavBottom .left, .footNavBottom02 .left{ float: left; font-size: 12px;}
.footNavBottom .copy, .footNavBottom02 .copy{ float: right; font-size: 12px;}


/*body.megaCurBody{overflow: hidden;}*/
.green .greenArrow,
.greenArrow,
.greenArrow:link{display: inline-block; background: url(../images/arr_green_r.png) no-repeat right center; padding-right:15px; color: #5ba94a;}


.pageTopWrap{position: fixed; bottom: 20px; right: 20px;  z-index: 800;}
@media print {
	.pageTopWrap{position: absolute;}
}
.pageTopWrap p{ padding: 20px 0; overflow: hidden;}
.pageTopWrap #page-top-btn{  cursor: pointer; float: right; display: block; text-indent: -9999px; background: url(../images/icon_pagetop.png) no-repeat; width: 40px; height: 40px;}