@charset 'utf-8';

/* pageTitleImage
-------------------------------------------------- */

#mainArea .pageTitleImage {
	margin:0px 15px 26px 15px;
}

/* possibleBoxType1
-------------------------------------------------- */

#mainArea .possibleBoxType1 {
	width: 647px;
	padding: 0px;
	margin: 0px 20px 3px;
}

#mainArea .possibleBoxType1 .layoutBase {
	width: 647px;
	height: 450px;
	background: url(/join/images/possible_bg_010.jpg) left top no-repeat;
}

#mainArea .possibleBoxType1 .layoutHead {
	width: 647px;
	padding: 0px;
	margin: 0px;
	background: none;
}

#mainArea .possibleBoxType1 .layoutBottom {
	width: 647px;
	padding: 0px;
	margin: 0px;
	background: none;
}

#mainArea .possibleBoxType1 h2 {
	width: 283px;
	padding: 28px 0px 0px 31px;
	margin: 0px;
}

#mainArea .possibleBoxType1 .boxBody {
	width: 622px;
	height: 221px;
	margin: 33px 0px 0px 13px;
	position: relative;
}

#mainArea .possibleBoxType1 .boxBody .leftColumn h3 {
	width: 303px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#mainArea .possibleBoxType1 .boxBody .rightColumn h3 {
	width: 303px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 319px;
}

#mainArea .possibleBoxType1 .boxBody .leftColumn .image {
	width: 279px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 57px;
	left: 12px;
}

#mainArea .possibleBoxType1 .boxBody .rightColumn .image {
	width: 279px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 57px;
	left: 331px;
}

#mainArea .possibleBoxType1 .boxBody .leftColumn p {
	width: 279px;
	margin: 0px;
	position: absolute;
	top: 144px;
	left: 12px;
}

#mainArea .possibleBoxType1 .boxBody .rightColumn p {
	width: 279px;
	margin: 0px;
	position: absolute;
	top: 144px;
	left: 331px;
}

/* exampleBoxType1
-------------------------------------------------- */

#mainArea .exampleBoxType1 {
	width: 647px;
	padding: 3px 0px 0px;
	margin: 0px 20px 17px;
	position: relative;
}

#mainArea .exampleBoxType1 .layoutBase {
	width: 647px;
	padding: 0px;
	margin: 0px;
	background: url(/join/images/example_bg_010.gif) left top repeat-y;
}

#mainArea .exampleBoxType1 .layoutHead {
	width: 647px;
	padding: 0px;
	margin: 0px;
	background: none;
}

#mainArea .exampleBoxType1 .layoutBottom {
	width: 647px;
	padding: 0px 0px 20px;
	margin: 0px;
	background: url(/join/images/example_bg_bottom_010.gif) left bottom no-repeat;
}

#mainArea .exampleBoxType1 h2 {
	width: 647px;
	padding: 0px;
	margin: 0px 0px 20px 0px;
}

#mainArea .exampleBoxType1 .itemBox {
	width: 607px;
	margin: 0px 20px 20px 20px;
}

#mainArea .exampleBoxType1 h3 {
	margin: 0px 20px 11px;
}

#mainArea .exampleBoxType1 .image {
	padding: 0px;
	margin: 0px;
}

#mainArea .exampleBoxType1 .itemBox .leftColumn {
	width: 322px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainArea .exampleBoxType1 .itemBox .rightColumn {
	width: 260px;
	padding: 0px;
	margin: 0px;
	float: right;
}

#mainArea .exampleBoxType1 p {
	padding: 0px;
	margin: 0px;
}

/* exampleBoxType2
-------------------------------------------------- */

#mainArea .exampleBoxType2 {
	width: 607px;
	padding: 0px;
	margin: 0px 20px 25px;
}

#mainArea .exampleBoxType2 .layoutBase {
	width: 607px;
	padding: 0px;
	margin: 0px;
	background: url(/join/images/example_bg_020.gif) left top repeat-y;
}

#mainArea .exampleBoxType2 .layoutBottom {
	width: 607px;
	padding: 0px;
	margin: 0px;
	background: url(/join/images/example_bg_bottom_020.gif) left bottom no-repeat;
}

#mainArea .exampleBoxType2 .leftColumn {
	width: 298px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainArea .exampleBoxType2 .rightColumn {
	width: 298px;
	padding: 0px;
	margin: 0px;
	float: right;
}

#mainArea .exampleBoxType2 .layoutBottom h4 {
	padding: 0px;
	margin: 0px;
	background: none;
}

#mainArea .exampleBoxType2 p {
	margin: 13px 20px;
}

/* exampleBoxType3
-------------------------------------------------- */

#mainArea .exampleBoxType3 {
	clear: both;
	width: 607px;
	padding: 0px;
	margin: 0px 20px;
}

#mainArea .exampleBoxType3 .layoutBase {
	width: 607px;
	padding: 0px;
	margin: 0px;
	background: url(/join/images/example_bg_030.gif) left top repeat-y;
}

#mainArea .exampleBoxType3 .layoutHead {
	width: 607px;
	padding: 0px;
	margin: 0px;
	background: url(/join/images/example_bg_head_030.gif) left top no-repeat;
}

#mainArea .exampleBoxType3 .layoutBottom {
	width: 607px;
	padding: 0px 0px 10px;
	margin: 0px;
	background: url(/join/images/example_bg_bottom_030.gif) left bottom no-repeat;
}

#mainArea .exampleBoxType3 .leftColumn {
	width: 303px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainArea .exampleBoxType3 .rightColumn {
	width: 303px;
	padding: 0px;
	margin: 0px;
	float: right;
}

#mainArea .exampleBoxType3 h5 {
	margin: 14px 15px 8px 15px;
}

#mainArea .exampleBoxType3 p {
	margin: 0px 20px 15px 15px;
	font-size: 90%;
}

/* supportBox
-------------------------------------------------- */

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

#mainArea .supportBox .boxBody {
	width: 647px;
	height: 233px;
	padding: 0px;
	margin: 0px;
	position: relative;
	background: url(/join/images/support_bg.gif) left top no-repeat;
}

#mainArea .supportBox .boxBody h2 {
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 10px;
	left: 0px;
}

#mainArea .supportBox .boxBody .supportBtn {
	position: absolute;
	top: 10px;
	left: 482px;
}

#mainArea .supportBox .boxBody .leftBox {
	width: 313px;
	height: 186px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 42px;
	left: 5px;
}

#mainArea .supportBox .boxBody .rightBox {
	width: 313px;
	height: 186px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 42px;
	left: 329px;
}

#mainArea .supportBox .boxBody .leftBox .positionBody,
#mainArea .supportBox .boxBody .rightBox .positionBody {
	position: relative;
}

#mainArea .supportBox .boxBody .leftBox .positionBody .photo,
#mainArea .supportBox .boxBody .rightBox .positionBody .photo {
	position: absolute;
	top: 11px;
	left: 11px;
}

#mainArea .supportBox .boxBody .leftBox .positionBody h3,
#mainArea .supportBox .boxBody .rightBox .positionBody h3 {
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 14px;
	left: 124px;
}

#mainArea .supportBox .boxBody .leftBox .positionBody .messageBtn,
#mainArea .supportBox .boxBody .rightBox .positionBody .messageBtn {
	position: absolute;
	top: 153px;
	left: 182px;
}