@charset "utf-8";

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

	Others CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
 	1.List
		1-1.List01
	
	2.table
		2-1.Table01
			2-1-1.table
	
	3.Box
		3-1.Box01
		3-2.Box02
	
	4.Section
		4-1.Column Section
			4-1-1.Column Unit
		4-2.Image Section
			4-2-1.Image Unit
			4-2-2.Info Unit
				4-2-2-1.table
	
	5.Index List
	
	6.Topicpath
	
	7.Contents Header
		7-1.Search Results
		7-2.PDF Download
	
	8.Page Navi

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

/* 1.List
=========================================== */
	/* 1-1.List01
	---------------------------------------- */
	#contents ul.list01 {
		position: relative;
		margin-left: -5px;
	}
	
	#contents ul.list01 li {
		display: inline;
		margin-left: 5px;
		font-size: 92.4%;
		line-height: 1.5;
	}


/* 2.table
=========================================== */
	/* 2-1.Table01
	---------------------------------------- */
	#contents table.table01 {
		width: 100%;
		background: url(../../images/common/line_solid01_blue01.gif) repeat-y 115px 0;
	}
	
	#contents table.table01 tr th,
	#contents table.table01 tr td {
		background: url(../../images/common/line_dotted02_gray01.jpg) repeat-x -2px 100%;
	}
	
	#contents table.table01 tr th {
		padding: 0 20px 17px;
		width: 79px;
		font-weight: bold;
	}
	
	#contents table.table01 tr td {
		padding: 0 10px 17px;
	}
	
		/* 2-1-1.table
		---------------------------------------- */
		#contents table.table01 tr td table {
		}
		
		#contents table.table01 tr td th,
		#contents table.table01 tr td td {
			padding: 0;
			background: none; /* Reset */
		}
		
		#contents table.table01 tr td th {
			padding-right: 18px;
			width: auto;
			font-weight: normal;
		}

	
/* 3.Box
=========================================== */
	/* 3-1.Box01
	---------------------------------------- */
	#contents .box01 {
		padding: 20px 10px 10px;
		border: 3px solid #C6DFF2;
	}
	
	/* 3-2.Box02
	---------------------------------------- */
	#contents .box02 {
		margin: 0 0 10px;
		padding: 9px 10px 0;
		border: 3px solid #E0F0C1;
	}


/* 4.Section
=========================================== */
	/* 4-1.Column Section
	---------------------------------------- */
	#contents .columnSection {
		position: relative;
		margin: 0 0 20px -18px;
		width: 666px;
		zoom: 1;
	}
	
	#contents .columnSection:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0px; visibility: hidden;
	}
	
	#contents .columnLine {
		background: url(../../images/common/line_dotted01_gray01.gif) repeat-y 341px 0;
	}
	
		/* 4-1-1.Column Unit
		---------------------------------------- */
		#contents .columnSection .columnUnit {
			float: left;
			display: inline; /* for IE */
			margin: 0 0 0 18px;
			width: 315px;
		}
	
	/* 4-2.Image Section
	---------------------------------------- */
	#contents .imageSection {
		zoom: 1;
	}
	
	#contents .imageSection:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0px; visibility: hidden;
	}
	
	#contents .imageSection h2,
	#contents .imageSection h3,
	#contents .imageSection h4 {
		margin: 0 !important; /* Reset */
	}
	
		/* 4-2-1.Image Unit
		---------------------------------------- */
		#contents .imageSection .imageUnit {
			float: left;
			position: relative;
			margin: 0 0 -10px;
			width: 120px;
		}
		
		#contents .imageSection .imageUnit p.detailLink03 {
			margin: 0 auto;
		}
		
		/* 4-2-2.Info Unit
		---------------------------------------- */
		#contents .infoUnit {
			margin: 0 0 -15px;
		}
		
		#contents .imageSection .infoUnit {
			float: right;
			width: 513px;
		}
		
		#contents .infoUnit .title {
			font-size: 107.8%;
			line-height: 1.286;
			font-weight: bold;
		}
		
		#contents .infoUnit p {
			margin: 0 0 15px;
		}
		
			/* 4-2-2-1.table
			---------------------------------------- */
			#contents .infoUnit table {
				margin: 0 0 15px;
			}
			
			#contents .infoUnit table tr th {
				padding: 0 5px 0 0;
				color: #666666;
				font-size: 83.34%;
				line-height: 1.401;
			}
			
			#contents .infoUnit table tr td {
				padding: 0;
				color: #666666;
				font-size: 83.34%;
				line-height: 1.401;
			}


/* 5.Index List
=========================================== */
#contents table.indexList {
	position: relative;
	margin-top: -5px;
	background-color: #EEEEEE;
}

#contents table.indexList tr th,
#contents table.indexList tr td {
	padding: 7px 7px 6px;
	font-size: 107.8%;
	line-height: 1.286;
	border-top: 5px solid #FFFFFF;
}

#contents table.indexList tr th {
	font-weight: bold;
	white-space: nowrap;
}

#contents table.indexList tr td {
	padding-left: 0;
	width: 100%;
	zoom: 1;
}

#contents table.indexList tr th a,
#contents table.indexList tr td a {
	color: #52718b;
}

#contents table.indexList tr th a {
	padding: 0 0 0 20px;
	background: url(../../images/common/ico_arrow04_green01.gif) no-repeat 0 0;
	zoom: 1;
}
/* IE6 Only */
* html               #contents table.indexList tr th a {background-position: 0 2px;}
/* IE7 Only */
*:first-child + html #contents table.indexList tr th a {background-position: 0 2px;}

#contents table.indexList tr.over th a,
#contents table.indexList tr.over td a {
	text-decoration: underline;
}


/* 6.Topicpath
=========================================== */
#contents p#topicpath {
	margin: 0 0 15px;
	padding: 5px 10px;
	background: url(../../images/common/bg_dotted02_gray01.gif);
	font-weight: bold;
	text-align: right;
}

#contents p#topicpath a {
}

#contents div#topicpath {
	margin: 0 0 15px;
	padding: 5px 10px;
	background: url(../../images/common/bg_dotted02_gray01.gif);
	text-align: right;
}

#contents div#topicpath a {
}

#contents div#topicpath h2 {
	font-weight: bold;
	float:right;
}


/* 7.Contents Header
=========================================== */
#contents #contentsHeader {
	margin: 0 0 10px;
}

#contents #contentsHeader h2 {
	margin: 0; /* Reset */
}

#contents #contentsHeader p.subCategory {
	margin: 0 0 7px;
	padding: 5px 10px 6px;
	background-color: #DEECF7;
	font-size: 107.8%;
	line-height: 1.429;
	font-weight: bold;
}

	/* 7-1.Search Results
	---------------------------------------- */
	#contents #contentsHeader p.searchResults {
		position: relative;
		top: -15px;
		margin: -1.2728em 0 0;
		padding: 0 10px 0 348px;
		font-size: 84.7%;
		line-height: 1.275;
		text-align: right;
	}
	
	#contents #contentsHeader p.searchResults span.num {
		color: #99CC33;
	}
	
	/* 7-2.PDF Download
	---------------------------------------- */
	#contents #contentsHeader p.pdfDownload {
		text-align: right;
	}
	
	#contents #contentsHeader p.pdfDownload a {
		padding: 2px 0 2px 18px;
		background: url(../../images/common/ico_pdf_01.gif) no-repeat 0 0;
		--color: #99B0C3;
	}


/* 8.Page Navi
=========================================== */
#contents .pageNavi {
	margin: 55px 0 20px;
	padding: 0 0 14px;
	background: url(../../images/common/line_dotted04_gray01.gif) repeat-x 0 100%;
}

#contents .pageNavi .naviMenu {
	padding: 17px 0 0;
	background: url(../../images/common/line_dotted04_gray01.gif) repeat-x;
	zoom: 1;
	text-align: center;
}

#contents .pageNavi .naviMenu ul {
	display: table;
	margin: 0 auto;
}
/* IE6 Only */
* html               #contents .pageNavi .naviMenu ul {display: inline; padding-bottom: 3px; zoom: 1;}
/* IE7 Only */
*:first-child + html #contents .pageNavi .naviMenu ul {display: inline; position: relative; top: -2px; zoom: 1;}

#contents .pageNavi .naviMenu ul li {
	display: inline;
	padding: 0 2px;
}

#contents .pageNavi .naviMenu ul li.prev,
#contents .pageNavi .naviMenu ul li.next {
	padding: 0 6px;
}

#contents .pageNavi .naviMenu ul li a {
	--color: #99B0C3;
	text-decoration: underline;
}

#contents .pageNavi .naviMenu ul li a:hover {
	text-decoration: none;
}

#contents .pageNavi .naviMenu ul li a img {
	vertical-align: middle;
}