@charset "UTF-8";
@import url(./init.css);

/*-------------------------------------------
 Global
-------------------------------------------*/
body {
	background-color	: #F2F2F2;
	margin-bottom		: 1px;
}

html > body {
	overflow-y			: scroll;
	text-align			: left;
}

*:first-child+html body {
	overflow-y			: visible;
}

/*-------------------------------------------
 Framework(全頁共通)
-------------------------------------------*/

div#wrapper {
	width				: 840px;
	height				: 100%;
	min-height			: 100%;
	margin				: auto;
	background-image	: url(../images/back_page.gif);
	background-position	: top center;
	background-repeat	: repeat-y;
}

body > div#wrapper {
	height				: auto;
}

	div#page {
		width				: 800px;
		height				: auto;
		margin				: auto;
		background-color	: #FFFFFF;
		border-top			: solid 1px #FFFFFF;
		border-bottom		: solid 1px #FFFFFF;
	}

		div#header_area {
			width				: 800px;
			height				: 45px;
		}
		
			div#header_area h1 {
				float				: left;
				font-size			: 1.2em;
				width				: 191px;
				height				: 33px;
				margin-top			: 5px;
				margin-left			: 10px;
			}
			
			div#header_area h1 a {
				display				: block;
				width				: 191px;
				height				: 33px;
				margin				: 0;
			}
			
			div#header_area h1 a span {
				position			: relative;
				z-index				: -1;
				display				: block;
				width				: 191px;
				height				: 33px;
				overflow			: hidden;
			}
			
			div#header_area #h1_logo {
				background-image	: url(../images/h1_logo.png);
				background-repeat	: no-repeat;
			}
		
		div#image_area {
			width				: 800px;
			height				: 140px;
		}
	
			div#image_area h2 {
				position			: relative;
				z-index				: 1;
				width				: 800px;
				height				: 140px;
			}
			
			div#image_area h2 strong {
				display				: block;
				width				: 800px;
				height				: 140px;
				margin				: 0;
			}
			
			div#image_area h2 strong span {
				display				: block;
				position			: relative;
				z-index				: -1;
				width				: 800px;
				height				: 140px;
				overflow			: hidden;
			}
	
		div#main_menu_area {
			width				: 100%;
			height				: 41px;
			margin				: 5px auto;
			background-image	: url(../images/back_main_menu.png);
			background-repeat	: no-repeat;
		}
	
			div#main_menu_area ul{
				position			: relative;
				z-index				: 1;
				margin-left			: 9px;
				height				: 42px;
				list-style-type		: none;
			}
			
				div#main_menu_area li {
					display				: block;
					width				: 97px;
					height				: 39px;
					float				: left;
					margin-top			: 1px;
					margin-right		: 1px;
					background-repeat	: no-repeat;
				}

					div#main_menu_area li a {
						display				: block;
						width				: 97px;
						height				: 39px;
						margin				: 0;
						background-repeat	: no-repeat;
					}
					
						#main_menu_area li a span {
							position			: relative;
							z-index				: -1;
							display				: block;
							width				: 97px;
							height				: 39px;
							overflow			: hidden;
						}
	
				li#company {
					background-image	: url(../images/menu_company_r.png);
				}
				
					li#company a {
						background-image	: url(../images/menu_company.png);
					}
	
				li#products {
					background-image	: url(../images/menu_products_r.png);
				}
	
					li#products a {
						background-image	: url(../images/menu_products.png);
					}
	
				li#production {
					background-image	: url(../images/menu_production_r.png);
				}
	
					li#production a {
						background-image	: url(../images/menu_production.png);
					}
	
				li#recruit {
					background-image	: url(../images/menu_recruit_r.png);
				}
	
					li#recruit a {
						background-image	: url(../images/menu_recruit.png);
					}
	
li#netshop {
	background-image	: url(../images/menu_netshop_r.png);
}

li#netshop a {
	background-image	: url(../images/menu_netshop.png);
}

li#contact {
	background-image	: url(../images/menu_contact_r.png);
}

li#contact a {
	background-image	: url(../images/menu_contact.png);
}

li#introduction {
	background-image	: url(../images/menu_introduction_r.png);
}

li#introduction a {
	background-image	: url(../images/menu_introduction.png);
}

li#health-information {
	background-image	: url(../images/menu_health-infomation_r.png);
}

li#health-information a {
	background-image	: url(../images/menu_health-infomation.png);
}

li#link {
	background-image	: url(../images/menu_link_r.png);
}

li#link a {
	background-image	: url(../images/menu_link.png);
}

#main_menu_area li a.sel,
#main_menu_area li a:hover {
	background-image	: none;
}

		div#main_menu_area2 {
			width				: 100%;
			height				: 41px;
			margin				: 5px auto;
			background-image	: url(../images/back_main_menu.png);
			background-repeat	: no-repeat;
		}
	
			div#main_menu_area2 ul{
				position			: relative;
				z-index				: 1;
				margin-left			: 9px;
				height				: 42px;
				list-style-type		: none;
			}
			
				div#main_menu_area2 li {
					display				: block;
					width				: 97px;
					height				: 39px;
					float				: left;
					margin-top			: 1px;
					margin-right		: 1px;
					background-repeat	: no-repeat;
				}

					div#main_menu_area2 li a {
						display				: block;
						width				: 97px;
						height				: 39px;
						margin				: 0;
						background-repeat	: no-repeat;
					}
					
						#main_menu_area2 li a span {
							position			: relative;
							z-index				: -1;
							display				: block;
							width				: 97px;
							height				: 39px;
							overflow			: hidden;
						}
	

li#link {
	background-image	: url(../images/menu_link_r.png);
}

li#link a {
	background-image	: url(../images/menu_link.png);
}

#main_menu_area2 li a.sel,
#main_menu_area2 li a:hover {
	background-image	: none;
}

#body_area {
	width				: 100%;
	height				: 100%;
}

* html body #body_area dt,
* html body #body_area dd,
* html body #body_area li {
	font-size			: 1.4em;			/* 14px相当 */
}

*+html body #body_area dt,
*+html body #body_area dd,
*+html body #body_area li {
	font-size			: 1.4em;			/* 14px相当 */
}

#footer_area {
	width				: 100%;
	padding-top			: 8px;
	padding-bottom		: 9px;
	color				: #000000;
	background-image	: url(../images/back_footer.png);
	background-repeat	: repeat-x;
	font-size			: 0.85em;
	line-height			: 1.2;
}

#footer_area ul{
	width				: 500px;
	margin-left			: 15px;
	float				: left;
	list-style-type		: none;
}

* html body #footer_area ul{
	display				: inline;
} 

#footer_area li{
	width				: auto;
	float				: left;
	display				: block;
	margin				: 0 5px;
/* Only MacIE \*//*/
	display				: inline;
/* End */
}

* html body #footer_area li {
	display				: block;
	_display			: inline;
}

#footer_area a {
	color				: #000000;
}

#copyright {
	width				: 270px;
	margin-right		: 15px;
	float				: right;
	text-align			: right;
	font-size			: 1.05em;
}

* html body #copyright {
	display				: block;
	_display			: inline;
}

/*-------------------------------------------
 日野薬品総合TOPページ
-------------------------------------------*/

.page_type_top div#image_area {
	width				: 100%;
	height				: 350px;
}

.page_type_top div#body_area {
	width				: 100%;
}

	.page_type_top div#contents_container {
		height				: auto;
		margin-top			: 15px;
		margin-bottom		: 15px;
	}

		.page_type_top div#topics_area {
			width				: 384px;
			height				: 217px;
			margin-left			: 30px;
			margin-bottom		: 60px;
			background-image	: url(../images/back_topics.png);
			background-repeat	: no-repeat ;
			float				: left;
			display				: inline;
		}

			.page_type_top #topics_area h3 {
				position			: relative;
				z-index				: 1;
				width				: 372px;
				height				: 34px;
				margin				: 6px;
			}

				.page_type_top #topics_area h3 strong {
					display				: block;
					width				: 372px;
					height				: 34px;
					margin				: 0;
				}

					.page_type_top #topics_area h3 strong span {
						display				: block;
						width				: 372px;
						height				: 34px;
						position			: relative;
						z-index				: -1;
						overflow			: hidden;
					}

			.page_type_top #topics_area #h3_topics strong {
				background-image	: url(../images/h3_topics.png);
				background-repeat	: no-repeat;
			}

		.page_type_top #topics_container {
			width				: 372px;
			margin				: 0 6px;
		}

			.page_type_top div#topics_container div#topics {
				position			: relative;
				z-index				: 1;
				width				: 360px;
				height				: 200px;
				margin				: 0 4px;
			}
			
			.page_type_top div#topics_container table {
				width				: 100%;
			}
				
				.page_type_top div#topics_container td {
					width					: auto; 
					vertical-align			: top;
					text-align				: left;
				}
				
				.page_type_top div#topics_container td.date {
					width				: 20%; 
					padding-right		: 10px;
				}
				
				.page_type_top div#topics_container td.data {
					width				: 79%; 
				}
				
			.page_type_top div#topics_container .all_view { 
				float				: right;
			}

		.page_type_top div#banner_area {
			display				: inline;
			width				: 295px;
			height				: 217px;
			margin-right		: 50px;
			margin-bottom		: 50px;
			background-image	: url(../images/back_banner.png);
			background-repeat	: no-repeat ;
			float				: right;
		}

			.page_type_top div#banner_container {
				margin-top			: 7px;
				margin-left			: 7px;
			}

/*-------------------------------------------
 Framework(情報頁共通)
-------------------------------------------*/
.page_type01 #image_area,
.page_type02 #image_area {
	width				: 100%;
	height				: 140px;
}

#navigater_area {
	color				: #ffffff;
	width				: 100%;
	height				: 36px;
	margin-bottom		: 5px;
	background-image	: url(../images/back_navigater.png);
	background-repeat	: no-repeat ;
	font-size			: 0.9em;
	line-height			: 1.1;
	clear				: both;
}

#navigater_area ul {
	display				: inline;
	width				: 98%;
	margin-top			: 10px;
	margin-left			: 15px;
	float				: left;
	list-style-type		: none;
}

html[xmlns*=""] body:last-child #navigater_area ul {
	margin-top			: 8px;
}

#navigater_area li {
	display				: block;
	_display			: inline;
	width				: auto;
	float				: left;
	margin-left			: 5px;
	margin-right		: 5px;
/* Only MacIE \*//*/
	padding-top			: 10px;
/* End */
}

#navigater_area a {
	color				: #ffffff;
}

.page_type01 #body_area,
.page_type02 #body_area {
	width				: 100%;
	height				: auto;
}

.page_type01 #contents_area,
.page_type02 #contents_area {
	padding-bottom		: 2em;
}

.page_type01 #contents_container,
.page_type02 #contents_container {
	padding 			: 15px;
}

.page_type01 #contents_container dd,
.page_type02 #contents_container dd {
	line-height			: 1.5;
	margin-bottom		: 1em;
}

/*-------------------------------------------
 Framework(情報頁_種別01 サイドメニュー無)
-------------------------------------------*/
.page_type01 #contents_area {
	width				: 100%;
	height				: 100%;
}

.page_type01 #contents_area h3 {
	display				: block;
	position			: relative;
	z-index				: 1;
	width				: 800px;
	height				: 50px;
	margin-bottom		: 1px;
}

.page_type01 #contents_area h3 strong {
	display				: block;
	width				: 800px;
	height				: 50px;
	margin				: 0;
}

.page_type01 #contents_area h3 strong span {
	display				: block;
	position			: relative;
	z-index				: -1;
	width				: 800px;
	height				: 50px;
	overflow			: hidden;
}

/*-------------------------------------------
 Framework(情報頁_種別02 サイドメニュー有)
-------------------------------------------*/
.page_type02 #body_area {
	background-color	: #FFFFFF;
	background-image	: url(../images/type02_body_back.png);
}

#side_menu_area {
	display				: inline;
	width				: 150px;
	background-color	: #C8EAD9;
	float				: left;
/* これ以降Mac IE 5には適用されない \*/
	padding-bottom		: 32768px;
	margin-bottom		: -32768px;
/* これ以降Mac IE 5にも適用される */
}

#side_menu_area ul{
	list-style-type		: none;
	position			: relative;
	z-index				: 1;
	width				: auto;
	height				: 100%;
	margin-top			: 5px;
	margin-left			: 2px;
}

#side_menu_area li{
	width				: 148px;
	height				: 33px;
	margin-bottom		: 1px;
	background-repeat	: no-repeat;
}

* html body #side_menu_area li{
	display				: inline;
}

#side_menu_area li a {
	display				: block;
	width				: 148px;
	height				: 33px;
	margin				: 0;
	background-repeat	: no-repeat;
}

#side_menu_area li a span {
	display				: block;
	width				: 148px;
	height				: 33px;
	position			: relative;
	z-index				: -1;
	overflow			: hidden;
}

.page_type02 #contents_area {
	width				: 650px;
	background-color	: #ffffff;
	margin-left			: 0;
	float				: right;
	margin-bottom		: -10%;
	padding-bottom		: 10%;
/* これ以降Mac IE 5には適用されない \*/
	padding-bottom		: 32768px;
	margin-bottom		: -32768px;
/* これ以降Mac IE 5にも適用される */
}

.page_type02 #contents_area h3 {
	display				: block;
	position			: relative;
	margin				: 0;
	padding				: 0;
	z-index				: 1;
	width				: 650px;
	height				: 50px;
	margin-bottom		: 1px;
}

.page_type02 #contents_area h3 strong {
	display				: block;
	width				: 650px;
	height				: 50px;
	margin				: 0;
	padding				: 0;
}

.page_type02 #contents_area h3 strong span {
	display				: block;
	position			: relative;
	z-index				: -1;
	width				: 650px;
	height				: 50px;
	overflow			: hidden;
	margin				: 0;
	padding				: 0;
}

/*-------------------------------------------
* Search Google
-------------------------------------------*/
#header_area #search {
	position			: relative;
	left				: 320px;
	top					: 10px;
	height				: 27px;
	width				: 400px;
	margin				: 0;
	padding				: 0;
/* Only MacIE \*//*/
	left				: 620px;
/* End */
}

* body #header_area #search {
	left				: 300px;
}

* body #header_area > #search {
	left				: 320px;
}

#header_area fieldset {
	border				: none;
}

#header_area #search-box {
	float				: left;
	height				: 25px;
	width				: 180px;
	background-image	: url(../images/search_input.png);
	background-repeat	: no-repeat;
}

#header_area #search-box input {
	margin-top			: 5px;
	margin-left			: 30px;
	width				: 145px;
	border				: none;
}

* html body #header_area #search-box input {
	margin-top			: 2px;
	margin-left			: 28px;
	width				: 145px;
	border-style		: none;
}

*+html body #header_area #search-box input {
	margin-top			: 2px;
	margin-left			: 28px;
	width				: 145px;
	border-style		: none;
/* Only MacIE \*//*/
	margin-top			: 5px;
/* End */
}

/* Only MacSafari */
html[xmlns*=""] body:last-child #header_area #search-box input {
	margin-top			: 3px;
}

#header_area #search-button input {
	margin-top			: 2px;
	margin-left			: 5px;
}