@charset "utf-8";

/* setting */
/*/////////////////////////////////////////////////*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img { 
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym { border:0;
}

a{
color:#005895;
}
a:hover{
color:#808181;
text-decoration:none;
}


/*clearfix*/
div{display:inline-block;}
div:after{content:".";clear:both;display:block;height:0;font-size:0;visibility:hidden;}
/*\*/
* html div{height:0;}
div{display:block;}
/**/




/* body */
/*/////////////////////////////////////////////////*/
body{
font-size:12px;
color:#333;
-webkit-print-color-adjust: exact;
}


/* header */
/*/////////////////////////////////////////////////*/
header{
width:980px;
margin:0 auto 0 auto;
height:90px;
padding-top:38px;
}
header h1{
width:233px;
height:54px;
background:url(../images/logo.gif) 0 0 no-repeat;
text-indent:-9999px;
overflow:hidden;
float:left;
}
header h1 a{
display:block;
width:233px;
height:54px;
}
header p{
text-indent:-9999px;
overflow:hidden;
font-size:1px;
}
header ul{
width:370px;
height:33px;
float:right;
}
header ul li.tel{
width:180px;
height:33px;
background:url(../images/tel.gif) 0 0 no-repeat;
text-indent:-9999px;
overflow:hidden;
float:left;
}
header ul li.btn{
width:172px;
height:33px;
text-indent:-9999px;
overflow:hidden;
float:right;
}
header ul li.btn a{
width:172px;
height:33px;
display:block;
background:url(../images/btn.gif) 0 0 no-repeat;
}
header ul li.btn a:hover{
-ms-filter: "alpha( opacity=70 )";
filter: alpha( opacity=70 );
opacity: 0.7;
}






/* nav*/
/*/////////////////////////////////////////////////*/
nav{
clear:both;
width:980px;
margin:0 auto;
}/*clearfix*/
nav ul{display:inline-block;}
nav ul:after{content:".";clear:both;display:block;height:0;font-size:0;visibility:hidden;}
/*\*/
* html nav ul{height:0;}
nav ul{display:block;}
/**/

/*clearfix*/
nav ul{display:inline-block;}
nav ul:after{content:".";clear:both;display:block;height:0;font-size:0;visibility:hidden;}
/*\*/
* html nav ul{height:0;}
nav ul{display:block;}
/**/

nav li{
width:176px;
height:47px;
border-bottom:solid 1px #a3a3a3;
float:left;
margin-left:25px;
text-indent:-9999px;
overflow:hidden;
}
nav li.ctT{
margin-left:0px;
}

#about nav li.li01,
#furniture nav li.li02,
#wall nav li.li03,
#flow nav li.li04,
#faq nav li.li05{
border-bottom:solid 2px #000;
}



nav li a{
width:176px;
height:47px;
display:block;
}
nav li a:hover{
-ms-filter: "alpha( opacity=60 )";
filter: alpha( opacity=60 );
opacity: 0.6;
}

nav li.li01 a{background:url(../images/nav.gif) 0 11px no-repeat;}
nav li.li02 a{background:url(../images/nav.gif) -201px 11px no-repeat;}
nav li.li03 a{background:url(../images/nav.gif) -402px 11px no-repeat;}
nav li.li04 a{background:url(../images/nav.gif) -602px 11px no-repeat;}
nav li.li05 a{background:url(../images/nav.gif) -803px 11px no-repeat;}



/* contents */
/*/////////////////////////////////////////////////*/
#contents{
clear:both;
width:980px;
margin:30px auto 0 auto;
}


/* top-main */
/*/////////////////////////////////////////////////*/
.top-main{
clear:both;
height:400px;
}


/* top-txt */
/*/////////////////////////////////////////////////*/
.top-txt{
clear:both;
height:54px;
text-indent:-9999px;
overflow:hidden;
background:url(../../images/top/main_txt.gif) 50% 0 no-repeat;
margin:50px 0;
}



/* top-sub */
/*/////////////////////////////////////////////////*/
.top-sub{
clear:both;
margin-bottom:50px;
}

/*clearfix*/
.top-sub{display:inline-block;}
.top-sub:after{content:".";clear:both;display:block;height:0;font-size:0;visibility:hidden;}
/*\*/
* html .top-sub{height:0;}
.top-sub{display:block;}
/**/

.top-sub li.li-left{
float:left;
width:474px;
}
.top-sub li.li-right{
float:right;
width:474px;
}

.top-sub li a:hover{
-ms-filter: "alpha( opacity=70 )";
filter: alpha( opacity=70 );
opacity: 0.7;
}






/* contents-tit */
/*/////////////////////////////////////////////////*/
h2.contents-tit{
height:28px;
text-indent:-9999px;
overflow:hidden;
margin:60px 0;
}

#about h2.contents-tit{background:url(../images/tit_about.gif) 0 0 no-repeat;}
#furniture h2.contents-tit{background:url(../images/tit_furniture.gif) 0 0 no-repeat;}
#wall h2.contents-tit{background:url(../images/tit_wall.gif) 0 0 no-repeat;}
#flow h2.contents-tit{background:url(../images/tit_flow.gif) 0 0 no-repeat;}
#faq h2.contents-tit{background:url(../images/tit_faq.gif) 0 0 no-repeat;}
#contact h2.contents-tit{background:url(../images/tit_contact.gif) 0 0 no-repeat;}
#company h2.contents-tit{background:url(../images/tit_company.gif) 0 0 no-repeat;}
#sitemap h2.contents-tit{background:url(../images/tit_sitemap.gif) 0 0 no-repeat;}
#privacy h2.contents-tit{background:url(../images/tit_privacy.gif) 0 0 no-repeat;}





/* about */
/*/////////////////////////////////////////////////*/
#about h3.contents-stit{
width:696px;
height:21px;
background:url(../../images/about/stitle.gif) 0 0 no-repeat;
text-indent:-9999px;
overflow:hidden;
margin:80px 0;
}
#about .txt{
line-height:3.8em;
width:580px;
float:left;
}
#about .photo{
width:365px;
float:right;
}
#about .photo img{
display:block;
margin-bottom:30px;
}



/* company */
/*/////////////////////////////////////////////////*/
#company .ctwr{
width:800px;
margin:0 auto;
border-top:solid 1px #d5d5d5;
}
#company .ctwr dl{
border-bottom:solid 1px #d5d5d5;
}

/*clearfix*/
#company .ctwr dl{display:inline-block;}
#company .ctwr dl:after{content:".";clear:both;display:block;height:0;font-size:0;visibility:hidden;}
/*\*/
* html #company .ctwr dl{height:0;}
#company .ctwr dl{display:block;}
/**/

#company .ctwr dt{
width:170px;
display:block;
float:left;
font-weight:bold;
padding:25px 0 25px 15px;
}
#company .ctwr dd{
width:580px;
display:block;
float:left;
padding:25px 0;
}




/* faq */
/*/////////////////////////////////////////////////*/
#faq .ctwr{
width:800px;
margin:0 auto;
border-top:solid 1px #d5d5d5;
}
#faq .ctwr dl{
border-bottom:solid 1px #d5d5d5;
}

/*clearfix*/
#faq .ctwr dl{display:inline-block;}
#faq .ctwr dl:after{content:".";clear:both;display:block;height:0;font-size:0;visibility:hidden;}
/*\*/
* html #faq .ctwr dl{height:0;}
#faq .ctwr dl{display:block;}
/**/

#faq .ctwr dt{
padding:35px 0 15px 55px;
background:url(../../images/faq/ic_q.gif) 10px 30px no-repeat;
font-weight:bold;
line-height:2em;
}

#faq .ctwr dd{
padding:15px 0 35px 55px;
background:url(../../images/faq/ic_a.gif) 10px 10px no-repeat;
line-height:2em;
}




/* sitemap */
/*/////////////////////////////////////////////////*/
#sitemap .ctwr{
width:800px;
margin:0 auto;
border-top:solid 1px #d5d5d5;
}
#sitemap .ctwr li{
border-bottom:solid 1px #d5d5d5;
padding:25px 0 25px 40px;
background:url(../images/ic_01.gif) 15px 30px no-repeat;
}
#sitemap .ctwr li p{
padding:15px 0 0 20px;
background:url(../images/ic_02.gif) 0px 18px no-repeat;
}

/*clearfix*/
#sitemap .ctwr dl{display:inline-block;}
#sitemap .ctwr dl:after{content:".";clear:both;display:block;height:0;font-size:0;visibility:hidden;}
/*\*/
* html #sitemap .ctwr dl{height:0;}
#sitemap .ctwr dl{display:block;}
/**/





/* contact */
/*/////////////////////////////////////////////////*/

#contact .con-tx{
width:800px;
margin:0 auto 15px auto;
}

#contact .atnt{
color:#F24E74;
}


#contact .ctwr{
width:800px;
margin:0 auto;
border-top:solid 1px #d5d5d5;
}
#contact .ctwr.ct-non{
border-top:none;
}
#contact .ctwr dl{
border-bottom:solid 1px #d5d5d5;
}

/*clearfix*/
#contact .ctwr dl{display:inline-block;}
#contact .ctwr dl:after{content:".";clear:both;display:block;height:0;font-size:0;visibility:hidden;}
/*\*/
* html #contact .ctwr dl{height:0;}
#contact .ctwr dl{display:block;}
/**/

#contact .ctwr dt{
width:180px;
display:block;
float:left;
font-weight:bold;
padding:20px 0 20px 15px;
line-height:3em;
}
#contact .ctwr dd{
width:570px;
display:block;
float:left;
padding:20px 0;
}
#contact .nor{
font-weight:normal;
color:#888;
}
#contact .bol{
font-weight:bold;
}


/*clearfix*/
#contact .ctwr dd ul{display:inline-block;}
#contact .ctwr dd ul:after{content:".";clear:both;display:block;height:0;font-size:0;visibility:hidden;}
/*\*/
* html #contact .ctwr dd ul{height:0;}
#contact .ctwr dd ul{display:block;}
/**/


#contact .ctwr dd ul.ul01 li{
float:left;
margin-right:40px;
line-height:3em;
}
#contact .ctwr dd ul.ul02 li{
float:left;
width:160px;
line-height:3em;
}

#contact .ctwr dd ul.ul03 li{
float:left;
width:140px;
line-height:3em;
}
#contact .ctwr dd ul.ul03 li.li01{
float:left;
width:400px;
}

#contact .ctwr dd p.p01{
line-height:3em;
}
#contact .ctwr dd p.p02{
line-height:1.7em;
}
#contact .ctwr dd p.p01 input{
font-size:14px;
line-height:1.5em;
}
#contact .ctwr dd p.p01 textarea{
font-size:15px;
line-height:1.5em;
}


#contact .btn-box{
width:800px;
margin:50px auto 15px auto;
text-align:center;
}

#contact .btn-box input.btn{
background:#313131;
border:none;
color: #FFFFFF;
margin:0 auto;
padding: 10px 17px;
font-size:15px;
cursor:pointer;
}


#contact .thanks{
line-height:2em;
margin-bottom:300px;
}

#contact .err{
font-weight:bold;
font-size:15px;
margin-bottom:30px;
}
#contact .err-box{
line-height:2em;
}
#contact .err-box li{
line-height:2em;
}



#contact .history-bc{
margin-top:30px;
font-size:15px;
}







/* flow */
/*/////////////////////////////////////////////////*/
#flow .ctwr{
width:800px;
margin:0 auto;
}
#flow .ctwr li{
padding-bottom:50px;
background:url(../../images/flow/flow_arw.gif) 50% 95% no-repeat;
}
#flow .ctwr li.ctL{
padding-bottom:0px;
background:none;
}
#flow .ctwr li p{
text-align:center;
margin-top:20px;
}
#flow .ctwr li p em{
font-weight:bold;
}





/* furniture - wall */
/*/////////////////////////////////////////////////*/
#furniture h3.contents-stit,
#wall h3.contents-stit{
width:766px;
height:26px;
text-indent:-9999px;
overflow:hidden;
margin:80px 0;
}

#furniture h3.contents-stit{background:url(../../images/furniture/stitle.gif) 0 0 no-repeat;}
#wall h3.contents-stit{background:url(../../images/wall/stitle.gif) 0 0 no-repeat;}

#furniture .main-ph dt,
#wall .main-ph dt{
border-left:solid 1px #000;
line-height:1em;
margin-bottom:15px;
padding-left:15px;
}
#furniture .main-ph dt em,
#wall .main-ph dt em{
font-weight:bold;
}

#furniture .main-ph dd a:hover img,
#wall .main-ph dd a:hover img{
-ms-filter: "alpha( opacity=70 )";
filter: alpha( opacity=70 );
opacity: 0.7;
}

#furniture .sub-ph,
#wall .sub-ph{
margin-top:77px;
}
#furniture .sub-ph dt,
#wall .sub-ph dt{
border-left:solid 1px #000;
line-height:1em;
margin-bottom:15px;
padding-left:15px;
}
#furniture .sub-ph dt em,
#wall .sub-ph dt em{
font-weight:bold;
}

#furniture .sub-ph dd img,
#wall .sub-ph dd img{
margin-left:12px;
display:inline;
}
#furniture .sub-ph dd img.ctT,
#wall .sub-ph dd img.ctT{
margin-left:0px;
}

#furniture .sub-ph dl dd,
#wall .sub-ph  dd{
position:relative;

}
#furniture .sub-ph dd p.flR,
#wall .sub-ph  dd p.flR{
width:308px;
position:absolute;
top:0;
right:0;
line-height:1.9em;
}



#furniture .main-tit,
#wall .main-tit{
margin-top:40px;
}


/*detail*/
#furniture .detail,
#wall .detail{
border-top:solid 1px #bfbfbf;
border-bottom:solid 1px #bfbfbf;
margin-top:100px;
}

#furniture .detail li,
#wall .detail li{
padding:30px 0 30px 0px;
background:url(../images/detail_list.gif) 0 0 no-repeat;
}
#furniture .detail li.ctT,
#wall .detail li.ctT{
background:none;
}

#furniture .detail dt,
#wall .detail dt{
display:block;
color:#7f7f7f;
width:160px;
float:left;
line-height:1.5em;
}
#furniture .detail dt span,
#wall .detail dt span{
font-weight:bold;
font-size:16px;
display:block;
color:#333;
line-height:1.5em;
}

#furniture .detail dd,
#wall .detail dd{
display:block;
width:820px;
float:left;
}
#furniture .detail .data,
#wall .detail .data{
display:block;
width:100px;
float:left;
color:#7f7f7f;
padding-top:23px;
line-height:1.8em;
}
#furniture .detail .txt,
#wall .detail .txt{
display:block;
width:710px;
float:left;
padding-top:23px;
line-height:1.8em;
}
#furniture .detail .txt .flL,
#wall .detail .txt .flL{
float:left;
display:block;
width:280px;
}
#furniture .detail .txt img,
#wall .detail .txt img{
float:right;
}


/*clearfix*/
#furniture .detail dl,
#furniture .detail ul,
#wall .detail dl,
#wall .detail ul{display:inline-block;}

#furniture .detail dl:after,
#furniture .detail ul:after,
#wall .detail dl:after,
#wall .detail ul:after
{content:".";clear:both;display:block;height:0;font-size:0;visibility:hidden;}

/*\*/
* html #furniture .detail dl,
* html #furniture .detail ul,
* html #wall .detail dl,
* html #wall .detail ul{height:0;}

#furniture .detail dl,
#furniture .detail ul,
#wall .detail dl,
#wall .detail ul{display:block;}
/**/




/* privacy */
/*/////////////////////////////////////////////////*/
#privacy .ctwr{
width:800px;
margin:0 auto 200px auto;
}

#privacy .ctwr h3{
font-weight:bold;
font-size:15px;
}
#privacy .ctwr p{
line-height:1.8em;
margin-top:15px;
}








/* back */
/*/////////////////////////////////////////////////*/
.back{
clear:both;
text-align:right;
line-height:1em;
margin-top:70px;
}
.back a{
padding:0 0 0 15px;
background:url(../images/ic_01.gif) 0 2px no-repeat;
}





/* inner-link */
/*/////////////////////////////////////////////////*/
.inner-link{
clear:both;
text-align:center;
line-height:1em;
margin-top:70px;
}
.inner-link a{
padding:0 0 0 15px;
background:url(../images/ic_01.gif) 0 2px no-repeat;
}






/* pagetop */
/*/////////////////////////////////////////////////*/
.pagetop{
clear:both;
text-align:right;
margin:100px 0 0 0;
}
.pagetop a:hover{
-ms-filter: "alpha( opacity=70 )";
filter: alpha( opacity=70 );
opacity: 0.7;
}
#pagetop{
font-size:1px;
}



/* footer */
/*/////////////////////////////////////////////////*/
footer {
width:980px;
margin:30px auto 0 auto;
border-top:solid 1px #a2a2a2;
}

/*clearfix*/
footer{display:inline-block;}
footer:after{content:".";clear:both;display:block;height:0;font-size:0;visibility:hidden;}
/*\*/
* html footer{height:0;}
footer{display:block;}
/**/

footer p{
font-size:11px;
color:#666;
width:49%;
float:left;
margin:22px 0 30px 0;
}
footer .flR{
color:#666;
width:49%;
float:right;
padding-top:22px;
}
footer ul{
color:#666;
float:right;
}

footer ul li{
line-height:1.3em;
border-left:solid 1px #c1c1c1;
padding:0 0 0 20px;
margin:0 0 0 20px;
display:inline;
}
footer ul li a{
color:#666;
text-decoration:none;
}
footer ul li a:hover{
color:#c1c1c1;
}