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

	+ main_01
		- box01
		- box02
		- box03
		- box04

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

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

	main

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

#main > h1 {
	position: relative;
	min-height: 174px;
}

#main > h1 img {
	position: absolute;
	bottom: 0;
	padding-bottom: 20px;
}

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

#main_01 {
	margin-top: -54px;
}

#main_01 h1#tit01 {
	text-align: center;
}

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

#box01 section > h1 {
	display: inline-block;
	padding-right: 188px;
	background: url(../img/function_c_series01.gif) no-repeat right top 2px;
}

	#box01 section#bayonly > h1 {
	display: inline-block;
	padding-right: 147px;
	background: url(../img/function_c_series08.gif) no-repeat right top 2px;
}

#box01 section ul li {
	float: left;
	width: 140px;
	padding-left: 20px;
	word-break: break-all;
}

#box01 section ul li:first-child {
	padding-left: 0;
}

#box01 section#inopremium {
}

#box01 section#inopremium a {
	display: block;
	position: relative;
	min-height: 200px;
	background: url(../img/door_inopremium_bnr01.jpg) no-repeat right top 2px;
}

#box01 section#inopremium h1 {
	position: absolute;
	left: 50px;
	top: 59px;
}

#box01 section#inopremium h1 + p {
	position: absolute;
	left: 269px;
	top: 93px;
}

#box01 section#inopremium p.gold01 {
	position: absolute;
	bottom: 25px;
	left: 50px;
}

#box01 section#doormaterial h1 {
	background: none;
}

#box01 section#doormaterial img {
	padding-bottom: 5px;
}

#box01 section#doormaterial figure {
	float: left;
	width: 215px;
	padding-right: 27px;
}

#box01 section#doormaterial figure:nth-child(2) {
	padding-right: 26px;
}

#box01 section#doormaterial figure:nth-child(4) {
	padding-right: 0;
}

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

#box02 {
	background: #000000 url(../img/door_hpl_bg01.jpg) no-repeat right top;
}

#box02 h1#stit01 {
	padding-left: 30px;
}

#box02 #box02_01 {
	width: 394px;
	padding-left: 30px;
}

#box02 #box02_01 section div {
	float: right;
	width: 290px;
	margin-top: -3px;
}

#box02 #box02_02 {
	padding: 36px 0 27px;
	background: #29292a;
}

#box02 #box02_02 h1,
#box02 #box02_02 p {
	padding-left: 30px;
}

#box02 #box02_02 #box02_02_01 {
	padding-left: 3px;
}

#box02 #box02_02 #box02_02_01 section {
	float: left;
	width: 200px;
	padding-left: 27px;
}

#box02 #box02_02 #box02_02_01 section#box02_02_01_01 {
	width: 198px;
	margin: 0 1px;
}

#box02 #box02_02 #box02_02_01 section h1,
#box02 #box02_02 #box02_02_01 section p {
	padding-left: 0;
}

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

#box03 h1#box03_tit01 {
	min-height: 67px;
	padding: 28px 28px 0;
	background: #000000 url(../img/door_doorhandle_bg01.jpg) no-repeat right top;
}

#box03 .box03_01 section > p {
	float: left;
	width: 300px;
}

#box03 .box03_01 section > p a {
	position: relative;
}

#box03 .box03_01 section > p a span {
	display: block;
	position: absolute;
	height: 17px;
	width: 17px;
	right: 0;
	bottom: 0;
}

#box03 .box03_01 section div {
	float: right;
	width: 560px;
	margin-top: -7px;
}

#box03 .box03_01 section div h1 span {
	display: block;
}

#box03 .box03_01 section div h1 span.font24 {
	display: inline-block;
	margin-right: 0.7em;
}

#box03 .box03_01 section div h1 span.red01 {
	display: inline-block;
}

#box03 .box03_01 section div h1 span.gray02 {
	margin-top: -4px;
}

#box03 .box03_01 section div p {
	margin-top: -3px;
}

#box03 .box03_01 section div p.series01 {
	padding-bottom: 30px;
	background: url(../img/function_c_series02.gif) no-repeat left bottom;
}

#box03 .box03_01 section div p.series02 {
	padding-bottom: 30px;
	background: url(../img/function_c_series05.gif) no-repeat left bottom;
}

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

#box03 #box03_02 div figure {
	float: left;
	width: 300px;
}

#box03 #box03_02 div figure + figure {
	padding: 0 101px 0 2px;
	background: url(../img/function_c_series07.gif) no-repeat right top 145px;
}

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

#box04 {
	padding-bottom: 90px;
}

#box04 h1#box04_tit01 {
	min-height: 68px;
	padding: 27px 29px 0;
	background: #000000 url(../img/door_frontpanel_bg01.jpg) no-repeat right top;
}

#box04 section ul li {
	float: left;
	width: 290px;
	padding-left: 35px;
}

#box04 section ul li:first-child {
	padding-left: 0;
}

#box04 section p.box04_t01 {
	text-align: right;
}

/*----------------------------------------
	padding-bottom for text link to youtube
-----------------------------------------*/

section p.tlink_pb01 {
	padding-bottom: 95px;
}

/*----------------------------------------
	colorbox custom
-----------------------------------------*/

#cboxPrevious,
#cboxNext {
    top: 42% !important;
}

/*----------------------------------------
	detail
-----------------------------------------*/

div#detailBox {
	display: none;
}

section.detail {
	background-color: #000000;
}

section.detail div {
	padding: 35px 0 0;
}

section.detail div h1 {
	float: left;
	width: 250px;
}

section.detail div dl {
	float: right;
	width: 450px;
}

section.detail div dl dt {
	float: left;
	width: 125px;
	padding: 7px 10px 7px 0;
	border-bottom: 1px solid #29292a;
}

section.detail div dl dd {
	float: right;
	width: 315px;
	padding: 7px 0;
	border-bottom: 1px solid #29292a;
}

section.detail div dl dd p {
	display: inline-block;
	padding-right: 1px;
}

section.detail div dl .delline {
	border: none;
}

/*----------------------------------------
	hide
-----------------------------------------*/

.hide {
	display: none;
}