@charset "Shift_JIS";

/**************************************************
		HOME
**************************************************/
/* ===== Banner Area ===== */
#mainArea #bannerArea {
	margin-bottom:23px;
}

#mainArea #bannerArea .leftBox {
	float:left;
	width:390px;
}

#mainArea #bannerArea .rightBox {
	float:right;
	margin-left:20px;
	width:390px;
}

#mainArea #bannerArea .listBanner { font-size:0.8em; }

#mainArea #bannerArea .listBanner li { margin-bottom:15px; }

#mainArea #bannerArea .listBanner li.lastItem { margin-bottom:0; }

#mainArea #bannerArea .workBox {
	margin-bottom:15px;
	padding:16px 20px;
	background:transparent url("../img/bg_workbox.jpg") 0 0 repeat;
}

#mainArea #bannerArea .workBox .listBanner li { margin-bottom:5px; }

#mainArea #bannerArea .workBox .listBanner li.lastItem { margin-bottom:0; }


/* ===== Message Area ===== */
#mainArea #messageArea {
	clear:both;
	margin-bottom:23px;
	padding:8px 30px 13px 30px;
	background:transparent url("../img/bg_message_area.jpg") 0 0 repeat-x;
}

#mainArea #messageArea .messageBox {
	clear:both;
	position:relative;
	margin-bottom:13px;
	padding-bottom:1px;
	width:100%;
	background:transparent url("../common/img/border_dotted.gif") 0 100% repeat-x;
}

#mainArea #messageArea .lastBox {
	margin-bottom:0;
	padding-bottom:0;
	background-image:none;
}

#mainArea #messageArea .leftBox001 {
	float:left;
	width:230px;
	min-height:220px;
}

* html #mainArea #messageArea .leftBox001 {
	height:220px;
}

#mainArea #messageArea .rightBox001 {
	float:right;
	margin-left:25px;
	width:485px;
}

#mainArea #messageArea .leftBox002 {
	float:left;
	margin-right:25px;
	width:230px;
}

#mainArea #messageArea .centerBox002 {
	float:left;
	margin-right:25px;
	width:230px;
}

#mainArea #messageArea .rightBox002 {
	float:right;
	width:230px;
}

#mainArea #messageArea .title {
	font-size:0.9em;
}

#mainArea #messageArea .subtitle {
	margin-bottom:7px;
	font-size:0.9em;
}

#mainArea #messageArea .image {
	position:absolute;
	top:-25px;
	left:0;
	margin-bottom:0;
	width:230px;
}

#mainArea #messageArea .lastItem { margin-bottom:0; }


/* ===== Info Area ===== */
#mainArea #infoArea {
	clear:both;
	margin-bottom:23px;
	width:100%;
}

#mainArea #infoArea .leftBox {
	float:left;
	width:390px;
}

#mainArea #infoArea .rightBox {
	float:right;
	margin-left:20px;
	width:390px;
}

#mainArea #infoArea .title {
	margin-bottom:7px;
	font-size:0.9em;
}

#mainArea #infoArea ul.listInfo li {
	padding:0 10px 13px 10px;
}

#mainArea #infoArea .lastItem { margin-bottom:0; }