@charset 'utf-8';

/* body
-------------------------------------------------- */

#mainArea .gridBox {
	width: 654px;
	padding: 3px 0px 4px;
	margin: 0px 0px 13px 20px;
}

#mainArea .gridBox .layoutBase {
	width: 654px;
	padding: 0px;
	margin: 0px;
	background: url(/join/action/card/images/boxbg_010.gif) left top repeat-y;
}

#mainArea .gridBox .layoutHead {
	width: 654px;
	padding: 0px;
	margin: 0px;
	background: url(/join/action/card/images/boxbg_head_010.gif) left top no-repeat;
}

#mainArea .gridBox .layoutBottom {
	width: 654px;
	padding: 16px 0px 11px;
	margin: 0px;
	background: url(/join/action/card/images/boxbg_bottom_010.gif) left bottom no-repeat;
}

#mainArea .gridBox .boxHead {
	width: 627px;
	padding: 0px;
	margin: 0px 0px 11px 16px;
}

#mainArea .gridBox .boxHead .images {
	width: 162px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainArea .gridBox .boxHead .textBox {
	width: 457px;
	padding: 0px;
	margin: 0px;
	float: right;
}

#mainArea .gridBox .boxHead .textBox h2 {
	padding: 1px 0px 4px;
	margin: 0px;
}

#mainArea .gridBox .boxHead p {
	padding: 0px;
	margin: 0px 4px 18px 0px;
}

#mainArea .gridBox .boxBottom {
	width: 632px;
	padding: 0px;
	margin: 0px 0px 0px 11px;
	background: #f7e7da;
}

#mainArea .gridBox .boxBottom .images {
	width: 273px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainArea .gridBox .boxBottom .textBox {
	width: 331px;
	_width: 346px;
	_w\idth: 331px;
	padding: 0px 16px 0px 0px;
	margin: 0px;
	float: right;
}

#mainArea .gridBox .boxBottom .textBox h3 {
	padding: 11px 0px 1px;
	margin: 0px 0px 10px;
	font-size: 100%;
}

#mainArea .gridBox .boxBottom h3 span {
	padding: 1px 0px 0px 11px;
	display: block;
	background: url(/shared/images/h2_bg.gif) left top no-repeat;
}

#mainArea .gridBox .boxBottom .textBox p {
	padding: 0px;
	margin: 0px 0px 7px;
	color: #666666;
}

#mainArea .gridBox .boxBottom .textBox .btnCard {
	padding: 0px;
	margin: 0px 0px 0px 2px;
}