@charset "Shift_JIS";

/* =================================================================================
	近代化産業遺産 CSS
================================================================================= */
/*	共通
================================================================================= */

.inner_box {
	background: url(../img/koushi-bg.gif) 0 0;
}
#industry-intro {
	margin-bottom: 30px !important;
}
.industry-lead {
	margin-bottom: 30px !important;
}
.industry-intro-body {
}
.industry-intro-left {
	float: left;
	width: 265px;
}
.industry-intro-right {
	float: right;
	width: 365px;
}


.industry-sttl {
	margin-bottom: 25px !important;
}
#industry-section1-1-2 .fl {
	float: left;
	width: 320px !important;
	margin: 0 30px 20px 0;
}
#industry-section1-1-2 .fr {
	float: right;
	width: 315px !important;
}




#industry-section2-1 {
	overflow: hidden;
}
#industry-section2-1 .fl {
	float: left;
	width: 315px;
}
#industry-section2-1 .fr {
	float: right;
	width: 320px;
}

#industry-section2-1-2 {
}
#industry-section2-1-2-2 .fl {
	float: left;
	width: 180px;
}
#industry-section2-1-2-2 .fr {
	position: relative;
	float: right;
	width: 140px;
	margin: -40px -10px 0 0 !important;
	z-index: 100 !important;
}

#industry-section2-1-3 .fl-1 {
	float: left;
	width: 170px !important;
}
#industry-section2-1-3 .fr-1 {
	float: right;
	width: 130px !important;
}
#industry-section2-1-3 .fl-2 {
	float: left;
	width: 130px !important;
}
#industry-section2-1-3 .fr-2 {
	float: right;
	width: 170px !important;
}



.industry-note {
    font-size: 14px !important;
}
.industry-note li {
    margin-bottom: 5px !important;
}
.industry-note small {
	display: block;
	text-indent: -1em;
	padding-left: 1em;
	line-height: 1.4;
}

.photo-text-sup {
	margin-top: 10px !important;
	text-indent: -1em !important;
	padding-left: 1em !important;
}