/* ================== templete ================== */
#wrap,
#container,
#header,
#menu,
#footer {
width:722px;
}

#container {
width:718px;
}

#sidemenu{
float:left;
}

#main{
float:right;
width:505px;
margin:0 0 30px 0;
}

#footer{
clear:both;
padding:10px 0 10px 0;
}



/* ================== general ================== */
.pagetop {
clear:both;
}
.pagetop p{
padding:0 0 5px 0;
text-align:right;
}

.pagetop2 {
clear:both;
}
.pagetop2 p{
padding:30px 0 5px 0;
text-align:right;
}
/* ================== header ================== */
#header p.logo{
float:left;
}

#header p.logo_cci{
float:right;
margin:14px 10px 0 0;
}
/* hack for win IE6 */
	* html #header p.logo_cci{
	margin:14px 5px 0 0;
	}
/* hack for win IE6 */


/* ==================  bread_crumb  ================== */
#bread_crumb {
float:right;
width:505px;
padding:0 0 7px 0;
margin:7px 0 0 2px;
font-size:12px;
border-bottom:5px solid #009CC4;
}
#bread_crumb a{
text-decoration:underline;
}

/* ================== side_menu  ================== */

#sidemenu .top{
width:183px;
background:url(../img/fig_bg_side_top.gif) no-repeat top left;
}
#sidemenu .bottom{
width:183px;
height:17px;
background:url(../img/fig_bg_side_btm.gif) no-repeat top left;
}

#sidemenu .cont {
width:183px;
margin:-5px 0 0 0;
background:url(../img/fig_bg_side.gif) repeat-y top left;
}
/* hack for win IE6 \*/
	* html #sidemenu .cont {
	margin:-6px 0 0 0;
	}
/* hack for win IE6 end \*/

#sidemenu .cont ul {
margin:0;
}
#sidemenu .cont ul li {
padding:3px 0 0 0;
background:url(../img/fig_side-nav_bdr.gif) no-repeat left top;
}
#sidemenu .cont ul li a,
#sidemenu .cont ul li a:hover{
display:block;
margin:0 0 0 6px;
height:33px;
}

#sidemenu .cont ul li.navi1,
#sidemenu .cont ul li.navi1-current {
height:26px;
background:none;
}
/* hack for win IE6 */
	* html #sidemenu .cont ul li.navi1 {
	height:23px;
	}
/* hack for win IE6 end */
	
#sidemenu .cont ul li.navi1 a {
margin-top:-3px;
background:url(../img/fig_side-nav01.gif) no-repeat 0px 2px;
text-indent:-99999px;
}
#sidemenu .cont ul li.navi2 a {
background:url(../img/fig_side-nav02.gif) no-repeat 0px 2px;
text-indent:-99999px;
}
#sidemenu .cont ul li.navi3 a{
background:url(../img/fig_side-nav03.gif) no-repeat 0px 2px;
text-indent:-99999px;
}
#sidemenu .cont ul li.navi4 a{
background:url(../img/fig_side-nav04.gif) no-repeat 0px 2px;
text-indent:-99999px;
}
#sidemenu .cont ul li.navi5 a{
background:url(../img/fig_side-nav05.gif) no-repeat 0px 2px;
text-indent:-99999px;
}

#sidemenu .cont ul li.navi1 a:hover,
#sidemenu .cont ul li.navi1-current,
#sidemenu .cont ul li.navi1-current a{
height:29px;
margin-top:-3px;
background:url(../img/fig_side-nav01_on.gif) no-repeat 2px 0px;
text-indent:-99999px;
}
#sidemenu .cont ul li.navi2 a:hover,
#sidemenu .cont ul li.navi2-current a{
background:url(../img/fig_side-nav02_on.gif) no-repeat 2px 4px;
text-indent:-99999px;
}
#sidemenu .cont ul li.navi3 a:hover,
#sidemenu .cont ul li.navi3-current a{
background:url(../img/fig_side-nav03_on.gif) no-repeat 2px 4px;
text-indent:-99999px;
}
#sidemenu .cont ul li.navi4 a:hover,
#sidemenu .cont ul li.navi4-current a{
background:url(../img/fig_side-nav04_on.gif) no-repeat 2px 4px;
text-indent:-99999px;
}
#sidemenu .cont ul li.navi5 a:hover,
#sidemenu .cont ul li.navi5-current a{
background:url(../img/fig_side-nav05_on.gif) no-repeat 2px 4px;
text-indent:-99999px;
}
/* hack for win IE6 */
	* html #sidemenu .cont ul li.navi1 a:hover,
	* html #sidemenu .cont ul li.navi1-current a,
	* html #sidemenu .cont ul li.navi1-current a:hover{
	margin-top:0;
	padding:0;
	height:30px;
	background:url(../img/fig_side-nav01_on.gif) no-repeat 3px 0px;
	}
	* html #sidemenu .cont ul li.navi2-current a{
	background:url(../img/fig_side-nav02_on.gif) no-repeat 3px 4px;
	}
	* html #sidemenu .cont ul li.navi3-current a{
	background:url(../img/fig_side-nav03_on.gif) no-repeat 3px 4px;
	}
	* html #sidemenu .cont ul li.navi4-current a{
	background:url(../img/fig_side-nav04_on.gif) no-repeat 3px 4px;
	}
	* html #sidemenu .cont ul li.navi5-current a{
	background:url(../img/fig_side-nav05_on.gif) no-repeat 3px 4px;
	}
/* hack for win IE6 end */



/* ----- ul li.sub ----- */
#sidemenu .cont ul li.sub {
margin:0;
padding:0 0 15px 0;
background:none;
}

#sidemenu .cont ul li.sub ul {
margin:0 0 0 27px;
padding:0 0 0 0;
background:none;
}
/* hack for win IE6 */
	* html #sidemenu .cont ul li.sub ul {
	margin:-18px 0 0 27px;
	padding:0 0 0 0;
	}
/* hack for win IE6 end */


#sidemenu .cont ul li.sub ul li{
list-style-type:none;
width:147px;
height:27px;
padding:0;
font-size:12px;
background:url(../img/fig_side-subnav.gif) no-repeat left top;
}
/* hack for win IE6 */
	* html #sidemenu .cont ul li.sub ul li,
	* html #sidemenu .cont ul li.sub ul li a{
	height:22px;
	border:red;
}
/* hack for win IE6 */

#sidemenu .cont ul li.sub ul li.ttl {
height:18px;
padding:5px 0 0 1px;
background:url(../img/fig_dot_01.gif) repeat-x bottom left;
font-size:12px;
font-weight:bold;
}
#sidemenu .cont ul li.sub ul li.ttl2 {
height:18px;
padding:6px 0 0 1px;
background:url(../img/fig_dot_01.gif) repeat-x bottom left;
font-size:12px;
font-weight:bold;
}

#sidemenu .cont ul li.sub ul li.current {
width:150px;
height:22px;
margin:0;
padding:6px 0 0 20px;
color:#FFFFFF;
text-decoration:none;
background:url(../img/fig_side-subnav_on.gif) no-repeat left top;
}
/* hack for win IE6 */
	* html #sidemenu .cont ul li.sub ul li.current {
	height:22px;
	padding:7px 0 0 20px;
	}
/* hack for win IE6 */

#sidemenu .cont ul li.sub ul li a{
display:block;
height:26px;
margin:0;
padding:6px 0 0 20px;
color:#333333;
text-decoration:underline;
background:url(../img/fig_side-subnav.gif) no-repeat left top;
}
#sidemenu .cont ul li.sub ul li a:hover{
display:block;
width:150px;
height:26px;
padding:6px 0 0 20px;
color:#00AADD;
border:none;
background:url(../img/fig_side-subnav_on.gif) no-repeat left top;
text-decoration:none;
}

/* hack for win IE6 */
	* html #sidemenu .cont ul li.sub ul li a:hover {
	height:22px;
	margin:0;
	background:url(../img/fig_side-subnav_on.gif) no-repeat 0 0px;
	}
/* hack for win IE6 */

#sidemenu .cont ul li.sub ul ul li li a:active {
color:#CC0000;
}
#sidemenu .cont ul li.sub ul ul li li a:visited {
color:#999999;
text-decoration:underline;
}





#sidemenu .cont ul li.sub ul li.sec{
list-style-type:none;
width:135px;
height:43px;
padding:0;
font-size:12px;
background:url(../img/fig_side-subnav2.gif) no-repeat left top;
}
/* hack for win IE6 */
	* html #sidemenu .cont ul li.sub ul li.sec,
	* html #sidemenu .cont ul li.sub ul li.sec a{
	height:40px;
	border:red;
}
/* hack for win IE6 */
#sidemenu .cont ul li.sub ul li.sec a{
display:block;
width:135px;
height:43px;
margin:0;
padding:6px 0 0 20px;
color:#333333;
text-decoration:underline;
background:url(../img/fig_side-subnav2.gif) no-repeat left top;
}
#sidemenu .cont ul li.sub ul li.sec a:hover{
	display:block;
	width:135px;
	height:43px;
	padding:6px 0 0 20px;
	color:#00AADD;
	border:none;
	font-size:12px;
	background:url(../img/fig_side-subnav_on2.gif) no-repeat left top;
	text-decoration:none;
}

/* hack for win IE6 */
	* html #sidemenu .cont ul li.sub ul li.sec a:hover {
	height:40px;
	margin:0;
	background:url(../img/fig_side-subnav_on2.gif) no-repeat 0 0px;
	}
/* hack for win IE6 */
#sidemenu .cont ul li.sub ul li.current2 {
display:block;
width:135px;
height:37px;
margin:0;
padding:6px 0 0 20px;
color:#FFFFFF;
text-decoration:none;
background:url(../img/fig_side-subnav_on2.gif) no-repeat left top;
}
/* hack for win IE6 */
	* html #sidemenu .cont ul li.sub ul li.current2 {
	height:37px;
	padding:7px 0 0 20px;
	}
/* hack for win IE6 */





/* ==================  main  ================== */

#main .box{
clear:both;
}

#main h1 {
margin:10px 0 0 0;
padding:0 0 20px 0;
background:url(../img/h1_btm.gif) left bottom no-repeat;
}
#main h2{
	width:505px;
	height:38px;
	font-size:18px;
	font-weight:bold;
	background:url(../img/h2_bg.gif) no-repeat left top;
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#main h2.f-s{
width:505px;
height:33px;
margin:30px 0 20px 0;
padding:10px 0 0 0;
font-size:14px;
font-weight:bold;
background:url(../img/h2_bg.gif) no-repeat left top;
}
#main h3{
	font-weight:bold;
	border-bottom:3px solid #CCCCCC;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0px;
}

#main p{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20;
	margin-left: 10px;
}
#main p.img{
margin:15px 0 10px 0;
}
#main p.bdr{
width:480px;
margin-left:0;
padding:10px;
border:1px dotted #666666;
}
#main p.indent {
margin:5px 0 0 20px;
padding:0 0 0 1em;
text-indent:-1em;
}

#main dl{
margin:20px 0 30px 20px;
}
#main dl dt{
padding:0 0 3px 5px;
font-weight:bold;
border-bottom:1px solid #999999;
}
#main dl dd{
	margin:10px 0 30px 15px;
	font-size:110%;
	font-weight: normal;
}

#main dl.lft{
float:left;
width:230px;
margin:20px 0 20px 0;
}
/* hack for win Ie6 */
	* html #main dl.lft{
	margin:20px 0 0 0;
	}
/* hack for win Ie6 end */
	
#main dl.lft dt{
padding:0 0 3px 5px;
font-weight:bold;
border-bottom:1px solid #999999;
}
#main dl.lft dd{
margin:10px 0 30px 15px;
font-size:15px;
}

#main ul {
margin:10px 0 0 40px;
}
#main ul li {
list-style:disc;
padding:0 0 0 10px;
}


#main p.box_right{
float:right;
margin:20px 0 0 0;
}
span{
color:#FF0000;
font-weight:bold;
}

#main div.box_chart{
margin:20px 0 40px 0;
padding:10px 0 40px 0;
border:1px solid #000000;
}

#main div.box_chart p{
margin:0 0 30px 25px;
}


/* hack for mac safari \*/
	html:\66irst-child #main #message .message_box ol{
	width:215px;
	}
/* hack for mac safari end \*/

#main #message .message_box ol li{
margin:5px 0 0 0;
}

#main #message img{
float:right;
margin:10px 0 0 0;
}


/* ----- link ----- */
#link{
float:right;
width:505px;
border-top:5px solid #009CC4;
border-bottom:1px solid #CCCCCC;
}

#link dl dt{
padding:0 0 6px 0;
border-bottom:1px dotted #CCCCCC;
}
/* hack for mac safari \*/
	html:\66irst-child #main #link dl dt{
	padding:6px 0 8px 6px;
	}
/* hack for mac safari end \*/

#link dl dd ul{
margin:4px 0 4px 0;
}

#link dl dd ul li{
display:inline;
margin:0 0 0 3px;
padding:0 15px 0 13px;
background:url(../img/ico_arrow_01.gif) no-repeat left top;
font-size:11px;
}



/* hack for win IE6 */
	* html #main #link dl dd {
	background:url(../../img/ico_arrow.gif) no-repeat left 1px;
	}
/* hack for win IE6 end */

/* hack for mac safari \*/
	html:\66irst-child #main #link dl dd {
	background:url(../img/ico_arrow.gif) no-repeat left 2px;
	}
/* hack for mac safari \*/


#link dl dd ul li a{
margin:0;
padding:0;
text-decoration:underline;
}


#main table.list {
border-top:1px solid #666666;
border-right:1px solid #666666;
}
#main table.list td{
font-size:14px;
border-left:1px solid #666666;
border-bottom:1px solid #666666;
}
#main table.list2 {
border-top:1px solid #666666;
border-right:1px solid #666666;
}
#main table.list2 td{
font-size:14px;
border-left:1px solid #666666;
border-bottom:1px solid #666666;
text-align:center;
}

#main table.dwn {
width:505px;
margin:10px 0 10px 0;
border-top:1px solid #666666;
border-right:1px solid #666666;
}
#main table.dwn th {
padding:10px;
font-size:12px;
vertical-align:middle;
border-left:1px solid #666666;
border-bottom:1px solid #666666;
text-align:center;
}
#main table.dwn td {
padding:10px;
font-size:12px;
vertical-align:middle;
border-left:1px solid #666666;
border-bottom:1px solid #666666;
}
#main table.dwn td a {
text-decoration:underline;
}
#main table.dwn p {
margin:0;
}
#main table.dwn p.anote {
margin:5px 0 0 0;
color:#FF0000;
font-size:10px;
font-weight:normal;
}
/* hack for win IE6 */
	* html #main table.dwn p.anote  {
	font-size:9px;
	}
/* hack for win IE6 end */


#main dl.pdf {
margin:40px 0 10px 0;
}
#main dl.pdf dt {
float:left;
width:88px;
margin:10px 0 0 0;
border:none;
}
#main dl.pdf dd {
float:left;
width:390px;
margin:0 0 0 10px;
font-size:14px;
}

/* ================== footer ================== */

/* hack for win IE6 */
	* html p.copyright {
	padding:20px 0 20px 0;
	text-align:right;
	}
/* hack for win IE6 end */
#wrap #container #main .box ul {
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#wrap #container #main .box li {
	margin-bottom: 5px;
}