/* TOP PAGE.CSS  **************************************************

 1.LEFT_SIDE CONTAINER (update 2010.08.18 [.main_left])
 
 2.LUTEIN_INFO_CHECK
 
 3.LUTEIN_USEFUL_INFO
 
 4.INFORMATION
 
 5.RIGHT_SIDE CONTAINER
 
 6.HEALTHY_CHECK
 
 7.LUTEIN_LIB
 
* *****************************************************************/

/* 1.LEFT_SIDE CONTAINER
-----------------------------------------------------------------------------------------*/
.main_left {
	float: left;
	width: 492px;
	margin: 0px;
	padding: 0px 0px 0px 6px;/* update 2010.08.18 */
}


/* 2.LUTEIN_INFO_CHECK
-----------------------------------------------------------------------------------------*/
.main01_frame {
	height: 166px;
	width: 484px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../img/top_main01-bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	clear: right;
	padding-bottom: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

.main01_frame .left_a {
	float: left;
	padding-top: 5px;
	padding-left: 7px;
}

.main01_frame .left_b {
	float: left;
	padding-left: 5px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
}

.main01_frame .right_a {
	clear: right;
	padding-top: 10px;
	float: left;
	padding-left: 10px;
}

.main01_frame .right_b {
	clear: right;
	float: left;
	padding-left: 10px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
}

.main01_frame .inner {
	width: 480px;
	float: left;
}

/* 3.LUTEIN_USEFUL_INFO
-----------------------------------------------------------------------------------------*/
.main_left .usefulinfo {
	margin: 0px;
	width: 485px;
	float: left;
	padding: 0px;
}

.main_left .usefulinfo ul {
	padding-left: 5px;
	margin: 0px;
	padding-top: 5px;
	float: left;
	padding-right: 0px;
	padding-bottom: 0px;
}

.main_left .usefulinfo li {
	display: block;
	list-style-type: none;
	margin: 0px;
	padding: 0px 1px 13px 0px;
	float: left;
}

.main_left .bar {
	clear: both;
	float: left;
	height: 23px;
	width: 483px;
	padding-left: 3px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.main01_frame .inner h2 {
	clear: right;
	float: left;
}

/* 4.INFORMATION
-----------------------------------------------------------------------------------------*/
.main_left .info {
	margin: 0px;
	width: 480px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 5px;
	clear: right;
	float: left;
}
.main_left .info .infobody {
	margin: 0px;
	width: 350px;
	padding: 0px;
	clear: right;
	float: left;
}

.main_left .info .datecolor {
	color: #FD6E0E;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: url(../img/top_info_mark.gif);
	background-repeat: no-repeat;
	width: 80px;
	float: left;
	background-position: 0px 0.5em;
}


.main_left .info ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	width: 480px;
	clear: both;
	float: left;
}

.main_left .info li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin: 0px;
	padding: 5px 0px;
	clear: both;
	list-style-type: none;
	float: left;
	width: 470px;
}

.main_left .info li span.linkTOtv{
	display:block;
	padding-left:1em;
	text-indent:-0.5em;
}

/* 5.RIGHT_SIDE CONTAINER
-----------------------------------------------------------------------------------------*/
.main_right {
	float: left;
	margin:  0px;
	padding: 0px 0px 10px;
	width: 244px;
	clear: right;
}

/* 6.HEALTHY_CHECK
-----------------------------------------------------------------------------------------*/
.r_frame01 {
	width: 244px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../img/top_healthcheck_bg.gif);
	background-repeat: repeat-y;
	float: left;
	padding: 0px;
	clear: both;
}

.r_frame01a {
	width: 244px;
	background-image: url(../img/top_healthcheck_tp.gif);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	height: 6px;
}

.r_frame01b {
	margin: 0px;
	padding: 0px 0px 5px 5px;
}

.r_frame01c {
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

.r_frame01d {
	width: 244px;
	background-image: url(../img/top_healthcheck_bm.gif);
	background-repeat: no-repeat;
	padding: 0px;
	background-position: 0px 0px;
	margin: 0px;
	height: 10px;
	clear: both;
	float: left;
}

.fm_clear {
	clear: both;
	height: 5px;
}
/* 7.LUTEIN_LIB
-----------------------------------------------------------------------------------------*/
.r_frame02 {
	width: 244px;
	background-image: url(../img/top_whats_lib_bg.gif);
	background-repeat: repeat-y;
	float: left;
	padding: 0px;
	clear: both;
	margin: 0px;
}

.r_frame02a {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
}

.r_frame02b {
	margin: 0px;
	padding: 0px 15px 10px;
	clear: both;
	float: left;
	font-size: 83%;
	line-height:150%;
}

.r_frame02c {
	margin: 0px;
	padding: 0px 0px 6px 25px;
	clear: both;
	float: left;
}

.r_frame02d {
	width: 244px;
	background-image: url(../img/top_whats_lib_bm.gif);
	background-repeat: no-repeat;
	padding: 0px;
	background-position: 0px 0px;
	margin: 2px 0px 0px;
	height: 15px;
	clear: both;
	float: left;
}