@charset "utf-8";

/* =======================================

	B1F CSS

========================================== */

#b1f h2#categoryTitle {
	margin: 0 10px 25px;
	text-align: center;
}

#b1f p#contentsLead {
	margin: 0 10px 25px;
	font-size: 107.8%;
	line-height: 1.429;
	text-align: center;
}


/* Contents Header
========================================== */
#b1f #contentsHeader {
	margin: 0 0 50px;
	height: 204px;
}


/* Introduction
========================================== */
#b1f .introduction {
	margin: 70px 145px 25px;
}

	/* Local Menu
	---------------------------------------- */
	#b1f .introduction ul.localMenu {
		background: url(../../common/img/line_solid02_gray01.gif) repeat-x 0 100%;
		zoom: 1;
	}
	
	#b1f ul.localMenu:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0px; visibility: hidden;
	}
	
	#b1f .introduction ul.localMenu li {
		float: left;
		display: inline; /* for IE */
		margin: 0 0 0 11px;
		width: 123px;
	}
	
	#b1f .introduction ul.localMenu li.menu01 {margin: 0; /* Reset */}
	#b1f .introduction ul.localMenu li.menu04 {width: 124px;}
	
	/* Intro Section
	---------------------------------------- */
	#b1f .introduction .introSec {
		padding: 28px;
		border: solid #918B8A;
		border-width: 0 1px 1px;
		zoom: 1;
	}
	
	#b1f .introduction .introSec:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0px; visibility: hidden;
	}
	
	#b1f .introduction .introSec h3 {
		padding: 0 0 15px;
		font-weight: bold;
		font-size: 138.5%;
		line-height: 1.334;
	}
	
	#b1f .introduction .introSec p {
		margin: 0 0 10px;
	}
	
		/* Info Text
		---------------------------------------- */
		#b1f .introduction .introSec .infoText {
			position: relative;
			margin: 0 0 -10px;
			width: 370px;
			zoom: 1;
		}
		
		#b1f .introduction .introSec.section01 .infoText {float: right;}
		#b1f .introduction .introSec.section02 .infoText {float:  left;}
		#b1f .introduction .introSec.section03 .infoText {margin: 0 0 30px; width: 100%;}
		
		/* Info Image
		---------------------------------------- */
		#b1f .introduction .introSec ul.infoImage {
			margin: 0 0 -25px;
			width: 182px;
			zoom: 1;
		}
		
		#b1f .introduction .introSec ul.infoImage:after { /* for Modern Browser */
			content: "."; display: block; clear: both; height: 0px; visibility: hidden;
		}
		
		#b1f .introduction .introSec.section01 ul.infoImage {float:  left;}
		#b1f .introduction .introSec.section02 ul.infoImage {float: right;}
		#b1f .introduction .introSec.section03 ul.infoImage {
			margin: 0 0 0 -25px;
			width: 621px;
		}
		
			/* li
			---------------------------------------- */
			#b1f .introduction .introSec ul.infoImage li {
				position: relative;
				margin: 0 0 25px 0;
			}
			
			#b1f .introduction .introSec.section03 ul.infoImage li {
				float: left;
				display: inline; /* for IE */
				margin: 0; /* Reset */
				width: 207px;
			}
			
			#b1f .introduction .introSec ul.infoImage li img {
				margin: 0 0 0 25px;
			}
		
		/* Image Section
		---------------------------------------- */
		#b1f .introduction .introSec .imageSec {
			float: left;
			width: 220px;
		}
	
		/* Contents Summary
		---------------------------------------- */
		#b1f .introduction .introSec .contentsSummary {
			float: right;
			width: 337px;
		}
		
			/* Others Info
			---------------------------------------- */
			#b1f .introduction .introSec .contentsSummary ul.othersInfo {
				margin: 20px 0 0;
				padding: 15px 8px;
				border: 1px solid #918B8A;
			}
			
			#b1f .introduction .introSec .contentsSummary ul.othersInfo li {
				margin: 15px 0 0;
				padding: 15px 7px 0;
				border-top: 1px solid #918B8A;
				zoom: 1;
			}
			
			#b1f .introduction .introSec .contentsSummary ul.othersInfo li.first {
				margin-top: 0; /* Reset */
				padding-top: 0; /* Reset */
				border: none; /* Reset */
			}
			
			#b1f .introduction .introSec .contentsSummary ul.othersInfo li:after { /* for Modern Browser */
				content: "."; display: block; clear: both; height: 0px; visibility: hidden;
			}
			
				/* Text
				---------------------------------------- */
				#b1f .introduction .introSec .contentsSummary ul.othersInfo li .text {
					float: right;
					position: relative;
					margin: 0 0 -10px;
					width: 170px;
				}
				
				/* Image
				---------------------------------------- */
				#b1f .introduction .introSec .contentsSummary ul.othersInfo li p.image {
					float: left;
					margin: 0; /* Reset */
					width: 120px;
				}


/* Contents Footer
========================================== */
.contents #contentsFooter {
	position: relative;
	margin: 75px 45px 60px;
	height: auto; /* for Modern Browser */
	min-height: 24px; /* for Modern Browser */
	border-top: 1px solid #918B8A;
	zoom: 1;
}
/* IE6 Only */
* html .contents #contentsFooter {height: 24px;}

	/* Page Flip
	---------------------------------------- */
	.contents #contentsFooter ul.pageFlip {
		position: absolute;
		top: 15px;
		left: 720px;
		width: 103px;
		height: 10px;
		background: url(../../common/img/contentsfooter_bg_01.gif) no-repeat 48px 0;
		vertical-align: top;
	}
	
	.contents #contentsFooter ul.pageFlip li {
		position: absolute;
		top: 0;
		left: 0;
		width: 45px;
	}
	
	.contents #contentsFooter ul.pageFlip li.next {left: 58px;}
	
	.contents #contentsFooter ul.pageFlip li img {
		vertical-align: top;
	}
	/* IE7 Only */
	*:first-child + html .contents #contentsFooter ul.pageFlip li img {
		position: relative;
		top: -3px;
	}
	
	/* Page Top
	---------------------------------------- */
	.contents #contentsFooter p.pageTop {
		position: absolute;
		top: 12px;
		left: 829px;
		margin: 0; /* Reset */
		padding: 0; /* Reset */
		width: 31px;
	}