@charset "utf-8";

/* ***********************************************************
 *
 * Since:     2010-7-24
 * Editor:    contents
 * Modified:  2011-12-19 by:contents tokunaga
 *
 * ***********************************************************
 */


/* font-size===========================================

11px -> 83.4%
12px -> 91.7%
13px -> 100%
14px -> 108.4%
15px -> 116.7%
16px -> 125%
17px -> 133.4%
18px -> 141.7%
19px -> 150%
20px -> 158.4%
21px -> 166.7%
22px -> 175%
23px -> 183.4%
24px -> 191.7%
25px -> 200%
25px -> 208.4%
27px -> 217% 


===================================================== */

/* □■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■

  施設紹介　about.css

□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■ */

/* ///////////////////////////////////////////////////////////////////
	main copy
/////////////////////////////////////////////////////////////////// */

#maincopy{
	padding:0px 0px 5px 332px;
	background:url(../about/img/image01.jpg) no-repeat;
	min-height:206px;
	height:auto !important;
	height:206px;
}
	
	#maincopy dt{
		padding:18px 0px 16px 0px;
	}
	
	#maincopy dd p{
		padding:0px 5px 10px 5px;
	}
	

/* ///////////////////////////////////////////////////////////////////
	4つの理念
/////////////////////////////////////////////////////////////////// */

#ideaSec{
	width:688px;
	margin:0px auto 20px auto;
}

	#ideaSec .ideaBox{
		width:246px;
		float:left;
		border:1px solid #BFF2DE;
		margin:0px 6px 12px 6px;
		_margin:0px 3px 12px 3px;/*IE6_hack*/
		padding:18px 12px 18px 72px;
	}

	#ideaSec #idea01{
		background: url(../about/img/no01.jpg) no-repeat top left #ECFBF5;
	}
	
	#ideaSec #idea02{
		background: url(../about/img/no02.jpg) no-repeat top left #ECFBF5;
	}
	
	#ideaSec #idea03{
		background: url(../about/img/no03.jpg) no-repeat top left #ECFBF5;
	}
	
	#ideaSec #idea04{
		background: url(../about/img/no04.jpg) no-repeat top left #ECFBF5;
	}
	
		#ideaSec .ideaBox dt{
			padding:0px 0px 10px 0px;
		}

		#ideaSec .ideaBox dd p{
			padding:0px 0px 5px 0px;
			line-height:120%;
		}

/* ///////////////////////////////////////////////////////////////////
	table
/////////////////////////////////////////////////////////////////// */

.tbl01{
	border-collapse:collapse;
	width:700px;
	margin:0px auto 48px auto;
}

	.tbl01 th{
		border:1px solid #DEE1D0;
		background:#EEEFE7;
		width:130px;
		padding:10px 10px 10px 10px;
		text-align:left;
	}
	
	.tbl01 td{
		border:1px solid #DEE1D0;
		padding:10px 10px 10px 10px;
	}
	
		.tbl01 td #floorSec{
			position:relative;
		}
		
		.tbl01 td #floorSec #floorBtn01{
			position:absolute;
			top:10px;
			left:370px;
		}
		
		.tbl01 td #floorSec p#tblText01{
			padding:0px 170px 0px 0px;
		}
	
		.tbl01 td .tblText02 dt{
			font-weight:bold;
		}
		
		.tbl01 td .tblText02 dd{
			padding:0px 0px 10px 0px;
		}

/* ///////////////////////////////////////////////////////////////////
	居室・施設紹介
/////////////////////////////////////////////////////////////////// */

/*コピー
------------------------------------------------------------------------*/

#institution .copySec01{
	width:700px;
	margin:0px auto 40px auto;
}

	#institution .copySec01 p{
		width:450px;
		float:left;
		padding:5px 0px 0px 0px;
	}
	
	#institution .copySec01 #floorBtn02{
		width:180px;
		float:right;
	}
	
/*写真
------------------------------------------------------------------------*/
#institution #photoSec{
	width:720px;
	margin:0px auto 20px auto;
}

	#institution #photoSec .photoBox01{
		width:312px;
		padding:0px 20px 20px 20px;
		float:left;
	}
		
		#institution #photoSec .photoBox01 dl{
			padding:10px 5px 5px 5px;
		}
		
		#institution #photoSec .photoBox01 dt{
			font-weight:bold;
		}
	

/* ///////////////////////////////////////////////////////////////////
	フロアマップ
/////////////////////////////////////////////////////////////////// */

#floorMap #container{
	width:900px;
	margin:20px auto 20px auto;
	background:none;
}


#floorMap #imageSec{
	width:893px;
	margin:30px auto 20px auto;
}

	#floorMap #imageSec img{
		display:block;
		padding:0px 0px 50px 0px;
	}

#floorMap #closeBtn{
	border-top:1px solid #D1D1D1;
	text-align:center;
	padding:20px 0px 20px 0px;
}

#floorMap #copyright{
	text-align:center;
}









