@charset "utf-8";
/* CSS Document */

#container {
	width:950px;
	margin:0  auto 40px;
}

/* main */

#main {
	display:inline;
	float:left;
	width:950px;
	margin-bottom:60px;
}

#main .floatleft {
	width:270px;
}

#logo {
	margin-bottom:90px;
	padding:77px 0 0 20px;
}


/* living */

#living {
	width:950px;
	display:inline;
	float:left;
	position:relative;
}

#living .floatleft {
	width:532px;
}

#living #balloon {
	width:570px;
	position:absolute;
	left:0;
	top:0;
	padding:20px;
	background:url(../../images/oleth/balloon.gif) no-repeat left top;
}


#living #balloon ul {
	width:570px;
	float:left;
}

#living #balloon ul li {
	float:left;
	padding-right:10px;
}

#living .floatright {
	width:400px;
}

#example {
	width:100%;
	clear:both;
	text-align:right;
	font-size:10px;
	line-height:16px;
	margin-bottom:20px;
}

#banner {
	padding-top:295px;
}

#banner a {
	display:block;
	width:532px;
	height:88px;
	background:url(../../images/oleth/oleth_3d_banner_over.gif) no-repeat left bottom;
}

/*マウスオーバー時*/
#banner a:hover { border: none; }
#banner a:hover img { visibility:hidden; }

/* sample plan data */

#spd {
	display:inline;
	float:left;
	width:950px;
	margin-bottom:20px;
}

.paddingright42 {
	padding-right:42px;
}

#spd p.floatleft {
	font-size:10px;
	font-weight:bold;
	line-height:22px;
	padding-left:25px;
}

#spd p.floatleft img {
	margin-bottom:7px;
}

/* five */

#five {
	display:inline;
	float:left;
	width:950px;
	margin-bottom:40px;
}

#five li {
	font-size:11px;
	line-height:18px;
	height:90px;
	padding:0 10px;
}

#five li span {
	color:#58a300;
	font-size:14px;
	font-weight:bold;
	line-height:26px;
}

#five li.floatleft {
	width:169px;
	border-right:#aaaaaa 1px dashed;
}

#five li.floatright {
	width:170px;
}

/* bottombox */

#bbox {
	width:948px;
	border:#58a300 1px solid;
	margin-bottom:40px;
	background:#fff;
}

#bhead {
	display:inline;
	float:left;
	width:888px;
	padding:30px 30px 17px;
	border-bottom:#58a300 1px solid;
}

#bbox p.lightgreen,
#bbox p.orange {
	font-size:15px;
	font-weight:bold;
	margin-bottom:10px;
}

.lightgreen {
	color:#58a300;
}

#bhead ul {
	float:left;
	width:420px;
}

#bhead li {
	font-size:11px;
	line-height:20px;
}

.orange {
	color:#f39a00;
}

#orangebox {
	display:inline;
	float:left;
	width:890px;
}

#orangebox .floatleft {
	padding:0 1px 1px 0;
}

#orangebox .floatright {
	padding-bottom:1px;
}

/* b1 */

#b1 {
	display:inline;
	float:left;
	width:888px;
	padding:30px;
	border-bottom:#58a300 1px solid;
}

#b1 p {
	float:left;
	width:350px;
	padding-right:30px;
	line-height:22px;
}

#b1 .floatleft {
	padding-right:19px;
	border-right:#aaaaaa 1px dashed;
}

/* b2 */

#b2 {
	display:inline;
	float:left;
	width:888px;
	padding:30px;
	border-bottom:#58a300 1px solid;
}

#b2 .floatleft {
	border-right:#aaaaaa 1px dashed;
}

.b2left {
	width:350px;
	height:350px;
	padding-right:19px;
}

.b2center {
	width:230px;
	height:350px;
	padding-right:19px;
	padding-left:20px;
}

#b2 .floatright {
	width:227px;
	height:350px;
	padding-left:20px;
}

h4 {
	margin-bottom:7px;
	font-size:20px;
	font-weight:bold;
	line-height:26px;
}

h5 {
	margin-bottom:10px;
	font-size:13px;
	font-weight:bold;
}

/* b3 */

#b3 {
	width:888px;
	padding:30px;
}

#b3 p {
	font-size:11px;
}

/* planlink */

#planlink {
	display:inline;
	float:left;
	width:950px;
}

#planlink p {
	color:#633d00;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}

#planlink img {
	display:block;
	float:left;
	margin-right:20px;
}