/* css style */

.clear{clear:both;}

#container{
	position:relative;
	width:750px;
	margin:auto;
	border-right:solid 8px white;
	border-left:solid 8px white;
	border-bottom:solid 1px white;
}
/* header */

#header{
	position:relative;
	width:750px;
	background:#CCCCCC;
}
#header #he1{
	position:relative;
	width:750px;
	height:433px;
}
#he1 #he1-01{
	position:absolute;
	top:0px;
	left:159px;
}
#he1 #he1-02{
	position:absolute;
	top:44px;
	left:0px;
}
#he1 #he1-03{
	position:absolute;
	top:154px;
	left:159px;
}
#he1 #he1-04{
	position:absolute;
	top:44px;
	right:0px;
}
#he1 #he1-bt1{
	position:absolute;
	top:0px;
	left:0px;
}
#he1 #he1-bt2{
	position:absolute;
	top:0px;
	right:0px;
}
#header #he2{
	position:relative;
	width:750px;
	height:207px;
}
#he2 #he2-01{
	position:absolute;
	top:0px;
	left:0px;
}
#he2 #he2-02{
	position:absolute;
	top:0px;
	left:290px;
}
#he2 #he2-03{
	position:absolute;
	top:0px;
	right:0px;
}
#he2 #he2-04{
	position:absolute;
	top:80px;
	left:0px;
}
#he2 #he2-05{
	position:absolute;
	top:65px;
	right:0px;
}
#he2 #he2-txt1{
	position:absolute;
	top:80px;
	left:10px;
	width:249px;
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	text-align:left;
	z-index:500;
	height: 87px;
}
#he2 #he2-txt2{
	position:absolute;
	top:65px;
	right:10px;
	width:194px;
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	text-align:right;
	z-index:500;
	height: 102px;
}
#header #he3{
	position:relative;
	width:750px;
	height:108px;
}
#he3 #he3-01{
	position:absolute;
	top:0px;
	left:0px;
}
#he3 #he3-02{
	position:absolute;
	top:0px;
	left:117px;
}
#he3 #he3-03{
	position:absolute;
	top:0px;
	right:0px;
}
#he3 #he3-bg{
	position:absolute;
	top:49px;
	left:117px;
	width:519px;
	height:59px;
	z-index:100;
	background:#FFFFFF url(images/h3-bg.gif);
}
#he3 #he3-txt{
	position:absolute;
	top:51px;
	left:117px;
	width:519px;
	color:#000000;
	font-size:10px;
	font-weight:bold;
	text-align:justify;
	z-index:500;
}
/* box big */

#bx_big{
	position:relative;
	width:750px;
	background:#CCCCCC url(images/bg-box.gif) repeat-y;
}
.cn_big{
	position:relative;
	width:717px;
	height:660px;
	z-index:50;
}

.cn_big_imgBig{
	position:absolute;
	width:702px;
	height:474px;
	top:29px;
	left:0px;
	z-index:100;
	background:#999999;
}
.cn_big_img1{
	position:absolute;
	width:195px;
	height:128px;
	top:36px;
	left: 509px;
	border:solid 1px #FFFFFF;
	z-index:500;
}
.cn_big_img2{
	position:absolute;
	width:195px;
	height:128px;
	top:190px;
	left: 509px;
	border:solid 1px #FFFFFF;
	z-index:500;
}
.cn_big_img3{
	position:absolute;
	width:195px;
	height:128px;
	top:343px;
	left: 509px;
	border:solid 1px #FFFFFF;
	z-index:500;
}
.cn_big_img4{
	position:absolute;
	width:227px;
	height:155px;
	top:578px;
	left: 13px;
	border:solid 1px #FFFFFF;
	z-index:500;
}
.cn_big_img5{
	position:absolute;
	width:227px;
	height:155px;
	top:578px;
	left:264px;
	border:solid 1px #FFFFFF;
	z-index:500;
}
.cn_big_txt1{
	position:absolute;
	top:166px;
	left:513px;
	color:#FFFFFF;
	font-size:17px;
	font-weight:bold;
	z-index:500;
}
.cn_big_txt1S{
	position:absolute;
	top:167px;
	left:514px;
	color:#000000;
	font-size:17px;
	font-weight:bold;
	z-index:480;
}
.cn_big_txt2{
	position:absolute;
	top:319px;
	left:513px;
	color:#FFFFFF;
	font-size:17px;
	font-weight:bold;
	z-index:500;
}
.cn_big_txt2S{
	position:absolute;
	top:320px;
	left:514px;
	color:#000000;
	font-size:17px;
	font-weight:bold;
	z-index:480;
}
.cn_big_txt3{
	position:absolute;
	top:474px;
	left:513px;
	color:#FFFFFF;
	font-size:17px;
	font-weight:bold;
	z-index:500;
}
.cn_big_txt3S{
	position:absolute;
	top:475px;
	left:514px;
	color:#000000;
	font-size:17px;
	font-weight:bold;
	z-index:480;
}
.cn_big_bx1{
	position:absolute;
	width:718px;
	height:97px;
	top:497px;
	left: 0px;
	z-index:500;
}
.cn_big_bx1 .cn_big_bx1bg{
	position:absolute;
	width:697px;
	height:97px;
	top:0px;
	left:11px;
	z-index:500;
	background:url(images/cn-big-bg.gif);
}
.cn_big_bx1 .cn_big_bx1L{
	position:absolute;
	width:11px;
	height:97px;
	top:0px;
	left:0px;
	z-index:500;
	background:url(images/cn-big-bxL.gif);
}
.cn_big_bx1 .cn_big_bx1R{
	position:absolute;
	width:11px;
	height:97px;
	top:0px;
	right:0px;
	z-index:500;
	background:url(images/cn-big-bxR.gif);
}
.cn_big_bx1 .cn_big_bx1Txt{
	position:absolute;
	color:#FFFFFF;
	font-size:30px;
	z-index:1000;
	left: 16px;
	top: 3px;
}
.cn_big_bx1 .cn_big_bx1Txt2{
	position:absolute;
	width:695px;
	color:#000000;
	font-size:10px;
	font-weight:bold;
	text-align:justify;
	left: 9px;
	top: 51px;
	z-index:1000;
}
.cn_big_bx2{
	position:absolute;
	width:203px;
	height:135px;
	top:600px;
	left: 504px;
	z-index:500;
	background:url(images/cn-big-bx2.gif) no-repeat;
}
.cn_big_bx2 .cn_big_bx2Txt{
	color:#000000;
	font-size:10px;
	font-weight:bold;
	text-align:justify;
	padding:12px 10px 0px;
}
.cn_big_logo{
	position:absolute;
	width:221px;
	height:153px;
	top:41px;
	left: 21px;
	z-index:500;
	background:url(images/bx-bg-logo.gif);
}
.cn_big_logo2{
	position:absolute;
	width:221px;
	height:153px;
	top:340px;
	left: 21px;
	z-index:500;
	background:url(images/bx-bg-logo.gif);
}
.cn_big_ck{
	position:absolute;
	width:717px;
	height:62px;
	top:589px;
	left:0px;
	z-index:100;
}
.cn_big_ck1{
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}
.cn_big_ck2{
	position:absolute;
	top:0px;
	right:0px;
	z-index:100;
}
/* box big yellow & red */

.cn_big_ye{
	position:absolute;
	width:10px;
	height:8px;
	top:29px;
	left:0px;
	font-size:2px;
	z-index:500;
	background:url(images/canto_yellow_big.gif) no-repeat;
}
.cn_big_red{
	position:absolute;
	width:10px;
	height:8px;
	top:29px;
	right:0px;
	font-size:2px;
	z-index:500;
	background:url(images/canto_red_big.gif) no-repeat;
}

/* box small */

#bx_sm{
	position:relative;
	width:750px;
}
#bx_smL{
	float:left;
	width:375px;
	background:#FFC63E;
}
#bx_smR{
	float:right;
	width:375px;
	background:#EA3963;
}
.cn_sm{
	position:relative;
	width:342px;
	height:430px;
	z-index:50;
}

.cn_sm_imgBig{
	position:absolute;
	width:342px;
	height:345px;
	top:39px;
	left:0px;
	z-index:100;
	background:#999999;
}
.cn_sm_img1{
	position:absolute;
	width:93px;
	height:62px;
	top:53px;
	left: 235px;
	border:solid 1px #FFFFFF;
	z-index:500;
}
.cn_sm_img2{
	position:absolute;
	width:93px;
	height:62px;
	top:132px;
	left: 235px;
	border:solid 1px #FFFFFF;
	z-index:500;
}
.cn_sm_img3{
	position:absolute;
	width:93px;
	height:62px;
	top:213px;
	left: 235px;
	border:solid 1px #FFFFFF;
	z-index:500;
}
.cn_sm_img4{
	position:absolute;
	width:107px;
	height:73px;
	top:299px;
	left: 4px;
	border:solid 1px #FFFFFF;
	z-index:500;
}
.cn_sm_img5{
	position:absolute;
	width:107px;
	height:73px;
	top:299px;
	left:119px;
	border:solid 1px #FFFFFF;
	z-index:500;
}
.cn_sm_txt{
	position:absolute;
	top:275px;
	left:7px;
	color:#FFFFFF;
	font-size:18px;
	z-index:500;
}
.cn_sm_txtS{
	position:absolute;
	top:276px;
	left:8px;
	color:#000000;
	font-size:18px;
	z-index:480;
}
.cn_sm_logo{
	position:absolute;
	width:115px;
	height:77px;
	top:39px;
	left: 10px;
	z-index:500;
	background:url(images/bx-sm-logo.gif);
}
.cn_sm_ck{
	position:absolute;
	width:342px;
	height:47px;
	top:383px;
	left:0px;
	z-index:100;
}
/* box small yellow & red */

.cn_sm_ye{
	position:absolute;
	width:6px;
	height:6px;
	top:39px;
	left:0px;
	font-size:2px;
	z-index:500;
	background:url(images/canto_ye_sm.gif) no-repeat;
}
.cn_sm_red{
	position:absolute;
	width:6px;
	height:6px;
	top:39px;
	left:0px;
	font-size:2px;
	z-index:500;
	background:url(images/canto_red_sm.gif) no-repeat;
}
.cn_sm_red_bt{
	position:absolute;
	width:9px;
	height:8px;
	top:422px;
	left:0px;
	font-size:2px;
	z-index:500;
	background:url(images/canto_red_sm_but.gif) bottom no-repeat;
}

/* Footer */

#footer{
	position:relative;
	width:750px;
	height:276px;
	background:#CCCCCC url(images/bg-box.gif) repeat-y;
}
#footer #foo-01{
	position:absolute;
	top:0px;
	left:0px;
}
#footer #foo-bt1{
	position:absolute;
	top:214px;
	left:54px;
}
#footer #foo-bt2{
	position:absolute;
	top:214px;
	left:503px;
}
#footer #foo-02{
	position:absolute;
	top:214px;
	left:252px;
}

/* Join */

#jo-header{
	position:relative;
	width:750px;
	height:229px;
}
#jo-bx{
	position:relative;
	width:750px;
	height:531px;
}
#jo-bx #jo-bxL{
	position:absolute;
	width:374px;
	top:0px;
	left:0px;
}
#jo-bxL #jo-bxL-01{
	position:absolute;
	top:0px;
	left:0px;
}
#jo-bxL #jo-bxL-02{
	position:absolute;
	top:76px;
	left:0px;
}
#jo-bxL #jo-bxL-03{
	position:absolute;
	top:144px;
	left:0px;
}
#jo-bxL #jo-bxL-04{
	position:absolute;
	top:144px;
	left:93px;
}
#jo-bxL #jo-bxL-05{
	position:absolute;
	top:216px;
	left:0px;
}
#jo-bx #jo-bxR{
	position:absolute;
	width:376px;
	top:0px;
	right:0px;
}
#jo-bxR #jo-bxR-01{
	position:absolute;
	top:0px;
	left:0px;
}
#jo-bxR #jo-bxR-02{
	position:absolute;
	top:76px;
	left:0px;
}
#jo-bxR #jo-bxR-03{
	position:absolute;
	top:272px;
	left:0px;
}
#jo-bxR #jo-bxR-04{
	position:absolute;
	top:272px;
	left:256px;
}
#jo-bxR #jo-bxR-05{
	position:absolute;
	top:423px;
	left:0px;
}
#jo-bxR #jo-bxR-tab{
	position:absolute;
	top:87px;
	left:21px;
	z-index:500;
}
#jo-bxR #jo-bxR-but{
	position:absolute;
	top:354px;
	left:26px;
	z-index:500;
}
.jo-tab{
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
}
.jo-form{
	width:200px;
}
#jo-bu{
	position:relative;
	width:750px;
	height:190px;
}
#jo-bu-01{
	position:absolute;
	top:0px;
	left:0px;
	z-index:500;
}
#jo-bu-02{
	position:absolute;
	top:75px;
	left:0px;
	z-index:500;
}
#jo-bu-03{
	position:absolute;
	top:75px;
	right:0px;
	z-index:500;
}
#jo-bu-bg{
	position:absolute;
	top:75px;
	left:34px;
	z-index:500;
	width:682px;
	height:115px;
	background:url(images/jo-bu-bg.jpg);
}
#jo-bb-01{
	position:absolute;
	top:22px;
	left:13px;
	z-index:800;
	border:solid 3px #60741C;
}

#jo-bb-01-txt{
	position:absolute;
	top:97px;
	left:7px;
	font-size:12px;
	color:#696969;
	z-index:800;
}
#jo-bb-02{
	position:absolute;
	top:22px;
	left:148px;
	z-index:800;
	border:solid 3px #60741C;
}

#jo-bb-02-txt{
	position:absolute;
	top:97px;
	left:159px;
	font-size:12px;
	color:#696969;
	z-index:800;
}
#jo-bb-03{
	position:absolute;
	top:0px;
	left:276px;
	z-index:800;
	border:solid 3px #60741C;
}

#jo-bb-03-txt{
	position:absolute;
	top:97px;
	left:293px;
	font-size:12px;
	color:#696969;
	z-index:800;
}
#jo-bb-04{
	position:absolute;
	top:22px;
	left:439px;
	z-index:800;
	border:solid 3px #60741C;
}

#jo-bb-04-txt{
	position:absolute;
	top:97px;
	left:427px;
	font-size:12px;
	color:#696969;
	z-index:800;
}
#jo-bb-05{
	position:absolute;
	top:22px;
	left:573px;
	z-index:800;
	border:solid 3px #60741C;
}

#jo-bb-05-txt{
	position:absolute;
	top:97px;
	left:582px;
	font-size:12px;
	color:#696969;
	z-index:800;
}