@charset 'utf-8';

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

#mainArea h1 {
	width: 708px;
	height: 32px;
	padding: 0px;
	margin: 0px 0px 7px 1px;
	display: block;
	font-size: 1px;
	line-height: 1;
	te\xt-indent: -10000px;
	text-align: center;
	text-decoration: none;
	background: url(../images/h1_pagetitle.gif) left top no-repeat;
	color: #d8cbce;
}

#mainArea h2 {
	width: 512px;
	height: 19px;
	padding: 0px;
	margin: 0px 0px 15px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	text-align: center;
	text-decoration: none;
	background: url(../images/h2_textimage.gif) left top no-repeat;
	color: #ffffff;
	line-height: 1;
}

/* head
----------------------------------------------------------*/

#mainArea .head_001,
#mainArea .head_002,
#mainArea .head_003,
#mainArea .head_004,
#mainArea .head_005,
#mainArea .head_006,
#mainArea .head_007,
#mainArea .head_008,
#mainArea .head_009,
#mainArea .head_010 {
	width: 316px;
	height: 21px;
	padding: 0px;
	margin: 0px;
	display: block;
	font-size: 1px;
	line-height: 1;
	te\xt-indent: -10000px;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
}

#mainArea .head_001 {
	position: absolute;
	top: 8px;
	left: 9px;
	background: url(/oncology/treat/images/head_001.gif) left top no-repeat;
}

#mainArea .head_002 {
	position: absolute;
	top: 8px;
	left: 9px;
	background: url(/oncology/treat/images/head_002.gif) left top no-repeat;
}

#mainArea .head_003 {
	position: absolute;
	top: 9px;
	left: 9px;
	background: url(/oncology/treat/images/head_003.gif) left top no-repeat;
}

#mainArea .head_004 {
	position: absolute;
	top: 9px;
	left: 9px;
	background: url(/oncology/treat/images/head_004.gif) left top no-repeat;
}

#mainArea .head_005 {
	position: absolute;
	top: 9px;
	left: 9px;
	background: url(/oncology/treat/images/head_005.gif) left top no-repeat;
}

#mainArea .head_006 {
	position: absolute;
	top: 9px;
	left: 9px;
	background: url(/oncology/treat/images/head_006.gif) left top no-repeat;
}

#mainArea .head_007 {
	position: absolute;
	top: 9px;
	left: 9px;
	background: url(/oncology/treat/images/head_007.gif) left top no-repeat;
}

#mainArea .head_008 {
	position: absolute;
	top: 9px;
	left: 9px;
	background: url(/oncology/treat/images/head_008.gif) left top no-repeat;
}

#mainArea .head_009 {
	position: absolute;
	top: 9px;
	left: 9px;
	background: url(/oncology/treat/images/head_009.gif) left top no-repeat;
}

#mainArea .head_010 {
	position: absolute;
	top: 9px;
	left: 9px;
	background: url(/oncology/treat/images/head_010.gif) left top no-repeat;
}

/* text
----------------------------------------------------------*/

#mainArea .text_001,
#mainArea .text_002,
#mainArea .text_003,
#mainArea .text_004,
#mainArea .text_005,
#mainArea .text_006,
#mainArea .text_007,
#mainArea .text_008,
#mainArea .text_009,
#mainArea .text_010 {
	padding: 0px;
	margin: 0px;
	display: block;
	font-size: 1px;
	line-height: 1;
	te\xt-indent: -10000px;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
}

#mainArea .text_001 {
	width: 229px;
	height: 64px;
	position: absolute;
	top: 35px;
	left: 96px;
	background: url(/oncology/treat/images/text_001.gif) left top no-repeat;
}

#mainArea .text_002 {
	width: 231px;
	height: 80px;
	position: absolute;
	top: 36px;
	left: 98px;
	background: url(/oncology/treat/images/text_002.gif) left top no-repeat;
}

#mainArea .text_003 {
	width: 230px;
	height: 46px;
	position: absolute;
	top: 37px;
	left: 96px;
	background: url(/oncology/treat/images/text_003.gif) left top no-repeat;
}

#mainArea .text_004 {
	width: 229px;
	height: 63px;
	position: absolute;
	top: 37px;
	left: 98px;
	background: url(/oncology/treat/images/text_004.gif) left top no-repeat;
}

#mainArea .text_005 {
	width: 229px;
	height: 64px;
	position: absolute;
	top: 36px;
	left: 97px;
	background: url(/oncology/treat/images/text_005.gif) left top no-repeat;
}

#mainArea .text_006 {
	width: 231px;
	height: 81px;
	position: absolute;
	top: 36px;
	left: 97px;
	background: url(/oncology/treat/images/text_006.gif) left top no-repeat;
}

#mainArea .text_007 {
	width: 230px;
	height: 64px;
	position: absolute;
	top: 36px;
	left: 96px;
	background: url(/oncology/treat/images/text_007.gif) left top no-repeat;
}

#mainArea .text_008 {
	width: 230px;
	height: 46px;
	position: absolute;
	top: 37px;
	left: 95px;
	background: url(/oncology/treat/images/text_008.gif) left top no-repeat;
}

#mainArea .text_009 {
	width: 230px;
	height: 67px;
	position: absolute;
	top: 36px;
	left: 95px;
	background: url(/oncology/treat/images/text_009.gif) left top no-repeat;
}

#mainArea .text_010 {
	width: 231px;
	height: 29px;
	position: absolute;
	top: 37px;
	left: 96px;
	background: url(/oncology/treat/images/text_010.gif) left top no-repeat;
}

/* contentsUnit
----------------------------------------------------------*/

#mainArea .contentsUnit {
	width: 688px;
	padding: 0px;
	margin: 15px 0px 0px;
}

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

#mainArea .contentsUnit .twoColumnType1 {
	width: 684px;
	_width: 688px;
	_w\idth: 684px;
	padding: 0px 1px 0px 3px;
	margin: 0px 0px 12px;
}

#mainArea .contentsUnit .twoColumnType1 .leftColumn {
	width: 335px;
	height: 159px;
	padding: 0px;
	margin: 0px;
	float: left;
	background: url(/oncology/treat/images/contents_bg_001.gif) left top no-repeat;
	border: none;
}

#mainArea .contentsUnit .twoColumnType1 .rightColumn {
	width: 335px;
	height: 159px;
	padding: 0px;
	margin: 0px;
	float: right;
	background: url(/oncology/treat/images/contents_bg_001.gif) left top no-repeat;
	border: none;
}

#mainArea .contentsUnit .twoColumnType1 .leftColumn .body,
#mainArea .contentsUnit .twoColumnType1 .rightColumn .body {
	width: 335px;
	padding: 0px;
	margin: 0px;
	position: relative;
}

#mainArea .contentsUnit .twoColumnType1 .images_001 {
	width: 80px;
	height: 69px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 9px;
	top: 35px;
}

#mainArea .contentsUnit .twoColumnType1 .images_002 {
	width: 80px;
	height: 69px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 9px;
	top: 36px;
}

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

#mainArea .twoColumnType2 {
	width: 684px;
	_width: 688px;
	_w\idth: 684px;
	padding: 0px 1px 0px 3px;
	margin: 0px 0px 12px;
	position: relative;
}

#mainArea .twoColumnType2 .leftColumn .body,
#mainArea .twoColumnType2 .rightColumn .body {
	width: 335px;
	padding: 0px;
	margin: 0px;
	position: relative;
}

#mainArea .twoColumnType2 .leftColumn {
	width: 335px;
	height: 143px;
	padding: 0px;
	margin: 0px;
	float: left;
	position: relative;
	background: url(/oncology/treat/images/contents_bg_002.gif) left top no-repeat;
}

#mainArea .twoColumnType2 .rightColumn {
	width: 335px;
	height: 143px;
	padding: 0px;
	margin: 0px;
	float: right;
	position: relative;
	background: url(/oncology/treat/images/contents_bg_002.gif) left top no-repeat;
}

#mainArea .twoColumnType2 .image {
	width: 80px;
	height: 69px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 9px;
	top: 36px;
}

/* twoColumnType3
----------------------------------------------------------*/

#mainArea .twoColumnType3 {
	width: 684px;
	_width: 688px;
	_w\idth: 684px;
	padding: 0px 1px 0px 3px;
	margin: 0px 0px 12px;
	position: relative;
}

#mainArea .twoColumnType3 .leftColumn .body,
#mainArea .twoColumnType3 .rightColumn .body {
	width: 335px;
	padding: 0px;
	margin: 0px;
	position: relative;
}

#mainArea .twoColumnType3 .leftColumn {
	width: 335px;
	height: 141px;
	padding: 0px;
	margin: 0px;
	float: left;
	position: relative;
	background: url(/oncology/treat/images/contents_bg_003.gif) left top no-repeat;
}

#mainArea .twoColumnType3 .rightColumn {
	width: 335px;
	height: 141px;
	padding: 0px;
	margin: 0px;
	float: right;
	position: relative;
	background: url(/oncology/treat/images/contents_bg_003.gif) left top no-repeat;
}

#mainArea .twoColumnType3 .image {
	width: 80px;
	height: 69px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 9px;
	top: 36px;
}

/* detailBtn
----------------------------------------------------------*/

#mainArea .twoColumnType1 .detailBtn_001,
#mainArea .twoColumnType2 .detailBtn_002,
#mainArea .twoColumnType3 .detailBtn_003 {
	width: 108px;
	height: 21px;
	padding: 0px;
	margin: 0px;
}

#mainArea .twoColumnType1 .detailBtn_001 a {
	width: 108px;
	height: 21px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 215px;
	top: 128px;
	display: block;
	font-size: 1px;
	line-height: 1;
	te\xt-indent: -10000px;
	text-align: center;
	text-decoration: none;
	color: #cccccc;
	background: url(/shared/images/detail_btn_001.gif) left top no-repeat;
}

#mainArea .twoColumnType2 .detailBtn_002 a {
	width: 108px;
	height: 21px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 215px;
	top: 112px;
	display: block;
	font-size: 1px;
	line-height: 1;
	te\xt-indent: -10000px;
	text-align: center;
	text-decoration: none;
	color: #cccccc;
	background: url(/shared/images/detail_btn_001.gif) left top no-repeat;
}

#mainArea .twoColumnType3 .detailBtn_003 a {
	width: 108px;
	height: 21px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 215px;
	top: 111px;
	display: block;
	font-size: 1px;
	line-height: 1;
	te\xt-indent: -10000px;
	text-align: center;
	text-decoration: none;
	color: #cccccc;
	background: url(/shared/images/detail_btn_001.gif) left top no-repeat;
}

#mainArea .twoColumnType1 .detailBtn_001 a:hover,
#mainArea .twoColumnType2 .detailBtn_002 a:hover,
#mainArea .twoColumnType3 .detailBtn_003 a:hover {
	background-position: 0px -21px;
}