@charset "iso-8859-1";


/* ######################### */
/* layout */
/* ######################### */



/* ################################ basic ################################### */

body{
text-align:left;
padding:0px;
margin:0px;
background-image:url("../../common_img/bg.gif");
background-position:left;
background-repeat:repeat-y;
}

#headwrap{
width:100%;
height:111px;
padding:0px;
margin:0px;
background-image:url("../../common_img/head_bg.gif");
background-position:left;
background-repeat:repeat-x;
}



#wrapper{
width:800px;
padding:0px;
margin:0px;
}

#menu{
width:250px;
padding:0px;
margin:0px;
float:left;
}


.hide {
position: absolute;
left: -100em;
top: -100em;
}

/* ##### menu ##### */

#mmarea{
margin-top:20px;
text-align:right;
font-family: "Geneva", "Arial", "Helvetica", "san-serif";
font-size: 13px;
font-style: normal;
line-height: 13px;
color:#5FA068;
}

#mmarea h3{
font-family: "Geneva", "Arial", "Helvetica", "san-serif";
font-size: 14px;
font-weight: bolder;
color:#5FA058;
margin:20px 50px 8px 0px;
}


#mmarea p{
margin:0px 50px 8px 0px;
}



.bio a{
text-indent:-2000px;
text-decoration: none;
display:block;
padding:0px;
margin-left:50px;
width:150px;
height:39px !important;
height /**/:39px;/* for ie5.x */
background:url("../../common_img/eng/trig_bio.gif") 0px 0px no-repeat;
}

#mmarea a:link {  text-decoration: none; color:#5FA058;}
#mmarea a:visited {  text-decoration: none; color:#5FA058;}
#mmarea a:hover {  text-decoration: underline; color:#5FA058;}



/*pdf Area
-----------------------------------------------------------------------*/
#undmm{
padding-top:10px;
margin:10px 50px 0px 20px;
width:180px;
text-align:right;
font-family: "Geneva", "Arial", "Helvetica", "san-serif"; 
font-size: 13px;
font-style: normal;
line-height: 18px;
border-top:dotted 1px #999999;
}

#undmm a:link {  text-decoration: none; color:#666666;}
#undmm a:visited {  text-decoration: none; color:#666666;}
#undmm a:hover {  text-decoration: underline; color:#5FA058;}



/* ##### menu categoly ##### */

/*  kyoto  */

.mnkyoto a{
text-indent:-2000px;
text-decoration: none;
display:block;
padding:0px;
margin:0px;
width:250px;
height:220px !important;
height /**/:220px;/* for ie5.x */
background:url("../../common_img/eng/left_kyoto.jpg") 0px 0px no-repeat;
}


/*  innovation  */

.mninnov a{
text-indent:-2000px;
text-decoration: none;
display:block;
padding:0px;
margin:0px;
width:250px;
height:220px !important;
height /**/:220px;/* for ie5.x */
background:url("../../common_img/eng/left_innovation.jpg") 0px 0px no-repeat;
}


/*  incentive  */

.mnincentive a{
text-indent:-2000px;
text-decoration: none;
display:block;
padding:0px;
margin:0px;
width:250px;
height:220px !important;
height /**/:220px;/* for ie5.x */
background:url("../../common_img/eng/left_incentive.jpg") 0px 0px no-repeat;
}



/*  about KIC  */

.mnkic a{
text-indent:-2000px;
text-decoration: none;
display:block;
padding:0px;
margin:0px;
width:250px;
height:220px !important;
height /**/:220px;/* for ie5.x */
background:url("../../common_img/eng/left_kic.jpg") 0px 0px no-repeat;
}

/*  links  */

.mnlink a{
text-indent:-2000px;
text-decoration: none;
display:block;
padding:0px;
margin:0px;
width:250px;
height:220px !important;
height /**/:220px;/* for ie5.x */
background:url("../../common_img/eng/left_link.jpg") 0px 0px no-repeat;
}


/*  project  */

.mnproj a{
text-indent:-2000px;
text-decoration: none;
display:block;
padding:0px;
margin:0px;
width:250px;
height:220px !important;
height /**/:220px;/* for ie5.x */
background:url("../../common_img/eng/left_project.jpg") 0px 0px no-repeat;
}




/* ##### main ##### */

#main{
text-align:left;
width:500px;
padding:0px;
margin-top:40px;
float:right;
}



/* ##### footer ##### */
#footer{
text-align:right;
width:500px;
padding:0px;
clear:both;
margin:40px 0px 0px;
}

.pgtop {
margin:0px 5px;
font-family: "Geneva", "Arial", "Helvetica", "san-serif";
font-size: 10px;
font-style: normal;
}

address { 
padding:0px 0px 10px 0px;
margin:5px;
border-top:dotted 1px #999999; 
font-family: "Geneva", "Arial", "Helvetica", "san-serif"; 
font-size: 10px;
font-style: normal;
color:#666666;
}

#footer a:link {  text-decoration: none; color:#999999;}
#footer a:visited {  text-decoration: none; color:#999999;}
#footer a:hover {  text-decoration: none; color:#555555;}




/* ################################ header area ################################### */


/*  lang choice  */

#lang{
width:800px;
padding:0px;
margin:0px;
}

#lang ul{
margin:0px;
padding:0px;
list-style:none;
}

#lang li{
position:absolute;
list-style:none;
}

#lang a{
text-decoration:none;
text-indent:-2000px;
}

/*  lang chinese  */
#chi a{
display:block;
padding:0px;
margin:0px 0px 0px 610px;
width:60px;
height:20px;
background:url("../../common_img/eng/nav_lang.gif") 0px 0px no-repeat;
position:absolute;
}

#chi a:hover{
display:block;
padding:0px;
margin:0px 0px 0px 610px;
width:60px;
height:20px;
background:url("../../common_img/eng/nav_lang.gif") 0px -20px no-repeat;
position:absolute;
}

/*  lang korean  */
#kor a{
display:block;
padding:0px;
margin:0px 0px 0px 670px;
width:60px;
height:20px;
background:url("../../common_img/eng/nav_lang.gif") -60px 0px no-repeat;
position:absolute;
}

#kor a:hover{
display:block;
padding:0px;
margin:0px 0px 0px 670px;
width:60px;
height:20px;
background:url("../../common_img/eng/nav_lang.gif") -60px -20px no-repeat;
position:absolute;
}

/*  lang japanese  */
#jpn a{
display:block;
padding:0px;
margin:0px 0px 0px 729px;
width:71px;
height:20px;
background:url("../../common_img/eng/nav_lang.gif") -119px 0px no-repeat;
position:absolute;
}

#jpn a:hover{
display:block;
padding:0px;
margin:0px 0px 0px 729px;
width:71px;
height:20px;
background:url("../../common_img/eng/nav_lang.gif") -119px -20px no-repeat;
position:absolute;
}

/* #################### head icon ###################### */

.head a{
display:block;
margin:0px;
padding:0px;
text-indent:-2000px;
text-decoration: none;
width:250px;
height: 89px !important;
height /**/:89px;/* for ie5.x */
background:url("../../common_img/eng/head_icon.gif") 0px 20px no-repeat;
}

.inq a{
display:block;
margin:-28px 0px 0px 699px;
padding:0px;
text-indent:-2000px;
text-decoration: none;
width:101px;
height: 24px !important;
height /**/:24px;/* for ie5.x */
background:url("../../common_img/eng/inquiry.gif") 0px 0px no-repeat;
}

.inq a:hover{
display:block;
margin:-28px 0px 0px 699px;
padding:0px;
text-indent:-2000px;
text-decoration: none;
width:101px;
height: 24px !important;
height /**/:24px;/* for ie5.x */
background:url("../../common_img/eng/inquiry.gif") 0px -24px no-repeat;
}


/* #################### head navi ###################### */

/*  home  */
.home a{
display:block;
padding:0px;
margin:4px 0px 0px 0px;
text-indent:-2000px;
text-decoration: none;
width:250px;
height:21px !important;
height /**/:21px;/* for ie5.x */
background:url("../../common_img/eng/nav_head.gif") 0px 0px no-repeat;
position:absolute;
}

.home a:hover{
display:block;
padding:0px;
margin:4px 0px 0px 0px;
text-indent:-2000px;
text-decoration: none;
width:250px;
height:21px !important;
height /**/:21px;/* for ie5.x */
background:url("../../common_img/eng/nav_head.gif") 0px -21px no-repeat;
position:absolute;
}


/*  kyoto  */
.kyoto a{
display:block;
padding:0px;
margin:4px 0px 0px 251px;
text-indent:-2000px;
text-decoration: none;
width:132px;
height:21px !important;
height /**/:21px;/* for ie5.x */
background:url("../../common_img/eng/nav_head.gif") -250px 0px no-repeat;
position:absolute;
}

.kyoto a:hover{
display:block;
padding:0px;
margin:4px 0px 0px 251px;
text-indent:-2000px;
text-decoration: none;
width:132px;
height:21px !important;
height /**/:21px;/* for ie5.x */
background:url("../../common_img/eng/nav_head.gif") -250px -21px no-repeat;
position:absolute;
}


/*  innovation  */
.innovation a{
display:block;
padding:0px;
margin:4px 0px 0px 383px;
text-indent:-2000px;
text-decoration: none;
width:160px;
height:21px !important;
height /**/:21px;/* for ie5.x */
background:url("../../common_img/eng/nav_head.gif") -382px 0px no-repeat;
position:absolute;
}

.innovation a:hover{
display:block;
padding:0px;
margin:4px 0px 0px 383px;
text-indent:-2000px;
text-decoration: none;
width:160px;
height:21px !important;
height /**/:21px;/* for ie5.x */
background:url("../../common_img/eng/nav_head.gif") -382px -21px no-repeat;
position:absolute;
}


/*  incentive  */
.incentive a{
display:block;
padding:0px;
margin:4px 0px 0px 543px;
text-indent:-2000px;
text-decoration: none;
width:107px;
height:21px !important;
height /**/:21px;/* for ie5.x */
background:url("../../common_img/eng/nav_head.gif") -542px 0px no-repeat;
position:absolute;
}

.incentive a:hover{
display:block;
padding:0px;
margin:4px 0px 0px 543px;
text-indent:-2000px;
text-decoration: none;
width:107px;
height:21px !important;
height /**/:21px;/* for ie5.x */
background:url("../../common_img/eng/nav_head.gif") -542px -21px no-repeat;
position:absolute;
}


/* kic  */
.kic a{
display:block;
padding:0px;
margin:4px 0px 0px 650px;
text-indent:-2000px;
text-decoration: none;
width:98px;
height:21px !important;
height /**/:21px;/* for ie5.x */
background:url("../../common_img/eng/nav_head.gif") -649px 0px no-repeat;
position:absolute;
}

.kic a:hover{
display:block;
padding:0px;
margin:4px 0px 0px 650px;
text-indent:-2000px;
text-decoration: none;
width:98px;
height:21px !important;
height /**/:21px;/* for ie5.x */
background:url("../../common_img/eng/nav_head.gif") -649px -21px no-repeat;
position:absolute;
}


/*  link  */
.link a{
display:block;
padding:0px;
margin:4px 0px 0px 748px;
text-indent:-2000px;
text-decoration: none;
width:53px;
height:21px !important;
height /**/:21px;/* for ie5.x */
background:url("../../common_img/eng/nav_head.gif") -747px 0px no-repeat;
position:absolute;
}

.link a:hover{
display:block;
padding:0px;
margin:4px 0px 0px 748px;
text-indent:-2000px;
text-decoration: none;
width:53px;
height:21px !important;
height /**/:21px;/* for ie5.x */
background:url("../../common_img/eng/nav_head.gif") -747px -21px no-repeat;
position:absolute;
}