*{
margin:0;
padding:0;
}

.small {
 font-size:x-small;
}

#contentsbody {
font-size: 100%;
}

#contentsbody td{
font-size: 100%;
}

#headername,
#topnavi,
#lefthand,
#supportnavi,
#side,
#mainphoto,
iframe,
.breadcrumb,
#pastnews,
.pagetop{
display:block;
}


#printscreen{
display:none;
}


/* ENG history */

.history dd ul {
 list-style:none;
 margin-left:0em!important;
}


hr{
visibility:hidden;
clear:both;
}

p{
margin-bottom:1em;
}

.info p small{
font-size:x-small;
color:#0f583c;
line-height:1.2em;
}

.left{
float:left;
}

.left img,
.left p{
float:left;
}

.right{
float:right;
}

.right img,
.right p{
float:left;
}

.aspirin img{
float:left;
}

.eng,
.eng a{
font-family:helvetica;
}

/*---------- 051208 HV ----------*/

.select{
margin-left:150px;
}

.select p{
margin:0!important;
text-align:center;
}

.select a{
background:#eee;
padding:3px 0;
text-decoration:none;
width:100px;
border-right:1px solid;
border-bottom:1px solid;
float:left;
display:block;
margin-left:10px;
margin-bottom:50px;
}

.caution{
padding:10px;
clear:both;
border:1px dotted;
font-size:small;
}

.caution h2{
font-size:small!important;
text-align:center;
}

/*---------- 051207 ENG INDEX ----------*/

.eng #links {
position:absolute;
top:261px;
left:580px;
width:200px!important;
background:#edfbec;
z-index:2;
margin:0!important;
padding:0!important;
}

.eng #links .column {
 width:180px;
 margin:10px!important;
 padding-bottom:10px!important;
 text-align:center;
 dispaly:block;
}


.eng #links .column p{
font-size:small;
}

.eng #links h3{
background:#269c24;
height:17px;
font-size:12px;
color:#fff;
font-family:arial;
padding:2px 15px;
}

.eng #links .column p,
.eng #links .column img {
 margin:0!important;
 padding:0!important;
}

.eng #news{
position:absolute;
top:261px;
left:170px;
width:410px;
background:#e8f3ff;
}


/*---------- 051202 RECRUIT ----------*/

.fresh .caption {
 font-size:x-small;
 color:#0f583c;
}

.no_indent {
 margin:0!important;
 padding:0!important;
 position:relative;
 top:20px;
}

.management h2,
.business h2,
.language h2,
.self_development h2,
.fresh_training h2,
.sales_training h2 {
 margin:2em 0;
 padding:0;
 color:#309;
}

.suggestion_system h3,
.selfassessment h3,
.management h3,
.business h3,
.language h3,
.self_development h3,
.fresh_training h3,
.sales_training h3 {
 margin:0!important;
 border-style:none!important;
}

.management ol,
.business ol,
.language ol {
 margin-left:2.5em;
}

.management p,
.business p,
.language p,
.self_development p,
.fresh_training p,
.fresh_training li,
.sales_training p,
.sales_training li {
 margin-left:1em;
}

.shinwakai h2 {
 color:#309;
}

.shinwakai .list {
 margin-top:1em;
}

.shinwakai .list td {
 padding-bottom:0.5em;
}

.shinwakai .leisure {
 width:310px;
}

.shinwakai img {
 position:relative;
 top:-130px;
 left:310px;
}

.retirement img {
 margin-right:1em;
}

.company_housing td p {
 margin-left:1em;
}

.sales_training dl {
 margin-left:1em;
}

.sales_training dt {
 font-weight:bold;
}
.sales_training dd {
 margin-left:1em;
 padding-bottom:1em;
}

.sales_training dd ul {
 margin-left:0!important;
}

.fresh_training ol {
 margin-left:1.5em;
}

.fresh_training img {
 position:relative;
 top:-100px;
 left:270px;
}

.selfassessment img {
 margin-right:50px;
}

.suggestion_system h3 {
 color:#309;
}

.suggestion_system p {
 margin-left:1em;
}

.salary h2 {
 padding-top:2em;
}

.jobclass table {
 float:left;
 margin-right:10px;
}

.jobclass td {
 padding:5px;
 text-align:center;
}

.caption {
 clear:left;
 padding-top:1em;
}


/*---------- 051202 NEWS ----------*/
 #pastnews{
font-size:12px;;
border-top:1px solid #999;
border-bottom:1px solid #999;
padding:5px 0;
margin-bottom:2em;
}


/*---------- 051202 MESSAGE ----------*/

.contentscolumn{
border:1px solid #999;
padding:20px;
background:#eee;
}


.contentscolumn h3{
margin-top:0!important;
}

/*---------- 051130 SITEMAP ----------*/

#sitemap{
margin-left:-1em;
}

#sitemap ul{
margin-bottom:1em;
list-style:none;
}

#sitemap ul li{
border-bottom: 1px dotted;
list-style:none;
padding-bottom:0.3em;
margin-bottom:0.3em;
}

#sitemap ul li a{
text-decoration:none;
}

#sitemap ul ul{
margin-left:2em;
}

#sitemap ul ul li{
list-style:disc;
border:0px;
margin:0;
padding:0;
}

/*---------- 051128 NEWS IFRAME ----------*/

.topframe{
position:absolute;
top:0;
left:0;
}

.leftframe{
position:absolute;
top:89px;
left:0;
}



/*---------- 051128 HEALTH ----------*/

.health_body img{
border:1px solid;
float:left;
width:200px;
height:50px;
margin-right:10px;
}

.health_body .linkbanner{
margin-bottom:2em;
}


.health_body .linkbanner h4{
position:relative;
top:20px;
left:220px;
width:320px;
margin:0!important;
}

.health_body .linkbanner p{
width:520px;
}

.health_body .linkbanner span{
position:relative;
top:20px;
left:10px;
margin:0!important;
}


/*---------- 051124 ABOUTUS ----------*/

/* ENG sustainable_development */

.sustainable_development li {
 list-style:none;
}

.sustainable_development table {
 margin-bottom:1em;
}

.sustainable_development ul {
 padding-bottom:1em!important;
}

/* JPN csr */

.sd_list p {
 text-indent:0em!important;
}

.csr p {
 text-indent:1em;
}

.csr p img {
 padding-top:1em;
}
.csr td {
 vertical-align:top;
}

.csr td p {
 padding:0em 0.5em;
 text-indent:0em;
}

.csr .program {
 margin-bottom:30px;
}

.csr .program td {
 width:270px;
}

.csr .volunteer td,
.csr .care td {
 padding-bottom:10px;
}

.csr .volunteer img,
.csr .care img {
 margin-right:10px;
}

.csr .caption,
.csr p span,
.consent {
 font-size:x-small;
 color:#363;
}

.csr .caption span {
 color:#000;
 margin-left:0.5em;
}

.csr .caption span a {
 margin:0em 0.3em;
}

.consent {
 padding-left:2em;
 text-indent:-1.5em!important;
}

.science,
.graph {
 margin:0 0 15px 15px;
}

/* JPN factory */

.drug {
 display:block;
 position:relative;
 top:10px;
}

.drug img,
.factory_eng img {
 float:left;
 margin-right:10px;
}

.drug dd {
 display:block;
 margin-left:1em!important;
 padding-bottom:1em!important;
 font-size:small!important;
 color:#363; 
}

.factory td img,
.factory td p {
 margin:0;
 padding:0;
}

.factory td p {
 text-indent:0em;
}

.factory p {
 text-indent:1em;
}

.factory span {
 color:#363;
 font-size:small ;
}

.complement {
 font-size:small;
 padding-left:1.5em;
 text-indent:-1.5em!important;
 color:#363;
}

.factory img {
 float:left;
 padding:0px 10px 20px 0px;
 vertical-align:baseline!important;
}

.word {
 padding:0;
 textindent:0;
}

/* JPN licensing */

.officer {
 border-style:none!important;
 padding:0em!important;
}

.officer dd {
 padding-left:0px!important;
 margin-bottom:1em!important;
}
.licensing dl {
 display:block;
 padding:0.5em 1em;
 margin:1em; 
}

.licensing dt {
 font-weight:bold;
}

.licensing dd {
 padding-left:1em;
 margin-bottom:0.5em;
}

.licensing li {
 list-style:none;
}

/* JPN development */

.pipeline {
 margin-top:80px!important;
}

.pipeline td,
.pipeline th {
 border:1px solid #000;
 border-collapse: collapse;
 padding:0.3em;
 font-size:small;
}

.pipeline th {
background:#80CCE6;
}

.pipeline td {
background:#D5EEF7;
}

.pipeline table{
 border:1px solid #000;
 border-collapse: collapse;
 width:550px;
}

.pipeline table caption{
text-align:left;
margin-bottom:0.5em;
font-weight:bold;
}


/* JPN history */

.history h2 {
 clear:both;
 border-bottom:1px solid #269c24;
}

.history .info{
margin:20px 0 40px 0;
}

.history .info p{
margin:3px 0 0 0;
}

.history dl {
 margin:20px;
}

.history dt {
 font-weight:bold;
 float:left;
 clear:left;
 width:70px;
}

.history dd {
float:left;
width:400px;
 margin-bottom:0.5em;
}

/* JPN overview */

.overview img {
 margin-bottom:30px;
}

.overview table,
.overview td,
.overview th {
 border:0px solid #fff;
 border-collapse: collapse;
 border-spacing:0px;
}

.overview th {
text-align:left;
padding-right:20px;
}

.overview td {
 padding:0.3em!important;
}

.overview p {
 margin-bottom:0em;
}

.overview li {
 margin-left:1em;
}

.overview h2 {
 margin-top:1em;
}

/* JPN index */

.motto{
background:url(../aboutus/images/bayer_ho.jpg) no-repeat;
}

.motto h2 {
 text-align:center;
 display:block;
 margin-bottom:1em!important;
}

/* JPN message */
.message h4{
 font-weight:normal;
}


/*---------- PAGETITLE ----------*/

#health{
height:66px;
display:block;
background:url(../images/products_name.jpg) no-repeat;
margin-bottom:1em;
}

#health h1{
position:relative;
top:17px;
left:17px;
}


#products{
height:66px;
display:block;
background:url(../images/products_name.jpg) no-repeat;
margin-bottom:1em;
}

#products h1{
position:relative;
top:17px;
left:17px;
}

#aboutus{
height:66px;
display:block;
background:url(../images/aboutus_name.jpg) no-repeat;
margin-bottom:1em;
}

#aboutus h1{
position:relative;
top:17px;
left:17px;
}

#newsrelease{
height:66px;
display:block;
background:url(../images/news_name.jpg) no-repeat;
margin-bottom:1em;
}

#newsrelease h1{
position:relative;
top:17px;
left:17px;
}

#hv{
height:66px;
display:block;
background:url(../images/hv_name.jpg) no-repeat;
margin-bottom:1em;
}

#hv h1{
position:relative;
top:17px;
left:17px;
}

#health{
height:66px;
display:block;
background:url(../images/health_name.jpg) no-repeat;
margin-bottom:1em;
}

#health h1{
position:relative;
top:17px;
left:17px;
}

#recruit{
height:66px;
display:block;
background:url(../images/recruit_name.jpg) no-repeat;
margin-bottom:1em;
}

#recruit h1{
position:relative;
top:17px;
left:17px;
}

/*---------- BREADCRUMB ----------*/

.breadcrumb{
margin-left:-10px;
margin-bottom:20px;
font-size:x-small;
}

.breadcrumb a{
margin:0 10px;
}

/*---------- PRODUCTS ----------*/

.mainproduct{
margin-top:2em;
width:550px;
}

.mainproduct .detail{
display:block;

width:170px;
float:left;
margin-bottom:30px;
font-size:x-small;
}

.mainproduct .detail p{
margin-bottom:5px;
}

.mainproduct .others{
font-size:x-small;
}

.mainproduct .others span{
font-size:x-small;
font-weight:bold;
}

.mainproduct .detail span{
font-size:x-small;
font-weight:bold;
}

.cvrm{
background:url(../products/images/cvrm_background.png) no-repeat 280px 10px;
}

.cvrmproducts img{
float:left;
margin-right:20px;
margin-bottom:20px;
}



/*---------- CONTENTS BODY ----------*/

#contentsbody{
position:absolute;
top:110px;
left:200px;
width:550px;
}

#contentsbody h1{
font-size:large;
margin-bottom:1em;
}

#contentsbody h2{
clear:both;
font-size:large;;
margin-bottom:0.5em;
}

#contentsbody h3{
clear:both;
font-size:medium;
margin-bottom:1em;
padding-bottom:0.5em;
border-bottom:1px solid;
margin-top:2em;
}

#contentsbody h4{
clear:both;
font-size:medium;
margin-bottom:1em;
margin-top:1em;
}

#contentsbody p em{
font-weight:bold;
font-style:normal;
}

#contentsbody p{
line-height:1.3em;
}

#contentsbody ul{
margin-left:1em;
}

#contentsbody .text p{
text-indent:1em;
line-height:1.5em;
}

.pagetop{
clear:both;
float:right;
margin:50px 0;
font-size:x-small;
padding-left:10px;
background:url(../images/pagetop.gif) no-repeat 0 3px;
}

/*---------- TOP MAIN CONTENTS ----------*/

#update {
position:absolute;
top:261px;
left:170px;
width:339px;
background:#edfbec;
z-index:2;
}

#update h3{
background:#269c24;
height:17px;
font-size:12px;
color:#fff;
font-family:arial;
padding:2px 15px;
}

#update h4{

clear:left;
color:#ff3300;
font-size:12px;
}

#update .column{
margin:10px 10px 0 10px;
border-bottom:1px solid #269c24;
}

#update div.column hr{
margin:0;
border:1px solid #000;
background: #dee;
clear:both;
}


#update .column a{
float:left;
font-size:12px!important;
display:block;
}

#update .column .detail img{
float:left;
margin-right:10px;
padding-bottom:10px;
}

#update .column .detail {
float:left;
width:310px;
font-size:12px;
margin-bottom:0!important;
}

#news{
position:absolute;
top:261px;
left:509px;
width:271px;
background:#e8f3ff;
}

#news.english{
width:610px;
left:170px;
}

#news .column{
margin:10px 20px;
}


#news h3{
background:#6da8e4;
height:17px;
font-size:12px;
color:#fff;
font-family:arial;
padding:2px 20px;
}

#news p{
font-size:12px;
margin-bottom:2em;
}

#news p a{
line-height:1.4em;
}

#side{
position:absolute;
top:90px;
left:780px;
width:216px;
}

.top#side {
top:261px;
}

#side .column{
border-bottom:1px dotted;
padding-bottom:10px;
margin-bottom:30px;
}

#side .column p{
width:170px;
margin:10px 0;
line-height:1.5em;
text-align:left!important;
}

#side .column h4{
color:#ff3300;
padding:0;
background:none;
}

#side h3{
display:none;
background:#269c24;
height:17px;
font-size:12px;
color:#fff;
font-family:arial;
padding:2px 20px;
}

#side h4{
font-family:arial;
font-size:12px;
background:#b2e599;
color:#269c24;
padding:2px 10px;
}

#side div{
margin:10px 10px;
width:176px;
}

#side div p{
margin:10px;
font-size:12px;
text-align:center;
}



/*---------- BASE ----------*/

body {
color:#333;
}



/*---------- LINK ----------*/



a:hover {
text-decoration:underline;
}

a img{
border:0;
}

/*---------- HEADER ----------*/

#headername{
width:500px;
height:70px;
display:block;
}

#headername span{
display:none;
}

/*---------- LOGO ----------*/

#bayerlogo {
position:absolute;
top:9px;
left:743px;
}

/*---------- MAIN VISUAL ----------*/


#mainphoto{
position:absolute;
top:90px;
}

.toppage{
position:absolute;
top:261px!important;
}

#cvrm{
position:absolute;
top:440px!important;
left:25px;
width:140px;
font-size:12px;
line-height:1.5em;
}

#cvrm img{
margin-bottom:1em;
}

/*---------- SUPPORT NAVIGATION ----------*/

#supportnavi {
width:200px;
font-family:Helvetica,"MS Gothic";
font-size:9px;
position:absolute;
top:54px;
left:800px;
border-left:1px solid #999;
margin:0;
padding:0;
}

#supportnavi li{
display:inline;
letter-spacing:0px;
font-size:9px;
border-right:1px solid #999;
padding:0 3px;
color:#999;
}

#supportnavi .eng {
font-size:10px;
}

#supportnavi .active a {
color:#666;
}

#supportnavi li a{
text-decoration:none;
color:#999;
}

#supportnavi li a:hover{
color:#666;
}

/*---------- TOP NAVIGATION ----------*/

#topnavi{
font-family:"MS Gothic";
position:absolute;
top:69px;
margin:0;
padding:0;
width:996px;
background:#0099cc;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}

#topnavi ul{
margin:0;
padding:0;
}

#topnavi li {
float:left;
display:block;
list-style:none;
font-size:12px;
border-right:1px solid #fff;
}

#topnavi li a {
float:left;
display:block;
line-height:1em!important;
text-decoration:none;
padding:4px 13px 3px 13px;
color:#fff;
background:#0099cc;
}

#topnavi li a:hover {
background:#E5F5FA;
color:#0099cc;
}

/*---------- TOP NAVIGATION(selected) ----------*/

#topnavi .active a{
padding:4px 13px 3px 13px;
color:#fff;
background:#ff3300;
}

#topnavi .active a:hover{
color:#fff;
background:#ff3300;
}

/*---------- TOP NAVIGATION(selected) for English ----------*/

#topnavi .english_active a{
font-family:Helvetica;
padding:2px 10px;
color:#fff;
background:#ff3300;
}

#topnavi .english_active a:hover{
color:#fff;
background:#ff3300;
}

/*---------- TOP NAVIGATION for HOME ----------*/

#topnavi .nohome a{
float:left;
display:block;
text-decoration:none;
padding:4px 0 3px 0px;
color:#fff;
background:#0099cc;
width:170px;
visibility:hidden;
}

#topnavi .home a{
float:left;
display:block;
text-decoration:none;
padding:4px 0 3px 0;
color:#fff;
background:#0099cc;
width:170px;
text-indent:20px;
}

#topnavi .home a:hover {
background:#E5F5FA;
color:#0099cc;
}

#topnavi .english_nohome a{
font-family:Helvetica;
display:block;
padding:2px 0;
width:170px;
visibility:hidden;
}

#topnavi .english_home a{
font-family:Helvetica;
display:block;
padding:2px 0 2px 0;
text-indent:25px;
width:170px;
}

/*---------- TOP NAVIGATION for English ----------*/

#topnavi .english a{
font-family:Helvetica;
padding:2px 10px;
}

/*---------- LEFT NAVIGATION ----------*/

#lefthand{
font-family:Helvetica,"MS Gothic";
position:absolute;
top:89px;
width:170px;
font-size:12px;
z-index:1;
}

#leftnavi li{
float:left;
list-style:none;
width:170px;
background:#E5F5FA;
border-top:1px solid #fff;
}


/*---------- LEFT NAVIGATION LINK ----------*/

#leftnavi li a span{
display:block;
float:left;
clear:left;
height:16px;
width:20px;
}

#leftnavi li a {
padding:4px 0;
text-decoration:none;
color:#0099cc;
display:block;
width:170px;
}

#leftnavi li a:hover {
color:#0099cc;
display:block;
background:url(../images/arrow.gif) no-repeat 7px 7px;
}

#leftnavi .active{
background:#ff3300;
}

#leftnavi .active a{
padding:4px 0;
color:#fff;
background:#ff3300;
border-bottom:0px;
display:block;
background:url(../images/active_arrow.gif) no-repeat 7px 7px;
}

#leftnavi .active a:hover{
color:#fff;
background:#ff3300;
background:url(../images/active_arrow.gif) no-repeat 7px 7px;
}

#leftnavi .second li{
background:#FFF6D1;
}

#leftnavi .second li a {
padding:4px 0;
margin:0 0 0 10px;
text-decoration:none;
color:#ff3300;
background:#FFF6D1;
display:block;
border-bottom:0;
width:160px;
}

#leftnavi .second li a:hover {
margin:0px;
color:#ff3300;
background:#FFF6D1;
display:block;
margin:0 0 0 10px;
background:url(../images/active_arrow_2nd.gif) no-repeat 7px 7px;
}

#leftnavi .second .active a{
padding:4px 0;
margin:0 0 0 10px;
color:#ff3300;
background:#fff6d1;
border-bottom:0px;
display:block;
background:url(../images/active_arrow_2nd.gif) no-repeat 7px 7px;
}

#leftnavi .second .active a:hover{
color:#ff3300;
background:#fff6d1;
background:url(../images/active_arrow_2nd.gif) no-repeat 7px 7px;
}


#leftnavi .second .third li a {
padding:4px 0;
margin:0 0 0 20px;
text-decoration:none;
color:#ff3300;
background:#FFF6D1;
display:block;
border-bottom:0;
width:150px;
}

#leftnavi .second .third li a:hover {
margin:0 0 0 20px;
width:150px;
background:url(../images/active_arrow_2nd.gif) no-repeat 7px 7px;
}


#leftnavi .second .third .active a{
margin:0 0 0 20px;
width:150px;
background:url(../images/active_arrow_2nd.gif) no-repeat 7px 7px;
}

#leftnavi .second .third .active a:hover{
margin:0 0 0 20px;
width:150px;
background:url(../images/active_arrow_2nd.gif) no-repeat 7px 7px;
}

/*---------- LEFT NAVIGATION LINK(selected) ----------*/






#leftnavi ul ul .active a{
padding:4px 5px 4px 45px;
margin:0px;
color:#ff3300;
border-bottom:0px;
display:block;
}

#leftnavi ul ul .active a:hover{
color:#ff3300;
}

/*---------- Bayer Links ----------*/

#lefthand h3 {
font-family:Helvetica,"MS Gothic";
margin:0px 0 5px 0;
padding:3px 0 0 0;
text-indent:25px;
background:#999;
font-size:12px;
letter-spacing:1px;
width:170px;
display:block;
float:left;
height:18px;
color:#fff;
}

#bayerlinks{
float:left;
margin:0;
padding:0;
width:170px;
line-height:150%;
border-bottom:1px solid #666;
margin-bottom:10px;
}

#bayerlinks li{
float:left;
list-style:none;
width:170px;
padding:0 0 0 25px;
margin:0;
}

#bayerlinks li a {
list-style:none;
text-decoration:none;
color:#666;
}

/*---------- CONDITIONS OF USE ----------*/


#underbayerlinks li{
float:left;
list-style:none;
width:145px;
padding: 0 0 0 25px;
margin:5px 0;
color:#666;
}

#underbayerlinks li a{
list-style:none;
text-decoration:none;
color:#666;
}