@charset "utf-8";

/*
Theme Name: spec
Description: The 2015 default theme for DERESI
Theme URI:
Author: DERESI
Author URI: http://www.deresi.jp/
Version: 2015.9
*/

/*------------------------------reset--------------------------------*/


* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden] {
	display: none;
}

.clearfix {
	min-height: 1px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

* html .clearfix {
	height: 1px;
}

html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
	font-family: "ヒラギノ角ゴ Pro W3", メイリオ, Osaka, Arial, Verdana, "ＭＳ Ｐゴシック", sans-serif;
}

body {
	color: #4e4e4e;
	line-height: 1.5;
	margin: 0;
	min-width: 1000px;
	font-size: 13px;
	overflow: hidden;
}

a {
	color: #545454;
	text-decoration: none;
	transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
}

a:visited {
	color: #4e4e4e;
}

a:focus {}

a:active,
a:hover {
	color: #6cc712;
	outline: 0;
	opacity: 0.5;
}

a:hover {
	text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	line-height: 1.3;
	margin: 20px 0;
}

h1 {
	font-size: 180%;
}

h2 {
	font-size: 160%;
}

h3 {
	font-size: 140%;
}

h4 {
	font-size: 120%;
}

h5 {
	font-size: 110%;
}

h6 {
	font-size: 100%;
}

address {
	font-style: italic;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
	color: #000;
}

p {
	margin: 0;
}

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 14px;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

pre {
	background: #f5f5f5;
	color: #666;
	font-family: monospace;
	font-size: 14px;
	margin: 20px 0;
	overflow: auto;
	padding: 20px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

blockquote {
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	margin: 24px 40px;
}

blockquote blockquote {
	margin-right: 0;
}

blockquote cite,
blockquote small {
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}

blockquote em,
blockquote i {
	font-style: normal;
	font-weight: 300;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

small {
	font-size: smaller;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

dl {
	margin: 0 20px;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 0 20px;
}

menu,
ol,
ul {
	margin: 0;
	padding: 0px;
}

ul {
	list-style-type: none;
}

nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
}

li>ul,
li>ol {
	margin: 0;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
	height: auto;
	max-width: 100%;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

form {
	margin: 0;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
	white-space: normal;
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,
input {
	line-height: normal;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: none;
	cursor: pointer;
}

button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
	padding-right: 2px;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

table {
	/* border-bottom: 1px solid #ededed;*/
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 2;
	margin: 0px;
	/*width: 100%;*/
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

caption {
	font-size: 16px;
	margin: 20px 0;
}

th {
	font-weight: bold;
	text-transform: none;
}

td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}

del {
	color: #333;
}

ins {
	background: #fff9c0;
	text-decoration: none;
}

hr {
	background: url(images/dotted-line.png) repeat center top;
	background-size: 4px 4px;
	border: 0;
	height: 1px;
	margin: 0px;
}

embed,
iframe,
object,
video {
	max-width: 100%;
}

.twitter-tweet-rendered {
	max-width: 100% !important;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

/*-----------------------common---------------------------*/

.inner {
	width: 1000px;
	margin: 0 auto;
}

.container {
	margin: 0 auto;
	min-height: 350px;
}

.txt1 {
	margin: 10px 0;
}

.txt2 {
	margin: 20px 0;
}

.txt3 {
	margin: 30px 0;
}

.left {
	float: left;
}

.right {
	float: right;
}

.breadWrap {
	background: url(images/main/bg.png) repeat;
	border-top: solid 1px #bdbdbd;
}

#breadcrumbs {
	padding: 10px 0;
	width: 1000px;
	margin: 0 auto;
}

#breadcrumbs a {
	color: #3379c0;
	text-decoration: underline;
	margin-left: 8px;
	font-weight: bold;
}

#breadcrumbs ul {
	margin: 0;
	padding: 0;
}

#breadcrumbs ul li {
	display: inline-block;
	padding: 0 3px;
	line-height: 1;
}

#breadcrumbs ul li:nth-child(1) {
	padding-left: 0;
}

/*-----------------------header---------------------------*/
#header {}

#header .inner {
	overflow: hidden;
	padding: 7px 0;
}

#header .inner .japan-shop {
	display: block;
	margin: 0 0 10px 0;
	text-decoration: none;
}

#header .inner .japan-shop:hover {
	text-decoration: none;
}

.logo {
	display: block;
	height: 0;
	padding-top: 49px;
	overflow: hidden;
	width: 133px;
	background: url(images/main/logo.png) no-repeat scroll 0 0;
	margin-bottom: 5px;
}

.hdetail {
	height: 0;
	padding-top: 84px;
	overflow: hidden;
	width: 254px;
	background: url(images/main/header_info.png) no-repeat scroll 0 0;
}

#header .hInfo .japan2017 {
	position: absolute;
	top: 0;
	right: -110px;
	height: 74px;
}

#header .hInfo {
	width: 600px;
	position: relative;
}

#header .EhInfo {
	width: 600px;
	font-size: 11px;
}

#header .hInfo02 {
	width: 400px;
	overflow: hidden;
}

#header .hInfo0201 {
	width: 160px;
	padding-top: 5px;
}

#header .hInfo0202 {
	background: url(images/main/header_menu_bg.png) no-repeat;
	width: 103px;
	height: 64px;
	margin-left: 10px;
}

#header .FontSize {
	margin: 14px 0 0 35px;
	overflow: hidden;
}

#header .FontSize li {
	width: 22px;
	height: 19px;
	float: left;
}

#header .lang {
	margin: 6px 0 0 39px;
	overflow: hidden;
}

#header .lang a {
	display: block;
	width: 25px;
	height: 20px;
	float: left;
	margin-right: 4px;
}

#header .En a {
	background: url(images/main/en_on.png) no-repeat;
	opacity: 1.0 !important;
	padding: 0;
}

#header .En a:hover img {
	visibility: hidden;
}

#header .En a img {
	margin: 0;
}

#searchform label {
	display: none;
}

#searchform {
	overflow: hidden;
	padding-top: 5px;
}

#s {
	width: 120px;
	float: left;
	border: 1px solid #ddd;
	padding-left: 4px;
}

#searchsubmit {
	width: 40px;
	float: right;
	background: #535353;
	border: none;
	box-shadow: none;
	/* デフォルトCSSリセット */
	box-shadow: none;
	/* デフォルトCSSリセット */
	/*background: url(images/searchicon.png) no-repeat;*/
	font-family: FontAwesome;
	color: #ffffff;
	font-size: 120%;
	padding: 4px 0 4px;
}

input:focus::-webkit-input-placeholder {
	color: transparent;
}

input:focus:-moz-placeholder {
	color: transparent;
}

input:focus::-moz-placeholder {
	color: transparent;
}

#navbar {
	clear: both;
	padding: 10px 0;
}

#gNav {
	font-size: 0;
	/* 隙間防止 width: 960px; margin: 0 auto;*/
}

#gNav a {
	display: inline-block;
	overflow: hidden;
	height: 0;
	vertical-align: middle;
	padding-top: 26px;
	*zoom: 1;
	/* for IE6-7 */
	*display: inline;
	/* for IE6-7 */
}

#gNav span {
	display: inline-block;
	height: 26px;
	background: url(images/main/solid.png) no-repeat scroll 0 0;
	width: 1px;
	vertical-align: middle;
	*zoom: 1;
	/* for IE6-7 */
	*display: inline;
	/* for IE6-7 */
}

#gNav #nav-01 {
	background: url(images/main/gnav_top.png) no-repeat scroll 0 0;
	width: 141px;
}

#gNav #nav-02 {
	background: url(images/main/gnav_news.png) no-repeat scroll 0 0;
	width: 142px;
}

#gNav #nav-03 {
	background: url(images/main/gnav_vision.png) no-repeat scroll 0 0;
	width: 142px;
}

#gNav #nav-04 {
	background: url(images/main/gnav_businessv2.png) no-repeat scroll 0 0;
	width: 142px;
}

#gNav #nav-05 {
	background: url(images/main/gnav_company.png) no-repeat scroll 0 0;
	width: 142px;
}

#gNav #nav-06 {
	background: url(images/main/gnav_recruit.png) no-repeat scroll 0 0;
	width: 142px;
}

#gNav #nav-07 {
	background: url(images/main/gnav_contact.png) no-repeat scroll 0 0;
	width: 141px;
}

#gNav #nav-001 {
	background: url(images/main/gnav_top_en.png) no-repeat scroll 0 0;
	width: 198px;
}

#gNav #nav-003 {
	background: url(images/main/gnav_vision_en.png) no-repeat scroll 0 0;
	width: 199px;
}

#gNav #nav-004 {
	background: url(images/main/gnav_business_en.png) no-repeat scroll 0 0;
	width: 199px;
}

#gNav #nav-005 {
	background: url(images/main/gnav_company_en.png) no-repeat scroll 0 0;
	width: 199px;
}

#gNav #nav-007 {
	background: url(images/main/gnav_contact_en.png) no-repeat scroll 0 0;
	width: 199px;
}


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

#footer {
	margin-top: 50px;
	clear: both;
}

#footer a {
	color: #4e4e4e;
}

.pagetop {
	text-align: right;
	border-bottom: 1px solid #f0f0f0;
	padding: 10px 0;
	margin-bottom: 20px;
}

.pagetop a {
	background: url(images/main/page_top.png) no-repeat left;
	padding-left: 24px;
}

#fInfo {
	width: 700px;
	float: right;
	padding-top: 8px;
}

.fLink,
.fNav {
	padding: 5px 0;
}

.fLink li,
.fNav li {
	padding: 0 8px;
	display: inline;
	border-right: 1px solid #4c4c4c;
}

.fLink li.last,
.fNav li.last {
	border-right: none !important;
}

.fNav {
	float: right;
}

.fLink {
	float: right;
}

.fNav li {
	font-weight: bold;
}

.fLink li {
	font-size: 80%;
}

.copyright {
	float: left;
	width: 300px;
}

.copyright p {
	padding-top: 5px;
	font-size: 80%;
}

/*-----------------------404---------------------------*/

.notFound-bg {
	background: url(images/main/not_found.png) no-repeat;
	width: 700px;
	height: 0px;
	margin: 0 auto;
	padding-top: 132px;
	overflow: hidden;
}

#notFound .Box {
	text-align: center;
}

#notFound .Box p {
	padding: 20px 0;
}

/*#notFound .Box p a{ background: rgba(0, 0, 0, 0) url("images/arrow_right.png") no-repeat scroll left 50%; padding-left: 15px;}*/

/*-----------------------content---------------------------*/

#content {
	padding-top: 25px;
}

#post {
	float: left;
	width: 700px;
}

#content .pageTitle {
	background: url(images/main/sub_title_bg.png) no-repeat;
	width: 700px;
	height: 49px;
	padding: 12px 0 0 28px;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 130%;
}

#content .search {
	border: 1px solid #b5b5b5;
	padding: 15px;
	margin-bottom: 15px;
}

#content .Pagetitle01 {
	font-weight: bold;
}

#content .number {
	width: 700px;
	padding: 10px;
}

#single img {
	margin-bottom: 20px;
}

#single p {
	line-height: 1.8;
}

/*----------loopslider-----------*/

#loopslider {
	margin: 0 auto;
	width: 1100px;
	height: 420px;
	text-align: left;
	position: relative;
	overflow: hidden;
}

#loopslider .cover {
	background: url(images/top_main_high.png) no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#loopslider .coverEn {
	background: url(images/top_main_high_en.png) no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#loopslider ul {
	height: 420px;
	float: left;
	display: inline;
	overflow: hidden;
}

#loopslider ul li {
	width: 630px;
	height: 420px;
	float: left;
	display: inline;
	overflow: hidden;
}

/* =======================================
    ClearFixElements
======================================= */
#loopslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#loopslider ul {
	display: inline-block;
	overflow: hidden;
}

/*-----------------------top---------------------------*/

#mainVisual {
	width: 100%;
	margin-bottom: 25px;
	position: relative;
}

#indexContents .News {
	position: relative;
	width: 440px;
	float: left;
	padding-bottom: 30px;
}

#indexContents .more {
	position: absolute;
	top: 0;
	right: 0;
}

#indexContents li {
	padding: 11px;
}

#indexContents .photo {
	display: table-cell;
}

#indexContents .photo img {
	width: 75px;
	height: 50px;
	overflow: hidden;
}

#indexContents .info {
	display: table-cell;
	overflow: hidden;
	vertical-align: middle;
	padding-left: 10px;
}

#indexContents .Date {
	color: #6cc712;
}

#indexContents .Box {
	height: 200px;
	overflow-y: scroll;
	margin-top: 10px;
}

#indexContents .photo a:hover {
	opacity: 0.6 !important;
}

#indexContents .vision {
	width: 515px;
	float: right;
	background: #f4f4f4;
	overflow: hidden;
}

#indexContents .vision01 {
	width: 258px;
	float: right;
	padding: 20px;
}

#indexContents .photo01 {
	width: 252px;
	float: left;
}

#indexContents .title01 {
	font-weight: bold;
	font-size: 110%;
	color: #686868;
	padding-bottom: 25px;
}

#indexContents .bg {
	background: #f0f0f0;
}

#indexContents .business {
	padding: 20px 0;
}

#indexContents .title02 {
	text-align: center;
}

#indexContents .lineup {
	margin: 20px 0;
	overflow: hidden;
}

#indexContents .lineup02 {
	margin: 20px 0;
	overflow: hidden;
	/* display: none;*/
}

#indexContents .Item {
	display: flex;
	width: 666px;
	/* float: left; */
	padding-bottom: 40px;
	margin: 0 auto;
}

#indexContents .cover01 {
	width: 333px;
	position: relative;
	height: 220px;
	display: block;
	background: url(images/main/top_bnr10_on.png);
	background-size: cover;
}

#indexContents .cover02 {
	width: 333px;
	position: relative;
	height: 220px;
	display: block;
	background: url(images/main/top_bnr02_on.jpg);
	background-size: cover;
}

#indexContents .cover03 {
	width: 333px;
	position: relative;
	height: 220px;
	display: block;
	background: url(images/main/top_bnr03_on.jpg);
	background-size: cover;
}

#indexContents .cover04 {
	width: 333px;
	position: relative;
	height: 220px;
	display: block;
	background: url(images/main/top_bnr04_on.jpg);
	background-size: cover;
}

#indexContents .cover05 {
	width: 333px;
	position: relative;
	height: 220px;
	display: block;
	background: url(images/main/top_bnr05_on.png);
	background-size: cover;
}

#indexContents .cover06 {
	width: 333px;
	position: relative;
	height: 220px;
	display: block;
	background: url(images/main/top_bnr06_on.png);
	background-size: cover;
}

#indexContents .cover07 {
	width: 333px;
	position: relative;
	height: 220px;
	display: block;
	background: url(images/main/top_bnr07_on.png);
	background-size: cover;
}

#indexContents .cover08 {
	width: 333px;
	position: relative;
	height: 220px;
	display: block;
	background: url(images/main/top_bnr08_on.jpg);
	background-size: cover;
}

#indexContents .cover09 {
	width: 333px;
	position: relative;
	height: 220px;
	display: block;
	background: url(images/main/top_bnr09_on.jpg);
	background-size: cover;
}

#indexContents .cover11 {
	width: 333px;
	position: relative;
	height: 220px;
	display: block;
	background: url(images/main/top_bnr11_on.png);
	background-size: cover;
}


#indexContents .info01 {
	display: flex;
	width: 333px;
	height: 220px;
	padding: 10px 15px;
	line-height: 120%;
	background: #ffffff;
	border-right: 1px #f0f0f0 solid;
	align-items: center;
}

#indexContents .infoLast {
	padding: 10px 15px;
	line-height: 120%;
	background: #ffffff;
	height: 90px;
}

#indexContents a:hover .Img01 {
	opacity: 0 !important;
}

#indexContents a:hover {
	opacity: 1.0 !important;
}

#indexContents .Img01 {
	position: absolute;
	top: 0;
	left: 0;
	transition: opacity 1.1s;
	opacity: 1;
	width: 100%;

	img {
		width: 100%;
	}
}

#moreLink.active img {
	transform: rotateX(180deg);
}

/*-----------------------sidebar---------------------------*/

#sidebar {
	width: 280px;
	float: right;
}

#sidebar .sidebnr {}

#sidebar .sidebg {
	width: 280px;
	height: 49px;
	background: url(images/sidebar/side_title_bg.png) no-repeat;
	padding: 13px 15px;
	text-align: right;
}

#sidebar .button {
	width: 23px;
	height: 23px;
}

#sidebar .sideBOX {
	width: 280px;
	height: px;
	border: solid 1px #dbdbdb;
	box-sizing: border-box;
}

#sidebar .box {
	width: 280px;
	height: px;
	padding: 10px;
	overflow: hidden;
}

#sidebar .photo {
	width: 98px;
	height: 98px;
	float: left;
	margin-right: 6px;
	border: solid 1px #3379c0;
	overflow: hidden;

	img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

#sidebar .box2 {
	float: right;
	width: 152px;
	position: relative;
}

#sidebar .font {
	font-weight: bold;
	font-size: 110%;
	margin-top: 2px;
}

#sidebar .font2 {
	font-size: 70%;
	line-height: 90%;
	margin-bottom: 10px;
}

#sidebar .font3 {
	font-size: 90%;
	line-height: 130%;
}

#sidebar .font2 a:hover {
	color: #6cc712;
	outline: 0;
	opacity: 0.5 !important;
}

#sidebar .border {
	width: 258px;
	height: 2px;
	background: url(images/sidebar/side_border.gif) no-repeat;
	margin: 0 auto;
}

#sidebar .box2 a {
	color: #3379c0;
	text-decoration: underline;
}

#sidebar .bnr01 {
	width: 280px;
	height: 60px;
	background: #dbdbdb;
	margin-top: 30px;
}

#sidebar .SideBh img {
	width: 280px;
	height: 70px;
	margin-top: 15px;
}

#sidebar .SideMaterial img {
	width: 280px;
	height: 100px;
	margin-top: 15px;
}



/*-----------------------material---------------------------*/

#post2 {
	float: left;
	width: 1000px;
}

#mNav {
	font-size: 0;
	/* 隙間防止 width: 960px; margin: 0 auto;*/
}

#mNavBg {
	background: url(images/material/mnav_bg.png);
	width: 1000px;
	height: 50px;
	padding: 1px 0 2px;
	border: solid 1px #cecece;
	border-radius: 4px;
	margin-bottom: 25px;
}

#mNavBg .mNavTitle {
	background: url(images/material/mnav_title.png);
	width: 75px;
	height: 33px;
	margin-top: 5px;
}

.pageTitleM {
	background: url(images/material/title_m_page.png) no-repeat;
	width: 1000px;
	height: 48px;
	padding: 12px 0 0 28px;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 130%;
}

#material .inner {
	padding: 0 17px 20px 17px;
	width: 100%;
	overflow: hidden;
}

#material .in {
	width: 100%;
	overflow: hidden;
}

#material .maker {
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 15px;
	padding-left: 20px;
}

#material .maker p:before {
	content: url(images/material/mnav_icon.png);
	margin-right: 5px;
	position: relative;
	top: 2px;
	right: 3px;
}

/*------カレント-------*/

ul#navi,
ul#navi li,
ul#navi li a {
	display: block;
	margin-top: 2px;
	zoom: 1;
	height: 33px;
}

ul#navi li {
	float: left;
	/*横並びに*/
	width: 105px;
	margin-left: 5px;
}

ul#navi li a {
	/*text-indent: 100%; テキストを見えなくする*/
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
	padding-top: 5px;
	font-weight: bold;
	text-decoration: none;
	font-size: 88%;
}

ul#navi li a:visited {
	color: #545454;
}

/*mNavber前のアイコン*/
ul#navi li a:before {
	content: url(images/material/mnav_icon.png);
	margin-right: 1px;
	position: relative;
	top: 3px;
	right: 3px;
}


/*各画像セット*/
ul#navi li#material a,
ul#navi li#door a,
ul#navi li#interiordoor a,
ul#navi li#doorparts a,
ul#navi li#doorhandle a,
ul#navi li#flooring a,
ul#navi li#woodstove a,
ul#navi li#garagedoor a,
ul#navi li#materialother a {
	background: url(images/material/material_nav.png);
	border: 1px solid #cecece;
}

/*マウスオーバー時*/
ul#navi li#material,
ul#navi li#door,
ul#navi li#interiordoor,
ul#navi li#doorparts,
ul#navi li#doorhandle,
ul#navi li#flooring,
ul#navi li#woodstove,
ul#navi li#garagedoor,
ul#navi li#materialother,
a:hover {
	color: #777777;
}

/*カレント表示*/
ul#navi li#material.current a,
ul#navi li#door.current a,
ul#navi li#interiordoor.current a,
ul#navi li#doorparts.current a,
ul#navi li#doorhandle.current a,
ul#navi li#flooring.current a,
ul#navi li#woodstove.current a,
ul#navi li#garagedoor.current a,
ul#navi li#materialother.current a {
	background-position: 0 -33px;
	/*一番下の画像を出す*/
}


/*-----------table-----------*/
#material .box {
	width: 304px;
	float: left;
}

#material .TableStyle1 {
	height: 333px;
	margin-bottom: 25px;
}

#material .TableStyle2 {
	height: 366px;
	margin-bottom: 25px;
}

#material .TableStyle3 {
	height: 399px;
	margin-bottom: 25px;
}

#material .TableStyle4 {
	height: 432px;
	margin-bottom: 25px;
}

#material .TableStyle5 {
	height: 465px;
	margin-bottom: 25px;
}

#material .TableStyle6 {
	height: 498px;
	margin-bottom: 25px;
}

#material .TableStyle7 {
	height: 531px;
	margin-bottom: 25px;
}

#material .TableStyle8 {
	height: 564px;
	margin-bottom: 25px;
}



#material .center {
	margin: 0 26px;
}

table#table .Img {
	width: 280px;
	height: 280px;
}

table#table {
	border-spacing: 0;
	font-size: 105%;
	border-collapse: separate;
	width: 304px;
	table-layout: auto;
	box-sizing: border-box;
	float: left;
}

table#table th {
	color: #4c4c4c;
	padding: 8px 15px;
	background: #eee;
	background: -moz-linear-gradient(#eee, #ddd 50%);
	background: -webkit-gradient(linear, 100% 0%, 100% 50%, from(#eee), to(#ddd));
	font-weight: bold;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	line-height: 120%;
	text-align: center;
	border-radius: 5px 5px 0 0;
	max-width: 304px;
}


#door table#table tr td:nth-child(2) {
	width: 100px;
}

#stove table#table tr td:nth-child(2) {
	width: 150px;
}

#cuore_stone ul {
	overflow: hidden;
}

#cuore_stone ul li {
	float: left;
	margin: 20px;
}

#cuore_stone ul li a {
	display: inline-block;
	width: 200px;
	height: 200px;
	overflow: hidden;
}

#cuore_stone ul li a img {
	width: 330px;
	max-width: 200% !important;
}

table#table tr td {
	padding: 2px 7px;
	border-bottom: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	text-align: center;
}

table#table tr td:last-child {
	border-right: 1px solid #e5e5e5;
}

table#table tr {
	background: #fff;
	width: 304px;
}

table#table tr:nth-child(2n+1) {
	background: #f9f9f9;
}

table#table tr:last-child td:first-child {
	border-radius: 0 0 0 5px;
}

table#table tr:last-child td:last-child {
	border-radius: 0 0 5px 0;
}

table#table tr:hover {
	background: #eaeaea;
	cursor: pointer;
}


/*-----------------------contact---------------------------*/

#contact .box {
	margin: 0px 0px 60px;
	padding-left: 5px;
}

table.form {
	width: 100%;
	margin: 0 auto 20px;
	border-collapse: collapse;
	border: 1px solid #f1f1f1;
}

table.form th {
	padding: 20px 10px;
	vertical-align: middle;
	text-align: left;
	width: 180px;
	min-width: 200px;
	font-family: 'Yu Gothic';
	background: rgba(0, 0, 0, 0) url("images/tbl_arrow.png") no-repeat scroll right 50%;
}

table.form tr {
	border-bottom: 1px solid #f1f1f1;
}

table.form tr:nth-last-child() {
	border-bottom: none !important;
}

table.form th.must:after {
	background-color: #cf4f52;
	border-radius: 2px;
	color: #fff;
	content: "必須";
	padding: 1px 5px;
	float: right;
	margin-right: 10px;
	margin-top: -2px;
}

table.form td {
	padding: 20px 10px 20px 30px;
	width: 500px;
	border-left: 1px solid #f1f1f1;
}

table.form td input,
table.form td textarea {
	border: 1px solid #ddd;
	border-radius: 5px;
	background: #F7F7F7;
}

table.form td input:focus,
table.form td textarea:focus {
	border: 1px inset #81B2CC;
}

#postcode {
	width: 100px;
}

#mail,
#telephone,
#address,
#name,
#kana {
	width: 300px;
}

#question {
	width: 400px;
	resize: vertical;
	overflow: auto;
	min-height: 200px;
}

.btn {
	text-align: center;
}

.btn #submit {
	width: 400px;
	font-family: "Yu Gothic";
	background: #535353;
	color: #fff;
	border: 1px inset #DEDEDE;
	border-radius: 5px;
	line-height: 50px;
	font-weight: bold;
	font-size: 15px;
}

.btn #submit:focus {
	border: 1px inset #DEDEDE;
}

span.wpcf7-not-valid-tip {
	font-family: 'Yu Gothic';
	background: rgba(0, 0, 0, 0) url("images/valid_icon.png") no-repeat scroll left 50%;
	line-height: 15px;
	padding: 5px 0 5px 25px;
}

input.wpcf7-not-valid,
textarea.wpcf7-not-valid {
	background: #FDF0F0;
	border: 1px solid #FA6B55 !important;
}

input.wpcf7-not-valid:focus,
textarea.wpcf7-not-valid:focus {
	border: 1px solid #ddd;
	background: #FFF;
}

div.wpcf7-validation-errors {
	background: #FDF0F0;
	border: 1px solid #FA6B55 !important;
	text-align: center;
	font-family: 'Yu Gothic';
}

.wpcf7 .wpcf7-mail-sent-ok {
	font-family: 'Yu Gothic';
	font-size: 16px;
	color: #3A87AD;
	background-color: #D9EDF7;
	border: 1px solid #BCE8F1;
	padding: 15px;
}

/*-----------------------company---------------------------*/

#company .box {
	margin: 0px 0px 20px;
	padding: 5px;
}

#company .Info {
	overflow: hidden;
}

#company .title,
#access .title {
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 15px;
}

#company .title p:before,
#access .title p:before {
	content: url(images/material/mnav_icon.png);
	margin-right: 5px;
	position: relative;
	top: 2px;
	right: 3px;
	padding-left: 5px;
}

#company table {
	border-spacing: 0;
	border-collapse: separate;
	float: left;
	border: 1px solid #e5e5e5;
	width: 100%;
}

#company tr {
	background: #fff;
}

#company th {
	width: 120px;
	#4c4c4c;
	background: #eee;
	padding: 8px 15px;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	line-height: 120%;
	text-align: center;
}

#company td {
	padding: 15px 15px;
	border-left: 1px solid #e5e5e5;
	line-height: 150%;
}

#company tr:hover {
	background: #eaeaea;
	cursor: pointer;
}

#company span {
	color: #7a7a7a;
}

#map {
	width: 100%;
	height: 400px;
	border-bottom: 1px solid #dedede;
	border-top: 1px solid #dedede;
}

#access .title {
	margin-top: 30px;
}

/*-----------------------news---------------------------*/
#news li {
	border-bottom: 1px solid #f1f1f1;
	padding: 15px 0;
}

#news li p {
	display: inline;
}

#news li .Date {
	padding: 0 20px;
}

#news li .Information {
	font-size: 16px;
	font-weight: bold;
}

#news a {
	text-decoration: underline;
}

/*-----------------------business---------------------------*/
#business .genre {
	padding-left: 10px;
	font-size: 120%;
	font-weight: bold;
}

#business .genre:before {
	content: url(images/material/mnav_icon.png);
	margin-right: 5px;
	position: relative;
	top: 2px;
	right: 3px;
}

#business .paint {
	width: 100%;
	background: #ffffff;
	margin-bottom: 15px;
	overflow: hidden;
	padding: 15px 15px 25px;
	border-bottom: 1px dotted #969ca5;
}

#business .photo {
	width: 250px;
	height: 165px;
	background: #cecece;
	float: left;
}

#business .Textbox {
	padding-left: 13px;
	float: right;
	width: 420px;
}

#business .title01 {
	font-weight: bold;
	font-size: 135%;
	color: #3379c0;
}

#business .title02 {
	font-weight: bold;
	font-size: 90%;
	padding-left: 15px;
	color: #3379c0;
}

#business .subtitle {
	font-weight: bold;
	color: #555656;
	font-size: 120%;
	font-weight: bold;
	font-family: "Yu Mincho", "MS Mincho", "メイリオ", Meiryo, sans-serif;
}

#business .text {
	line-height: 140%;
	margin-top: 10px;
	font-size: 95%;
}

#business .Item {
	width: 250px;
	float: left;
	padding-bottom: 20px;
}

#business .cover01 {
	width: 250px;
	position: relative;
	height: 165px;
	display: block;
	background: url(images/main/top_bnr10_on.png) no-repeat;
	float: left;
}

#business .cover02 {
	width: 250px;
	position: relative;
	height: 165px;
	display: block;
	background: url(images/main/top_bnr02_on.jpg) no-repeat;
	float: left;
}

#business .cover03 {
	width: 250px;
	position: relative;
	height: 165px;
	display: block;
	background: url(images/main/top_bnr03_on.jpg) no-repeat;
	float: left;
}

#business .cover04 {
	width: 250px;
	position: relative;
	height: 165px;
	display: block;
	background: url(images/main/top_bnr04_on.jpg) no-repeat;
	float: left;
}

#business .cover05 {
	width: 250px;
	position: relative;
	height: 165px;
	display: block;
	background: url(images/main/top_bnr05_on.png) no-repeat;
	float: left;
}

#business .cover07 {
	width: 250px;
	position: relative;
	height: 165px;
	display: block;
	background: url(images/main/top_bnr07_on.png) no-repeat;
	float: left;
}

#business .cover08 {
	width: 250px;
	position: relative;
	height: 165px;
	display: block;
	background: url(images/main/top_bnr08_on.jpg) no-repeat;
	float: left;
}

#business .cover09 {
	width: 250px;
	position: relative;
	height: 165px;
	display: block;
	background: url(images/main/top_bnr09_on.jpg) no-repeat;
	float: left;
}

#business .cover11 {
	width: 250px;
	position: relative;
	height: 165px;
	display: block;
	background: url(images/main/top_bnr11_on.png) no-repeat;
	float: left;
}

#business .info01 {
	padding: 10px 15px;
	line-height: 120%;
	background: #ffffff;
	height: 90px;
	border-right: 1px #f0f0f0 solid;
}

#business .infoLast {
	padding: 10px 15px;
	line-height: 120%;
	background: #ffffff;
	height: 90px;
}

#business a:hover .Img01 {
	opacity: 0 !important;
}

#business a:hover {
	opacity: 1.0 !important;
}

#business .Img01 {
	position: absolute;
	top: 0;
	left: 0;
	transition: opacity 1.1s;
	opacity: 1;
}

/*-----------------------vision---------------------------*/
#vision .photo {
	width: 100%;
	height: 400px;
	background: #adadad;
}

#vision .title {
	font-size: 190%;
	font-weight: bold;
	font-family: "Yu Mincho", "MS Mincho", "メイリオ", Meiryo, sans-serif;
	line-height: 220%;
}

#vision .text {
	font-size: 120%;
	font-weight: bold;
	font-family: "Yu Mincho", "MS Mincho", "メイリオ", Meiryo, sans-serif;
	line-height: 220%;
}

#vision .box {
	padding: 10px;
	text-align: center;
}

#vision . {}

/*-----------------------recruit---------------------------*/

#recruit .fresh {
	background: #35AACD;
}

#recruit ul li {
	float: left;
	overflow: hidden;
	padding: 20px 0;
}

#recruit table.require {
	width: 100%;
	margin: 0 auto;
	border-collapse: collapse;
}

#recruit table.require tr {
	font-size: 95%;
}

#recruit table.require tr:nth-child(2n) {
	background-color: #F6F6F6;
}

#recruit table.require th {
	background: url(images/arrow_icon.png) no-repeat scroll right 50%;
	padding: 10px;
	vertical-align: middle;
	text-align: left;
	width: 170px;
}

#recruit table.require td {
	padding: 10px;
	width: 600px;
	padding-left: 30px;
	border: 0px;
	line-height: 150%;
}

#recruit .entryBtn {
	background: #35AACD;
	margin: 0 auto 20px;
	line-height: 60px;
	text-decoration: none !important;
	text-align: center;
	position: relative;
	display: block;
	width: 300px;
	color: #fff !important;
	font-size: 15px;
}

#recruit .bth5 {
	padding: 10px;
	margin-top: 20px;
	border-radius: 5px;
	border: 2px solid #dedede;
}

#recruit .bth5 span {
	display: inline-block;
	vertical-align: middle;
}

#recruit .formLinkTitle {
	font-size: 110%;
	padding: 0 100px;
	border-right: #606060 3px solid;
	line-height: 50px;
}

#recruit .formLinkInfo {
	padding: 0 10px;
}

#recruit .formLinkInfo a {
	position: relative;
	padding-left: 20px;
}

#recruit .formLinkInfo a:before {
	content: "";
	background: url(images/arrow_icon.png) no-repeat;
	height: 10px;
	width: 10px;
	left: 0px;
	top: 4px;
	display: block;
	position: absolute;
}

#recruit .NoRecruit {
	text-align: center;
	padding-top: 15px;
	font-size: 110%;
	font-weight: bold;
	height: 50px;
	margin-bottom: 25px;
	background: #606060;
	color: #ffffff;
}

#recruit .hdg01 {
	line-height: 40px;
	margin: 0 0 20px;
}

#recruit .hdg01:before {
	content: "";
	background: #5EBBD7;
	height: 40px;
	width: 5px;
	margin-right: 10px;
	display: inline-block;
	border-radius: 5px;
	vertical-align: middle;
}

#recruit .hdg08 {
	padding-left: 15px;
	margin: 10px 0;
	text-align: left;
	font-family: "Yu Mincho", "MS Mincho", "メイリオ", Meiryo, sans-serif;
	font-size: 140%;
}

#recruit h1:before {
	content: url(images/material/mnav_icon.png);
	margin-right: 5px;
	position: relative;
	top: 2px;
	right: 3px;
}


/*-----------------------stucoflex---------------------------*/

#stucoflex .box {
	padding-bottom: 30px;
}

#stucoflex .title {
	font-weight: bold;
	font-size: 120%;
	background: url(images/sub/sub_ber.png) no-repeat;
	width: 700px;
	height: 42px;
	padding: 10px 0 0 25px;
	margin-bottom: 15px;
}

#stucoflex .subtitle {
	font-weight: bold;
	padding-left: 10px;
	font-size: 110%;
}

#stucoflex .text {
	padding: 10px;
}

#stucoflex .left {
	float: left;
}

#stucoflex .hand {
	float: right;
	background: url(images/sub/stuc_hand.png) no-repeat;
	width: 224px;
	height: 205px;
}

#stucoflex .calsand {
	float: right;
	background: url(images/sub/stuc_calsand.gif) no-repeat;
	width: 120px;
	height: 16px;
	padding-top: 125px;
	margin: 15px;
	text-align: center;
}

#stucoflex .link {
	font-size: 90%;
	line-height: 220%;
	text-align: center;
}

#stucoflex .charm {
	width: 100%;
	padding-right: 10px;
	padding-bottom: 10px;
}

#stucoflex .link:before {
	content: url(images/arrow_icon.png);
	padding: 0 5px 0 5px;
}

#stucoflex .box2 {
	width: 300px;
	margin: 0 auto;
}

#stucoflex .photo {
	width: 100%;
	height: 300px;
	background: #7a7a7a;
	margin-bottom: 20px;
}

#stucoflex .box3 {
	width: 400px;
	margin: 0 auto;
	text-align: center;

	& img {
		width: 100%;
	}
}


/*-----------------------MightyCf---------------------------*/

#MightyCf .box {
	padding-bottom: 30px;
}

#MightyCf .title {
	font-weight: bold;
	font-size: 120%;
	background: url(images/sub/sub_ber.png) no-repeat;
	width: 700px;
	height: 42px;
	padding: 10px 0 0 25px;
	margin-bottom: 15px;
}

#MightyCf .subtitle {
	font-weight: bold;
	padding-left: 10px;
	font-size: 110%;
}

#MightyCf .text {
	padding: 10px;
}

#MightyCf .left {
	float: left;
}

#MightyCf .photos01 {
	float: right;
	background: url(images/sub/mighty_img.gif) no-repeat;
	width: 141px;
	height: 80px;
	margin: 15px 5px 10px 20px;
}

#MightyCf .photos02 {
	float: right;
	background: url(images/sub/mighty_layer.gif) no-repeat;
	width: 226px;
	height: 121px;
	margin: 15px 5px 10px 20px;
}

#MightyCf .link {
	font-size: 90%;
	line-height: 220%;
	margin: 0 right;
}

#MightyCf .charm {
	padding-right: 10px;
}

#MightyCf .textTarget span:first-child {
	display: inline-block;
	width: 26%;
}

#MightyCf .textTarget span:nth-child(2) {
	display: inline-block;
	width: 26%;
}

#MightyCf .textTarget span:nth-child(4) {
	padding-left: 35px;
}

#MightyCf .textTarget span:before {
	content: url(images/arrow_icon.png);
	position: relative;
	bottom: 2px;
	right: 5px;
	padding-left: 10px;
}

#MightyCf .box3 {
	padding-left: 10px;
	margin-bottom: 55px;
}

#MightyCf .box2 {
	margin-bottom: 25px;
}

#MightyCf .photo {
	width: 100%;
	height: 300px;
	background: #7a7a7a;
	margin-bottom: 20px;
}

#MightyCf p.link:before {
	content: url(images/arrow_icon.png);
	position: relative;
	bottom: 2px;
	right: 5px;
	padding-left: 10px;
}


/*-----------------------SilverBullet---------------------------*/

#SilverBullet .box {
	padding-bottom: 30px;
}

#SilverBullet .title {
	font-weight: bold;
	font-size: 120%;
	background: url(images/sub/sub_ber.png) no-repeat;
	width: 700px;
	height: 42px;
	padding: 10px 0 0 25px;
	margin-bottom: 15px;
}

#SilverBullet .subtitle {
	font-weight: bold;
	padding-left: 10px;
	font-size: 110%;
}

#SilverBullet .text {
	padding: 10px;
}

#SilverBullet .left {
	float: left;
}

#SilverBullet .photos01 {
	float: right;
	background: url(images/sub/silver_logo.gif) no-repeat;
	width: 150px;
	height: 173px;
	margin: 15px 5px 10px 20px;
}

#SilverBullet .photos02 {
	float: right;
	background: url(images/sub/silver_process_250.gif) no-repeat;
	width: 250px;
	height: 170px;
	margin: 15px 5px 10px 20px;
}

#SilverBullet .link {
	font-size: 90%;
	line-height: 220%;
	margin: 0 right;
}

#SilverBullet .charm {
	padding-right: 10px;
}

#SilverBullet .textTarget span:first-child {
	display: inline-block;
	width: 33%;
}

#SilverBullet .textTarget span:nth-child(2) {
	display: inline-block;
	width: 50%;
}

#SilverBullet .textTarget span:nth-child(4) {
	padding-left: 35px;
}

#SilverBullet .textTarget span:before {
	content: url(images/arrow_icon.png);
	position: relative;
	bottom: 2px;
	right: 5px;
	padding-left: 10px;
}

#SilverBullet .box3 {
	padding-left: 10px;
	margin-bottom: 55px;
}

#SilverBullet .box2 {
	margin-bottom: 25px;
}

#SilverBullet .photo {
	width: 100%;
	height: 300px;
	background: #7a7a7a;
	margin-bottom: 20px;
}

#SilverBullet p.link:before {
	content: url(images/arrow_icon.png);
	position: relative;
	bottom: 2px;
	right: 5px;
	padding-left: 10px;
}


/*-----------------------SunGuard---------------------------*/

#SunGuard .box {
	padding-bottom: 30px;
}

#SunGuard .title {
	font-weight: bold;
	font-size: 120%;
	background: url(images/sub/sub_ber.png) no-repeat;
	width: 700px;
	height: 42px;
	padding: 10px 0 0 25px;
	margin-bottom: 15px;
}

#SunGuard .subtitle {
	font-weight: bold;
	padding-left: 10px;
	font-size: 110%;
}

#SunGuard .text {
	padding: 10px;
}

#SunGuard .left {
	float: left;
}

#SunGuard .photos01 {
	float: right;
	background: url(images/sub/sun_01.jpg) no-repeat;
	width: 167px;
	height: 111px;
	margin: 15px 5px 10px 20px;
}

#SunGuard .photos02 {
	float: right;
	background: url(images/sub/sun_02.jpg) no-repeat;
	width: 167px;
	height: 111px;
	margin: 15px 5px 10px 20px;
}

#SunGuard .link {
	font-size: 90%;
	line-height: 220%;
	margin: 0 right;
}

#SunGuard .charm {
	padding-right: 10px;
}

#SunGuard .textTarget span:first-child {
	display: inline-block;
	width: 33%;
}

#SunGuard .textTarget span:nth-child(2) {
	display: inline-block;
	width: 33%;
}

#SunGuard .textTarget span:nth-child(4) {
	padding-left: 35px;
}

#SunGuard .textTarget span:before {
	content: url(images/arrow_icon.png);
	position: relative;
	bottom: 2px;
	right: 5px;
	padding-left: 10px;
}

#SunGuard .box3 {
	padding-left: 10px;
	margin-bottom: 55px;
}

#SunGuard .box2 {
	margin-bottom: 25px;
}

#SunGuard .photo {
	width: 100%;
	height: 300px;
	background: #7a7a7a;
	margin-bottom: 20px;
}

#SunGuard p.link:before {
	content: url(images/arrow_icon.png);
	position: relative;
	bottom: 2px;
	right: 5px;
	padding-left: 10px;
}

/*-----------------------BoomerangHomes---------------------------*/

#BoomerangHomes .box {
	padding-bottom: 20px;
	border-bottom: 1px dotted #969ca5;
}

#BoomerangHomes .title {
	font-weight: bold;
	font-size: 120%;
	background: url(images/sub/sub_ber.png) no-repeat;
	width: 700px;
	height: 42px;
	padding: 10px 0 0 25px;
	margin-bottom: 15px;
}

#BoomerangHomes .subtitle {
	font-weight: bold;
	padding-left: 10px;
	font-size: 110%;
}

#BoomerangHomes .subtitle02 {
	font-weight: bold;
	padding-left: 10px;
	font-size: 110%;
	margin-top: 20px;
}

#BoomerangHomes p.subtitle02:before {
	content: url(images/material/mnav_icon.png);
	margin-right: 5px;
	position: relative;
	top: 2px;
	right: 3px;
}

#BoomerangHomes .text {
	padding: 10px;
}

#BoomerangHomes .left {
	float: left;
}

#BoomerangHomes .PhotoBox {
	margin-top: 15px;
}

#BoomerangHomes .PhotoBox ul {
	overflow: hidden;
	width: px;
	height: 140px;
}

#BoomerangHomes .PhotoBox ul li {
	float: left;
	margin: 6px;
}

#BoomerangHomes .PhotoBox ul li img {
	width: 220px;
	height: auto;
}

#BoomerangHomes .box2 {
	padding-bottom: 30px;
	border-bottom: 1px dotted #969ca5;
}

#BoomerangHomes table.info {
	width: 100%;
	margin-top: 15px;
}

#BoomerangHomes .info tr {
	width: 100%;
	border-bottom: 1px solid #e2e2e2;
}

#BoomerangHomes .info th {
	width: 20%;
	text-align: center;
}

#BoomerangHomes .info td {
	border: none;
}

#BoomerangHomes .info td p:before {
	content: url(images/arrow_icon.png);
	position: relative;
	bottom: 2px;
	right: 5px;
	padding-left: 10px;
}

#BoomerangHomes .textTarget span:first-child {
	display: inline-block;
	width: 33%;
}

#BoomerangHomes .textTarget span:nth-child(2) {
	display: inline-block;
	width: 33%;
}

#BoomerangHomes .textTarget span:before {
	content: url(images/arrow_icon.png);
	position: relative;
	bottom: 2px;
	right: 5px;
	padding-left: 10px;
}

#BoomerangHomes .photo {
	width: 100%;
	height: 300px;
	background: #7a7a7a;
	margin-bottom: 20px;
}

/*-----------------------artistic_decor---------------------------*/
#artistic_decor .box {
	padding-bottom: 30px;
}

#artistic_decor .title {
	font-weight: bold;
	font-size: 120%;
	background: url(images/sub/sub_ber.png) no-repeat;
	width: 700px;
	height: 42px;
	padding: 10px 0 0 25px;
	margin-bottom: 15px;
}

#artistic_decor .subtitle {
	font-weight: bold;
	padding-left: 10px;
	font-size: 110%;
}

#artistic_decor .text {
	padding: 10px;
}

#artistic_decor .CASE {
	overflow: hidden;
}

#artistic_decor .CASE li {
	float: left;
	height: 110px;
	width: 160px;
	margin: 7px;
}

#artistic_decor .CASE li a {}

#artistic_decor .CASE li a img {
	height: 110px;
	width: 160px;
}

#artistic_decor .box3 {
	padding: 10px 30px;
}

#artistic_decor .textTarget span:first-child {
	display: inline-block;
	width: 26%;
}

#artistic_decor .textTarget span:nth-child(2) {
	display: inline-block;
	width: 18%;
}

#artistic_decor .textTarget span:nth-child(4) {
	padding-left: 35px;
}

#artistic_decor .textTarget span:before {
	content: url(images/arrow_icon.png);
	position: relative;
	bottom: 2px;
	right: 5px;
	padding-left: 10px;
}


/*-----------------------cuore_stone---------------------------*/

#material #cuore_stone .TableStyle3 {
	height: 360px;
}

#cuore_stone .cuore-stone-table {
	margin: 0 20px 50px;
	width: 960px;
}

#cuore_stone .cuore-stone-table th {
	line-height: 1.2;
}

#cuore_stone .cuore-stone-table th,
#cuore_stone .cuore-stone-table td {
	padding: 8px 10px 6px 10px;
	border-bottom: 1px solid #ededed;
}

#cuore_stone .cuore-stone-table tr.total td {
	background: #f7f7f7;
}

#cuore_stone .cuore-stone-table td a {
	text-decoration: underline;
}

/*-----------------------sns---------------------------*/
#sns {
	display: flex;
	justify-content: space-around;
	width: 1000px;
	margin: 0 auto;
	padding: 5em 0;
}

#sns .instagram,
#sns .facebook {
	width: 450px;
}