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

/*-------------------------------------------
 街の紹介
-------------------------------------------*/
.introduction #h2_introduction strong {
	background-image	: url(../introduction/images/h2_introduction.png);
}

.introduction li#hino-town {
	background-image	: url(../introduction/images/menu_hino-town_r.png);
}

.introduction #hino-town a {
	background-image	: url(../introduction/images/menu_hino-town.png);
}

.introduction #hino-town a.sel,
.introduction #hino-town a:hover {
	background-image	: url(../introduction/images/menu_hino-town_r.png);
	_background-image	: none;
}

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

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

.introduction #history a.sel,
.introduction #history a:hover {
	background-image	: url(../introduction/images/menu_history_r.png);
	_background-image	: none;
}

.introduction h4 {
	display				: block;
	position			: relative;
	z-index				: 1;
	width				: 610px;
	height				: 24px;
	margin-bottom		: 1em;
}

.introduction h4 strong {
	display				: block;
	width				: 610px;
	height				: 24px;
	margin				: 0;
}

.introduction h4 strong span {
	display				: block;
	position			: relative;
	z-index				: -1;
	width				: 610px;
	height				: 24px;
	overflow			: hidden;
	margin				: 0;
}

.introduction h5 {
	background-image	: url(../images/h_marker.png);
	background-repeat	: repeat-y;
	padding-left		: 15px;
}

#contents_container {
	margin-bottom		: 30px;
}

.introduction p {
	margin-left			: 1em;
	margin-right		: 1.5em;
}

/*-------------------------------------------
	日野町　まちの紹介
-------------------------------------------*/
.hino-town #h3_hino-town strong {
	background-image	: url(../introduction/images/h3_hino-town.png);
}

.hino-town #h4_hinomatikado strong {
	background-image	: url(../introduction/images/h4_hinomatikado.png);
}

.hino-town #h4_syakunage strong {
	background-image	: url(../introduction/images/h4_syakunage.png);
}

.hino-town #h4_hinomatsuri strong {
	background-image	: url(../introduction/images/h4_hinomatsuri.png);
}

.hino-town #h4_hifurimatsuri strong {
	background-image	: url(../introduction/images/h4_hifurimatsuri.png);
}

#syakunage {
	margin-left			: 1em;
	margin-bottom		: 1em;
	float				: right;
	margin-right		: 0.5em;
}

/*-------------------------------------------
	日野薬品工業の歴史
-------------------------------------------*/
.history #h3_history strong {
	background-image	: url(../introduction/images/h3_history.png);
}

.history #h4_beginning strong {
	background-image	: url(../introduction/images/h4_beginning.png);
}

.history #h4_kanoumaru strong {
	background-image	: url(../introduction/images/h4_kanoumaru.png);
}

.history div.img_beggining {
	margin-left			: 45px;
	margin-bottom		: 1.5em;
}

#beggining_1 {
	display				: inline;
	float				: left;
	margin-top			: 55px;
}

#beggining_2 {
	display				: inline;
	float				: right;
	margin-right		: 45px;
}

.history div.img_kanoumaru {
	margin-left			: 90px;
	margin-bottom		: 1.5em;
}

#kanoumaru_1 {
	display				: inline;
	float				: left;
}

#kanoumaru_2 {
	display				: inline;
	float				: right;
	margin-top			: 20px;
	margin-right		: 90px;
}

/*
.history ul {
	list-style-type		: disc;
	list-style-position	: outside;
	margin-left			: 1.5em;
}

.history li {
	margin-bottom		: 0.5em;
}
*/

.history th {
	padding-bottom		: 0.5em;
	font-weight			: normal;
	vertical-align		: top;
}

.history td {
	padding-bottom		: 0.5em;
	width				: 100%;
}

.history h6 {
	margin-left			: 1em;
}

.history table {
	margin-left			: 3em;
}

/* Only MacSafari */
html[xmlns*=""] body.history:last-child table {
	margin-left			: 2.2em;
}