@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 { width:250px; float: left; padding-bottom: 20px;}
#indexContents .cover01 { width:250px; position:relative; height:165px; display:block; background: url(images/main/top_bnr10_on.png) no-repeat; }
#indexContents .cover02 { width:250px; position:relative; height:165px; display:block; background: url(images/main/top_bnr02_on.jpg) no-repeat; }
#indexContents .cover03 { width:250px; position:relative; height:165px; display:block; background: url(images/main/top_bnr03_on.jpg) no-repeat; }
#indexContents .cover04 { width:250px; position:relative; height:165px; display:block; background: url(images/main/top_bnr04_on.jpg) no-repeat; }
#indexContents .cover05 { width:250px; position:relative; height:165px; display:block; background: url(images/main/top_bnr05_on.png) no-repeat; }
#indexContents .cover06 { width:250px; position:relative; height:165px; display:block; background: url(images/main/top_bnr06_on.png) no-repeat; }
#indexContents .cover07 { width:250px; position:relative; height:165px; display:block; background: url(images/main/top_bnr07_on.png) no-repeat; }
#indexContents .cover08 { width:250px; position:relative; height:165px; display:block; background: url(images/main/top_bnr08_on.jpg) no-repeat; }
#indexContents .cover09 { width:250px; position:relative; height:165px; display:block; background: url(images/main/top_bnr09_on.jpg) no-repeat; }


#indexContents .info01 { padding:10px 15px; line-height:120%; background: #ffffff; height:100px; border-right: 1px #f0f0f0 solid;}
#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;}
#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; }
#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 .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%; margin: 0 right; }
#stucoflex .charm { padding-right: 10px; }
#stucoflex .link:before { content: url(images/arrow_icon.png); padding: 0 5px 0 5px; }
#stucoflex .box2 { width: 161px; height: 110px; display: inline; overflow: hidden; }
#stucoflex .box2 a { float: left; }
#stucoflex .photo { width: 100%; height: 300px; background: #7a7a7a; margin-bottom: 20px; }


/*-----------------------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;
}