#pan{
	z-index: 1; left: 0px; width: 758px; height: 0px; background-color: #87CEFA
}

div.cdr{
margin:10px 0;
padding:5px 5px 5px 200px;
border:1px solid #3f3f3f;
background:url(../image/bg/h3_cdr30_a.jpg) no-repeat left top;
}

div.cdr h4{
border-bottom:1px solid #3f3f3f;
font-size:120%;
margin:0;
padding:3px;
letter-spacing:1px;
}

div.cdr h4 span{
font-size:80%;
}

div.cdr p{
margin:3px;
}


div.smart{
margin:10px 0;
padding:5px 5px 5px 20px;
border:1px solid #3f3f3f;
background:url(../image/bg/h3_smart_a.jpg) no-repeat left top;
}

div.smart h4{
border-bottom:1px solid #3f3f3f;
font-size:120%;
margin:0;
padding:3px;
letter-spacing:1px;
}

div.smart h4 span{
font-size:80%;
}

div.smart p{
margin:3px;
}



div.senior{
margin:10px 0;
padding:5px 5px 5px 20px;
border:1px solid #3f3f3f;
background:url(../image/bg/h3_senior_a.jpg) no-repeat left top;
}

div.senior h4{
border-bottom:1px solid #3f3f3f;
font-size:120%;
margin:0;
padding:3px;
letter-spacing:1px;
}

div.senior h4 span{
font-size:80%;
}

div.senior p{
margin:3px;
}


div.master{
margin:10px 0;
padding:5px 5px 5px 120px;
border:1px solid #3f3f3f;
background:url(../image/bg/h3_master_a.jpg) no-repeat left top;
}

div.master h4{
border-bottom:1px solid #3f3f3f;
font-size:120%;
margin:0;
padding:3px;
letter-spacing:1px;
}

div.master h4 span{
font-size:80%;
}

div.master p{
margin:3px;
}

html{
margin:0;
padding:0;
background-position:center; background-repeat:repeat-y; background-color:#E9E9E9;
}

html,body,div#header ul,h1,h2,div#top_navi ul,div#top_navi ul li,div.left_navi ul,h3,div.left_navi h4,div.top_text h4,div.whats h4{
margin:0;
padding:0;
}

img{
border:none;
}

/*-----------------------------------------------------------------------*/

html{
font-size:100%;
}

body{
font-size:80%;
margin:0 auto 20px auto;
width:758px;
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
background:url(../image/bg/body.gif) repeat-x left top fixed;
background-color:#999;
}

a:link{
color:#00F;
}

a:visited{
color:#009;
}

a:hover{
color:red;
}

#header{
	z-index: 1; visibility: visible; position: relative; top: 0px; left: 0px; width: 758px; height: 62px; background-color: #fff
}

#menu {
	z-index: 1; visibility: visible; position: relative; top: 0px; left: 0px; width: 758px; height: 30px; 
	background-color: #eee;
	font-family: sans-serif;
	margin: 4px 0px 0px 0px;
}

div#menu table {
	margin: 0px;
	border: 2px solid #000;
	height: 30px;
	border-collapse: collapse;
}

div#menu table td {
	margin:0px;
	border:2px solid #000;
	font-size: 100%;
	text-align: center;
	font-weight: bold;
}

#menu a:link, #menu a:visited {
	color: #000;
	text-decoration: none;
}

#menu a:hover, #menu a:active {
	color: #f00;
	text-decoration: none;
}

#menu1 {
	 z-index: 16; border:1px solid #000; visibility: hidden; position: absolute; top: 30px; left: 0px; width: 151px; background-color: #fff
}
#menu2 {
	 z-index: 16; border:1px solid #000; visibility: hidden; position: absolute; top: 30px; left: 151px; width: 151px; background-color: #fff
}
#menu3 {
	 z-index: 16; border:1px solid #000; visibility: hidden; position: absolute; top: 30px; left: 302px; width: 151px; background-color: #fff
}
#menu4 {
	 z-index: 16; border:1px solid #000; visibility: hidden; position: absolute; top: 30px; left: 453px; width: 151px; background-color: #fff
}
#menu5 {
	 z-index: 16; border:1px solid #000; visibility: hidden; position: absolute; top: 30px; left: 604px; width: 153px; background-color: #fff
}

#menu1 p, #menu2 p, #menu3 p, #menu4 p, #menu5 p {
	margin: 2px 20px
}

#menu1 a:link, #menu1 a:visited, #menu2 a:link, #menu2 a:visited, #menu3 a:link, #menu3 a:visited, #menu4 a:link, #menu4 a:visited, #menu5 a:link, #menu5 a:visited {
	font-size: 80%;
	color: #000;
	text-decoration: none;
	font-weight: none;
}

#menu1 a:hover, #menu1 a:active, #menu2 a:hover, #menu2 a:active, #menu3 a:hover, #menu3 a:active, #menu4 a:hover, #menu4 a:active, #menu5 a:hover, #menu5 a:active {
	font-size: 80%;
	color: #f00;
	text-decoration: none;
	font-weight: bold;
}

#hidemenu1 {
	 z-index: 15; visibility: hidden; position: absolute; top: 0px; left: 0px; width: 758px; height: 55px
}

#hidemenu2 {
	 z-index: 15; visibility: hidden; position: absolute; top: 30px; left: 0px; width: 758px; height: 500px;
}


div#contents{
width:758px;
float:left;
background:url(../image/bg/left.gif) repeat-y left top #FFF;
}

div#index{
width:758px;
background-color: #FFF;
}

div.left_navi{
float:left;
width:190px;
font-size:85%;
}

div.left_navi ul{
list-style:none;
padding:10px 0 0 0;
background-color:#FFF;
}

div.left_navi ul li{
display:inline;
}

div.left_navi ul li a{
display:block;
width:190px;
}

div.left_navi h3{
margin-top:20px;
}

div.left_navi p{
margin:0;
padding:5px 10px;
}

div.left_navi table{
margin:5px 10px;
}

div.left_navi table input{
width:100px;
}

div.left_navi ul.icon01{
padding:5px 10px;
background-color:transparent;
}

div.left_navi ul.icon01 a{
display:inline;
}

div.main{
width:568px;
float:right;
padding:10px 0 0 0;
}

div.top_text{
padding:10px 10px 10px 9px;
}

div.ecocrean{
margin:10px auto;
text-align:center;
}

div.whats{
padding: 10px 25px 10px 25px;
}

div.whats dl{
margin:0;
padding:10px;
width:681px;
border-bottom:1px solid #3f3f3f;
border-right:1px solid #3f3f3f;
border-left:1px solid #3f3f3f;
}

div.whats dt{
font-weight:bold;
width:6em;
clear:both;
float:left;
}

div.whats dd{
}

div.discre{
margin:10px 0;
padding:5px;
border:1px solid #3f3f3f;
background:url(../image/bg/discre.gif) no-repeat right bottom;
}

div.discre h4{
border-bottom:1px solid #3f3f3f;
font-size:120%;
margin:0;
padding:3px;
}

div.discre p{
margin:3px;
}

div.discre strong{
color:#090;
}

div.world{
margin:10px 0;
padding:5px 5px 5px 120px;
border:1px solid #3f3f3f;
background:url(../image/bg/world.gif) no-repeat left top;
}

div.world h4{
border-bottom:1px solid #3f3f3f;
font-size:120%;
margin:0;
padding:3px;
letter-spacing:1px;
}

div.world h4 span{
font-size:80%;
}

div.world p{
margin:3px;
}

div#footer{
clear:both;
text-align:right;
background-color:#FFF;
padding-bottom:10px;
}

div#footer p{
background:url(../image/bg/footer.gif) repeat-x left top;
border-top:1px solid #000;
border-bottom:1px solid #000;
min-height:20px;
_height:20px;
text-align:right;
padding-top:7px;
margin:0 0 10px 0;
}

p.totop{
text-align:right; margin:20px 10px;
}

p.president{
text-align:right; margin:20px 10px;
}

div.content_text{
padding:10px 15px 10px 14px;
}

div.content_text h4{
font-size:110%; padding:7px 10px; margin-bottom:10px; height:15px; color:#333; background:url(../image/bg/nomal.gif) no-repeat left top; letter-spacing:1px;
}

div.content_text p{
margin:0; padding:0 10px 15px 10px;
}

div.content_text ol,div.content_text ul{
margin-top:0; padding-bottom:15px;
}

div.content_text ol li,div.content_text ul li{
margin:10px 0;
}

div.content_text table{
margin: 0 ; border-top:1px solid #aaa; border-left:1px solid #aaa;
}

div.content_text table th{
text-align:left; border-right:1px solid #aaa; border-bottom:1px solid #aaa; background-color:#eee;
padding:5px;
}

div.content_text table td{
border-right:1px solid #aaa; border-bottom:1px solid #aaa; padding:5px;
}


div.content_text dl.history{
margin:10px;
}

div.content_text dl.history dt{
clear:both; float:left; width:7em; padding:3px;
}

div.content_text dl.history dd{
padding:3px;
}

dl.faq{
margin:15px 10px;
}

dl.faq dt{
font-weight:bold; min-height:44px; _height:36px; padding:5px 3px 3px 32px; background:url(../image/bg/faq_q.gif) no-repeat left top;
}

dl.faq dd{
padding:5px 3px 30px 30px; margin:5px 5px 30px 5px; background:url(../image/bg/faq_a.gif) no-repeat left top; border-bottom:3px dotted #0066CC;
}

div.text_master,div.text_senior,div.text_smart,div.text_maqunail,div.text_it{
padding:10px 15px 10px 14px;
}

div.text_master h4,div.text_senior h4,div.text_smart h4,div.text_maqunail h4,div.text_it h4{
font-size:110%; padding:7px 20px; margin-bottom:10px; height:15px;
}

div.text_master p,div.text_senior p,div.text_smart p,div.text_maqunail p,div.text_it p{
margin:0; padding:0 10px 15px 10px;
}

div.text_master ol,div.text_senior ol,div.text_smart ol,div.text_maqunail ol,div.text_it ol{
margin-top:0; padding-bottom:15px;
}

div.text_master ol li,div.text_senior ol li,div.text_smart ol li,div.text_maqunail ol li,div.text_it ol li{
margin:10px 0;
}

/*---------------------------------------*/
div.text_master h4{
color:#C60C48; background:url(../image/bg/master.gif) no-repeat left top;
}

div.text_master table{
margin:10px; border-top:1px solid #FF568B; border-left:1px solid #FF568B;
}

div.text_master table th{
text-align:left; border-right:1px solid #FF568B; border-bottom:1px solid #FF568B; background-color:#FFEDF3; padding:5px;
}

div.text_master table td{
border-right:1px solid #FF568B; border-bottom:1px solid #FF568B; padding:5px;
}
/*---------------------------------------*/
div.text_senior h4{
color:#4C9123; background:url(../image/bg/senior.gif) no-repeat left top;
}

div.text_senior table{
margin:10px; border-top:1px solid #4C9123; border-left:1px solid #4C9123;
}

div.text_senior table th{
text-align:left; border-right:1px solid #4C9123; border-bottom:1px solid #4C9123; background-color:#EAF5E3; padding:5px;
}

div.text_senior table td{
border-right:1px solid #4C9123; border-bottom:1px solid #4C9123; padding:5px;
}
/*---------------------------------------*/
div.text_smart h4{
color:#0180B4; background:url(../image/bg/smart.gif) no-repeat left top;
}

div.text_smart table{
margin:10px; border-top:1px solid #0180B4; border-left:1px solid #0180B4;
}

div.text_smart table th{
text-align:left; border-right:1px solid #0180B4; border-bottom:1px solid #0180B4; background-color:#D9F1FB; padding:5px;
}

div.text_smart table td{
border-right:1px solid #0180B4; border-bottom:1px solid #0180B4; padding:5px;
}

/*---------------------------------------*/
div.text_maqunail h4{
color:#682391; background:url(../image/bg/maqunail.gif) no-repeat left top;
}

div.text_maqunail table{
margin:10px; border-top:1px solid #682391; border-left:1px solid #682391;
}

div.text_maqunail table th{
text-align:left; border-right:1px solid #682391; border-bottom:1px solid #682391; background-color:#eee3f5; padding:5px;
}

div.text_maqunail table td{
border-right:1px solid #682391; border-bottom:1px solid #682391; padding:5px;
}
/*---------------------------------------*/
div.text_it h4{
color:#682391; background:url(../image/bg/nomal.gif) no-repeat left top;
}

div.text_it table{
margin:10px; 
}

div.text_it table th{
text-align:left; background-color:#eee;
padding:5px;
}

div.text_it table td{
padding:5px;
}