@import "jpn.css";

body {
	font-family: "MS UI Gothic", suns-serif, verdana;
	text-align: center;
	font-size:12px;
	background: #E0F0F8 url(../img/main_bg.jpg) left top repeat-x;
}

img {
	border-style: none;
	vertical-align:bottom;
}

h2 {
   margin:0 0 15px 0;
   padding:9px 0 13px 25px ;
   background:url(../img/top_ttl.jpg) no-repeat;
   color:#02497D;
   font-size:12px;
   letter-spacing:0.1em;
   }
   
h3 {
    margin:0;
	padding:0;
	}
   
h4 {
   margin:20px 0 20px 10px;
   }
   
h5 {
   margin:15px 30px 2px 20px;
   padding-bottom:2px;
   border-bottom:2px solid #6699CC;
   font-size:12px;
   }
   
div.TLh6 {
   margin:30px 0 20px 20px;
   font-weight:bold;
   color:#275078;
   clear:both;
   }
   
p {
   line-height:150%;
   }
   
.Red {
   color:#FF0000;
   font-weight:normal;
   }
   
a:link { color:#2882BF; }
a:visited { color:#2882BF; }
a:hover { color:#999999; }


/* ==================================================================
   layout
================================================================== */

#wrapper {
	text-align: left;
	margin: 0px auto auto auto;
	width: 870px;
	background: #7DC3E8 url(../img/container_bg.jpg) left top repeat-y;
}

#container {
    clear:both;
    margin:0 20px;
	background:url(../img/cont_bg.gif) right top no-repeat;
	}
	
#contents {
    float:right;
	width:590px;
    }
	
#sidemenu {
    float:left;
	width:195px;
	padding-left:13px;
    }
	
div.clr {
    clear:both;
	height:1px;
	overflow:hidden;
	}


/* ==================================================================
   header
================================================================== */

#header {
    width:870px;
	background: url(../img/header_bg.jpg) left top no-repeat;
	}
	
#ConmLogo {
    width:248px;
    float:left;
	display:block;
	}
	
#HeadNR {
	float:right;
	width:622px;	
	}

#topnavi {
	width:602px;
	padding-top:116px;	
	}

#topnavi ul {
    margin:0;
	padding:0;
	list-style:none;
	}
	
#topnavi li {
    float:left;
	display: block;
	height: 55px!important;
    height/**/: 55px;
	text-indent:-9999px;
	}
	
#topnavi li a {
    text-decoration:none;
	display:block;
	height:55px;
	}
	
/* ============================================== ENGLISH NAVI */

#topnavi li#TNTop {
    width:66px;
	background:url(../img/topnavi_top_on.jpg) no-repeat;
	}
	
#topnavi li#TNTop a {
	background:url(../img/topnavi_top.jpg) no-repeat;
	}
	
#topnavi li#TNTop a:hover {
	background:url(../img/topnavi_top_ov.jpg) no-repeat;
	}
	
#topnavi li#TNTech {
    width:135px;
	background:url(../img/topnavi_tech_on.jpg) no-repeat;
	}
	
#topnavi li#TNTech a {
	background:url(../img/topnavi_tech.jpg) no-repeat;
	}
	
#topnavi li#TNTech a:hover {
	background:url(../img/topnavi_tech_ov.jpg) no-repeat;
	}
	
#topnavi li#TNProd {
    width:187px;
	background:url(../img/topnavi_prod_on.jpg) no-repeat;
	}
	
#topnavi li#TNProd a {
	background:url(../img/topnavi_prod.jpg) no-repeat;
	}
	
#topnavi li#TNProd a:hover {
	background:url(../img/topnavi_prod_ov.jpg) no-repeat;
	}
	
#topnavi li#TNAbut {
    width:96px;
	background:url(../img/topnavi_abut_on.jpg) no-repeat;
	}
	
#topnavi li#TNAbut a {
	background:url(../img/topnavi_abut.jpg) no-repeat;
	}
	
#topnavi li#TNAbut a:hover {
	background:url(../img/topnavi_abut_ov.jpg) no-repeat;
	}
	
#topnavi li#TNCont {
    width:118px;
	background:url(../img/topnavi_cont_on.jpg) no-repeat;
	}
	
#topnavi li#TNCont a {
	background:url(../img/topnavi_cont.jpg) no-repeat;
	}
	
#topnavi li#TNCont a:hover {
	background:url(../img/topnavi_cont_ov.jpg) no-repeat;
	}
    
	
.othr_lang {
    clear:left;
    display:block;
	padding:3px 20px 0 0;
	text-align:right;
	}
	
/* ==================================================================
   footer
================================================================== */

#footer {
    clear:both;
	background:url(../img/footer_bg.jpg) repeat-x #7DC3E8;
	height:80px;
	color:#FFFFFF;
	text-align:right;
	margin:20px 10px 0 10px;
	padding:5px;
	}
	
	
/* ==================================================================
   INDEX
================================================================== */
	
#indeximgENG {
    width:495px;
	height:190px;
	background:url(../img/top_mainimg_eng.jpg) no-repeat;
	font-weight:bold;
	color:#454545;
	margin-bottom:30px;
	padding:60px 310px 0 25px;
	}
	
#indeximgENG P {
    line-height:140%;
	}
	
#indexDLFile {
    width:345px;
	height:102px;
	margin:0 0 0 10px;
	padding-left:220px;
    background:url(../img/top_dl_filebg.jpg) no-repeat;
	}
	
	
#indexDLFile ul {
    margin:0;
	padding:0;
	list-style:none;
	}
	
#indexDLFile li {
    float:left;
	width:150px;
	display:block;
	height: 102px!important;
    height/**/: 102px;
	text-indent:-9999px;
	}
	
#indexDLFile li.ppt a, #indexDLFile li.pdf a {
    text-decoration:none;
	display:block;
	height:102px;
	}
	
#indexDLFile li.ppt a {
    background:url(../img/top_eng_dl_ppt.jpg) no-repeat;
	}
	
#indexDLFile li.ppt a:hover {
    background:url(../img/top_eng_dl_ppt_2.jpg) no-repeat;
	}
	
#indexDLFile li.pdf a {
    background:url(../img/top_eng_dl_pdf.jpg) no-repeat;
	}
	
#indexDLFile li.pdf a:hover {
    background:url(../img/top_eng_dl_pdf_2.jpg) no-repeat;
	}
	
	
/* ==================================================================
   SIDEMENU - CONTACT
================================================================== */
	
#contactSAIL {
    background-color:#E4E4E4;
	padding:10px;
	font-family:Arial;
	width:180px;
	text-align:left;
	}
	
#contactSAIL .telfax {
    font-size:14px;
	font-weight:bold;
	margin:10px 0;
	color:#035592;
	}
	
#contactSAIL .compname {    
	font-weight:bold;
	margin-bottom:10px;
	}
	
#contactSAIL .mailad {
    color:#80AA00;
	font-weight:bold;
	text-decoration:none;
	}
	
#banner {
    margin-bottom:20px;
	text-align:right;
	}
	
	
	
/* ==================================================================
   SIDEMENU - NAVI
================================================================== */

#snavi {
    margin-bottom:80px;
	}
	
#snavi a {
    text-decoration:none;
	}

#snavi ul {
    margin:0 0 0 2px;
	padding:0;
	list-style:none;
	}
	
#snavi li {
    background:url(../img/snavi_bg.gif) repeat-x left bottom;
	padding:15px 0 10px 20px;
	margin:0;
	}

	
/* ==================================================================
   CONTENTS
================================================================== */

#contents p {
    margin:10px 20px;
	}
	
#contents .tblmgn {
    margin-left:10px;
	}
	
	
#contents div.Lt {
    background-color:#EFEFEF;
	padding:10px 20px;
	margin:10px 20px;
	clear:both;
	}
	
#contents ul, #contents ol {
    margin:0 20px;
	padding:0;
	}
	
#contents li {
    line-height:150%;
	}
	
#contents div.PubLt {
    padding:10px 20px;
	}
	
#contents div.PubLt ul {
    list-style:square;
	}
	
#contents div.PubLt li {
    margin-bottom:20px;
	font-size:14px;
	}
	
.imgR {
    float:right;
	margin-left:10px;
	margin-bottom:10px;
	}
	
.imgL {
    float:left;
	margin-right:10px;
	margin-bottom:10px;
	}
	
#contact, #profile {
        margin:0 0 20px 20px;
	width:550px;
	border-top:1px solid #ACACAC;
	}
	
#contact th, #profile th {
    vertical-align:top;
	border-bottom:1px solid #ACACAC;
	padding:10px;
	}
	
#contact th.IL {
    width:120px;
	color:#003366;
	background-color:#E2ECF1;
	text-align:right;
	border-top:1px solid #FFFFFF;
	}
	
#profile th.IL {
    width:120px;
	color:#003366;
	background-color:#C9E6F5;
	text-align:right;
	border-top:1px solid #FFFFFF;
	}
	
#contact td.IR, #profile td.IR {
	text-align:left;
	border-top:2px solid #FFFFFF;
	border-bottom:1px solid #ACACAC;
	padding:10px;
	}
	
#contact textarea {
    width:300px;
	}
	
#contact input.w120 {
    width:120px;
	}
	
#contact input.w200 {
    width:200px;
	}
	
table.SendBtn {
    width:380px;
	margin:0 100px 20px 100px;
	}
	
table.SendBtn td { text-align:center; }


/* Protein Structure */

#ProStrTbl {
    width:550px;
	margin-left:20px;
	background-color:#666666;
	margin-bottom:50px;	
	}
	
#ProStrTbl th, #ProStrTbl td {
    padding:7px 2px;
	}
	
#ProStrTbl th {
    color:#003366;
	background-color:#E2ECF1;
	text-align:center;
	border-bottom:1px solid #666666;
	}
	
#ProStrTbl td.PName01 {
    background-color:#FFFFFF;
	}
	
#ProStrTbl td.PNameC01 {
    background-color:#FFFFFF;
	text-align:center;
	}
	
#ProStrTbl td.PName02 {
    background-color:#EFEFEF;
	}
	
#ProStrTbl td.PNameC02 {
    background-color:#EFEFEF;
	text-align:center;
	}