@charset "Shift-JIS";

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

TITLE    : 湧永製薬 ENGLISH CSS 
DATE     : 2006/08/22
URL      : http://www.wakunaga.co.jp

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

/* ----------------------------------------------------------------
BASIC STYLE
---------------------------------------------------------------- */
* {
	padding:0;
	margin:0;
}

body {
	text-align:center;
	color:#666666;
}

body.border {
	background: url(../share/bg_body.gif) ;
}

A{ border: underline; color:#003366;}

/*
A:link {
	text-decoration:none;
	color:#003366;
}

A:visited {
	text-decoration:none;
	color:#0033CC;
}

A:hover {
	text-decoration:underline;
	color:#0033CC;
}

A:active {
	text-decoration:none;
	color:#0033CC;
}
*/



.hide { display: none; }

.strong { font-weight: bold; }

.red { color: #ff0000; }
.black { color: #222222; }
.white { color: #ffffff; }
.right { text-align: right; }
ul{ 
	list-style: none;
	margin:0;
	padding:0;
  }
  
dl,dd,dt { 
	margin:0;
	padding:0;
  }
  
p{
	padding:0;
	margin:0;

}

hr {display:none}

div.hr {
  display: block;
  height: 1px;
  background: url(../share/hasen_bg.gif) repeat-x;
  margin: 1em 0 0.8em;
  clear:both;
}

div.hr2{
  display: block;
  height: 1px;
  background: url(../share/hasen_bg.gif) repeat-x;
  margin: 0 0 1em;
  clear:both;
}

#containerWrap {
	width:100%;
	background: url(../share/bg.gif) repeat-y 50% 50%;
}

#container {
	width:758px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#leftBox {
	width:175px;
	float:left;	
	clear:both;
	display: block;
	margin-bottom:20px;
}

#contentsBox {
	width:583px;
	float:right;	
	display: block;
	text-align: left;
	padding-bottom: 20px;
}


/* ----------------------------------------------------------------
HEADER
---------------------------------------------------------------- */
#header{
	display:block;
	width:758px;
	height:88px;
	background: url(../share/header_bg.gif) repeat-x bottom #ffffff;
	}

#header h1{
	display:block;
	width:550px;
	height:65px;
	margin: 0;
	padding: 0 ;
	float:left;
	background: url(../english/img/logo_english.gif) no-repeat 0 bottom;
}

#header h1 a{
	display:block;
	width:383px;
	height:65px;
 	text-indent: -9999px;  
	overflow: hidden;
}

#header p#logo2{
	display:block;
	width:45px;
	height:39px;
	margin: 0 10px 6px !important;
	margin: 0 5px 6px;
	padding:0;
	float:right;
}


#header ul {
	width:200px;
	display:block;
	float:right;
	white-space: nowrap;
	text-align: right;
	clear:right;
}

#header ul li {
	display:inline;
	background: url(../share/arrow01.gif) no-repeat 0 55% !important;
	background: url(../share/arrow01.gif) no-repeat 0 40%;
	padding: 2px 10px 2px 18px;
}

#header A:link {
	text-decoration:none;
	color: #666666 ;
}

#header A:visited {
	text-decoration:none;
	color: #666666 ;
}

#header A:hover {
	text-decoration:underline;
	color: #666666 ;
}

#header A:active {
	text-decoration:none;
	color: #666666 ;
}

	
/* ----------------------------------------------------------------
MENU 更新1/16
---------------------------------------------------------------- */

dl#menu{ 
  	margin: 0;
	width: 175px;
	height: 328px; 
	position: absolute; 

 }

dl#menu dt{ 
  	margin: 0;
	width: 175px;
	height: 38px;
	position: relative; 
	display: block;
	text-indent: -9999px; 
	display: block;
	background: url(../english/img/menu00.gif) 0 0 no-repeat;
 }

dt#menu_products{ top:0; }

dl#menu ul{
  	margin: 0;
	width: 175px;
	display: block;
	height: 290px;
  }

dl#menu li{ 
  	margin: 0;
	width: 175px;
	height:26px;
	position: relative; 
 }

dl#menu ul li a{ 
  	margin: 0;
	width: 175px;
	overflow: hidden;
	display: block;
	height:26px;
	text-indent: -9999px;
	text-decolation: none;
  }

dl#menu li a:hover{ background: none; }

li#menu_greeting{ background: url(../english/img/menu01_a.gif) no-repeat 0px 0; }
li#menu_greeting a{ background: url(../english/img/menu01.gif) no-repeat 0 0; }


li#menu_csf{ background: url(../english/img/menu02_a.gif) no-repeat 0 0; }
li#menu_csf a{ background: url(../english/img/menu02.gif) no-repeat 0 0; }


li#menu_rd{ background: url(../english/img/menu03.gif) no-repeat 0 0; text-indent: -9999px; verflow: hidden; }

li#menu_hr{ background: url(../english/img/menu03_01_a.gif) no-repeat 0 0; height:36px !important; }
li#menu_hr a{ background: url(../english/img/menu03_01.gif) no-repeat 0 0; height:36px !important;  }


li#menu_brd{ background: url(../english/img/menu03_02_a.gif) no-repeat 0 0; height:36px !important; }
li#menu_brd a{ background: url(../english/img/menu03_02.gif) no-repeat 0 0; height:36px !important;  }


li#menu_imr{ background: url(../english/img/menu03_03_a.gif) no-repeat 0 0; height:36px !important; }
li#menu_imr a{ background: url(../english/img/menu03_03.gif) no-repeat 0 0; height:36px !important;  }



li#menu_pqc{ background: url(../english/img/menu04_a.gif) no-repeat 0px 0; }
li#menu_pqc a{ background: url(../english/img/menu04.gif) no-repeat 0 0; }


li#menu_id{ background: url(../english/img/menu05_a.gif) no-repeat 0px 0; }
li#menu_id a{ background: url(../english/img/menu05.gif) no-repeat 0 0; }

li#menu_cg{ background: url(../english/img/menu06_a.gif) no-repeat 0px 0; }
li#menu_cg a{ background: url(../english/img/menu06.gif) no-repeat 0 0; }


li#menu_hc{ background: url(../english/img/menu07_a.gif) no-repeat 0px 0; }
li#menu_hc a{ background: url(../english/img/menu07.gif) no-repeat 0 0; }





/* ----------------------------------------------------------------
MAIN BOX CONTENTS
-----------------------------------------------------------------*/  

/*-----タイトルカット------*/  
div#contentsBox h2{
  	margin-top: 3px;
  	margin-left: 3px;
  	margin-bottom: 3px;
	width: 578px;
	height: 74px;
 	text-indent: -9999px; 
	display: box;
  }

#en div#contentsBox h2 { background: url(../english/img/h2_english.jpg) no-repeat;} 





/*-----パンくずナビ------*/

div#pankuzu { 
  	background: #9BD494;
	margin-bottom: 18px;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	text-indent: 7px;
	padding: 7px;	
  }
	 
#mainContents{
	display: block;
	padding: 0 10px;
  }
  
 
  
/*-----サブメニュータイトル------*/   

div#contentsBox h3{
  	margin-top: 3px;
  	margin-bottom: 0.75em;
	height: 25px;
	clear: both;
 	text-indent: -9999px;
  }
  

#en div#contentsBox h3.greeting { background: url(../english/img/h3_greeting.gif) no-repeat;}
#en div#contentsBox h3.consulting { background: url(../english/img/h3_consulting.gif) no-repeat;}  
#en div#contentsBox h3.health { background: url(../english/img/h3_health.gif) no-repeat;}
#en div#contentsBox h3.biotech { background: url(../english/img/h3_biotech.gif) no-repeat;}
#en div#contentsBox h3.institute { background: url(../english/img/h3_institute.gif) no-repeat;}
#en div#contentsBox h3.production { background: url(../english/img/h3_production.gif) no-repeat;}
#en div#contentsBox h3.garden { background: url(../english/img/h3_garden.gif) no-repeat;}
#en div#contentsBox h3.international { background: url(../english/img/h3_international.gif) no-repeat;}
#en div#contentsBox h3.handball { background: url(../english/img/h3_handball.gif) no-repeat;}

	 
#en div#contentsBox h5 { 
  	margin-bottom: 1em;
 	text-indent: -9999px; 
	display: block;
	overflow:hidden;
	clear: both;	
 }
 
#en div#contentsBox h5.index {
    background: url(../english/img/h5_index.gif) no-repeat;
	width: 510px;
	height: 45px;
  }

#en div#contentsBox h5.production {
    background: url(../english/img/h5_production.gif) no-repeat;
	width: 563px;
	height: 40px;
  }

#en div#contentsBox h5.international {
    background: url(../english/img/h5_international.gif) no-repeat;
	width: 547px;
	height: 40px;
  }

#en div#contentsBox h5.health {
    background: url(../english/img/h5_healthcare.gif) no-repeat;
	width: 477px;
	height: 20px;
  }
#en div#contentsBox h5.institute {
    background: url(../english/img/h5_institute.gif) no-repeat;
	width: 477px;
	height: 20px;
  }

#en div#contentsBox h5.consulting {
    background: url(../english/img/h5_consulting.gif) no-repeat;
	width: 547px;
	height: 40px;
  }


/*-----※サンプル↑背景指定を各個別CSSに記述してください------*/  

#en div#contentsBox h4.gaiyo { background: url(../english/img/h4_crg_gaiyo.gif) no-repeat;	height: 20px;}
div#contentsBox h4{
  	margin: 0 0 0.75em;

	clear: both;
 	text-indent: -9999px; 
  }


  
#mainContents h6{  
	clear: both;
  }

#mainContents p{
	line-height: 1.2em;
	padding: 0 5px;
	display: block;
	margin-bottom: 1em;
  }

#mainContents p.link{
	background: url(../share/arrow02.gif) no-repeat 6px 60%;
	margin: 1.5em 0;
	text-indent: 13px;
	display: block;
  } 

  
#mainContents p img.left{
	margin: 0 10px 8px 0;
	display: block;
	float: left;
	clear:left;
  }  
  
#mainContents p img.right{
	margin: 0 0 10px 8px;
	display: block;
	float: right;
	clear:right;
  }  
  

#mainContents p img.center{
	margin: 0 auto;
	display: block;
	text-align: center;
	clear:both;
  }  
  
/*-----index------*/   

div#flash{
  	margin: 10px auto 16px !important;
  	margin: 10px 10px 16px 9px ;
	width: 563px !important;
	width: 563px;
	height: 277px;
	display: block;
  }
  
h4.related,h4.general{ 
	clear: both;	
	display: block;
	height: 20px;
  	margin-bottom: 0.5em;
	border-bottom:double #9BD494;
	
	 }
	 
#en div#contentsBox h4.related { 
	background: url(../english/img/h4_company.gif) no-repeat 0 0;
	}
#en div#contentsBox h4.general { 
	background: url(../english/img/h4_general.gif) no-repeat 0 0;
	} 
	
span.year{
	text-align:right;
	display: block;
  } 
  
div#generalInfomation{
	width: 555px !important;
	width: 555px;
	display: block;
	border: 1px solid #cccccc;
	padding:1px;
	margin-bottom: 1.5em;
  } 

table.dataTable {
	border-collapse:collapse;
	width:100%;
}

.dataTable th {
	padding: 3px 6px;
	border: 1px solid #ffffff;
	background: #D2F1CE;
	color: #075929;
	line-height: 1.2em;
	text-align:left;
	vertical-align: center;
	width: 18%;
}

.dataTable th.bg02{
	background: #ADDCA7;	
}
.dataTable td {
	padding:3px 6px;
	border:1px solid #ffffff;
	color: #222222;
	line-height: 1.2em;
	background: #efefef;
}

.dataTable td.bg02{
	background: #dcdcdc;	
}


.dataTable th.branch {
	background: #efefef;
	font-weight: bold;

}

.dataTable td.branch {
	background: #ffffff;
}

#mainContents dl.branch{
	width: 563px;
	display: block;
	margin: 0;
	padding:0;
  } 
  
#mainContents dl.branch dt{ 
	display: block;
	background: url(../share/ad_bg01.jpg) #CFE4C5 repeat-x bottom;
	padding: 5px 8px;
	font-weight: bold;
	margin-bottom:1px;
	color: #245A29;
  } 
  
#mainContents dl.branch dd { 
	display: block;
	background: url(../share/ad_bg02.jpg) #FFFFFF repeat-x bottom;
	padding: 5px 8px 8px;
	line-height: 1.3em;
	margin-bottom: 1em;
  } 

/*-----greeting-----*/ 

img#photo_ceo{
	float:left;
	margin-left:3px;
  }
  
div#greeting{ 
	display: block;
	width:400px;
	float:right;
  }

 
/*-----institute-----*/    
#en div.boxGlay{
	background: #dcdcdc;
	padding: 10px 12px 1px;
	display: block;
  } 
  
#en div.boxGlay span{ 
	display: block;
  } 
  
#en div.boxGlay p { 
	display: block;
	padding: 0;	
  } 

/*-----international------*/  

	 

#en table.america{ 
	display: block;
	clear:both;
	margin-top: 2em;
	width: 100%;
	border: none;
	 }
#en table.america td.photo{ 
	width: 237px;
	border-right: 3px #ffffff solid;
	 }
	 
#en table.america td.name{ 
	width: 316px;
	padding: 4px 10px 3px;
	background: url(../share/ad_bg01.jpg) #CFE4C5 repeat-x bottom;
	font-weight: bold;
	border-bottom: 1px #ffffff solid;
	 }
	 	 
#en table.america td.add{ 
	padding: 7px 10px;
	vertical-align: top;
	background: url(../share/ad_bg02.jpg) #FFFFFF repeat-x bottom;
	line-height: 1.5em;	
	color: #222222;
	 }
/*-----Bio HLA banner------*/  	 
a#banner_hla02 img{ margin:7px 0 14px; }	 
  
/* ----------------------------------------------------------------
PAGETOP
---------------------------------------------------------------- */

div#pagetopBox1{
	display:block;
	width: 557px;
	clear:both;
	margin: 1em 5px 5px !important;
	margin: 1em 0 5px 3px;
	height:24px;
}

div#pagetopBox2{
	display:block;
	width: 557px;
	clear:both;
	margin: 0 0 5px 190px;
	height:24px;
}

p#pagetop{
	display:block;
	background: #ffffff url(../share/pagetop.gif) no-repeat 0 70%;
	float:right;
	width: 112px;
	height:18px;
	margin:0;
	padding: 0;
}

p#pagetop a{
	text-indent: -9999px;
	display:block;
	width: 112px;
	height:18px;
}

p.back{
	text-indent: 10px;
	display: block;
	height:20px;
	float:left;
	margin:0;
	padding: 0;
	width: 200px;
}

div#pagetopBox1 p.back{
	background: url(../share/arrow02.gif) no-repeat 0 55%;
	text-indent: 7px;
}

div#pagetopBox2 p.back{
	background: url(../share/arrow02.gif) no-repeat 0 45%;
	text-indent: 12px;
}

/*
#pagetop{
	display:block;
	text-align:left;
	background: #ffffff url(../share/pagetop.gif) no-repeat;
	float:right;
	width: 112px;
	height:30px;
}

*/


/* ----------------------------------------------------------------
FOOTER
---------------------------------------------------------------- */
#footer{
	display:block;
	width: 758px; 
	height:55px;
	clear:both;
	text-align:left;
	background: #ffffff url(../share/footer_bg.gif) repeat-x top;
	margin: 0 auto;
	vertical-align:middle;
}

#footer h6{
	display:block;
	width: 290px; 
	height:49px;
	margin-top:1px;
	margin-right:10px;
	float:left;
}

#footer ul{
	display:block;
	float:right;
	list-style:none;
	margin-top: 20px !important;
/*	margin-top: 43px; */
	margin-right: 10px !important;
	margin-right: 5px;
}

#footer li{
	display:inline;
}

p#copyright{
/*	margin-left:40px !important; */
/*	margin-left:45px; */
	display:block;
	margin-top: 20px !important;
	margin-top:23px;
	float:left;
	font-size: 12px;
	}
	
#footer A:link {
	text-decoration:none;
	color:  ;
}

#footer A:visited {
	text-decoration:none;
	color: ;
}

#footer A:hover {
	text-decoration:underline;
	color: ;
}

#footer A:active {
	text-decoration:none;
	color: ;
}