/* index.css */
/* base_setting
**************************************************************************************************/
#wapper div#global_footer {margin-top: 0;}

div#mc_wapper {
	position: relative;
	background-image: url(../images/back.jpg);
	background-repeat: repeat;
	color: #FFF;
}
*html div#mc_wapper {width: 100%;}

div#mc_wapper div#main_container {
	position: relative;
	background-position: center 297px;
	background-repeat: no-repeat;
	width: 940px;
}
div#mc_wapper div#main_container div#main_wapper {
	position: relative;
	background-position: center bottom;
	background-repeat: no-repeat;
	width: 940px;
}
div#mc_wapper div#main_container div#main {
	position: relative;
	padding: 0 20px;
	background-color: #61C0C2;
	width: 900px;
}


/* text -> img
****************************************************/
div#main_container #main_header h3,
div#main_container #main .read,
div#main_container #main h4,
div#main_container #main .section_header p,
div#main_container #main #section03 #section03_a dt,
div#main_container #main #contents_copy,
.link_btn a,
.pgtop_btn a {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
}
#reference dt,
#reference dd {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
}
#reference dt {background-image: url(../images/sect04_txt01.gif);}
#reference dd {background-image: url(../images/sect04_txt02.gif);}


/* CLASS
****************************************************/

.pgtop_btn {
	padding: 10px 0 0;
	height: 11px;
	}
.pgtop_btn a {
	float: right;
	background-image: url(../images/top_btn.gif);
	width: 79px;
	height: 11px;
}
.pgtop_btn a:hover {background-position: 0 -11px;}



/* contents
**************************************************************************************************/

div#main_container #main_header h3 {
	position: relative;
	margin: 0 auto;
	background: url(../images/header_bg.jpg) no-repeat center 0px;
	width: 940px;
	height: 456px;
}
#main_header #tv {
	position: relative;
	float: right;
	margin-top: -132px;
	padding-right: 25px;
	width: 193px;
	height: 110px;
}

#main_header #tv .link_btn a {
	width: 193px;
	height: 110px;
	background: url(../images/link_btn.jpg);
}
#main_header #tv .link_btn a:hover {background-position: 0 -110px;}

*html #main_header #tv {
	margin-top: -132px;
	padding-right: 25px;
}


/* section01
****************************************************/
div#main_container #main #section01 .section_header {
	padding: 30px 0 12px;
	border-bottom: 3px solid #FFF;
	height: 28px;
}
div#main_container #main #section01 .section_header h4 {
	float: left;
	background-image:url(../images/sect01_title.gif);
	width: 185px;
	height: 27px;
}
div#main_container #main #section01 .section_header p {
	float: right;
	background-image: url(../images/sect01_txt01.gif);
	width: 106px;
	height: 33px;
}

div#main_container #main #section01 ul {
	margin: 20px 0 0;
	margin-right: -24px;
	height: 1913px;
}
div#main_container #main #section01 ul li {
	float: left;
	margin: 0 12px 12px 0;
	width: 292px;
	height: 373px;
}
*html div#main_container #main #section01 ul {margin-right: -48px;}

/* section02
****************************************************/
div#main_container #main #section02 .section_header {
	padding: 10px 0 12px;
	border-bottom: 3px solid #FFF;
	height: 28px;
}
div#main_container #main #section02 .section_header h4 {
	float: left;
	background-image:url(../images/sect02_title.gif);
	width: 80px;
	height: 27px;
}
div#main_container #main #section02 .section_header p {
	float: right;
	background-image: url(../images/sect02_txt01.gif);
	width: 106px;
	height: 33px;
}
div#main_container #main #section02 ul {
	margin: 20px 0 0;
	margin-right: -24px;
	height: 490px;
}
div#main_container #main #section02 ul li {
	float: left;
	width: 900px;
	height: 490px;
}
*html div#main_container #main #section02 ul {margin-right: -48px;}




/* section03
****************************************************/
div#main_container #main #section03 .section_header {
	padding: 10px 0 12px;
	border-bottom: 3px solid #FFF;
	height: 28px;
}
div#main_container #main #section03 .section_header h4 {
	float: left;
	background-image:url(../images/sect03_title.gif);
	width: 252px;
	height: 27px;
}
div#main_container #main #section03 .section_header p {
	float: right;
	background-image: url(../images/sect03_txt01.gif);
	width: 106px;
	height: 33px;
}
div#main_container #main #section03 ul {
	margin: 20px 0 0;
	margin-right: -24px;
	height: 758px;
}
div#main_container #main #section03 ul li {
	float: left;
	margin: 0 12px 12px 0;
	height: 373px;
}
*html div#main_container #main #section03 ul {margin-right: -48px;}

*html div#main_container #main #section03 ul {margin-bottom: 5px;}
*html div#main_container #main #section03 .section_header {height: 28px;}
*:first-child+html div#main_container #main #section03 .section_header {height: 28px;}



/* copyright */
div#main_container #main #contents_copy {
	margin-top: 10px;
	background-image: url(../images/copy.gif);
	width: 91px;
	height: 28px;
}

/* reference */
#reference {
	position: relative;
	margin-top: 20px;
	width: 900px;
	height: 50px;
	background: #FFF;
}
#reference dt{
	float: left;
	background-image: url(../images/sect04_txt01.gif);
	width: 219px;
	height: 50px;
}
#reference dd{
	float: left;
	background-image: url(../images/sect04_txt02.gif);
	width: 342px;
	height: 50px;
}