/*　スタイル追加分　ここから
-----------------------------------------------------------------*/

/*LINK DIRECTORY INFORMATION
----------------------------------------------------------------------*/

/*　スタイル追加分　ここまで
-----------------------------------------------------------------*/

/* 共通部
-----------------------------------------------------------------*/
body {
    text-align: center;
	background-color:#dedede;
			background-color:#000000;
}
img {
	border:0;
}

h1 {
  letter-spacing: 0.1em ;
	font-family:"Osaka", "MS PGOTHIC";
  }

h2 {
  height:31px;
  margin: 0px;
  font-size:16px;
  line-height:18px;
　font-family:"Osaka", "MS PGOTHIC","Arial";
  }

h2.top{
	font-size:10px;
	font-weight:normal;
}

h3 {
  margin: 0px;
  padding: 0px;
  height: 14px;
  font-size:14px;
  line-height:14px;
　font-family:"Osaka", "MS PGOTHIC";
  }
 
#wrapper01 {
       width: 990px;
	   margin: 0px auto;
	   background-image:url(../images/bg01.gif);
}

#wrapper {
       width: 970px;
	   margin: 0px auto;
	   text-align: left;
	   background-color:#000000;
}




/*　header
-----------------------------------------------------------------*/
#header {
       position: relative;
       width: 970px;
	   height: 100px;
	   color: #aaaaaa;
	   padding: 0px;
	   margin: 0px;
	   /*background-image:(../images/logo.jpg);*/
} 


#logo{
      text-align:left;
	  position: relative;
	  clear:both;
	  width: 970px;
	  background-image:url(../images/logo.gif);
	  color: #CCCCCC;
	  font-size:10px;
	  height:75px;
	  clear: both;
	  margin: 0;
}






#vacant{
 position:relative; 
 		   float:right;
		   width: 140px;
		   height:25px;
		   margin: 0px;
		   margin-top: 2px;
		   font-size:12px;
	       text-align: center;
	       padding: 2px;
		   z-index: 2;
		   /*border: 1px solid #999999;*/
}
#vacant a strong{
	visibility:hidden;
}
#vacant a{
              display:block;
		   width: 140px;
		   height:25px;
			  background-image:url(../images/vacant.gif);  
	       text-decoration: none;
}
#vacant a:hover{
		   width: 140px;
		   height:25px;
	       text-decoration: none;
			  background-image:url(../images/vacant_on.gif);
}

#navigation{
            position:relative;
			top: 0px;
			padding: 0px;
			margin: 0px;
			width:970px;
			background-color:#000000;
		   z-index: 1;

}
#navigation ul{   
			  list-style: none;
			  background-color:#000000;
      margin: 0px;
	  margin-left:2px;
			padding: 0px;
			clear:both;
}
#navigation li{
	float: left; width: 138px;
		   height:25px;
	display:block;
			  /*text-align: center;
			  font-size:14px; 
			  font-family:Geneva, Arial, Helvetica, sans-serif;
			  border-right: 1px solid #666666;
			  border-top: 1px solid #EEEEEE;*/
}
#navigation li a{ 
    text-decoration: none;
              /*display:block;
	          text-decoration: none;
			  color: #DEDEDE;
			  padding: 2px;
			  background-image:url(../images/list01.jpg);*/
			  
}
#navigation li a:hover {
			  /*color: #FFFFFF;
			  padding: 2px;
			  background-image:url(../images/list02.jpg);*/
}

#navigation li span{
	visibility:hidden;
}

/* navi top */
#navigation li#top a{
		   width: 138px;
		   height:25px;
	background-image:url(../images/top.gif);
	background-repeat:no-repeat;
	display:block;

}

#navigation li#top a:hover{
		   width: 138px;
		   height:25px;
	background-image:url(../images/top_on.gif);
	background-repeat:no-repeat;
	display:block;
}

#navigation li#top_on{ width: 138px;
		   height:25px;
	background-image:url(../images/top_on.gif);
	background-repeat:no-repeat;
	display:block;	
}

/* navi top */
#navigation li#concept a{ width: 138px;
		   height:25px;
	background-image:url(../images/concept.gif);
	background-repeat:no-repeat;
	display:block;

}

#navigation li#concept a:hover{ width: 138px;
		   height:25px;
	background-image:url(../images/concept_on.gif);
	background-repeat:no-repeat;
	display:block;
}

#navigation li#concept_on{ width: 138px;
		   height:25px;
	background-image:url(../images/concept_on.gif);
	background-repeat:no-repeat;
	display:block;	
}



/* navi roomplan */
#navigation li#plan a{ width: 138px;
		   height:25px;
	background-image:url(../images/plan.gif);
	background-repeat:no-repeat;
	display:block;
}

#navigation li#plan a:hover{ width: 138px;
		   height:25px;
	background-image:url(../images/plan_on.gif);
	background-repeat:no-repeat;
	display:block;
}

#navigation li#plan_on{ width: 138px;
		   height:25px;
	background-image:url(../images/plan_on.gif);
	background-repeat:no-repeat;
	display:block;	
}

/* navi location */
#navigation li#area a{ width: 138px;
		   height:25px;
	background-image:url(../images/area.gif);
	background-repeat:no-repeat;
	display:block;
}

#navigation li#area a:hover{ width: 138px;
		   height:25px;
	background-image:url(../images/area_on.gif);
	background-repeat:no-repeat;
	display:block;
}

#navigation li#area_on{ width: 138px;
		   height:25px;
	background-image:url(../images/area_on.gif);
	background-repeat:no-repeat;
	display:block;	
}

/* navi outline */
#navigation li#outline a{ width: 140px;
		   height:25px;
	background-image:url(../images/outline.gif);
	background-repeat:no-repeat;
	display:block;
}

#navigation li#outline a:hover{ width: 140px;
		   height:25px;
	background-image:url(../images/outline_on.gif);
	background-repeat:no-repeat;
	display:block;
}

#navigation li#outline_on{ width: 140px;
		   height:25px;
	background-image:url(../images/outline_on.gif);
	background-repeat:no-repeat;
	display:block;	
}

/* navi public */
#navigation li#model a{ width: 138px;
		   height:25px;
	background-image:url(../images/model.gif);
	background-repeat:no-repeat;
	display:block;
}

#navigation li#model a:hover{ width: 138px;
		   height:25px;
	background-image:url(../images/model_on.gif);
	background-repeat:no-repeat;
	display:block;
}

#navigation li#model_on{ width: 138px;
		   height:25px;
	background-image:url(../images/model_on.gif);
	background-repeat:no-repeat;
	display:block;	
}



/* navi equip */
#navigation li#equip a{ width: 138px;
		   height:25px;
	background-image:url(../images/equip.gif);
	background-repeat:no-repeat;
	display:block;
}

#navigation li#equip a:hover{ width: 138px;
		   height:25px;
	background-image:url(../images/equip_on.gif);
	background-repeat:no-repeat;
	display:block;
}

#navigation li#equip_on{ width: 138px;
		   height:25px;
	background-image:url(../images/equip_on.gif);
	background-repeat:no-repeat;
	display:block;	
}




/*main top
-----------------------------------------------------------------*/
#content{
       clear: both;
       margin: 0px;
       pading: 0px;
	   width: 970px;
	   background: #000000;
} 
#mainarea01{
       clear: both;
       margin: 0px;
       pading: 0px;
	   width: 970px;
	   height: 150px;
	   background: #000000;
} 

#mainarea02{
       clear: both;
       margin: 0px;
       pading: 0px;
	   width: 970px;
	   height: 780px;
	   background: #000000;
} 

#flash{
       width: 970px;
       height: 450px;
	   margin: 0px;
	   background: #000000;
	border-top: solid  #fbce03 1px;
}

#flash02{
       width: 970px;
       height: 650px;
	   margin: 0px;
	   padding: 0px;
}
#topics{
       float: left;
       width: 500px;
			 margin-left: 15px;
			 margin-top: 15px;
       height: 150px;;
			 background-color:#111111;
			 border: solid #222222 1px;
} 


 
#topics ul{
             list-style: none;
			 margin-left: 15px;
			 padding: 0px;
}
#topics li{ 
	         float: left;
			 margin: 0px;
             width: 450px;
	         line-height: 12px;
			 color:#CCCCCC;
			 padding: 5px;
			 text-align: left;
			 font-size:12px;
			 border-bottom: 1px dotted #FFFFFF;
			 border-left: 1px dotted #FFFFFF;
			 background-image:url(../images/01bg.gif);
}
#topics a{
			 margin: 0px 5px;
}

#banner{
		text-align:right;
       margin: 15px;
       float: right;
       width: 350px;
       height: 100px;;
	   padding: 5px;
	   background: #000000;
} 
#text_contents{
       float: left;
	   text-align:left;
	   margin-top: 0px;
	   margin-left: 3px;
	   line-height: 14px;
	   text-decoration: none;
       font-size:12px;
       width: 323px;               
}

/*main contents
-----------------------------------------------------------------*/	 
#titlebar{
       clear: both;
       width: 970px;
	   height:35px;
	   margin: 0px;
}

#title{
       float: left;
       width: 970px;
       height: 30px;
	   margin: 0px;
	   padding: 0px;
	   color:#666666;
}
#title02{
       float: left;
       width: 680px;
       height: 14px;
	   margin: 0px;
	   padding:5px 15px;
	   color:#666666;
}
#title03{
		float:left;
		width:742px;
		height:20px;
		margin:0px;
		padding:0px;
}

#totop {
          margin: 0;
		  padding: 3px;
		  clear: both;
		  text-align: right;
		  }


/* footer
-----------------------------------------------------------------*/
#footer {
    clear: both;
    width: 970px;
	height:75px;
    padding: 0px;
	bottom: 0;
	background-color:#000000;
	border-top: solid  #fbce03 1px;
	border-bottom: solid #fbce03 1px;
}
#footerimg {
    clear: both;
	width: 980px;
	height: 8px;
	padding: 0;
	margin: 0;
	background-image:url(../images/underline.jpg);
	}

#licence{
      /*float: left;*/
	  margin: 0px;
   　 padding: 0px;
	  text-align: left;
}
#copyright{
      clear: both;
	  margin: 0px;
      padding: 0px;
	  text-align: center;
}


#wrapper01 #wrapper {
	text-align:center;
	background-color:#000000;
}