@charset "shift_jis";
/* =========================================

nasluck sespa common CSS

============================================ */

body,div,span,h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,
address,img,form,select,option,input,label{
margin:0;
padding:0;
border:0;
}

body{
color:#333;
font-size:80%;
font-family:"ƒqƒ‰ƒMƒmŠpƒSPro W3","Hiragino Kaku Gothic Pro","‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
text-align:center;
line-height:140%;
background:#ececec;
}

h1,h2,h3,h4,h5{
clear:both;
}

a:link{
color:#00f;
text-decoration:none;
}

a:visited{
color:#00f;
text-decoration:none;
}

a:hover,
a:active{
color:#f00;
text-decoration:underline;
}

a{
outline:none;
}

img{
border:none;
}

hr{
display:none;
}

ul,li{
list-style:none;
}

/* -------------------------------------------
	wrapper
------------------------------------------- */

#wrapper{
width:850px;
margin:0 auto;
padding:0;
background:#ececec url(../image_cmn/body_bg.gif) repeat-y 0 0 ;
text-align:center;
}

/* -------------------------------------------
	header
------------------------------------------- */

#header {
width:760px;
height:40px;
margin: 0 auto;
padding:0 45px;
background:#ececec ;
text-align:left;
}

#header span {
display:block;
float:left;
}

#header a {
float:left;
display:block;
overflow:hidden;
}

#header a.products {
width:112px;
height:37px;
margin:0 10px 0 85px;
text-indent:-9999px;
background:url(../image_cmn/navi_header.gif) no-repeat 0 0 ;
}

#header a:hover.products {
background:url(../image_cmn/navi_header.gif) no-repeat 0 -37px ;
}

#header a.office {
width:212px;
height:37px;
margin:0 10px 0 0;
padding:0;
text-indent:-9999px;
background:url(../image_cmn/navi_header.gif) no-repeat -133px 0 ;
}

#header a:hover.office {
background:url(../image_cmn/navi_header.gif) no-repeat -133px -37px ;
}

#header a.inquiry {
width:116px;
height:37px;
margin:0;
padding:0;
display:inline;
text-indent:-9999px;
background:url(../image_cmn/navi_header.gif) no-repeat -366px 0 ;
}

#header a:hover.inquiry {
background:url(../image_cmn/navi_header.gif) no-repeat -366px -37px ;
}

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

#content{
margin:0;
padding:0;
}

#content div.headerimg {
width:768px;
height:91px;
/*margin:0 45px;*/
margin:0 46px 0 44px;
padding:0;
background:url(../image_cmn/header_img.jpg) no-repeat 0 0;
text-indent:-9999px;
}

#content div.headerimg a {
float:left;
display:block;
width:191px;
height:91px;
}

#content div.main{
width:760px;
margin:0 auto;
padding:0;
text-align:left;
}
#content div.keepcenter{
margin:0 auto;
padding:0;
}


/* navi_second */

#content ul.navi_second{
clear:both;
width:760px;
height:42px;
margin:0 auto;
padding:0;
background:#C4C4C4;
}

#content ul.navi_second li,
#content ul.navi_second li a{
display:block;
float:left;
width:190px;
height:42px;
margin:0;
padding:0;
text-indent:-9999px;
}

#content ul.navi_second li.set a{ background:url(../image_cmn/navi_second.jpg) no-repeat 0 0; }
#content ul.navi_second li.col a{ background:url(../image_cmn/navi_second.jpg) no-repeat -190px 0; }
#content ul.navi_second li.eqp a{ background:url(../image_cmn/navi_second.jpg) no-repeat -380px 0; }
#content ul.navi_second li.poi a{ background:url(../image_cmn/navi_second.jpg) no-repeat -570px 0; }


#content ul.navi_second li.set a:hover{ background:url(../image_cmn/navi_second.jpg) no-repeat 0 -42px; }
#content ul.navi_second li.col a:hover{ background:url(../image_cmn/navi_second.jpg) no-repeat -190px -42px; }
#content ul.navi_second li.eqp a:hover{ background:url(../image_cmn/navi_second.jpg) no-repeat -380px -42px; }
#content ul.navi_second li.poi a:hover{ background:url(../image_cmn/navi_second.jpg) no-repeat -570px -42px; }

/* ƒy[ƒWtop‚Ι–ί‚ι */

#content p.pagetop {
width:auto;
margin:0;
padding:10px 0 0 0;
text-align:right;
font-size:85%;
}

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

/*#footer{
width:760px;
margin:0 auto;
padding:65px 45px 0 45px;
background:#CCC url(../image_cmn/bg_footer.gif) no-repeat 50% 0 ;
}*/

#footer{
clear:both;
width:760px;
margin:0 auto;
padding:65px 45px 0 45px;
background:#ececec url(../image_cmn/bg_footer.gif) no-repeat 0 0;
}


#footer ul.btn {
width:665px;
height:40px;
margin:0 auto;
padding:20px 0;
}
#footer ul.btn li,
#footer ul.btn li a {
display:block;
float:left;
list-style:none;
width:195px;
height:40px;
margin:0;
text-indent:-9999px;
}
/* ƒJƒ^ƒƒOΏ‹ */
#footer ul.btn li.inquiry a {
background:url(../image_cmn/footer_btn.gif) no-repeat 0 0;
}
#footer ul.btn li.inquiry a:hover {
background:url(../image_cmn/footer_btn.gif) no-repeat 0 -40px;
}
/* ƒVƒ‡[ƒ‹[ƒ€ */
#footer ul.btn li.showroom {
margin:0 40px;
}
#footer ul.btn li.showroom a {
background:url(../image_cmn/footer_btn.gif) no-repeat -195px 0;
}
#footer ul.btn li.showroom a:hover {
background:url(../image_cmn/footer_btn.gif) no-repeat -195px -40px;
}
/* ƒŠƒtƒH[ƒ€ */
#footer ul.btn li.reform a {
background:url(../image_cmn/footer_btn.gif) no-repeat -390px 0;
}
#footer ul.btn li.reform a:hover {
background:url(../image_cmn/footer_btn.gif) no-repeat -390px -40px;
}


#footer a.copy {
display:block;
margin:10px auto;
color:#666;
font-size:90%;
}
#footer a.copy:hover {
color:#666;
text-decoration: none;
}