@charset "UTF-8";
/* ******************************************************************

	--performance.css--

	1. Layout setting

****************************************************************** */


/*==================================================================
	1. Layout setting
===================================================================*/
.performBlock {
	padding-bottom:30px;
}
ul.beforeList {
	text-align:center;
}
ul.beforeList li {
	margin-bottom:15px;
	padding-bottom:44px;
	background:url(../img/performance/bg_arrow01.gif) no-repeat 50% 100%;
	-webkit-background-size:22px 30px;
	-moz-background-size:22px 30px;
	-ms-background-size:22px 30px;
	background-size:22px 30px;
}
ul.beforeList li a {
	display:inline-block;
}
ul.beforeList li img {
	width:200px;
}
ul.beforeList li:last-child {
	margin-bottom:0;
	padding-bottom:0;
	background:none;
}
ul.beforeList2 {
	text-align:center;
}
ul.beforeList2 li:first-child {
	margin-bottom:15px;
	padding-bottom:44px;
	background:url(../img/performance/bg_arrow01.gif) no-repeat 50% 100%;
	-webkit-background-size:22px 30px;
	-moz-background-size:22px 30px;
	-ms-background-size:22px 30px;
	background-size:22px 30px;
}
ul.beforeList2 li a {
	display:inline-block;
}
ul.beforeList2 li img {
	width:200px;
}
ul.beforeList2 li:last-child {
	margin-bottom:0;
	padding-bottom:0;
	background:none;
}

ul.beforeList3 {
	text-align:center;
}
ul.beforeList3 li:nth-of-type(2) {
	margin-bottom:15px;
	padding-bottom:44px;
	background:url(../img/performance/bg_arrow01.gif) no-repeat 50% 100%;
	-webkit-background-size:22px 30px;
	-moz-background-size:22px 30px;
	-ms-background-size:22px 30px;
	background-size:22px 30px;
}
ul.beforeList3 li a {
	display:inline-block;
}
ul.beforeList3 li img {
	width:200px;
}
ul.beforeList3 li:last-child {
	margin-bottom:0;
	padding-bottom:0;
	background:none;
}
ul.imgList {
	text-align:center;
}
ul.imgList li {
	float:left;
	width:48%;
	margin:0 2% 2.5% 0;
}
ul.imgList li:nth-child(2n) {
	margin-right:0;
}
ul.imgList li p.text {
	 text-align:left;
}
.imgList02 ul {
	float:left;
	width:48%;
	margin-right:2%;
}
.imgList02 ul li {
	margin-bottom:5%;
}
.imgList02 ul:nth-child(2n) {
	margin-right:0;
}

/* # LignBox
---------------------------------------------------------------------------- */

#lbOverlay {
	height: 500px;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99998;
	width: 100%;
}

#lbOverlay {
	background: #000;
}

#lbMain {
	position: absolute;
	left: 0;
	line-height: 0;
	text-align: center;
	width: 100%;
	z-index: 99999;
}

#lbOuterContainer {
	position: relative;
	background-color: #fff;
	width: 200px;
	height: 200px;
	margin: 0 auto;
}

#lbOuterContainer {
	border: 2px solid #888;
}

#lbDetailsContainer {
	background: #fff;
	height: 20px;
	margin: 0 auto;
	padding-bottom: 5px;
	overflow: hidden;
	width: 100%;
}

#lbDetailsContainer {
	border: 2px solid #888;
	border-top: none;
}

#lbImageContainer,
#lbIframeContainer {
	padding: 10px 10px 0 10px;
}

#lbLoading {
	background: url(../img/performance/loading.gif) center no-repeat;
	line-height: 0;
	height: 32px;
	position: absolute;
	top: 45%;
	left: 0%;
	text-align: center;
	width: 100%;
}

#lbHoverNav {
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
}

#lbImageContainer>#lbHoverNav {
	left: 0;
}

#lbPrev {
	background: url(../img/performance/blank.gif) no-repeat;
	display: block;
	float: left;
	left: 0;
	height: 100%;
	width: 49%;
}

#lbPrev:hover,
#lbPrev:visited:hover {
	background: url(../img/performance/prev_grey.gif) left 15% no-repeat;
}

#lbNext {
	background: url(../img/performance/lytebox/blank.gif) no-repeat;
	display: block;
	float: right;
	height: 100%;
	right: 0;
	width: 49%;
}

#lbNext:hover,
#lbNext:visited:hover {
	background: url(../img/performance/next_grey.gif) right 15% no-repeat;
}

#lbPrev2,
#lbNext2,
#lbSpacer {
	color: #333;
}

#lbDetailsData {
	padding: 0 10px;
}

#lbDetailsData {
	color: #333;
}

#lbDetails {
	display: none;
}

#lbCaption {
	display: block;
	font-weight: bold;
}

#lbNumberDisplay {
	float: left;
	display: block;
	padding-bottom: 10px;
}

#lbNavDisplay {
	float: left;
	display: block;
}

#lbClose {
	float: right;
	height: 20px;
	width: 64px;
}

#lbClose {
	background: url(../img/performance/close_grey.png) no-repeat 0 0;
}

.text_border2 {
    border-bottom: 3px solid #8ec31f;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 10px;
    margin-top: 15px;
}
