@charset "Shift_JIS";

/*共通部分　ナビゲーション
-------------------------------------------*/

#aboutNavi {
	margin: 0px 0 20px 0;
	padding: 0;
	height: 40px;
	width: 524px;
}

#aboutNavi ul{
	margin: 0px;
	padding: 0;
	height: 40px;
}

#aboutNavi li{
	margin: 0px;
	padding: 0;
	height: 40px;
	width:174px;
	float:left;
}

#aboutNavi li#loca{
	margin: 0px;
	padding: 0;
	height: 40px;
}

#aboutNavi li#oasis{
	margin: 0px;
	padding: 0;
	height: 40px;
}

#aboutNavi li#light{
	margin: 0px;
	padding: 0;
	height: 40px;
}

#aboutNavi a{
	margin: 0px;
	padding: 0;
	height: 40px;
	width:174px;
	display:block;
	background:url(../../about/images/bt.gif) no-repeat;		
}

#aboutNavi li#loca a { background-position: 0 0; }
#aboutNavi li#oasis a { background-position: -174px 0; }
#aboutNavi li#light a { background-position: -348px 0; }

#aboutNavi li#loca a:hover { background-position: 0 105%; }
#aboutNavi li#oasis a:hover { background-position: -174px 105%; }
#aboutNavi li#light a:hover{ background-position: -348px 105%; }

#aboutNavi li#loca.On { background: url(../../about/images/bt.gif)  0 105%; }
#aboutNavi li#oasis.On { background: url(../../about/images/bt.gif) -174px 105%; }
#aboutNavi li#light.On { background: url(../../about/images/bt.gif) -348px 105%; }


/*新しいランドマーク
-------------------------------------------*/

#midashi01{
margin:0px 0 20px 0 ;
padding:0px;
height:75px;
width:425px;
background:url(../../about/images/midashi01.gif) no-repeat;
}

/*青山のオアシス
-------------------------------------------*/

#midashi02{
margin:0px 0 20px 0 ;
padding:0px;
height:95px;
width:446px;
background:url(../../about/images/midashi02.gif) no-repeat;
}

#oasisLeft{
margin:20px 0 0 0;
padding:0px;
height:292px;
width:78px;
float:left;
}

#ph02a{
margin:0px;
padding:0px;
height:190px;
width:78px;
background:url(../../about/images/ph02a.jpg);
}

#ph02b{
margin:0px;
padding:0px;
height:102px;
width:78px;
background:url(../../about/images/ph02b.jpg);
}

#oasisRight{
margin:0px ;
padding:0px 0 0 0;
height:511px;
width:446px;
float:right;
background:url(../../about/images/bg02.gif) no-repeat;
}

#comment{
margin:0 0 0 20px;
padding:0px;
}

#ph02c{
margin:10px 0 0 163px;
padding:0px;
height:212px;
width:283px;
background:url(../../about/images/ph02c.jpg);
}


/*ライティングデザイン
-------------------------------------------*/

#light_bg{
margin:0px ;
padding:0px 0 0 0;
height:435px;
width:524px;
background:url(../../about/images/bg03.gif);
clear:both;
}

#Box01{
margin:0px;
padding:0px;
height:260px;
width:524px;
clear:both;
}

#ph03a{
margin:140px 0 0 0;
padding:0px;
height:120px;
width:90px;
background:url(../../about/images/ph03a.jpg) no-repeat;
}

#lightLeft{
margin:0px ;
padding:0px 0 0 0;
float:left;
width:337px;
height:260px;
background:url(../../about/images/midashi03.gif) no-repeat;
}

#lightRight{
margin:0px ;
padding:0px 0 0 0;
float:right;
width:187px;
height:220px;
background:url(../../about/images/ph03d.jpg);
}

#Box02{
margin:0px;
padding:0px;
width:524px;
}

#phBox{
margin:0px;
padding:0px;
width:90px;
height:240px;
float:left
}

#ph03b{
margin:0px;
padding:0px;
height:120px;
width:90px;
background:url(../../about/images/ph03b.jpg) no-repeat;
}

#ph03c{
margin:0px;
padding:0px;
height:120px;
width:90px;
background:url(../../about/images/ph03c.jpg) no-repeat;
}

#comment03{
margin:0;
padding:0px;
float:right;
width:410px;
}