/* CSS Document */
*{
	background-color:transparent;
	border:0;
	margin:0;
	padding:0;	
	text-decoration:none;
	}
h1,h2,h3,h4,h5,h6 {font-weight:bolder; margin: 0; padding: 0;}
ul {list-style-type: none; margin-left: 0; padding-left: 0;}
ol {list-style-type: none; margin-left: 0; padding-left: 0;}
li { display:inline; }
a:link img,a:visited img {border: none;}
form {display: block; margin: 0; width: 100%;}
div.fC {clear:both;}
hr{ border-top:1px solid #cccccc; height:0px;}
/*- clearfix ------------------------------------------------------------------------------------------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow:hidden;
}

.clearfix {
  min-height: 1px;
}

*html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*- body ------------------------------------------------------------------------------------------------------------------------*/
html { height:100%; }
body{ background:url(../images/root_bg.gif) repeat 0 0; height:100%; }


#base {
	width:100%;
	height:100%;
	background:url(../images/root_bg-x.gif) repeat-x 0 0;
}



#main_index{
	position:relative;
	width:924px;
	/*- fotter_position -*/
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -79px; /* the bottom margin is the negative value of the footer's height */
}

#main_index h1{
	margin:0 auto;
	width:666px;
	height:446px;
}
#main_index h1 span{
	display:block;
	background:url(../images/root_main_img-trans.png) no-repeat center 0;
	text-indent:-1000em;
	width:666px;
	height:446px;
}
#btn_area{
	display:block;
	width:924px;
	margin:0 auto;
}
#btn_area li{
	display:block;
	float:left;
	width:230px;
	height:657px;
	position:absolute;
	top:0;
	overflow:hidden;
}
#btn_area li a{
	display:block;
	background: white;
	width:462px;
	height:657px;
	margin-left:-232px;
}
#btn_area li a span{
	display:block;
	width:231px;
	color:#cccccc;
	text-align:center;
	margin-left:230px;
	padding-top:500px;
	font-size:12px;
	font-weight:bolder;
}
#btn_area li:hover a,#btn_area li:hover a span{ margin-left:-1px; }

#btn_area li#kyobashi a{ background:url(../images/enter_kyobashi-trans.png) no-repeat 0 0; }
#btn_area li#juso a{ background:url(../images/enter_juso-trans.png) no-repeat 0 0; }
#btn_area li#tanikyu a{ background:url(../images/enter_tanikyu-trans.png) no-repeat 0 0; }
#btn_area li#nihonbashi a{ background:url(../images/enter_nihonbashi-trans.png) no-repeat 0 0; }

#btn_area li#kyobashi{ left:117px; }
#btn_area li#juso{ left:332px; }
#btn_area li#tanikyu{ left:105px; }
#btn_area li#nihonbashi{ left:562px; }


 
div#float_position{
	margin-top:150px;
	margin-bottom:40px;
}
div#float_position p{
	text-align:center;
}
div#float_position p strong{
	display:block;
	color:white;
	font-weight:bolder;
	font-size:12px;
	margin-bottom:5px;
}
div#float_position p{
	font-size:11px;
	color:#999999;
}
div#push{
    height: 79px; /* .push must be the same height as .footer */
}
div#footter {
	width:914px;
	height:49px;
	margin:0 auto 0 auto;
	position:relative;
}
div#footter a#leave{
	display:block;
	text-indent:-1000em;
	background:url(../images/root_leave.png) no-repeat 0 0;
	width:235px;
	height:40px;
	position:absolute;
	top:0;
	margin-left:340px;
}
div#footter a#leave:hover{ 	background:url(../images/root_leave.png) no-repeat 0 bottom; }

div#footter address{
	background:url(../images/root_footter_bg.gif) no-repeat 0 20px;
	width:914px;
	height:59px;
	text-indent:-1000em;
	padding-top:20px;
}

/*- 1105601バナー追加分------------------------------------------------------------------------------------------------------*/
#bnrArea{
	/*padding-bottom:100px; 削除後以下4行追加 20110711 nogawa*/
	height: 175px;
	width: 937px;
	margin-bottom: 70px;
	overflow: auto;
}
#bnrArea ol li{
	display:block;
	width:215px;
	height:47px;	/*追加 20110711 nogawa*/
	overflow:hidden;	/*追加 20110711 nogawa*/
	float:left;
	margin:0 0 4px 4px;
	padding:5px;
	text-align:center;
	background:url(../images/bnrBG-trans.png) no-repeat 0 0;
}
#bnrArea ol li a span{
	display:block;
	font-size:10px;
	color:#f8b82e;
	margin-top:3px;
}
#bnrArea ol li a:hover span{ color:#fff8cd; }


