@charset "utf-8";

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

index.css

======================================================================

	01.greet
	02.container02

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


/*--------------------------------------------------------------------/
	01.greet
/--------------------------------------------------------------------*/

#greet {
	display: block;
	background: url(../../img/greet.gif) no-repeat 12px 0;
	widows: 646px;
	height: 230px;
}
#greet p {
	text-indent: -9999px;
	overflow: hidden;
}

#greet img.right,
.box01 img.left,
.box01 img.right {
	padding: 3px;
	background-color: #ffffff;
	border: 1px solid #d6d6d6;
}


/*--------------------------------------------------------------------/
	02.container02
/--------------------------------------------------------------------*/

#container02 {
	width: 882px;
	margin: 18px auto 0 auto;
	text-align: left;
}
#container:after02 {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#sidebar {
	float: left;
	width: 225px;
}
#contents {
	float: right;
	width: 657px;
}

.box01 {
	float: left;
	padding-bottom: 10px;
	border-bottom: 1px solid #afb998;
	background: url(../../img/box01.gif) repeat-y 0 0;
	width: 530px;
	font-size: 13px;
}

.box01 p {
	clear: both;
	margin: 0 11px;
}

.box01 img.left,
.box01 img.right {
	margin: 6px 0;
}

/* box02 */

.box02 {
	float: right;
	margin-bottom: 9px;
	padding-bottom: 1px;
	border-bottom: 1px solid #afb998;
	background: url(../../img/box02.gif) repeat-y 0 0;
	width: 340px;
}

.box02 img.left {
	margin-right: 12px;
	padding-left: 2px;
}

.box02 img.right {
	margin: 4px 6px;
}

.box02 p {
	margin: 7px 7px 0 7px;
	line-height: 1.4;
}