/* CSS Reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}body { line-height: 1;}ol, ul { list-style: none;}blockquote, q { quotes: none;}blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}table { border-collapse: collapse; border-spacing: 0;}
body{
background: -webkit-gradient(linear, left top, right bottom, from(#ddd), color-stop(0.25, #ddd), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #ddd), color-stop(0.75, #ddd), color-stop(0.75, white), to(white));
background: -moz-linear-gradient(-45deg, #ddd 25%, white 25%, white 50%, #ddd 50%, #ddd 75%, white 75%, white);
background: linear-gradient(-45deg, #ddd 25%, white 25%, white 50%, #ddd 50%, #ddd 75%, white 75%, white);
background-size: 4px 4px;
}
img {
vertical-align: bottom;
max-width: 100%;
}
#container{
width: 640px;
margin: 0 auto;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
text-align: center;
background-color:#fff;
box-shadow:0px 0px 9px 1px #c2c2c2;
-moz-box-shadow:0px 0px 9px 1px #c2c2c2;
-webkit-box-shadow:0px 0px 9px 1px #c2c2c2;
}
#header h1{
float: left;
margin-left: 24px;
}
#header .tel{
float: right;
text-align: right;
margin: 8px 20px 0 0;
}
#header .tel .unei{
margin: 1px 15px 0 0;
}
#area-main-img h2 img{
margin-top: 20px;
margin-bottom: 10px;
}
#area-main-img h3 img{
}
.area-case{
margin: 10px 0 10px 15px;
}
.area-case .box-cost-down-case{
float: left;
margin-right: 10px;
}
#img_why-cost-cown{
}
#area-fascinating-teak h2{
margin:40px 0;
}
#area-fascinating-teak h3.e-teak-point1{
}
#area-fascinating-teak h3.e-teak-point2{
background: url(../sp-img/bg-voice.jpg) 0 0;
}
#area-users-voice{
background: url(../sp-img/bg-voice.jpg) 0 0;
padding-bottom: 40px;
}
#area-users-voice h2 img{
margin:30px 0 20px 0;
}
#area-users-voice h3 img{
margin:10px 0 20px 0;
}
#area-sekourei{
/* background: url(../sp-img/bg-sekourei.png) 0 0;
background-repeat: no-repeat;*/
width:500px;
font-size: 30px;
font-weight: bold;
text-align: center;
margin: 0 auto;
}
#area-sekourei h2{
padding-top: 80px;
margin-bottom: 50px;
}
#area-sekourei ul li{
padding-bottom: 45px;
line-height: 130%;
font-weight: 900;
}
#area-sekourei ul li img{
padding-bottom: 5px;
}
#contact{
margin: 20px 0 70px 0;
}
#contact img{
margin-bottom: 50px;
}
#shop-manager-voice h2{
text-align: left;
margin: 35px 0 15px 20px;
}
#shop-manager-voice h3{
text-align: left;
margin: 35px 0 15px 25px;
}
#shop-manager-voice p{
font-size: 24px;
text-align: left;
line-height: 150%;
}
#shop-manager-voice .bg-y{
background-color:#FFE600;
font-weight: bold;
}
.img-shop-manager-voice{
}
#shop-manager-voice .staff-box {
float: left;
margin-left: 23px;
margin-bottom: 50px;
width:286px;
}
#shop-manager-voice .staff-box p{
font-size: 25px;
}
#shop-manager-voice .staff-box h4{
font-size: 36px;
font-weight:bold;
margin-top: 3px;
margin-bottom: 10px;
text-align: left;
}
#area-contact dl{
margin: 20px 0 30px 20px;
}
#area-contact dl.form-box dt{
width:600px;
text-align: left;
clear:both;
float: left;
margin-top: 28px;
}
#area-contact dl.form-box dt p{
width:490px;
padding: 15px;
background: #EE8A1E;
display: inline-block;
color: #fff;
font-size:26px;
text-align: left;
}
#area-contact dl.form-box dt .check{
padding: 15px 5px;
background: #E85A24;
color: #fff;
text-align: center;
font-size:28px;
margin-left: 5px;
}
#area-contact dl.form-box dt .nini{
padding: 15px 5px;
background: #808080;
color: #fff;
text-align: center;
font-size:28px;
margin-left: 5px;
}
#area-contact dl.form-box dd {
float: left;
font-size:28px;
text-align: left;
margin-left: 0;
color: #999;
margin-top: 5px;
}
#area-contact dl.form-box dd p{
width:600px;
font-size: 18px;
margin-bottom: 40px;
color: #333;
}
#area-contact dl.form-box dd label{
color: #333;
}
#area-contact dl.form-box dd input{
height: 30px;
padding-left: 10px;
margin-bottom: 5px;
font-size: 24px
}
#area-contact dl.form-box dd textarea{
font-size: 28px
}
#area-contact dl.form-box dd .inputtxt1{
width: 560px;
padding: 10px;
}
#area-contact dl.form-box dd .inputtxt2{
width: 200px;
height: 49px;
}
#area-contact dl.form-box dd .inputtxt3{
width: 577px;
}
#area-contact dl.form-box dd input#sample, #area-contact dl.form-box dd input#estimate{
height: 22px;
margin-top: 17px
}
#area-contact .sendbtn{
clear: both;
}
#contact-result{
clear: both;
font-size: 24px;
margin-top: 50px;
text-align: left;
margin-left: 30px;
line-height: 150%;
}
#footer{
background: #666666;
margin-top: 50px;
}
#footer ul{
text-align: center;
margin: 5px auto;
overflow: hidden;
width: 180px;
padding-top: 10px;
}
#footer ul li{
float: left;
color: #fff;
}
#footer ul li a{
color: #fff;
text-decoration: none;
}
address{
clear: both;
text-align: left;
color: #fff;
margin: 30px 10px 40px 20px;
line-height: 120%;
}
#copyright{
color: #fff;
padding-bottom: 5px;
}
a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
z-indexms-filter: "alpha( opacity=70 )";
}
.arrow_box {
position: relative;
background: #ffffff;
border: 14px solid #FFAC08;
margin: 13px 30px;
padding: 20px;
}
.arrow_box:after, .arrow_box:before {
bottom: 100%;
left: 18%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.arrow_box:after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #ffffff;
border-width: 30px;
margin-left: -30px;
}
.arrow_box:before {
border-color: rgba(255, 172, 8, 0);
border-bottom-color: #FFAC08;
border-width: 50px;
margin-left: -50px;
}