@charset 'utf-8';

@import "/health_illness/harasma/shared/css/harasma_shared.css";

/* keyVisual
-------------------------------------------------- */

#keyVisual {
	width: 910px;
	height: 222px;
	padding: 0px;
	margin: 0px;
	position: relative;
}

#keyVisual .head {
	position: absolute;
	top: 0px;
	left: 0px;
}

#keyVisual .flash {
	position: absolute;
	top: 0px;
	left: 0px;
}

#keyVisual h1 {
	width: 1px;
	height: 1px;
	padding: 0px;
	margin: 0px;
	font-size: 1px;
	te\xt-indent: -10000px;
	display: block;
	text-align: center;
	line-height: 1;
	color: #d8d8d8;
}

#keyVisual p {
	width: 1px;
	height: 1px;
	padding: 0px;
	margin: 0px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	text-align: center;
	line-height: 1;
	color: #d8d8d8;
}

/* mainArea
-------------------------------------------------- */

#bodyAreaBg #mainArea .topSpacer {
	height: 1px;
	padding: 0px;
	margin: 0px 0px 19px;
}

#bodyAreaBg #mainArea .bottomSpacer {
	height: 1px;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}

#mainArea .contentsUnit {
	width:691px;
	_width:711px;
	_w\idth:691px;
	padding: 5px 10px 0px;
	margin: 0px;
}

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

#mainArea .head_001,
#mainArea .head_002,
#mainArea .head_003,
#mainArea .subTitle_001,
#mainArea .subTitle_002,
#mainArea .subTitle_003 {
	border: none;
}

#mainArea .head_001 {
	width: 711px;
	height: 43px;
	padding: 0px;
	margin: 35px 0px 0px;
	background: none;
}

#mainArea .head_002 {
	width: 711px;
	height: 43px;
	padding: 0px;
	margin: 28px 0px 0px;
	background: none;
}

#mainArea .head_003 {
	width: 711px;
	height: 43px;
	padding: 0px;
	margin: 35px 0px 3px;
	background: none;
}

#mainArea .subTitle_001 {
	width: 204px;
	height: 31px;
	padding: 0px;
	margin: 0px;
	background: none;
}

#mainArea .subTitle_002 {
	width: 318px;
	height: 31px;
	padding: 0px;
	margin: 0px;
	background: none;
}

#mainArea .subTitle_003 {
	width: 185px;
	height: 13px;
	padding: 0px;
	margin: 0px 0px 12px;
	background: none;
}

/* repulseBox
-------------------------------------------------- */

#mainArea .repulseBox {
	width: 711px;
	height: 211px;
	padding: 0px;
	margin: 0px;
	position: relative;
	background: url(/health_illness/harasma/images/repulse_bg.gif) left top no-repeat;
}

#mainArea .repulseBox h2 {
	width: 711px;
	height: 137px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	border: none;
	background: none;
}

#mainArea .repulseBox p.text {
	width: 711px;
	height: 74px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 0px;
	top: 137px;
	background: none;
}

/* twoColumnType1
-------------------------------------------------- */

#mainArea .twoColumnType1 {
	width: 691px;
	padding: 3px 0px 0px;
	margin: 0px;
}

#mainArea .twoColumnType1 .leftColumn {
	width: 337px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainArea .twoColumnType1 .rightColumn {
	width: 338px;
	_width: 354px;
	_w\idth: 338px;
	padding: 0px 0px 0px 16px;
	margin: 0px;
	float: right;
	background: url(/health_illness/harasma/shared/images/hr_001.gif) 0px 1px repeat-y;
}

#mainArea .twoColumnType1 .leftColumn .body {
	width: 322px;
	_width: 337px;
	_w\idth: 322px;
	padding: 0px 15px 0px 0px;
	margin: 11px 0px 0px;
}

#mainArea .twoColumnType1 .rightColumn .body {
	width: 338px;
	padding: 0px;
	margin: 11px 0px 0px;
}

#mainArea .twoColumnType1 .body .leftText_001 {
	width: 166px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainArea .twoColumnType1 .body .leftText_001 p {
	padding: 1px 0px 11px 2px;
	margin: 0px;
}

#mainArea .twoColumnType1 .body .leftText_002 {
	width: 180px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainArea .twoColumnType1 .body .leftText_002 p {
	padding: 1px 0px 11px 1px;
	margin: 0px;
}

#mainArea .twoColumnType1 .body .rightImage {
	width: 136px;
	height: 158px;
	padding: 0px;
	margin: 4px 0px 0px;
	float: right;
}

#mainArea .detailBtn a {
	width: 105px;
	height: 25px;
	padding: 0px;
	margin: 7px 0px 0px;
	float: right;
	background: none;
}

/* twoColumnType2
-------------------------------------------------- */

#mainArea .twoColumnType2 {
	width: 692px;
	_width: 711px;
	_w\idth: 692px;
	padding: 5px 8px 0px 11px;
	margin: 0px;
}

#mainArea .twoColumnType2 .leftColumn {
	width: 401px;
	padding: 0px;
	margin: 0px;
	float: left;
}

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

#mainArea .twoColumnType2 .leftColumn.detailBtn a {
	padding: 0px;
	margin: 8px 0px 0px;
}

#mainArea .twoColumnType2 .rightColumn {
	width: 269px;
	height: 125px;
	padding: 0px;
	margin: 2px 0px 0px;
	float: right;
}

/* fourColumnBox
-------------------------------------------------- */

#mainArea .fourColumnBox {
	width: 691px;
	padding: 0px;
	margin: 12px 0px 0px;
}

#mainArea .fourColumnBox .column {
	width: 180px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainArea .fourColumnBox .columnEnd {
	width: 151px;
	padding: 0px;
	margin: 0px;
	float: left;
}

/* print
-------------------------------------------------- */

#keyVisual .printImage {
	display: none;
}