@charset "utf-8";

/*-----------------------------------------------------
TitleImageArea
-------------------------------------------------------*/
#ContentArea div#TitleImageArea{
	background:url("../images/headhunt_mainimage.jpg") no-repeat 1px -1px;
}

/*-------------------------------------
headhuntArea
---------------------------------------*/
#MainArea div.headhuntArea{
	width:630px;
	margin:20px auto 40px auto;
}
#MainArea div.headhuntArea div.titleBar{
	margin:10px 5px 24px 5px;
}

/*-------------------------------------
SideArea
---------------------------------------*/
#SideArea div.sidename{
	margin:0 0 12px 0;
	padding:0 0 11px 0;
	background:url("../../common/images/bg_borderside.gif") repeat-x 0 bottom;
}
#SideArea div.sidename ul{
	margin:0;
	padding:0;
}
#SideArea div.sidename  ul li{
	margin:0;
}

/* = main content section common
----------------------------------------------- */

div#MainArea div.section p {
	margin-bottom: 20px;
	line-height: 1.55;
}

div#MainArea div.section p.end {
	margin-bottom: 40px;
}

div#MainArea div.section {
	text-align: left;
}

/* = main content section 1st
----------------------------------------------- */

div.first p {
	margin: 10px;
}

p.link {
	text-align: center;
}

/* = main content section 2nd , 3rd , 4th
----------------------------------------------- */

div#MainArea div.second p.first img ,
div#MainArea div.fourth p.first img {
	float: right;
	margin-left: 10px;
}

div#MainArea div.third p.first img {
	float: left;
	margin-right: 10px;
}


/* section
----------------------------------------------- */

body.rules #MainArea p {
	margin-bottom: 16px;
	padding: 8px;
}

body.rules #MainArea dl.aboutPersonalInformation {
	border: 3px solid #cdcdcd;
}

body.rules #MainArea dl.aboutPersonalInformation dt {
	padding: 3px 6px;
	line-height: 144%;
	font-weight: bold;
}

body.rules #MainArea dl.aboutPersonalInformation dd {
	margin-left: 23px;
	padding: 3px 6px;
	line-height: 144%;
}

body.rules #MainArea dl.aboutPersonalInformation dd ul {
	margin-left: 32px;
}

body.rules #MainArea dl.aboutPersonalInformation dd ul li {
	list-style-type: square;
	color: #c00;
}

body.rules #MainArea .agreement {
	padding-bottom: 20px;
	padding-top: 20px;
	text-align: center;
}
/* BTN AREA
------------------------------- */
#MainArea div.btnArea{
	width:588px;
	height: 50px;
	margin:20px auto;
	text-align:center;
	background:url(../images/bg_btn.gif) no-repeat 0 0;
}