@charset "Shift-JIS";

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

TITLE    : 湧永製薬 Basic CSS 
DATE     : 2006/08/22
URL      : http://www.wakunaga.co.jp
DESIGNER : akiko yoshimura

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

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

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



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{ 
	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%;
}

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

#leftBox {
	display: none;
}

#contentsBox {
	text-align:left;
	width:578px;
}

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

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

#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 {
	display: none;
}


/* ----------------------------------------------------------------
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に記述してください------*/  


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;
	} 
  
div#generalInfomation{
	width: 555px !important;
	width: 555px;
	display: block;
	border: 1px solid #cccccc;
	padding:3px;
	margin-bottom: 1.5em;
  } 

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

.dataTable th {
	padding: 3px 6px;
	border: 1px solid #ffffff;
	background: #F0F9EE;
	color: #007B32;
	font-weight:normal;
	line-height: 1.2em;
	text-align:left;
	vertical-align: top;
	width: 18%;
}

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

.dataTable td.name {
	color: #007B32;
	font-weight: bold;
}

.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;
  } 

/*-----institute-----*/    
#en div.boxGlay{
	background: #efefef;
	padding: 15px 15px 1px 15px;
	display: block;
	margin: 0 5px 1em;
  } 
  
#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;
	 }
	 	 	 
  
/* ----------------------------------------------------------------
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: 578px; 
	height:45px;
	clear:both;
	text-align:left;
	background: #ffffff url(../share/footer_bg.gif) repeat-x top;
	margin: 1em auto 0;
	vertical-align:middle;
}

#footer h6{
	display:block;
	width: 170px; 
	height:49px;
	margin-top:1px;
	margin-right: 18px !important;
	margin-right: 13px;
	float:left;
}

#footer ul{
		display: none;
}

p#copyright{
	display:block;
	padding-top:20px !important;
	padding-top:23px;
	float:right;
	text-align: center;
	font-size:90%;
	padding-right: 20px;
	}