@charset "shift_jis";
/* CSS Document */

#mainimg {
	width: 882px;
	height: 368px;
	background: url(../img/img_bg.gif) repeat-x top left;
	padding-top: 12px;
	padding-left: 18px;
}

#img_bg {
	background: url(../img/img_bg_wh.gif) no-repeat top left;
	height: 355px;
	padding-top: 10px;
	padding-left: 10px;
}

#mb {
	width: 853px;
	background: url(../img/mb_bg.gif) repeat-y top center;
	margin: 0px auto 6px auto;
}

#mb_top {
	width: 853px;
	height: 10px;
	background: url(../img/mb_top.gif) no-repeat top center;
}


#mb_inner {
	background:url(../img/mb_inner.jpg) no-repeat top right;
	margin-right: 2px;
	min-height: 245px;
}

*html #mb_inner {height: 255px;}


#mb_inner p {
	margin: 20px 20px 0px 20px;
}

#mb_inner img {
	float: left;
	margin-left: 20px;
}

#mb_inner p.p1 {
	float: left;
	width: 317px;
	height: 90px;
	background: url(../img/mb_p_bg.gif) no-repeat top left;
	margin-left: 5px;
	padding-left: 7px;
	padding-top: 2px;
}

#mb_inner p.p2 {
	float: left;
	background: url(../img/illust_02.gif) no-repeat top left;
	padding-left: 80px;
	margin-top: 10px;
	margin-left: 90px;
	margin-bottom: 10px;
	width: 400px;
}

*html #mb_inner p.p2 {margin-bottom: 20px;}

#mb_bottom {
	clear: both;	
	width: 853px;
	height: 10px;
	background: url(../img/mb_bottom.gif) no-repeat bottom center;
	margin-top: 10px;
}