@import url(common1.css);
body {
	color: #666;
	background-color: #FFF;
}

.b4,
.b1 {
	text-align: center;
	color: #313131;
	padding: 30px 0px 60px;
}
.modTitle {
	font-size: 26px;
	line-height: 90px;
	text-align: center;
}
.cnt {
	font-size: 14px;
	line-height: 26px;
}


.now4future {
	width: 757px;
	height: 440px;
	position: relative;
	margin: 0 auto;
}
.now4future * {
	-webkit-transition-duration: 2000ms;
	transition-duration: 2000ms;
}
.now4future .title {
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
	position: absolute;
	left: 50%;
	top: 50%;
	display: flex;
	width: 130px;
	height: 130px;
	color: #FFF;
	background-color: #db1b1b;
	border-radius: 50%;
	margin-left: -65px;
	margin-top: -65px;
}
.now4future.start .title {
	width: 210px;
	height: 210px;
	margin-left: -105px;
	margin-top: -105px;
	z-index: 11;
}
.now4future .title div {
	flex: 1;
	text-align: center;
	align-self: center;
	font-size: 20px;
}
.now4future.start .title div {
	font-size: 28px;
	line-height: 140%;
}
.now4future li {
	opacity: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	color: #909090;
}
.now4future.start li {
	opacity: 1;
}
.now4future.start li:before {
	color: #C00;
	font-weight: bold;
	padding-right: 0.3em;
	font-size: 1.2em;
	content: "+";
}
.now4future.start li.i7:before {
	float: right;
	color: #CCC;
	font-size: 2em;
	position: relative;
	right: -10px;
	top: 20px;
}
.now4future.start li.i4:before {
	float: right;
	color: #CCC;
	font-size: 2em;
}
.now4future.start li.i8:before {
	display: none;
}
.now4future.start li.i2:before {
	display: none;
}
.now4future.start li.i3:before {
	position: relative;
	left: -40px;
	top: -10px;
	font-size: 2em;
}
.now4future.start li.i5:before {
	position: relative;
	left: -30px;
	top: 30px;
	font-size: 2em;
}
.now4future.start li.i1 {
	left: 395px;
	top: 80px;
	font-size: 18px;
	right:initial;
	bottom: initial;
}
.now4future.start li.i2 {
	left: 470px;
	top: 130px;
	font-size: 20px;
	right:initial;
	bottom: initial;
}
.now4future.start li.i3 {
	left: 555px;
	top: 185px;
	font-size: 14px;
	right:initial;
	bottom: initial;
}
.now4future.start li.i4 {
	left: 500px;
	top: 235px;
	font-size: 14px;
	right:initial;
	bottom: initial;
}
.now4future.start li.i5 {
	left: 465px;
	top: 295px;
	font-size: 16px;
	right:initial;
	bottom: initial;
}
.now4future.start li.i6 {
	right: 470px;
	top: 275px;
	font-size: 16px;
	left:initial;
	bottom: initial;
}
.now4future.start li.i7 {
	right: 505px;
	top: 205px;
	font-size: 20px;
	left:initial;
	bottom: initial;
}
.now4future.start li.i8 {
	right: 505px;
	top: 165px;
	font-size: 16px;
	left:initial;
	bottom: initial;
}
.now4future.start li.i9 {
	right: 435px;
	top: 100px;
	font-size: 16px;
	left:initial;
	bottom: initial;
}
.now4future .motto {
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	color: #db1b1b;
	font-size: 24px;
}

.b2 .flexslider,
.b2 .flexslider .slides li {
	height: 576px;
}
.b2 .flexslider .flex-control-nav {
	bottom: 40px;
}

.b3 {
	text-align: center;
	padding: 80px 0 40px;
	background: #CCC url(../images/b2.jpg) center bottom no-repeat;
}
.b3 .features {
	width: 640px;
	margin: 0 auto;
}
.b3 .features li {
	float: left;
	width: 33.3%;
}
.b3 .features li dl.start {
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
	transform: scale(1);
	opacity: 1;
}
.b3 .features li dl {
	transform: scale(.7,.7);
	opacity: 5;
	margin: 0 auto;
	width: 175px;
	height: 175px;
	border: 2px solid #d90000;
	border-radius: 50%;
	color: #717171;
}
.b3 .features li dl dt {
	font-size: 28px;
	padding-top: 50px;
	line-height: 180%;
}
.b3 .features li dl dd {
	font-size: 14px;
	line-height: 180%;
}
.b3 .motto {
	padding: 30px;
	line-height: 200%;
}
.b3 .motto dd {
	color: #575757;
	font-size: 14px;
}
.b3 .motto dt {
	color:#be0000;
	font-size: 18px;
}

.b4 {
	padding-bottom: 0;
}
.b4 .modTitle {
	color: #d90000;
}
.b4 .line {
	height: 150px;
	background-color: #322224;
	position: relative;
}
.b4 .line div {
	position: absolute;
	top: 0;
	left: 50%;
	right: 0;
	bottom: 0;
	background-color: #363b41;
}
.annualRing {
	margin: 0 auto;
	width: 740px;
	height: 475px;
	background: url(../images/annual-ring.gif) center bottom no-repeat;
	position: relative;
}
.annualRing .item {
	color: #313131;
}
.annualRing span.plus:before {
	display: inline-block;
	content: "+";
	color: #C00;
	font-weight: bold;
	padding-right: 0.2em;
	font-size: 1.6em;
}
.annualRing span.plus.e6:before,
.annualRing span.plus.e9:before {
	font-weight: normal;
}
.annualRing span.plus.gray:before {
	color: #888;
}
.annualRing .e {
	position: absolute;
	left: 50%;
	top: 370px;
	-webkit-transition-duration: 1000ms;
	transition-duration: 1000ms;
	opacity: 0;
}
.annualRing.start .e {
	opacity: 1;
}
.annualRing.start .e1 {left: 38px;top: 214px;}
.annualRing.start .e2 {left: 97px;top: 322px;}
.annualRing.start .e3 {left: 493px;top: 240px;}
.annualRing.start .e4 {left: 609px;top: 292px;}
.annualRing.start .e5 {left: 540px;top: 334px;}
.annualRing.start .e6 {left: 148px;top: 191px;}
.annualRing.start .e7 {left: 187px;top: 254px;}
.annualRing.start .e8 {left: 239px;top: 257px;}
.annualRing.start .e9 {left: 307px;top: 298px;}
.annualRing.start .ex {left: 293px;top: 335px;}

.b5 {
	background-color: #dbdbdb;
	padding-bottom: 130px;
}
.b5 .modTitle {
	color: #c90019;
	padding: 25px;
	font-size: 28px;
}
.b5 .covers {
	padding-bottom: 53px;
}
.b5 .covers li {
	width: 20%;
	float: left;
	text-align: center;
}
.b5 .covers li img {
	width: 240px;
	height: 300px;
	border-radius: 2px;
	cursor:default;
}
/*.b5 .covers li img:hover {
	transform: scale(1.1,1.1);
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
}
*/
/*.b2 .flex-direction-nav {
	display: none;
}*/
.b2 .flex-direction-nav,
.b2 .flex-control-nav {
	display: none;
}
.b2 .flexslider .slides li a {
	/*cursor: default;*/
}