@charset "utf-8";

/* Container
---------------------------------------------------------------- */
body.categories {
	background: #f2f2f2 url(../images/body_bg.gif) repeat scroll center top;
}
body.categories div#container {
	width: 1080px;
	margin: 0 auto;
	background: #ffffff url(../images/container_bg.gif) repeat scroll center top;
}
body.categories div#container div.wrapper {
	padding: 30px 50px;
}

body.categories div#container h1 {
	display: flex;
	justify-content: center;
}
body.categories div#container h1 img {
	height: 320px;
}

body.categories div#container div#pagetitle {
	margin-bottom: 1em;
	padding: 4px;
	background-color: #000000;
}

body.categories div#container div#pagetitle h2 {
	padding: 9px;
	border: solid 1px #ffffff;
	color: #ffffff;
	font-size: 160%;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	white-space: nowrap;
}

body.categories div#container h3 {
	margin-bottom: 0.5em;
	padding: 0.3em 0;
	border-bottom: dotted 1px #cccccc;
	font-size: 140%;
	font-weight: bold;
	text-align: center;
	background: transparent url(../images/line.gif) repeat-x scroll left top;
}

/* Section
---------------------------------------------------------------- */
body.categories div#container div.section {
	margin-bottom: 2em;
}

body.categories div#container div.section ul {
	margin-bottom: 1em;
}

body.categories div#container div.section ul li {
	padding: 0.15em 0 0.15em 1.5em;
	background: transparent url(../images/icon_list.gif) no-repeat scroll 0 0.45em;
}

body.categories div#container div.section table {
	margin-bottom: 1em;
	border-collapse: separate;
	border-spacing: 3px;
}

body.categories div#container div.section table.w100 {
	width: 100%;
}

body.categories div#container div.section table tbody tr th {
	padding: 0.7em;
	padding-left: 2em;
	color: #ffffff;
	font-weight: bold;
	white-space: nowrap;
	background: #000000 url(../images/th-bg.gif) no-repeat scroll 0.5em center;
}

body.categories div#container div.section table tbody tr td {
	padding: 0.7em;
	line-height: 1.5;
	background: transparent url(../images/line.gif) repeat-x scroll left bottom;
}

body.categories div#container div.section table tbody tr td ul {
	margin-bottom: 0;
}

body.categories div#container div.section table tbody tr td p.notes {
	margin-top: 0.3125em;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 0.875em;
}

/* Clear fix
---------------------------------------------------------------- */
body.categories div#container div.section {
	overflow: hidden;
	zoom: 1;
}

/* Alpha hover
---------------------------------------------------------------- */
body.categories div#container h1 a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/* RWD
---------------------------------------------------------------- */
@media only screen and (max-width: 640px) {
	body.categories div#container {
		width: auto;
	}
	body.categories div#container div.wrapper {
		padding: calc(20 * 100vw / 480);
	}
	body.categories div#container h1 img {
		height: calc(240 * 100vw / 480);
	}
	body.categories div#container div#pagetitle h2 {
		padding: calc(9 * 100vw / 480);
		font-size: 125%;
	}
	body.categories div#container h3 {
		font-size: 112.5%;
	}
	body.categories div#container div.section table tbody tr th {
		display: block;
	}
	body.categories div#container div.section table tbody tr td {
		display: block;
	}
}