@charset "utf-8";
@import url("page.css");
@import url("jquery.lightbox-0.5.css");

/*=================
        base 
 =================*/

html,body,div,h1,h2,h3,h4,h5,h6,p,img,table,tr,td,dl,dt,dd,ul,ol,li{
  margin:0;
  padding:0;
  border:none;
	font-weight:normal;
  vertical-align:top;
  list-style:none;
}

body{
	background:url(../img/bg.gif) repeat-x left top;
	background-color:#030303;
  color: #333333;
  font-family:"ＭＳ Ｐゴシック", MS PGothic,  Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
  font-size: 12px;
  line-height:1.6em;
  text-align:left;
}

.fcw{
  color: #EEEEEE;
  font-size: 12px;
  line-height:1.6em;
  text-align:left;
}

.fcw_cap{
  color: #CCCCCC;
}

.fcw_cap2{
  color: #CCCCCC;
}

/*=================
       common
 =================*/

a{
/*color:#8d7602;*/
color:#a19b61;
border:none;
}

a:hover{
/*color:#8d7602;*/
color:#bdb77e;

}

.clear{
clear:both;
}

.clearfix:after{
   content:".";
   display:block;
   height:0;
	 font-size:0;
   visibility:hidden;
   clear:both;
}
.clearfix{
   display:inline-block;
   min-height:1%;  /* for IE 7 and MacIE5.5*/
}
/* Hides from IE-mac \*/
*html .clearfix{height: 1%;}
.clearfix{display: block;}
/* for ie5,6*/

.floatL{
float:left;
}

.floatR{
float:right;
}

.hidden{
display:none;
}

.f10{
font-size:10px;
line-height:1.3em;
margin-top:2px;
}

.f10r{
font-size:10px;
line-height:1.3em;
margin-top:2px;
text-align:right;
}


/*=================
       layout 
 =================*/
 
#contents{
width:960px;
margin:0 auto;
}


#contents #flash{margin-top:10px;}

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

#header_index{
position:relative;
width:960px;
padding-top:20px;
overflow:hidden;
}

#header_index h1{
float:left;
width:172px;
margin:14px 15px 0 0;
}

#header_index #seo{
float:left;
font-size:10px;
line-height:1.1em;
margin-top:14px;
color:#CCC;
}

#header_set{
margin-bottom:15px;
height:49px;
}

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

#header{
position:relative;
height:114px;
padding-top:20px;
overflow:hidden;
}

#header h1{
margin-bottom:10px;
}


/* ヘッダーナビゲーション */
/*#hnavi{
width:300px;
position:absolute;
right:0;
top:0;
background:url(../img/menu/hnavi_all3.gif) no-repeat;
height:53px;
}*/


#hnavi{
width:240px;
position:absolute;
right:0;
top:0;
background:url(../img/menu/hnavi_all3.gif) no-repeat;
height:53px;
}

/* ヘッダーナビゲーション Index */
#header_index #hnavi{
position:absolute;
right:0;
top:63px;	
}

#hnavi li{
float:left;
text-indent:-9999px;
}
#hnavi li a{
display:block;
height:49px;
/*\*/
overflow: hidden;  
/**/
}
#hnavi li.map,
#hnavi li.map a{
/*width:180px;*/
width:120px;
}
#hnavi li.con,
#hnavi li.con a{
width:120px;
}
#hnavi li.map a:hover{
background:url(../img/menu/hnavi_map_o3.gif) no-repeat;
}
#hnavi li.con a:hover{
background:url(../img/menu/hnavi_contact_o3.gif) no-repeat;
}

/* グローバルナビゲーション */

#gnavi{
clear:both;
margin-right:-3px;
background:url(../img/menu/gnavi_all.png) no-repeat;
height:40px;
}


#gnavi li{
float:left;
text-indent:-9999px;
margin-right:3px;
}
#gnavi li a{
display:block;
height:40px;
/*\*/
overflow: hidden;  
/**/
}
#gnavi li.top,
#gnavi li.top a,
#gnavi li.rom,
#gnavi li.rom a
#gnavi li.view,
#gnavi li.view a,
#gnavi li.out,
#gnavi li.out a{
width:90px;
}
#gnavi li.loc,
#gnavi li.loc a,
#gnavi li.acc,
#gnavi li.acc a{
width:95px;
}
#gnavi li.col,
#gnavi li.col a{
width:154px;
}
#gnavi li.laz,
#gnavi li.laz a{
width:120px;
}
#gnavi li.dap,
#gnavi li.dap a{
width:112px;
}
#index #gnavi li.top a,
#gnavi li.top a:hover{
background:url(../img/menu/gnavi_top_o.gif) no-repeat;
}
#gnavi li.col a:hover,
#collection #gnavi li.col a{
background:url(../img/menu/gnavi_collection_o.gif) no-repeat;
}
#gnavi li.laz a:hover,
#lazona #gnavi li.laz a{
background:url(../img/menu/gnavi_lazona_o.gif) no-repeat;
}
#gnavi li.dap a:hover,
#design_public #gnavi li.dap a{
background:url(../img/menu/gnavi_dp_o.gif) no-repeat;
}
#gnavi li.loc a:hover,
#location #gnavi li.loc a{
background:url(../img/menu/gnavi_location_o.gif) no-repeat;
}
#gnavi li.rom a:hover,
#roomplan #gnavi li.rom a{
background:url(../img/menu/gnavi_roomplan_o.gif) no-repeat;
}
#gnavi li.acc a:hover,
#access #gnavi li.acc a{
background:url(../img/menu/gnavi_access_o.gif) no-repeat;
}
#gnavi li.out a:hover,
#outline #gnavi li.out a{
background:url(../img/menu/gnavi_outline_o.gif) no-repeat;
}
#gnavi li.view a:hover,
#view #gnavi li.view a{
background:url(../img/menu/gnavi_view_o.gif) no-repeat;
}



/*------------
     pnavi
 ------------*/

/* パンくずナビ */

#pnavi{
height:40px;
padding-right:7px;
overflow:hidden;
color:#CCC;
}

#pnavi li{
float:left;
padding-right:5px;
font-size:10px;
line-height:1em;
}

#pnavi li a{
background:url(../img/menu/pnavi_arrow.gif) no-repeat right center;
padding-right:10px;
}


/*------------
     main
 ------------*/
 
#main{
overflow:hidden;
}

#main h2{
margin-bottom:10px;
}


/*------------
    共通
 ------------*/
 .cl{clear:both;}

/*------------------
    fnavi_pagetop
------------------*/

#fnavi_pagetop{
overflow:hidden;
margin-top:20px;
}

#fnavi_pagetop #fnavi{
float:left;
background:url(../img/fnavi_bg.gif) no-repeat left center;
}

#fnavi_pagetop #fnavi li{
display:inline;
background:url(../img/fnavi_bg.gif) no-repeat right center;
padding:0 10px;
font-size:10px;
}

.pagetop{
text-align:right;
}


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

#footer{
position:relative;
margin-top:20px;
clear:both;/* owabi 追加　*/
}
#footer:after{
   content:".";
   display:block;
   height:0;
	 font-size:0;
   visibility:hidden;
   clear:both;
}
#footer{
   display:inline-block;
   min-height:1%;  /* for IE 7 and MacIE5.5*/
}
/* Hides from IE-mac \*/
*html #footer{height: 1%;}
#footer{display: block;}
/* for ie5,6*/

#footer #footerLead{
padding-bottom:7px;
}


#footer #company{
position:absolute;
padding-bottom:20px;
top:62px;
left:0;
	}

#footer #company li{
display:inline;
padding-right:20px;
}

#footer #txtLink{
position:absolute;
top:72px;
left:355px;
	}

#footer #txtLink li{
display:inline;
padding-right:10px;
font-size:10px;
}

#footer #txtLink li a{
/*color:#444444;*/
color:#CCCCCC;
}

#footer #txtLink li a:hover{
/*color:#222222;*/
color:#EEEEEE;
}

#footer #contact{
position:absolute;
top:0;
left:288px;
/*left:408px;*/
}

#footer #banner{
position:absolute;
width:145px;
top:0;
left:440px;
}

#footer #100club{
position:absolute;
top:0;
left:0;
}

#footer #tel{
position:absolute;
top:0;
left:603px;
}

/*#footer #tel{
float:right;
}*/

#footer #copyright{
position:absolute;
top:78px;
left:640px;
/*margin:5px 0 10px;*/
}

#owabi{
padding:10px 0;
text-align:left;
}

#owabi p{
float:left;
font-size:10px;
}

#owabi p.link{
display:inline;
padding-right:10px;
font-size:10px;
}

#owabi p.link a{
color:#CCCCCC;
}

#owabi p.link a:hover{
color:#EEEEEE;
}

#mainte{border:#504f4f 1px solid; padding:10px; margin-top:15px;}
#mainte p{ font-size:10px; line-height:140%; }
#mainte p span{ font-weight:bold;}