@charset "UTF-8";
/*----------------------------------------

	+ article
		- main_01
		+ main_02_01
			- box01_01
			- box01_02
			- box02_01
			- box02_02
			- box03_01
			- box03_02
			- box04_01
			- box04_02
			- box05_01
			- box05_02
			- box06
			- brandBox01
		- footer

----------------------------------------*/

/* num */

#num {
	position: fixed;
	z-index: 9999;
	right: 10px;
	top: 10px;
	color: #acacac;
}

/*----------------------------------------
	article
-----------------------------------------*/

article {
	width: 1200px;
	padding: 0;
}

@media screen and (max-width:1000px) {
	article {
		width: 1000px;
	}
}

article #main {
	padding: 0;
}

/*----------------------------------------
	main_01
-----------------------------------------*/

article #main #main_01 {
	padding-top: 28px;
	background: #29292a;
}

article #main #main_01 h1 {
	padding-left: 130px;
}

@media screen and (max-width:1000px) {
	article #main #main_01 h1 {
		padding-left: 30px;
	}
}

article #main #main_01 #snav01 {
	top: 28px;
	padding-right: 100px;
}

@media screen and (max-width:1000px) {
	article #main #main_01 #snav01 {
		padding-right: 0;
	}
}

article #main #main_01 #snav01 ul li:last-child {
	padding-left: 0;
}

article #main #main_01 #snav01 ul li:last-child a {
	background: none;
}

/*----------------------------------------
	main_02_01
-----------------------------------------*/

#main_02 {
	height: auto;
}

#main_02 #main_02_01 {
	z-index: 100 !important;
	background: #29292a;
}

#main_02 #main_02_01 #main_02_01_01 {
	width: 940px;
	margin: 0 auto;
	padding: 41px 0 130px;
	border-top: 3px solid #696969;
	text-align: center;
}

/*----------------------------------------
	box01_01
-----------------------------------------*/

#box01_01 {
	position: relative;
	z-index: -10;
	min-height: 616px;
	padding: 0 130px;
	background: url(../img/concept_p01.gif) no-repeat 130px top;
}

@media screen and (max-width:1000px) {
	#box01_01 {
		padding: 0 30px;
		background: url(../img/concept_p01.gif) no-repeat 30px top;
	}
}

#box01_01 p {
	padding: 199px 0 20px 282px;
}

#box01_01 p span {
	display: block;
	width: 658px;
	padding: 6px 0 7px;
	background: url(../img/concept_bg01.png) repeat-y left top;
	text-align: center;
}

/*----------------------------------------
	box01_02
-----------------------------------------*/

#box01_02 {
	position: relative;
	z-index: 100;
	padding: 0 280px 207px 285px;
	background: #cf6343;
}

@media screen and (max-width:1000px) {
	#box01_02 {
		padding: 0 180px 207px 185px;
	}
}

#box01_02 h1 {
	padding-bottom: 52px;
	text-align: center;
}

#box01_02 h2 {
	text-align: center;
	line-height: 1.2;
}

#box01_02 ul {
	padding-left: 117px;
}

#box01_02 ul li {
	float: left;
	padding-left: 54px;
	text-align: center;
}

/*----------------------------------------
	box02_01
-----------------------------------------*/

#box02_01 {
	position: relative;
	z-index: 10;
	min-height: 576px;
	padding: 0 130px;
	background: url(../img/concept_p02.gif) no-repeat 130px top;
}

@media screen and (max-width:1000px) {
	#box02_01 {
		padding: 0 30px;
		background: url(../img/concept_p02.gif) no-repeat 30px top;
	}
}

#box02_01 p {
	padding: 199px 0 20px 282px;
}

#box02_01 p span {
	display: block;
	width: 658px;
	padding: 5px 0 7px;
	background: url(../img/concept_bg01.png) repeat-y left top;
	text-align: center;
}

/*----------------------------------------
	box02_02
-----------------------------------------*/

#box02_02 {
	position: relative;
	z-index: 100;
	padding: 0 280px 205px 285px;
	background: #58a3aa;
}

@media screen and (max-width:1000px) {
	#box02_02 {
		padding: 0 180px 205px 185px;
	}
}

#box02_02 h1 {
	padding-bottom: 51px;
	text-align: center;
}

#box02_02 h2,
#box02_02 p {
	text-align: center;
}

#box02_02 p#box02_t01 {
	text-align: left;
}

/*----------------------------------------
	box03_01
-----------------------------------------*/

#box03_01 {
	position: relative;
	z-index: 10;
	min-height: 521px;
	padding: 0 130px;
	background: url(../img/concept_p03.gif) no-repeat 130px top;
}

@media screen and (max-width:1000px) {
	#box03_01 {
		padding: 0 30px;
		background: url(../img/concept_p03.gif) no-repeat 30px top;
	}
}

#box03_01 p {
	padding: 200px 0 20px 282px;
}

#box03_01 p span {
	display: block;
	width: 658px;
	padding: 5px 0 7px;
	background: url(../img/concept_bg01.png) repeat-y left top;
	text-align: center;
}

/*----------------------------------------
	box03_02
-----------------------------------------*/

#box03_02 {
	position: relative;
	z-index: 100;
	padding: 0 280px 78px 285px;
	background: #bf8048;
}

@media screen and (max-width:1000px) {
	#box03_02 {
		padding: 0 180px 78px 185px;
	}
}

#box03_02 h1 {
	padding-bottom: 50px;
	text-align: center;
}

#box03_02 h2 {
	text-align: center;
}

#box03_02 #box03_02_01 {
	position: relative;
	min-height: 170px;
	height: auto !important;
	height: 170px;
}

#box03_02 #box03_02_01 p#btn01 {
	position: absolute;
	top: 50%;
	left: -116px;
	margin-top: -36px;
	cursor: pointer;
}

#box03_02 #box03_02_01 p#btn02 {
	position: absolute;
	top: 50%;
	right: -109px;
	margin-top: -36px;
	cursor: pointer;
}

#box03_02 #box03_02_01 > div {
	overflow: hidden;
	min-height: 170px;
	height: auto !important;
	height: 170px;
	width: 628px;
}

#box03_02 #box03_02_01 > div ul {
	padding-top: 5px;
	width: 1980px;
}

#box03_02 #box03_02_01 > div ul li {
	float: left;
	width: 628px;
	padding-right: 32px;
}

#box03_02 #box03_02_01 > div ul li section {
	width: 628px;
}

#box03_02 #box03_02_01 > div ul li section img {
	float: left;
}

#box03_02 #box03_02_01 > div ul li section div {
	float: right;
	width: 368px;
	margin-top: -5px;
}

#box03_02 #box03_02_01 > div ul li section div h1 {
	text-align: left;
	padding-bottom: 0;
}

#box03_02 #box03_02_01 > div ul li section div h1 span {
	display: block;
}

/*----------------------------------------
	box04_01
-----------------------------------------*/

#box04_01 {
	position: relative;
	z-index: 10;
	min-height: 520px;
	padding: 0 130px;
	background: url(../img/concept_p04.jpg) no-repeat 130px top;
}

@media screen and (max-width:1000px) {
	#box04_01 {
		padding: 0 30px;
		background: url(../img/concept_p04.jpg) no-repeat 30px top;
	}
}

#box04_01 p {
	padding: 199px 0 20px 282px;
}

#box04_01 p span {
	display: block;
	width: 658px;
	padding: 6px 0 6px;
	background: url(../img/concept_bg01.png) repeat-y left top;
	text-align: center;
}

/*----------------------------------------
	box04_02
-----------------------------------------*/

#box04_02 {
	position: relative;
	z-index: 100;
	padding: 0 280px 207px 285px;
	background: #3e6088;
}

@media screen and (max-width:1000px) {
	#box04_02 {
		padding: 0 180px 207px 185px;
	}
}

#box04_02 h1 {
	padding-bottom: 51px;
	text-align: center;
}

#box04_02 h2,
#box04_02 p {
	text-align: center;
}

#box04_02 p#box04_t01 {
	text-align: left;
}

/*----------------------------------------
	box05_01
-----------------------------------------*/

#box05_01 {
	position: relative;
	z-index: 10;
	min-height: 520px;
	padding: 0 130px;
	background: url(../img/concept_p05.gif) no-repeat 130px top;
}

@media screen and (max-width:1000px) {
	#box05_01 {
		padding: 0 30px;
		background: url(../img/concept_p05.gif) no-repeat 30px top;
	}
}

#box05_01 p {
	padding: 199px 0 20px 282px;
}

#box05_01 p span {
	display: block;
	width: 658px;
	padding: 6px 0 6px;
	background: url(../img/concept_bg01.png) repeat-y left top;
	text-align: center;
}

/*----------------------------------------
	box05_02
-----------------------------------------*/

#box05_02 {
	position: relative;
	z-index: 100;
	padding: 0 280px 182px 285px;
	background: #829e2b;
}

@media screen and (max-width:1000px) {
	#box05_02 {
		padding: 0 180px 182px 185px;
	}
}

#box05_02 h1 {
	padding-bottom: 52px;
	text-align: center;
}

#box05_02 h2 {
	line-height: 1.2;
}

#box05_02 h2,
#box05_02 p {
	text-align: center;
}

#box05_02 p#box05_t01 {
	text-align: left;
}

/*----------------------------------------
	box06
-----------------------------------------*/

ul#box06 {
	padding-left: 130px;
}

@media screen and (max-width:1000px) {
	ul#box06 {
		padding-left: 30px;
	}
}

ul#box06 li {
	float: left;
}

ul#box06 li#box06_l {
	padding-right: 36px;
}

ul#box06 li a {
	display: block;
	width: 452px;
	height: 160px;
}

ul#box06 li#box06_l a {
	background: url(../img/brand_c_bn02.jpg) no-repeat left top;
}

ul#box06 li#box06_r a {
	background: url(../img/brand_c_bn03.jpg) no-repeat left top;
}

ul#box06 li a span {
	display: block;
	padding: 61px 0 0 29px;
}

/*----------------------------------------
	brandBox01
----------------------------------------*/

#main #brandBox01 {
	margin: 0 130px 16px;
}

@media screen and (max-width:1000px) {
	#main #brandBox01 {
		margin: 0 30px 16px;
	}
}

/*----------------------------------------
	footer
-----------------------------------------*/

/* footer */
footer {
	z-index: 10000;
}