@charset "utf-8";

/*==========================================================*/
/* wrapper */

#wrapper{
width:884px;
margin:0 auto;
text-align:left;
}

/*==========================================================*/
/* header */

#header{
width:884px;
margin-top:20px;
border-bottom: solid 1px #999999;
}

#header h1{
float: left;
width: 103px;
height: 41px;
}

/*==========================================================*/
/* header navi */

#header ul{
float:right;
width: 171px;
}

#header ul li{
float:left;
}

#header ul li a{
display:block;
height:41px ;
text-indent: -5000px;
overflow:hidden;
}

/* 各コンテンツのロールオーバー設定 */

/* hn off */

#header ul li.company a{
width: 82px;
background-image: url(../images/hn_company.gif);
}

#header ul li.contact a{
width: 89px;
background-image: url(../images/hn_contact.gif);
}

/* hn hover */
#header ul li a:hover{
background-position:0 -41px;
}

/*==========================================================*/
/* global navi */


#gn{
width: 813px;
}

#gn li{
float: left;
}

#gn li a{
display: block;
height: 21px;
text-indent: -5000px;
overflow:hidden;
}

#gn li a:hover{
background-position:0 -21px;
}

/* 各コンテンツのロールオーバー設定 */

/* gn off */

#gn li.top a{
width: 36px;
background-image: url(../images/gn_top.gif);
}

#gn li.topics a{
width: 67px;
background-image: url(../images/gn_topics.gif);
}

#gn li.products a{
width: 88px;
background-image: url(../images/gn_products.gif);
}

#gn li.instance a{
width: 82px;
background-image: url(../images/gn_instance.gif);
}

#gn li.information a{
width:105px;
background-image: url(../images/gn_information.gif);
}

#gn li.press a{
width:103px;
background-image: url(../images/gn_press.gif);
}

#gn li.room a{
width: 95px;
background-image: url(../images/gn_room.gif);
}

#gn li.style a{
width:108px;
background-image: url(../images/gn_style.gif);
}

#gn li.faq a{
width: 48px;
background-image: url(../images/gn_faq.gif);
}

#gn li.catalog a{
width: 80px;
background-image: url(../images/gn_catalog.gif);
}

/* pan */

#pan{
width:884px;
height: 15px;
color: #666666;
margin: 15px 0 0 0;
overflow:hidden;
}

#pan .first{
margin-left:0px;
}

#pan span, #pan a{
margin:0 3px;
}

#pan a{
color: #666666;
}

#pan a:hover{
text-decoration: underline;
}

/*==========================================================*/
/* main */

#main{
width:882px;
height:424px;
border: solid 1px #999999;
font-size:90%;
overflow:hidden;
}

/*==========================================================*/
/* cnts */

.cnts_left, .cnts_center, .cnts_right{
float:left;
height:424px;
}

/*==========================================================*/
/* footer */

#footer{
width:884px;
height: 22px;
}

#footer p{
float: right;
height: 22px;
width: 300px;
background-image: url(../images/footer_copyright.gif);
text-indent: -5000px;
}

/*==========================================================*/
/* footer navi */

#footer ul{
width: 427px;
float: left;
}

#footer ul li{
float: left;
}

#footer ul li a{
display: block;
height: 22px;
text-indent: -5000px;
overflow:hidden;
}

/* 各コンテンツのロールオーバー設定 */

/* fn off */

#footer ul li.copyright a{
width: 61px;
background-image: url(../images/fn_copyright.gif);
}


#footer ul li.privacypolicy a{
width:100px;
background-image: url(../images/fn_privacypolicy.gif);
}

#footer ul li.link a{
width: 98px;
background-image: url(../images/fn_link.gif);
}


#footer ul li.sitemap a{
width: 75px;
background-image: url(../images/fn_sitemap.gif);
}

#footer ul li.inaxlink a{
width: 93px;
background-image: url(../images/fn_inaxlink.gif);
}

/* fn hover */

#footer ul li a:hover{
background-position: 0 -22px;
}