@charset "utf-8";

/* ################################## */
/* ## ページCSS - Introduction     ## */
/* ################################## */

@import url("/styles/common/reset.css");
@import url("/styles/layout/standard.css");

/* #---------------------# */
/* # キャプション        # */
/* #---------------------# */
#content-header {
	background-color: #5A261D;
	text-align: center;
	padding: 25px 0;
}

/* #---------------------# */
/* # セクタ              # */
/* #---------------------# */
.sector
{
	background-color: #191510;
	border-top: 1px solid #835c56;
	overflow: hidden;
	clear: both;
}

.sector-header {
	background-color: #41241B;
	background-image: url(/images/introduction/section_header-bg.gif);
	background-repeat: no-repeat;
	height: 40px;
	position: relative;
}

.sector-header .caption-jp {
	background-position: right center;
	background-repeat: no-repeat;
	height: 40px;
	width: 200px;
	top: 0;
	right: 20px;
	position: absolute;
}

.sector-header .caption-en {
	background-position: left center;
	background-repeat: no-repeat;
	height: 100%;
	width: 200px;
	top: 0;
	left: 20px;
	position: absolute;
}

.sector-header #caption-design-jp { background-image: url(/images/introduction/section_header-dq_jp.gif); }
.sector-header #caption-design-en { background-image: url(/images/introduction/section_header-dq_en.gif); }
.sector-header #caption-product-jp { background-image: url(/images/introduction/section_header-product_jp.gif); }
.sector-header #caption-product-en { background-image: url(/images/introduction/section_header-product_en.gif); }
.sector-header #caption-service-jp { background-image: url(/images/introduction/section_header-service_jp.gif); }
.sector-header #caption-service-en { background-image: url(/images/introduction/section_header-service_en.gif); }
.sector-header #caption-option-jp { background-image: url(/images/introduction/section_header-option_jp.gif); }
.sector-header #caption-option-en { background-image: url(/images/introduction/section_header-option_en.gif); }

.sector-container {
	background-position: left center;
	background-repeat: no-repeat;
}

.thumbnail-design { background-image: url(/images/introduction/material.gif); }
.thumbnail-product { background-image: url(/images/introduction/design.gif); }
.thumbnail-service { background-image: url(/images/introduction/bouquet.gif); }
.thumbnail-option { background-image: url(/images/introduction/bear.jpg); }

.sector-content {
	background-color: #272119;
	margin-left: 180px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 30px 25px;
}

.sector-content p {
}



/* #---------------------# */
/* # PRテーブル          # */
/* #---------------------# */
.prTable {
	margin-top: 25px;
	border-collapse: collapse;
	border-top: 1px solid #191510;
	border-bottom: 1px solid #191510;
}

.prTable th {
	text-align: center;
	background-color: #3e221a;
	padding: 15px 0;
	width: 70px;
}

.prTable td {
	border-bottom: 1px solid #191510;
	background-color: #362E23;
	padding: 15px 0;
	width: 140px;
	text-indent: 10px;
}

/* #---------------------# */
/* # Productテーブル     # */
/* #---------------------# */
.productTable {
	margin-top: 25px;
	border-collapse: collapse;
	border-top: 1px solid #191510;
	border-bottom: 1px solid #191510;
}

.productTable th {
	border-bottom: 1px solid #191510;
	background-color: #3e221a;
	padding: 7px 10px;
}

.productTable .cellHeader {
	text-align: center;
	background-color: #4f4333 !important;
	padding: 5px 10px !important;
}

.productTable td {
	border-bottom: 1px solid #191510;
	background-color: #362E23;
	padding: 7px 10px;
}

/* #---------------------# */
/* # Serviceテーブル     # */
/* #---------------------# */
.serviceTable {
	margin-top: 25px;
	border-collapse: collapse;
	border-top: 1px solid #191510;
	border-bottom: 1px solid #191510;
}

.serviceTable th {
	border-right: 1px solid #191510;
	border-bottom: 1px solid #191510;
	background-color: #4f4333;
	padding: 5px 10px;
}

.serviceTable td {
	border-bottom: 1px solid #191510;
	background-color: #362E23;
	padding: 5px 10px;
}

/* #---------------------# */
/* # Optionテーブル     # */
/* #---------------------# */
.optionTable {
	margin-top: 25px;
	border-collapse: collapse;
	border-top: 1px solid #191510;
	border-bottom: 1px solid #191510;
}

.optionTable th {
	border-bottom: 1px solid #191510;
	background-color: #3e221a;
	padding: 7px 10px;
	white-space: nowrap;
}

.optionTable .cellHeader {
	text-align: center;
	background-color: #4f4333 !important;
	padding: 5px 10px !important;
}

.optionTable td {
	border-bottom: 1px solid #191510;
	background-color: #362E23;
	padding: 7px 10px;
}