@charset "UTF-8";

@import url("common.css");
@import url("structure.css");

/* ======================================

 temporary CSS file
 2008.3.12
 
 Color Cordination
 Key Color: 

======================================= */

div.anchor
{
	width: 540px;
	margin: 0 auto 20px;
}
div.anchor ul
{
	
}
div.anchor ul li
{
	float: left;
	margin-right: 1em;
	white-space: nowrap;
}
div.anchor ul li a
{
	padding-left: 1em;
	background: url(../img/common/arrow_d.gif) no-repeat left center;
}
div.container
{
	clear: both;
	width: 540px;
	margin: 0 auto 20px;
}
div.container h3
{
	font-size: 150%;
	margin: 0 0 10px;
}
div.container div.thumb
{
	width: 120px;
	height: 120px;
	padding: 9px;
	border: 1px solid #ccc;
	background: #fff8ec;
}
	div.odd div.thumb
	{
		float: left;
	}
	div.even div.thumb
	{
		float: right;
	}
	
div.container div.thumb table
{
	width: 120px;
	height: 120px;
}
div.container div.thumb table td
{
	text-align: center;
	vertical-align: middle;
}
div.container div.baloon
{
	width: 390px;
}
	div.odd div.baloon
	{
		float: right;
		width: 390px;
		background: url(../img/facility/bg_baloon_LM.gif) repeat-y left top;
	}
	div.odd div.setBgTop
	{
		padding: 20px 20px 20px 30px;
		background: url(../img/facility/bg_baloon_LT.gif) no-repeat left top;
	}
	div.odd div.setBgBottom
	{
		background: url(../img/facility/bg_baloon_LB.gif) no-repeat left bottom;
	}
	div.even div.baloon
	{
		float: left;
		width: 390px;
		background: url(../img/facility/bg_baloon_RM.gif) repeat-y left top;
	}
	div.even div.setBgTop
	{
		padding: 15px 30px 15px 15px;
		background: url(../img/facility/bg_baloon_RT.gif) no-repeat left top;
	}
	div.even div.setBgBottom
	{
		background: url(../img/facility/bg_baloon_RB.gif) no-repeat left bottom;
	}

div.container div.baloon ul
{
	margin: 10px 10px 10px 1.5em;
}
div.container div.baloon ul li
{
	list-style: url(../img/common/ico_bullet.gif) outside;
}