@charset "UTF-8";

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

	+ article
		- box01
		- box02
		- box03
		- box04
		- designBox01
		
----------------------------------------*/

/*----------------------------------------
	main
----------------------------------------*/

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

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

article #main {
	padding: 0;
}

article #main > h1 {
	position: relative;
	height: 770px;
	width: 1200px;
	background: #717171 url(../img/finesse_p01.jpg) no-repeat left top;
}

@media screen and (max-width:1000px) {
	article #main > h1 {
		height: 642px;
		width: 1000px;
		background-size:  contain;
	}
}

article #main > h1 span#tit01 {
	display:  block;
	position: absolute;
	bottom: 33px;
	left: 50px;
}

@media screen and (max-width:1000px) {
	article #main > h1 span#tit01 {
	}
}

article #main > h1 span#t01 {
	display:  block;
	position: absolute;
	bottom: 12px;
	right: 21px;
}

@media screen and (max-width:1000px) {
	article #main > h1 span#tt01 {
	}
}

article #main > h1 + div {
	background-color: #717171;
}

article #main > h1 + div p {
	float: left;
}

article #main > h1 + div p#logo01 {
	padding: 39px 50px 0 131px;
}

@media screen and (max-width:1000px) {
	article #main > h1 + div p#logo01 {
		padding: 39px 50px 0 30px;
	}
}

article #main > h1 + div p#logo01 + p {
	padding: 32px 20px 15px 0;
	line-height: 1.3;
}

article #main > h1 + div p#logo01 + p + p {
	width: 938px;
	margin: 0 0 40px 131px;
}

@media screen and (max-width:1000px) {
	article #main > h1 + div p#logo01 + p + p {
		margin: 0 0 40px 30px;
	}
}


/*----------------------------------------
	box01
----------------------------------------*/

#main section#box01 {
	min-height: 341px;
	width: 940px;
	padding: 30px;
	margin: 0 auto;
	background: #f5f5f5 url(../img/finesse_p02.jpg) no-repeat left 30px top 30px;
}

#main section#box01 figure {
	padding-left: 513px;
}

#main section#box01 figure h1 {
	width: 300px;
}

#main section#box01 figure span#logo02 {
	float: right;
	margin-top: -53px;
	padding: 0 0 30px 30px;
}

#main section#box01 + p {
	text-align: center;
}

/*----------------------------------------
	box02
----------------------------------------*/

#main #box02_1 {
	height: 530px;
	width: 1200px;
	margin: 0 auto;
	background: #f5f5f5 url(../img/finesse_p03.jpg) no-repeat left top;
}

@media screen and (max-width:1000px) {
	#main #box02_1 {
		height: 442px;
		width: 1000px;
		background-size:  contain;
	}
}

#main #box02_1 p {
	padding: 105px 0 0 715px;
}

@media screen and (max-width:1000px) {
	#main #box02_1 p {
		padding: 75px 0 0 600px;
	}
}

#main #box02_1 p + h1 {
	padding: 10px 0 0 715px;
}

@media screen and (max-width:1000px) {
	#main #box02_1 p + h1 {
		padding: 10px 0 0 600px;
	}
}

#main #box02_1 p + h1 + p {
	padding: 8px 0 0 715px;
}

@media screen and (max-width:1000px) {
	#main #box02_1 p + h1 + p {
		padding: 8px 0 0 600px;
	}
}

#main #box02_2 {
	width: 940px;
	margin: 45px auto 40px;
}

#main #box02_2 figure {
	padding-top: 20px;
}

#main #box02_2 figure figcaption {
	float: left;
	width: 390px;
}

#main #box02_2 figure p {
	float: right;
	margin: -8px -16px 0 0;
}

#main #box02_3 {
	width: 940px;
	margin: 0 auto 70px;
	background-color: #f5f5f5;
}

#main #box02_3 h1 {
	float: left;
	width: 223px;
	padding: 30px 20px;
}

#main #box02_3 h1 span {
	display: block;
}

#main #box02_3 h1 + p {
	float: left;
	width: 407px;
	padding: 30px;
}

#main #box02_3 figure {
	float: left;
	width: 210px;
}

#main #box02_3 figure figcaption {
	margin-top: 2px;
	padding-bottom: 5px;
}

/*----------------------------------------
	box03
----------------------------------------*/

#main section#box03 {
}

/* #movieContents */
#movieContents {
	position: relative;
	z-index: 9000 !important;
	height: 400px;
	min-width: 1200px;
	width: 1200px;
}
@media screen and (max-width:1000px) {
	#movieContents {
		height: 333px;
		min-width: 1000px;
		width: 1000px;
		margin-left: 0;
	}
}

/* #finesse_movbox */
#finesse_movbox {
	position: absolute;
	height: 400px;
	min-width: 1200px;
	width: 1200px;
	left: 50%;
	margin-left: -50%;
}
@media screen and (max-width:1000px) {
	#finesse_movbox {
		height: 333px;
		min-width: 1000px;
		width: 1000px;
	}
}

#finesse_movbox .finesse {
	width: 100%;
	display: none;
}

.finesse p {
	position: absolute;
}

.finesse span.finesse_txt01 {
	position: absolute;
	top: 148px;
	left: 50%;
	margin-left: -52px;
	padding: 0;
}
@media screen and (max-width:1000px) {
	.finesse span.finesse_txt01 {
		top: 110px;
	}
}

.link {
}

.link a {
	display: block;
	left: 0;
	top: 0;
	height: 400px;
	width: 1200px;
	text-align: left;
	text-indent: -999px;
	background/*\**/:#fff\9;
	opacity: 0;
	filter: alpha(opacity=0);
}
@media screen and (max-width:1000px) {
	.link a {
		height: 333px;
		width: 1000px;
	}
}

/* #finesse_pc */

#finesse_pc {
	cursor: pointer;
}

/* #finesse_ios */

#finesse_ios {
	display: none;
	width: 1200px;
}

#finesse_ios #main_video_sp {
	display: none;
	width: 1200px;
}
@media screen and (max-width:1000px) {
	#finesse_ios #main_video_sp {
		width: 1000px;
	}
}

#finesse_ios span.close_btn {
	display: none;
	padding: 15px 0;
	margin-top: -6px;
	background-color: #000000;
	text-align: center;
}

#finesse_ios span.close_btn a {
	padding-left: 22px;
	background: #000000 url(../img/c_close_btn.gif) no-repeat left center;
}

/* #finesse_sp */

#finesse_sp {
	display: none;
	width: 1200px;
}
@media screen and (max-width:1000px) {
	#finesse_sp {
		width: 1000px;
	}
}

#finesse_sp #main_video_sp {
	display: none;
}

/* #glayLayer */
#glayLayer{
	display:none;
    position:fixed;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:black;
    opacity: 0.90;
    filter:alpha(opacity=90);
}

/* #main_movie */
#main_movie {
	display: none;
	position: relative;
	z-index: 9900 !important;
}

#main_movie #main_video {
	position: absolute;
	left: 50%;
	margin-left: -600px;
}

#main_movie p.close_btn {
	position: absolute;
	top: 674px;
	left: 50%;
	margin-left: 570px;
	cursor: pointer;
}

/*----------------------------------------
	box04
----------------------------------------*/

#main section#box04 {
	position: relative;
	width: 940px;
	margin: 0 auto 105px;
}

#main section#box04 div {
	position: relative;
	overflow: hidden;
	height: 270px;
	width: 840p;
	margin: 0 50px;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
}
@media screen and (max-width:1000px) {
	#main section#box04 div {
		margin: 0 50px;
		border-right: 1px solid #000;
		border-left: 1px solid #000;
	}
}

#main section#box04 div img {
	position: absolute;
	right: 0;
	left: 0;
}

#main section#box04 div + p  {
	position: absolute;
	top: 108px;
	left: 0;
	cursor: pointer;
}

#main section#box04 div + p + p {
	position: absolute;
	top: 108px;
	right: 0;
	cursor: pointer;
}

/*----------------------------------------
	box05
----------------------------------------*/

#main section#box05 {
	width: 940px;
	margin: 0 auto 50px;
}

#main section#box05 div > p {
	float: left;
}

#main section#box05 div > div {
	width: 470px;
	float: right;
}

#main section#box05 div > div p {
	width: 454px;
	padding: 7px 8px;
	background-color: #29292a;
}

#main section#box05 div > div p#btn01 {
    width: 360px;
	margin: 75px 55px 0;
	padding: 0;
    border: none;
    background: #b38e5e;
    text-align: center;
}
#main section#box05 div > div p#btn01 a {
    display: block;
    padding: 10px;
}

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

#main section#box06 {
	min-height: 320px;
	width: 940px;
	padding: 30px;
	margin: 0 auto 30px;
	background: #f5f5f5 url(../img/finesse_german_logo02.jpg) no-repeat left 67px top 30px;
}

#main section#box06 dl {
	margin-top: -5px;
	padding-left: 215px;
}

#main section#box06 dl dt {
	margin-bottom: 20px;
}

#main section#box06 dl dd {
	margin-bottom: 20px;
}

#main section#box06 dl dd:last-child {
	margin-bottom: 0;
}

/*----------------------------------------
	aside
----------------------------------------*/

#main aside {
	width: 940px;
	margin: 0 auto 50px;
}

#main aside ul {
}

#main aside ul li {
	display: table-cell;
	padding-left: 20px;
	font-size: 0;
	line-height: 0;
	vertical-align: top;
}

#main aside ul li:first-child {
	width: 71px;
	padding-left: 0;
}

#main aside ul li:nth-child(2) {
	width: 71px;
}

#main aside ul li:nth-child(3) {
	width: 86px;
}

#main aside p {
	display: inline-block;
	padding-left: 11px;
	background: url(../../../../img/c_arrow01.gif) no-repeat left center;
}

/*----------------------------------------
	collectionBox01
----------------------------------------*/

#main #collectionBox01 {
	width: 940px;
	margin: 0 auto 10px;
}

/*----------------------------------------
	cmnBox01
----------------------------------------*/

#main #cmnBox01 {
	margin: 0 auto 15px;
}