@charset "utf-8";

/*! ==========================================================================

	 INFOPLATE 5 style.css v.2.1.4 2014.12.10

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


*, *:before, *:after {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

html {
	font-size: 62.5%;
}

body {
	padding-right: 1em;
	padding-left: 1em;
	background: #fff;
	color: #222;
	font-size: 15px;
	font-size: 1.5rem;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
}

a {
	color: #36c;
	text-decoration: none;
	-webkit-transition: .2s;
	   -moz-transition: .2s;
	        transition: .2s;
}

a:hover {
	color: #36c;
	text-decoration: underline;
}

a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=8);
	-ms-filter: "alpha(opacity=8)";
}

a:visited {
}

a:focus {
	 outline: none;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: text-bottom;
}

h1,h2,h3,h4,h5,h6,p,ul,ol {
	margin-top: 0;
}

input,textarea {
	font-family: monospace, monospace;
}

@media(max-width: 800px) {

	blockquote {
		margin: 1em 0;
		padding: 1em 1em 1em 2em;
	}

	blockquote:before{
		font-size: 300%;
		left: 9px;
		top: 9px;
	}

}


/* 埋め込みiframe */

.iframe-wrap {
		position: relative;
		padding-top: 56.25%;
		width: 100%;
}

.iframe-wrap iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}

@media(max-width: 800px) {

	html,body{
		width: 100%;
		-webkit-text-size-adjust: 100%;
				-ms-text-size-adjust: 100%;
	}

	textarea,input{
		max-width: 95%;
	}

}

/* ==========================================================================
	 Layout
	 ========================================================================== */

.c1  .l-header-inner, .c1  .global-navi, .c1  .global-navi-inner, .c1  .l-container, .c1  .l-footer-inner { max-width: 910px } /* 960-50 */ 
.c2l .l-header-inner, .c2l .global-navi, .c2l .global-navi-inner, .c2l .l-container, .c2l .l-footer-inner { max-width: 974px } /* 1024-50 */
.c2r .l-header-inner, .c2r .global-navi, .c2r .global-navi-inner, .c2r .l-container, .c2r .l-footer-inner { max-width: 974px } /* 1024-50 */
.c3  .l-header-inner, .c3  .global-navi, .c3  .global-navi-inner, .c3  .l-container, .c3  .l-footer-inner { max-width: 1230px } /* 1280-50 */
.c3r .l-header-inner, .c3r .global-navi, .c3r .global-navi-inner, .c3r .l-container, .c3r .l-footer-inner { max-width: 1230px } /* 1280-50 */

/* Header
	 ========================================================================== */

.l-header {
}

.l-header-inner {
	margin: 0 auto;
	padding: 30px 0;
	position: relative;
}

	.l-container .l-header-inner { 
		margin-top: 0;
	}

.site-title {
	margin: 0 0 .1em;
	font-weight: bold;
	font-size: 32px;
	font-size: 3.2rem;
	line-height: 1.333;
}

.site-title a {
	color: #333;
	text-decoration: none;
}

.site-title a:hover {
	color: #666;
}

.site-description {
	margin: 0;
	color: #333;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.618;
	opacity: 0.8;
}

@media(max-width: 800px) {

	.l-header-inner {
		padding: 1em 0;
	}

	.site-title,
	.site-description {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

}

/* Header navi
	 ========================================================================== */

.header-navi:before,.header-navi:after { content: ""; display: table }
.header-navi:after { clear: both }
.header-navi {
	position: absolute;
	top: 30px;
	right: 0;
	margin-top: 0;
	padding-left: 0;
	font-size: 0;
	*zoom: 1;
}

.header-navi li {
	float: left;
	margin-left: 1.333em;
	list-style-type: none;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.333;
}

.header-navi li a {
	color: #555;
}

.header-navi li a:hover,
.header-navi li a.active {
	color: #999;
	text-decoration: none;
}

@media(max-width: 800px) {

	.header-navi {
		position: static;
		text-align: center;
	}

	.header-navi li {
		display: inline-block;
		float: none;
		margin-top: 1em;
		margin-right: 1.333em;
		margin-left: 0;
		font-size: 13px;
		font-size: 1.3rem;
	}

}

/* Banner
	 ========================================================================== */

@media(max-width: 800px) {

	.banner img {
		max-width: 100% !important;
		transform: none !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

}

/* Global navi
	 ========================================================================== */

.global-navi {
	position: relative;
	margin: 0 auto;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAyCAQAAADPEoL2AAAAHklEQVR4AWOgPRgFjECIAViwCzIRo3JUJa0tGlUJAPdaALNLm7AUAAAAAElFTkSuQmCC");
	background-position: center bottom;
	background-repeat: repeat-x;
	box-shadow: 0 2px 3px rgba(0,0,0,.2) , 0 -1px 0 rgba(0,0,0,.2) inset;
}

	.global-navi {
		border-radius: 5px;
	}

	html { overflow: auto; }
	body { overflow: hidden; }

	.global-navi.global-navi-width100 {
		margin-right: -1em;
		margin-left: -1em;
		padding-right: 1em;
		padding-left: 1em;
		max-width: 100% !important;
		border-radius: 0px;
		-webkit-box-sizing: content-box;
		   -moz-box-sizing: content-box;
		        box-sizing: content-box;
	}

.global-navi-inner {
	margin: 0 auto 30px;
}

.global-navi li {
	margin-bottom: 0;
}

.global-navi ul ul li {
	background-color: #999;
}
.global-navi ul li ul li,
.global-navi ul li ul li ul li {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAQMAAAAk8RryAAAAA1BMVEUAAACnej3aAAAAAXRSTlMz/za5cAAAAA5JREFUGFdjYBgFgwkAAAGQAAGlSJTIAAAAAElFTkSuQmCC");
}

.global-navi a {
	display: block;
	margin: 0 auto;
	padding: 1em 1.333em;
	border-right: 1px solid rgba(0,0,0,.1);
	color: #fff;
	text-decoration: none;
}

.global-navi a:hover {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAEElEQVR4AWNkEGLAAENaEABVIwC/4zHTGgAAAABJRU5ErkJggg==");
	color: #fff;
}

.global-navi .current_page_item > a,
.global-navi .current_page_ancestor > a,
.global-navi .current-menu-item > a,
.global-navi .current-menu-ancestor > a {
	background-color: rgba(0,0,0,.1);
	background: -webkit-linear-gradient       (top, rgba(0,0,0,.05) 50%, rgba(0,0,0,.15) 100%);
	background:         linear-gradient( to bottom, rgba(0,0,0,.05) 50%, rgba(0,0,0,.15) 100%);
}

.global-navi ul {
	display: table;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	list-style: none;
	font-size: 0;
}

	.global-navi.global-navi-width100 ul {
		border-left: 1px solid rgba(0,0,0,.1);
	}

.global-navi ul li {
	position: relative;
	display: table-cell;
	font-size: 14px;
	text-align: center;
}

.global-navi ul li.menu-item-has-children > a:after,
.global-navi ul li.page_item_has_children > a:after,
.global-navi ul li.submenu > a:after {
	position: absolute;
	top: 24px;
	right: 12px;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-top-color: rgba(255,255,255,.5);
	content: "";
}

/* 2nd */

.global-navi ul li ul {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 3;
	display: block;
	border: none;
}

	.global-navi > div > ul > li:last-child > ul {
		left: -33%;
	}

.global-navi ul li ul li {
	display: block;
	overflow: hidden;
	width: 133%;
	height: 0;
	border: none;
	text-align: left;
	font-size: 12px;
	line-height: 1.333;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	transition: .2s;
}

.global-navi ul li ul li:last-child {
	border-radius: 0 0 5px 5px;
}

.global-navi ul li:hover > ul > li {
	overflow: visible;
	height: 40px;
}

.global-navi ul li ul li a {
	border: none;
	border-top: 1px solid rgba(0,0,0,.05);
}

.global-navi ul li ul li.menu-item-has-children > a:after,
.global-navi ul li ul li.page_item_has_children > a:after,
.global-navi ul li ul li.submenu > a:after {
	position: absolute;
	top: 17px;
	right: 12px;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-left-color: rgba(255,255,255,.5);
	content: "";
}

	.global-navi ul li:last-child ul li.menu-item-has-children > a:after,
	.global-navi ul li:last-child ul li.page_item_has_children > a:after,
	.global-navi ul li:last-child ul li.submenu > a:after {
		border-left-color: transparent;
		border-right-color: rgba(255,255,255,.5);
	}

/* 3rd, 4th */


.global-navi ul li ul li ul {
	top: 0;
	left: 100%;
}

	.global-navi ul li:last-child ul li ul {
		left: -100%;
	}

.global-navi ul li ul li ul li {
	width: 100%;
}

.global-navi ul li ul li:hover > ul > li {
	overflow: visible;
}

.global-navi ul li ul li ul li:last-child {
	border-radius: 0;
}

/* RWD */

.global-navi .global-navi-btn { display: none }

@media(max-width: 800px) {

	.global-navi {
		margin: 0 auto 1em !important;
	}

	.global-navi a {
		padding: .75em 1em;
	}

	.global-navi .global-navi-inner {
		display: none
	}

	.global-navi .global-navi-btn {
		display: block;
		padding: 1.1em;
		color: #fff;
		font-size: 14px;
		cursor: pointer;
	}

	.global-navi ul li {
		display: block;
		border-top: 1px solid rgba(0,0,0,.1);
		text-align: left;
	}

	.global-navi ul li.menu-item-has-children a:after {
		content: none;
	}

	/* 2nd */

	.global-navi ul li ul {
		position: static;
	}

	.global-navi ul li ul li {
		overflow: visible;
		height: auto;
		width: 100%;
		border-radius: 0 !important;
	}

	.global-navi ul li:hover > ul > li {
		height: auto;
	}

	.global-navi ul li ul li a {
		padding: 1em 1em 1em 3em;
		border: none;
		border-top: 1px solid rgba(0,0,0,.05);
		font-size: 13px;
		line-height: 1.333;
	}

	.global-navi ul li ul li.menu-item-has-children > a:after {
		content: none;
	}

	/* 3rd, 4th */

	.global-navi ul li ul li ul a {
		padding: 1em 1em 1em 5em;
	}

}

/* Container
	 ========================================================================== */

.l-container:before,.l-container:after { content: ""; display: table }
.l-container:after { clear: both }
.l-container {
	margin: 0 auto 30px;
	position: relative;
}

.c1  .l-container.frame { padding: 50px; }
.c2l .l-container.frame,
.c2r .l-container.frame { padding: 40px; }

.l-container > *:first-child {
	margin-top: 0 !important
}

@media(max-width: 800px) {
	.l-container.frame {
		margin-bottom: 16px;
		padding: 16px;
	}
}

/* Banner
	 ========================================================================== */

.banner:before,.banner:after { content: ""; display: table }
.banner:after { clear: both }
.banner {
	margin-bottom: 25px;
	position: relative;
	*zoom: 1
}

/* Body
	 ========================================================================== */

.l-main > *:first-child,
.l-sub-inner  > *:first-child { margin-top: 0 !important }

/* c1 */

.c1 .l-main {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/* c2 */

.c2r .l-main, .c2l .l-main { width: 100%; }
.c2r .l-sub , .c2l .l-sub  { width: 336px; }

/* c2r */

.c2r .l-main {
	float: left;
	margin-right: -356px; /* +20px */
}

	.c2r .l-main > * {
		margin-right: 356px; /* +20px */
	}

.c2r .l-sub {
	float: right;
}

.c2r .sidebar1 {
	margin-bottom: 20px;
}

.c2r .sidebar2 { clear: right }

/* c2l */

.c2l .l-main {
	float: right;
	margin-left: -356px; /* +20px */
}

	.c2l .l-main > * {
		margin-left: 356px; /* +20px */
	}

.c2l .l-sub {
	float: left;
}

.c2l .sidebar1 {
	margin-bottom: 20px;
}

.c2l .sidebar2 { clear: left }

/* c3 */

.c3 .l-main_sidebar1 {
	display: inline;
	float: left;
	width: 80%;
}

.c3 .l-main {
	display: inline;
	float: right;
	margin-right: 2.5%;
	width: 70%;
}

.c3 .sidebar1 {
	display: inline;
	float: left;
	margin-bottom: 1.5%;
	width: 25%;
}

.c3 .sidebar2 {
	display: inline;
	float: right;
	margin-bottom: 2%;
	width: 20%;
}

/* c3r */

.c3r .l-main_sidebar1 {
	display: inline;
	float: left;
	width: 80%;
}

.c3r .l-main {
	display: inline;
	float: left;
	margin-right: 2.5%;
	width: 70%;
}

.c3r .sidebar1 {
	display: inline;
	float: left;
	margin-bottom: 1.5%;
	width: 25%;
}

.c3r .sidebar2 {
	display: inline;
	float: right;
	margin-bottom: 2%;
	width: 20%;
}

@media(max-width: 800px) {

	.c2r .l-main,
	.c2r .l-main > *,
	.c2r .l-sub,
	.c2l .l-main,
	.c2l .l-main > *,
	.c2l .l-sub,
	.c3  .l-main_sidebar1,
	.c3  .l-main,
	.c3  .l-sub,
	.c3r .l-main_sidebar1,
	.c3r .l-main,
	.c3r .l-sub {
		float: none;
		margin-left:   0 !important;
		margin-right:  0 !important;
		width: 100% !important;
	}

}

/* Footer
	 ========================================================================== */

.l-footer {
	clear: both;
	overflow: hidden;
	margin-right: -1em;
	margin-left: -1em;
	padding-top: 30px;
	padding-right: 1em;
	padding-left: 1em;
	border-top: 1px solid rgba(0,0,0,.05);
	background: rgba(0,0,0,.05);
}

.l-footer-inner:before,.l-footer-inner:after { content: ""; display: table }
.l-footer-inner:after { clear: both }
.l-footer-inner {
	margin: 0 auto;
	padding: 0 0 30px;
	*zoom: 1
}

.l-footer address {
	float: left;
}

.l-footer p,
.l-footer .footer-navi {
	float: right;
}

.l-footer address,
.l-footer p,
.l-footer small,
.l-footer .footer-navi li {
	margin: 0;
	color: #666;
	font-style: normal;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.333;
}

.l-footer .footer-navi {
	color: #666;
	font-style: normal;
	font-size: 0;
	line-height: 1.333;
}

.l-footer .footer-navi li {
	float: left;
	margin-left: 1em;
	padding-left: 1em;
	border-left: 1px solid #aaa;
	list-style-type: none;
}

.l-footer .footer-navi li:first-child {
	margin-left: 0;
	padding-left: 0;
	border-left: none;
}

@media(max-width: 800px) {

	.l-footer address,
	.l-footer p,
	.l-footer .footer-navi {
		float: none;
		margin-bottom: 10px !important;
		text-align: center !important;
	}

}


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

	 Basic Modules

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

.main,
.main p {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 2;
	margin-top: 0;
}

.main li {
	margin: 0 0 .5em;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.618;
}

@media(max-width: 800px) {

	.main,
	.main p,
	.main li {
		font-size: 14px;
		font-size: 1.4rem;
	}

}

.main .sub,
.main .sub p,
.sub,
.sub p {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.618;
}

.sub li {
	margin: 0 0 .168em;
}

.h1 {
	margin: 1em auto .5em;
	font-weight: normal;
	font-size: 27px;
	font-size: 2.7rem;
	line-height: 1.333;
}

	.sub .h1 {
		font-size: 22px;
		font-size: 2.2rem;
	}

.h2 {
	margin: 1em auto .5em;
	font-weight: normal;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.333;
}

	.sub .h2 {
		font-weight: normal;
		font-size: 19px;
		font-size: 1.9rem;
	}

.h3 {
	margin: 1em auto .333em;
	font-weight: bold;
	font-size: 21px;
	font-size: 2.1rem;
	line-height: 1.618;
}

	.sub .h3 {
		font-size: 16px;
		font-size: 1.6rem;
	}

@media(max-width: 800px) {

	.h1,
	.h2,
	.h3 {
		font-size: 20px !important;
		font-size: 2.0rem !important;
	}

}

.h4 {
	margin: 1.25em auto .25em;
	padding-top: .75em;
	border-top: 1px solid #ccc;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.618;
}

	.sub .h4 {
		padding-top: .75em;
		font-size: 16px;
		font-size: 1.6rem;
	}

.h5 {
	margin: 1em auto;
	padding: .9em;
	background-color: #eee;
	font-weight: normal;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.618;
}

	.sub .h5 {
		font-size: 15px;
		font-size: 1.5rem;
	}

.h6 {
	margin: 1em auto;
	padding: .25em .75em ;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.618;
	border-left: 5px solid #bbb;
}

	.sub .h6 {
		margin: 1.5em 0 .75em;
		font-size: 15px;
		font-size: 1.5rem;
	}

.main .caption {
	margin: .5em 0;
	color: #666;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.618;
}

.main .note {
	font-size: 90%;
	color: #555;
	line-height: 1.618;
}

/* Photo effects */

.img-right {
	float: right;
	margin-left: 1.5em;
}

.img-left {
	float: left;
	margin-right: 1.5em;
}

@media(max-width: 800px) {

	.img-right,
	.img-left {
		float: none !important;
		display: block !important;
		margin: 0 auto 1.5em !important;
	}

}

.img-shadow {
	box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
	/* oldie */
	behavior: url(ipfw/PIE.htc);
	position: relative;
	zoom: 1;
	-pie-box-shadow: 0 1px 3px #cccccc;
}

.img-photo {
	border: 7px solid #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .5);
	/* oldie */
	behavior: url(ipfw/PIE.htc);
	position: relative;
	zoom: 1;
	-pie-box-shadow: 0 2px 8px #cccccc;
}

/* Columns */

.l-row:before,.l-row:after { content: ""; display: table }
.l-row:after { clear: both }
.l-row { *zoom: 1; margin: 1em -1em }

*[class*="l-column"] { float: left; padding: 0 1em 1em }
*[class*="l-column"] > *:first-child { margin-top: 0 !important }
*[class*="l-column"] > *:last-child { margin-bottom: 0 !important }

.l-column-1  { width:  8.3333333333% }
.l-column-2  { width: 16.6666666667% }
.l-column-3  { width: 25% }
.l-column-4  { width: 33.3333333333% }
.l-column-5  { width: 41.6666666667% }
.l-column-6  { width: 50% }
.l-column-7  { width: 58.3333333333% }
.l-column-8  { width: 66.6666666667% }
.l-column-9  { width: 75% }
.l-column-10 { width: 83.3333333333% }
.l-column-11 { width: 91.6666666667% }
.l-column-12 { width: 100% }

.cl { clear: both }

@media(max-width: 800px) {

	*[class*="l-column"] { float: none !important; }
	.l-column-1,
	.l-column-2,
	.l-column-3,
	.l-column-4,
	.l-column-5,
	.l-column-6,
	.l-column-7,
	.l-column-8,
	.l-column-9,
	.l-column-10,
	.l-column-11,
	.l-column-12 { width: 100% !important; }

}

/* to Pagetop */

.pagetop {
	position: fixed;
	right: 20px;
	bottom: 20px;
	clear: both;
	text-align: right;
}

.pagetop a:active {
	outline: 0 none black;
}

.pagetop img {
	width: 40px;
	height: 40px;
}

@media(max-width: 800px) {

	.pagetop {
		right: 15px;
		bottom: 15px;
	}

}

/* Back to index page */

.to-index {
	margin: 5em 0 2em;
	text-align: right;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.1;
}

/* Responsive item */

.large-screen { display: block }
.small-screen { display: none }

@media(max-width: 800px) { 

	.large-screen { display: none }
	.small-screen { display: block }

}

/* ==========================================================================
	 Sub header
	 ========================================================================== */

*[class*="subheader--"] {
	text-align: left;
	clear: both;
	margin: 2em auto 1em;
}

*[class*="subheader--"] a {
	color: inherit;
}

/* large */

.subheader--large {
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 1.333;
}

@media(max-width: 800px) { 

	body .subheader--large {
		font-size: 24px !important;
		font-size: 2.4rem !important;
	}

}

/* medium */

.subheader--medium {
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1.333;
}

/* small */

.subheader--small {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.333;
}

/* Postscript */

.ps {
	margin: 2.5em 0 1em;
	padding: 0 0 20px;
	border-top: none;
	border-bottom: 1px #999 dotted;
	color: #444;
	text-align: left;
	font-weight: normal;
	font-size: 24px;
	font-size: 2.4rem;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	line-height: 1.1;
}


/* ==========================================================================
	 Box
	 ========================================================================== */

*[class*="box--"]:before,*[class*="box--"]:after { content: ""; display: table }
*[class*="box--"]:after { clear: both }
*[class*="box--"] {
	*zoom: 1;
}

*[class*="box--"] {
	margin: 1.333em auto;
	padding: 25px;
	/* oldie */
	position: relative;
	zoom: 1;
	behavior: url(ipfw/PIE.htc);
}

	.sub *[class*="box--"] {
		padding: 20px;
	}

@media(max-width: 800px) { 

	*[class*="box--"] { padding: 13px !important}
	*[class*="box--"] > *[class*="box__title"],
	*[class*="box--"] > .box__title--small { margin: -13px -13px 13px !important}
	.sub *[class*="box--"] { padding: 13px !important}
	.sub *[class*="box--"] > *[class*="box__title"],
	.sub *[class*="box--"] > .box__title--small { margin: -13px -13px 13px !important}

}

*[class*="box--"] > :first-child {
	margin-top: 0;
}

*[class*="box--"] > :last-child {
	margin-bottom: 0;
}

*[class*="box--"] > *[class*="box--"] {
	border-radius: 0;
}

*[class*="box--"] > ul,
*[class*="box--"] > ol {
	padding: 0 1.333em;
}

/* large */

.box--large {
}


/* medium */

.box--medium {
}


/* small */

.box--small {
}

/* Box - Box title
	 ========================================================================== */

*[class*="box--"] > *[class*="box__title"] {
	margin: -25px -25px 25px;
	padding: 1.25em 1.25em 1.1em;
	text-align: left;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.333;
	/* oldie */
	position: relative;
	zoom: 1;
	behavior: url(ipfw/PIE.htc);
}

*[class*="box--"] > .box__title--small {
	margin: -25px -25px 25px;
	padding: .75em 1em;
	text-align: left;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.333;
}

	.sub *[class*="box--"] > *[class*="box__title"] {
		margin: -20px -20px 20px;
		padding: 1em 1em .9em;
		font-size: 15px;
		font-size: 1.5rem;
	}

	.sub *[class*="box--"] > .box__title--small {
		margin: -20px -20px 20px;
		padding: .75em 1em;
		text-align: left;
		font-size: 14px;
		font-size: 1.4rem;
	}

*[class*="box--"] > .box__title .box__title__box {
	display: block;
	float: left;
	margin: -.25em .75em 0 0;
	padding: .6em 1em .4em;
	text-align: left;
	letter-spacing: 1px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.1;
}

/* large */

.box--large > .box__title {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.333;
}

.box--large > .box__title--small {
	font-size: 16px;
	font-size: 1.6rem;
}

/* medium */

.box--medium > .box__title {
	font-size: 17px;
	font-size: 1.7rem;
	line-height: 1.333;
}

.box--medium > .box__title--small {
	font-size: 15px;
	font-size: 1.5rem;
}

/* small */

.box--small > .box__title {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.333;
}

.box--small > .box__title--small {
	font-size: 14px;
	font-size: 1.4rem;
}

/* Box - Header group
	 ========================================================================== */

*[class*="box--"] > .box__hgroup {
	margin: 0 0 20px;
	padding: 0 0 10px;
}

.box__hgroup:before,.box__hgroup:after { content: ""; display: table }
.box__hgroup:after { clear: both }
.box__hgroup { *zoom: 1 }

*[class*="box--"] > .box__hgroup h4 {
	margin: 0 0 10px;
	text-align: left;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.618;
}

*[class*="box--"] > .box__hgroup h4 small {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: normal;
}

*[class*="box--"] > .box__hgroup p {
	margin: 0 0 10px;
	color: #666;
	text-align: left;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.618;
}


/* ==========================================================================
	 Check list
	 ========================================================================== */

ul[class*="checklist--"],
ol[class*="checklist--"] {
	margin: 2em auto;
	padding: 0;
}

*[class*="checklist--"] li:last-child {
	margin-bottom: 0 !important;
}

*[class*="checklist--"] li {
	margin: 0;
	padding: .5em .5em .5em 33px;
	background-position: 8px .65em;
	background-repeat: no-repeat;
	background-image: url(img/bullet-check-red.png);
	list-style-type: none;
	text-align: left;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.618;
}

	.sub *[class*="checklist--"] {
		margin: 1.5em auto;
		padding: 0;
	}

	.sub *[class*="checklist--"] li {
		font-size: 14px;
		font-size: 1.4rem;
	}

*[class*="checklist--"].checklist--green li  { background-image: url(img/bullet-check-green.png)  }
*[class*="checklist--"].checklist--blue li   { background-image: url(img/bullet-check-blue.png)   }
*[class*="checklist--"].checklist--gray li   { background-image: url(img/bullet-check-gray.png)   }
*[class*="checklist--"].checklist--purple li { background-image: url(img/bullet-check-purple.png) }
*[class*="checklist--"].checklist--red li    { background-image: url(img/bullet-check-red.png)    }
*[class*="checklist--"].checklist--yellow li { background-image: url(img/bullet-check-yellow.png) }

/* large */

.checklist--large {
	border-top: 1px solid #ddd;
}

.checklist--large li {
	border-bottom: 1px solid #ddd;
	font-weight: bold;
}

.checklist--large li:nth-child(odd){
}

/* medium */

.checklist--medium {
	border-top: 1px dotted #ccc;
}

.checklist--medium li {
	border-bottom: 1px dotted #ccc;
}

.checklist--medium li:nth-child(odd){
}

/* small */

.checklist--small {
	margin: 2em;
}

*[class*="box--"] > .checklist--small {
	margin-left: 0;
}

/* ==========================================================================
	 Good/Normal/Bad list
	 ========================================================================== */

.list-good,.list-normal,.list-bad {
	margin: 0 auto 2em;
	padding: 0;
	border-top: 1px dotted #999;
	list-style-type: none;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.333;
}

.list-good li,.list-normal li,.list-bad li {
	margin: 0;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 1.6em;
	border-bottom: 1px dotted #999;
	background-position: 5px 10px;
	background-repeat: no-repeat;
	text-indent: -1.6em;
}

.list-good li:before,.list-normal li:before,.list-bad li:before {
	position: relative;
	top: .2em;
	margin-right: 5px;
	vertical-align: middle;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.333;
}

/* Good */
.list-good li:before { content: url("img/list-good.png"); }

/* Normal */
.list-normal li:before { content: url("img/list-normal.png"); }

/* Bad */
.list-bad li:before { content: url("img/list-bad.png"); }


/* ==========================================================================
	 Background in body
	 ========================================================================== */

*[class*="bgcolor--"] {
	margin: 50px -50px;
	padding: 50px;
}

	.c2l *[class*="bgcolor--"],
	.c2r *[class*="bgcolor--"] { padding: 30px }

@media(max-width: 800px) {

	*[class*="bgcolor--"] {
		margin: 1em -1em !important;
		padding: 1em !important;
	}

}

*[class*="bgcolor--"] > :first-child {
	margin-top: 0;
}

*[class*="bgcolor--"] > :last-child {
	margin-bottom: 0;
}

*[class*="bgcolor--"] > .bgcolor__head {
	margin: -1em -1em 1em;
	text-align: left;
	font-weight: normal;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.618;
}

@media(max-width: 800px) {

	*[class*="bgcolor--"] > .bgcolor__head {
		margin: 0 !important;
	}

}

/* large */

.bgcolor--large {
}

.bgcolor--large > .bgcolor__head {
}

/* medium */

.bgcolor--medium {
}

.bgcolor--medium > .bgcolor__head {
}

/* small */

.bgcolor--small {
}

.bgcolor--small > .bgcolor__head {
}

/* ==========================================================================
	 Table
	 ========================================================================== */

*[class*="table--"] {
	margin: 0 auto 1em;
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

	.sub  *[class*="table--"] {
		margin: 1.5em auto;
	}

*[class*="table--"] th,
*[class*="table--"] td {
}

.nowrap {
	white-space: nowrap;
}

/* large */

.table--large {
}

.table--large th,
.table--large td {
	padding: 1em 1.3em;
}

	.sub .table--large th,
	.sub .table--large td {
		padding: .75em 1em;
	}

.table--large th {
}

/* medium */

.table--medium {
}

.table--medium th,
.table--medium td {
	padding: 1em 1.3em;
}

	.sub .table--medium th,
	.sub .table--medium td {
		padding: .75em 1em;
	}

.table--medium th {
}

/* small */

.table--small {
}

.table--small th,
.table--small td {
	padding: .75em 1em;
}

	.sub .table--small th,
	.sub .table--small td {
		padding: .5em .75em;
	}

.table--small td {
}


/* ==========================================================================
	 Form
	 ========================================================================== */

*[class*="form--"] {
	margin: 2em auto;
	text-align: center;
}

	.sub  *[class*="form--"] {
		margin: 1.5em auto;
	}

*[class*="form--"] label {
	text-align: left;
}

.form-button,
.form-button-w {
	position: relative;
	display: inline-block;
	margin: 1em auto 0;
	border: 1px solid rgba(0,0,0,.33);
	border-radius: 4px;
	background-origin: border-box;
	box-shadow: 0 1px 1px rgba(0,0,0,.2), inset 0 -2px rgba(0,0,0,.1), inset 0 1px rgba(255,255,255,.2);
	/* oldie */
	position: relative;
	zoom: 1;
	-pie-box-shadow: 0 1px 2px #999;
	behavior: url(ipfw/PIE.htc);
}

.form-button-w {
	width: 100%;
}

.form-button:after,
.form-button-w:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	background: -webkit-linear-gradient       (top, rgba(255,255,255,.3), rgba(255,255,255,0), rgba(0,0,0,.1));
	background:         linear-gradient( to bottom, rgba(255,255,255,.3), rgba(255,255,255,0), rgba(0,0,0,.1));
	content: "";
}

.form-button:hover,
.form-button-w:hover {
	text-decoration: none;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}

.form-button:active,
.form-button-w:active {
	top: 1px;
	box-shadow: inset 0 2px 2px rgba(0,0,0,.3);
}

@media(max-width: 800px) {

	*[class*="form--"] input[type="text"] {
		width: 100% !important;
	}

	.form-button,
	.form-button-w {
		margin: 1em auto 0 !important;
	}

}

/* large */

.form--large {
	border-top: 1px solid #eee;
}

.form--large label {
	margin: 0;
	padding: 1em 0;
	display: block;
	border-bottom: 1px solid #eee;
}

.form--large label span {
	display: block;
	font-weight: bold;
	float: left;
	margin-right: 1em;
	width: 7em;
}

.form--large input[type="text"] {
	margin: 0;
}

.form--large textarea {
	margin: .5em 0;
	width: 100%;
}

.form--large .form-button,
.form--large .form-button-w {
	padding: .666em 1.333em;
	font-weight: bold;
	font-size: 17px;
	font-size: 1.7rem;
}

@media(max-width: 800px) {

	.form--large label span {
		float: none;
		width: auto;
		margin-bottom: 10px;
	}

}

/* medium */

.form--medium label {
	margin: .5em 0 0;
	padding: .5em 0 0;
	display: block;
	border-top: 1px solid #eee;
}

.form--medium label span {
	display: block;
	font-weight: bold;
}

.form--medium input[type="text"] {
	margin: .5em 0;
}

.form--medium select {
	margin: .5em 0;
}

.form--medium textarea {
	margin: .5em 0;
	width: 100%;
}

.form--medium .form-button,
.form--medium .form-button-w {
	padding: .666em 1.333em;
	font-size: 16px;
	font-size: 1.6rem;
}

/* small */

.form--small label {
	margin: .33em 0 0;
	padding: .33em 0 0;
	display: block;
	border-top: 1px solid #eee;
}

.form--small label span {
	display: block;
	font-weight: bold;
}

.form--small input[type="text"] {
	margin: .33em 0;
}

.form--small textarea {
	margin: .33em 0;
	width: 100%;
}

.form--small .form-button,
.form--small .form-button-w {
	margin-left: 0;
	padding: .333em 1em;
	font-size: 15px;
	font-size: 1.5rem;
}


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

	 Specialty modules

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

/* Order area
	 ========================================================================== */

.order__h1 {
	margin: 0 0 18px;
	color: #36c;
	text-align: left;
	font-weight: normal;
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 1.333;
}

.order .order__p {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.618;
}

.order .order__ul {
	padding: 0 0 1em 2em;
}

.order .order__ul li {
	margin: 0 0 .33em;
	text-align: left;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.333;
}

.order__image {
	float: right;
	margin: 0 0 1.5em 1.5em;
}

@media(max-width: 800px) {

	.order__image {
		float: none;
		width: auto;
		margin-bottom: 10px;
	}

}

.order__price1 {
	margin: 0 0 .25em;
	color: #888;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.333;
}

.order__price2 {
	margin: 0 0 1em;
	color: #e60000;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.333;
}

.order__price2 strong {
	font-weight: normal;
	font-size: 24px;
	font-size: 2.4rem;
}

.order .order__note,
.order .order__note li {
	color: #666;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.618;
}

/* Frequently Asked Questions
	 ========================================================================== */

.faq-q {
	margin-bottom: 15px;
	padding: 0 0 15px 38px;
	border-bottom: 1px solid #e6e6e6;
	background: transparent url(img/faq-q.png) no-repeat 0 0;
}

.faq-q h4 {
	margin: -1px 0 0;
	padding: 0;
	color: #333;
	text-align: left;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.333;
}

	.sub .faq-q h4 {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1.618;
	}

.faq-a {
	padding: 0 0 0 38px;
	background: transparent url(img/faq-a.png) no-repeat 0 0;
}

.faq-a p {
	margin: 0 0 1em;
	text-align: left;
	font-size: 15px;
	font-size: 1.5rem;
}

	.sub .faq-a p {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.618;
	}

.faq-a *:last-child {
	margin-bottom: 0 !important;
}

/* Users's voice 
	 ========================================================================== */

.voice {
	margin: 2em -5px;
	padding: 65px;
	background: 
		url(img/voice-bg1.png) no-repeat left top,
		url(img/voice-bg2.png) no-repeat right top,
		url(img/voice-bg3.png) no-repeat left bottom,
		url(img/voice-bg4.png) no-repeat right bottom,
		url(img/voice-bg5.png) repeat-x  center top,
		url(img/voice-bg6.png) repeat-y  right center,
		url(img/voice-bg7.png) repeat-x  center bottom,
		url(img/voice-bg8.png) repeat-y  left center,
		url(img/voice-bg9.png) repeat    center center;
	/* oldie */
	behavior: url(ipfw/PIE.htc);
	position: relative;
	zoom: 1;
	-pie-background: 
		url(ipfw/img/voice-bg1.png) no-repeat left top,
		url(ipfw/img/voice-bg2.png) no-repeat right top,
		url(ipfw/img/voice-bg3.png) no-repeat left bottom,
		url(ipfw/img/voice-bg4.png) no-repeat right bottom,
		url(ipfw/img/voice-bg5.png) repeat-x  center top,
		url(ipfw/img/voice-bg6.png) repeat-y  right center,
		url(ipfw/img/voice-bg7.png) repeat-x  center bottom,
		url(ipfw/img/voice-bg8.png) repeat-y  left center,
		url(ipfw/img/voice-bg9.png) repeat    center center;
}

@media(max-width: 800px) {

	.voice { padding: 35px !important }

}

.voice .voice__hgroup {
	margin: 0 0 1em;
	padding: 0 0 1em;
	border-bottom: 1px solid #ccc;
}

.voice .voice__head {
	margin: 0 0 10px;
	color: #369;
	font-weight: normal;
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 1.333;
}

.voice .voice__name {
	margin: 0 0 1em;
	color: #333;
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
}

.voice .voice__name--small {
	margin-top: 2em;
	color: #333;
	text-align: right;
	text-align: right;
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
}

.voice .voice__photo {
	float: right;
	margin: 3em -75px 2em 2em;
	border: 7px solid #fff;
	box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .15) ;
	-webkit-transform: rotate(5deg);
		 -moz-transform: rotate(5deg);
			transform: rotate(5deg);
	-webkit-transform-origin: center center;
		 -moz-transform-origin: center center;
			transform-origin: center center;
	/* oldie */
	behavior: url(ipfw/PIE.htc);
	position: relative;
	zoom: 1;
	-pie-box-shadow: 0 1px 1px 1px #cccccc;
}

@media(max-width: 800px) {

	.voice .voice__photo {
		margin-top: 0 !important;
		margin-right: 0 !important;
		transform: none !important;
	}

}

.voice .voice__photo img {
	width: 130px;
}

.voice p {
	margin: 0;
	padding: 0;
	background: url(img/bg-noteline.gif) ;
	color: #4C5966;
	line-height: 40px;
}

/* Button
	 ========================================================================== */

.button {
}

	.sub .button {
	}

.button:after {
}

.button:hover {
}

.button:active {
}

.button i {
	position: relative;
	top: 1px;
	font-size: 125%;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

/* color */

a.button.button--green  { background-color: #096 }
a.button.button--blue   { background-color: #369 }
a.button.button--gray   { background-color: #666 }
a.button.button--purple { background-color: #936 }
a.button.button--red    { background-color: #c33 }
a.button.button--yellow { background-color: #f90 }
a.button.button--black  { background-color: #000 }

/* size */

.button.button--large      { font-size: 22px; font-size: 2.2rem }
.button.button--large-w    { font-size: 22px; font-size: 2.2rem; display: block }
.button.button--medium     { font-size: 18px; font-size: 1.8rem }
.button.button--medium-w   { font-size: 18px; font-size: 1.8rem; display: block }
.button.button--small      { font-size: 14px; font-size: 1.4rem }
.button.button--small-w    { font-size: 14px; font-size: 1.4rem; display: block }
.button.button--x-small { padding: .5em}

/* Speech bubble
	 ========================================================================== */

.bubble {
	position: relative;
	margin: 1em auto;
	padding: 1.333em 1.618em;
	border-radius: 8px;
	background: #f6f9fc;
	border: 1px solid #cdcdcd;
	/* oldie */
	behavior: url(ipfw/PIE.htc);
	position: relative;
	zoom: 1;
}

.bubble > *:first-child {
	margin-top: 0 !important;
}

.bubble > *:last-child {
	margin-bottom: 0 !important;
}

.bubble:after, .bubble:before {
	position: absolute;
	width: 0;
	height: 0;
	border: solid transparent;
	content: " ";
	pointer-events: none;
}

.bubble:after {
	top: 36px;
	margin-top: -16px;
	border-width: 16px;
	border-color: transparent;
}

.bubble:before {
	top: 36px;
	margin-top: -18px;
	border-width: 18px;
	border-color: transparent;
}

/* color */

.bubble.bubble--green  { background-color: #fbfffe; }
.bubble.bubble--blue   { background-color: #f6f9fc; }
.bubble.bubble--gray   { background-color: #f9f9f9; }
.bubble.bubble--purple { background-color: #fcf6f9; }
.bubble.bubble--red    { background-color: #fbefef; }
.bubble.bubble--yellow { background-color: #fff7eb; }

/* triangle right */

.bubble.bubble--right { margin-right: 20px;}
.bubble.bubble--right:after, .bubble.bubble--right:before { left: 100%;}
.bubble.bubble--right:after { border-left-color: #f6f9fc;}

	/* triangle right color */
	.bubble.bubble--right:before { border-left-color: #cdcdcd;}
	.bubble.bubble--right.bubble--green:after  { border-left-color: #fbfffe;}
	.bubble.bubble--right.bubble--blue:after   { border-left-color: #f6f9fc;}
	.bubble.bubble--right.bubble--gray:after   { border-left-color: #f9f9f9;}
	.bubble.bubble--right.bubble--purple:after { border-left-color: #fcf6f9;}
	.bubble.bubble--right.bubble--red:after    { border-left-color: #fbefef;}
	.bubble.bubble--right.bubble--yellow:after { border-left-color: #fff7eb;}

/* triangle left */

.bubble.bubble--left { margin-left: 20px;}
.bubble.bubble--left:after, .bubble.bubble--left:before { right: 100%;}
.bubble.bubble--left:after { border-right-color: #f6f9fc;}

	/* triangle left color */

	.bubble.bubble--left:before { border-right-color: #cdcdcd;}
	.bubble.bubble--left.bubble--green:after  { border-right-color: #fbfffe;}
	.bubble.bubble--left.bubble--blue:after   { border-right-color: #f6f9fc;}
	.bubble.bubble--left.bubble--gray:after   { border-right-color: #f9f9f9;}
	.bubble.bubble--left.bubble--purple:after { border-right-color: #fcf6f9;}
	.bubble.bubble--left.bubble--red:after    { border-right-color: #fbefef;}
	.bubble.bubble--left.bubble--yellow:after { border-right-color: #fff7eb;}

/* What's new
	 ========================================================================== */

.whatsnew__more {
	position: relative;
	display: block;
	margin: 5px 0;
	padding-left: 15px;
	color: #666;
	font-size: 12px;
}

.whatsnew__more:before {
	position: absolute;
	top: 5px;
	left: 0;
	border: 5px solid transparent;
	border-top-color: #aaa;
	content: "";
}

.whatsnew__more:hover {
	cursor: pointer;
	color: #333;
}

/* large */

.whatsnew--large {
	overflow: auto;
	max-height: 310px;
	text-align: left;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.333;
}

	.sub .whatsnew--large {
		font-size: 13px;
		font-size: 1.3rem;
	}

.whatsnew--large dt {
	float: left;
	clear: both;
	margin: 0;
	padding: 10px 0;
	width: 120px;
	font-weight: bold;
}

.whatsnew--large dd {
	margin: 0;
	padding: 10px 10px 10px 120px;
	border-bottom: 1px solid #ededed;
}

.whatsnew--large dd:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.whatsnew--large .whatsnew__body {
	font-size: 12px;
	color: #666;
	overflow:hidden
}

.whatsnew--large .whatsnew__body ul {
	list-style-type: disc;
	padding-left: 2em;
}

.whatsnew--large .whatsnew__body ul li {
	font-size: 12px;
	margin-top: 5px;
}

@media(max-width: 800px) {

	.whatsnew--large dt {
		padding-bottom: 0;
		float: none;
		width: auto;
	}

	.whatsnew--large dd {
		padding: 10px;
	}

}

/* small */

.whatsnew--small {
	overflow: auto;
	text-align: left;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.333;
}

	.sub .whatsnew--small {
		font-size: 13px;
		font-size: 1.3rem;
	}

.whatsnew--small dt {
	margin: 0;
	padding: 0 0 5px;
	font-weight: bold;
}

.whatsnew--small dd {
	margin: 0 0 10px;
	padding: 0 0 5px;
	border-bottom: 1px solid #ededed;
}

.whatsnew--small dd:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.whatsnew--small .whatsnew__body {
	font-size: 12px;
	color: #666;
	overflow: hidden;
}

.whatsnew--small .whatsnew__body ul {
	list-style-type: disc;
	padding-left: 2em;
}

.whatsnew--small .whatsnew__body ul li {
	font-size: 12px;
	margin-top: 5px;
}

/* Vertical navi
	 ========================================================================== */

body *[class*="vertical-navi--"] li li a {
	color: #777;
}

/* large */

.vertical-navi--large > ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.vertical-navi--large > ul > li {
	margin-bottom: .5em;
	padding-bottom: .5em;
	padding-left: 1.5em;
	border-bottom: 1px solid #e6e6e6;
	font-size: 14px;
	font-size: 1.4rem;
	background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAQAAAC1QeVaAAABB0lEQVR4AVXJsUsCcRiH8ecOJwehQWhxaWkVCkES6T8JihqawsnFOXFoa6yprbGpJu07qhC0/G6IhhKCOwWD8w6lfvEuhs9neV++BQAVOKBFgxI/fDOgxxBL5krLsaYu97mfuvGzUnVVFDZ1NEtc5v8lTonaNta1iN3Cb4qdvrSP+iOl3lz4N5+ujaT7kFql7DHimFu7DJUyzUC/1QCLQ6xt2lSxXlYhARuFZOszJE4jj7HOuKNhH2nEPGTwGXvMHg8cEbCyj4+YpwK9rJ9GxV24JiMHrEWU1zgPBF1Od2KbWU/vJd/hBqGi2kqGmriZn/mJG0pLnQgRCKw6LZpsETLnkUteAf4AwyqzH/ll83AAAAAASUVORK5CYII=) no-repeat 0 .333em;
}

.vertical-navi--large > ul > li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.vertical-navi--large > ul > li a {
	color: #333;
}

.vertical-navi--large li .vertical-navi__head {
	position: relative;
	display: block;
	cursor: pointer;
}

.vertical-navi--large li .vertical-navi__head:before {
	position: absolute;
	top: 10px;
	right: .5em;
	border: 5px solid transparent;
	border-top-color: #aaa;
	content: "";
}

.vertical-navi--large li ul {
	padding: 5px 0 0 .5em;
	list-style: disc;
}

.vertical-navi--large li li {
	color: #666;
	font-size: 14px;
	font-size: 1.4rem;
}

/* medium */

.vertical-navi--medium ul {
	margin: 0;
	padding: 0;
}

.vertical-navi--medium li {
	margin: 0 0 .5em;
	padding: 0 0 .5em 1em;
	border-bottom: 1px solid #e6e6e6;
	list-style: none;
	text-align: left;
	position: relative;
	font-size: 14px;
	font-size: 1.4rem;
}

.vertical-navi--medium li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.vertical-navi--medium li a {
	position: relative;
	color: #333;
}

.vertical-navi--medium li a:before {
	position: absolute;
	top: 2.5px;
	left: -1em;
	border: 5px solid transparent;
	border-left-color: #aaa;
	content: "";
}

.vertical-navi--medium li ul {
	padding: 5px 0 5px 1em;
	list-style: disc;
}

.vertical-navi--medium li li {
	color: #666;
	font-size: 14px;
	font-size: 1.4rem;
}

/* small */

.vertical-navi--small ul {
	margin: 0;
	padding-left: 1em;
}

.vertical-navi--small li {
	margin-bottom: .333em;
	list-style: disc;
	position: relative;
	font-size: 14px;
	font-size: 1.4rem;
}

.vertical-navi--small li:last-child {
	margin-bottom: 0;
}

.vertical-navi--small li a {
	color: #333;
}

/* Colored box
	 ========================================================================== */

.colored-box {
	margin: 2em auto;
	padding: 1.618em;
	border: 1px solid rgba(51,102,204,.3);
	border-radius: 5px;
	background-color: rgba(51,102,204,.01);
}

.colored-box > *:first-child { margin-top: 0 !important }
.colored-box > *:last-child { margin-bottom: 0 !important }

.colored-box-title {
	margin-bottom: .5em;
	color: rgb(51,102,204);
	font-weight: bold;
	font-size: 17px;
	font-size: 1.7rem;
}

.colored-box p {
	margin-top: 0;
	color: #333;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.618;
}

.colored-box.colored-box--green  { border-color: rgba(0,153,102,.3); background-color: rgba(0,153,102,.01) }
.colored-box.colored-box--blue   { border-color: rgba(51,102,153,.3); background-color: rgba(51,102,153,.01) }
.colored-box.colored-box--gray   { border-color: rgba(102,102,102,.3); background-color: rgba(102,102,102,.01) }
.colored-box.colored-box--purple { border-color: rgba(153,51,102,.3); background-color: rgba(153,51,102,.01) }
.colored-box.colored-box--red    { border-color: rgba(204,51,51,.3); background-color: rgba(204,51,51,.01) }
.colored-box.colored-box--yellow { border-color: rgba(255,153,0,.3); background-color: rgba(255,153,0,.01) }

.colored-box.colored-box--green  .colored-box-title { color: rgb(0,153,102) }
.colored-box.colored-box--blue   .colored-box-title { color: rgb(51,102,153) }
.colored-box.colored-box--gray   .colored-box-title { color: rgb(102,102,102) }
.colored-box.colored-box--purple .colored-box-title { color: rgb(153,51,102) }
.colored-box.colored-box--red    .colored-box-title { color: rgb(204,51,51) }
.colored-box.colored-box--yellow .colored-box-title { color: rgb(255,153,0) }

/* Ornament
	 ========================================================================== */

[class^="bg-deco-"] {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.618;
}

.sub [class^="bg-deco-"] {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.333;
}

[class^="bg-deco-"]>:first-child {
	margin-top: 0 !important;
}

[class^="bg-deco-"]>:last-child {
	margin-bottom: 0 !important;
}

/* Metal 1 */

.bg-deco-metal1 {
	text-align: left;
	color: #222 !important;
	margin: 2em auto;
	padding: 30px 35px 30px;
	border-style: solid;
	border-width: 1px;
	border-color: #fff #999 #666;
	border-radius: 10px;
	background: 
		url("img/ornament/bg-metal1-2.png") no-repeat left   top,
		url("img/ornament/bg-metal1-2.png") no-repeat right  top,
		url("img/ornament/bg-metal1-2.png") no-repeat left   bottom,
		url("img/ornament/bg-metal1-2.png") no-repeat right  bottom, 
		url("img/ornament/bg-metal1-1.png") repeat    center center;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
	/* oldie */
	behavior: url("ipfw/PIE.htc");
	position: relative;
	zoom: 1;
	-pie-background: 
		url("ipfw/img/ornament/bg-metal1-2.png") no-repeat left   top,
		url("ipfw/img/ornament/bg-metal1-2.png") no-repeat right  top,
		url("ipfw/img/ornament/bg-metal1-2.png") no-repeat left   bottom,
		url("ipfw/img/ornament/bg-metal1-2.png") no-repeat right  bottom, 
		url("ipfw/img/ornament/bg-metal1-1.png") repeat    center center;
}

/* Metal 2 */

.bg-deco-metal2 {
	text-align: left;
	color: #fff !important;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 1) !important;
	margin: 2em auto;
	padding: 30px 35px 30px;
	border-style: solid;
	border-width: 1px;
	border-color: #666 #333 #000;
	border-radius: 10px;
	background: 
		url("img/ornament/bg-metal2-2.png") no-repeat left   top,
		url("img/ornament/bg-metal2-2.png") no-repeat right  top,
		url("img/ornament/bg-metal2-2.png") no-repeat left   bottom,
		url("img/ornament/bg-metal2-2.png") no-repeat right  bottom, 
		url("img/ornament/bg-metal2-1.png") repeat    center center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75) !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
	/* oldie */
	behavior: url("ipfw/PIE.htc");
	position: relative;
	zoom: 1;
	-pie-background: 
		url("ipfw/img/ornament/bg-metal2-2.png") no-repeat left   top,
		url("ipfw/img/ornament/bg-metal2-2.png") no-repeat right  top,
		url("ipfw/img/ornament/bg-metal2-2.png") no-repeat left   bottom,
		url("ipfw/img/ornament/bg-metal2-2.png") no-repeat right  bottom, 
		url("ipfw/img/ornament/bg-metal2-1.png") repeat    center center;
}

/* Metal 3 */

.bg-deco-metal3 {
	text-align: left;
	color: #222 !important;
	margin: 2em auto;
	padding: 30px 35px 30px;
	border-style: solid;
	border-width: 1px;
	border-color: #fff #999 #666;
	border-radius: 1px;
	background: 
		url("img/ornament/bg-metal3-2.png") no-repeat left   top,
		url("img/ornament/bg-metal3-2.png") no-repeat right  top,
		url("img/ornament/bg-metal3-2.png") no-repeat left   bottom,
		url("img/ornament/bg-metal3-2.png") no-repeat right  bottom,
		url("img/ornament/bg-metal3-1.png") repeat    center center;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) !important;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.8);
	/* oldie */
	behavior: url("ipfw/PIE.htc");
	position: relative;
	zoom: 1;
	-pie-background: 
		url("ipfw/img/ornament/bg-metal3-2.png") no-repeat left   top,
		url("ipfw/img/ornament/bg-metal3-2.png") no-repeat right  top,
		url("ipfw/img/ornament/bg-metal3-2.png") no-repeat left   bottom,
		url("ipfw/img/ornament/bg-metal3-2.png") no-repeat right  bottom,
		url("ipfw/img/ornament/bg-metal3-1.png") repeat    center center;
}

/* Metal 4 */

.bg-deco-metal4 {
	text-align: left;
	color: #fff !important;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 1) !important;
	margin: 2em auto;
	padding: 30px 35px 30px;
	border-style: solid;
	border-width: 1px;
	border-color: #666 #333 #000;
	border-radius: 1px;
	background: 
		url("img/ornament/bg-metal4-2.png") no-repeat left   top,
		url("img/ornament/bg-metal4-2.png") no-repeat right  top,
		url("img/ornament/bg-metal4-2.png") no-repeat left   bottom,
		url("img/ornament/bg-metal4-2.png") no-repeat right  bottom,
		url("img/ornament/bg-metal4-1.png") repeat    center center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75) !important;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
	/* oldie */
	behavior: url("ipfw/PIE.htc");
	position: relative;
	zoom: 1;
	-pie-background: 
		url("ipfw/img/ornament/bg-metal4-2.png") no-repeat left   top,
		url("ipfw/img/ornament/bg-metal4-2.png") no-repeat right  top,
		url("ipfw/img/ornament/bg-metal4-2.png") no-repeat left   bottom,
		url("ipfw/img/ornament/bg-metal4-2.png") no-repeat right  bottom,
		url("ipfw/img/ornament/bg-metal4-1.png") repeat    center center;
}

/* Paper 1 */

.bg-deco-paper1 {
	text-align: left;
	color: #222 !important;
	margin: 2em auto;
	padding: 30px 35px 35px;
	background: 
		url("img/ornament/bg-paper1-1.png") no-repeat left   top,
		url("img/ornament/bg-paper1-2.png") no-repeat right  top,
		url("img/ornament/bg-paper1-3.png") no-repeat left   bottom,
		url("img/ornament/bg-paper1-4.png") no-repeat right  bottom, 
		url("img/ornament/bg-paper1-5.png") repeat-x  center top,
		url("img/ornament/bg-paper1-6.png") repeat-y  right  center,
		url("img/ornament/bg-paper1-7.png") repeat-x  center bottom,
		url("img/ornament/bg-paper1-8.png") repeat-y  left   center,
		url("img/ornament/bg-paper1-9.png") repeat    center center;
	/* oldie */
	behavior: url("ipfw/PIE.htc");
	position: relative;
	zoom: 1;
	-pie-background: 
		url("ipfw/img/ornament/bg-paper1-1.png") no-repeat left   top,
		url("ipfw/img/ornament/bg-paper1-2.png") no-repeat right  top,
		url("ipfw/img/ornament/bg-paper1-3.png") no-repeat left   bottom,
		url("ipfw/img/ornament/bg-paper1-4.png") no-repeat right  bottom, 
		url("ipfw/img/ornament/bg-paper1-5.png") repeat-x  center top,
		url("ipfw/img/ornament/bg-paper1-6.png") repeat-y  right  center,
		url("ipfw/img/ornament/bg-paper1-7.png") repeat-x  center bottom,
		url("ipfw/img/ornament/bg-paper1-8.png") repeat-y  left   center,
		url("ipfw/img/ornament/bg-paper1-9.png") repeat    center center;
}

.bg-deco-paper1 h1, 
.bg-deco-paper1 h2, 
.bg-deco-paper1 h3, 
.bg-deco-paper1 h4, 
.bg-deco-paper1 h5, 
.bg-deco-paper1 h6, 
.bg-deco-paper1 p {
	color: #222 !important;
	text-shadow: none !important;
}

/* Paper 2 */

.bg-deco-paper2 {
	text-align: left;
	color: #222 !important;
	margin: 2em auto;
	padding: 53px 35px 35px;
	background: 
		url("img/ornament/bg-paper2-0.png") no-repeat center top,
		url("img/ornament/bg-paper2-1.png") no-repeat left   top,
		url("img/ornament/bg-paper2-2.png") no-repeat right  top,
		url("img/ornament/bg-paper2-3.png") no-repeat left   bottom,
		url("img/ornament/bg-paper2-4.png") no-repeat right  bottom,
		url("img/ornament/bg-paper2-5.png") repeat-x  center top,
		url("img/ornament/bg-paper2-6.png") repeat-y  right  center,
		url("img/ornament/bg-paper2-7.png") repeat-x  center bottom,
		url("img/ornament/bg-paper2-8.png") repeat-y  left   center, 
		url("img/ornament/bg-paper2-9.png") repeat    center center;
	/* oldie */
	behavior: url("ipfw/PIE.htc");
	position: relative;
	zoom: 1;
	-pie-background: 
		url("ipfw/img/ornament/bg-paper2-0.png") no-repeat center top,
		url("ipfw/img/ornament/bg-paper2-1.png") no-repeat left   top,
		url("ipfw/img/ornament/bg-paper2-2.png") no-repeat right  top,
		url("ipfw/img/ornament/bg-paper2-3.png") no-repeat left   bottom,
		url("ipfw/img/ornament/bg-paper2-4.png") no-repeat right  bottom,
		url("ipfw/img/ornament/bg-paper2-5.png") repeat-x  center top,
		url("ipfw/img/ornament/bg-paper2-6.png") repeat-y  right  center,
		url("ipfw/img/ornament/bg-paper2-7.png") repeat-x  center bottom,
		url("ipfw/img/ornament/bg-paper2-8.png") repeat-y  left   center, 
		url("ipfw/img/ornament/bg-paper2-9.png") repeat    center center;
}

.bg-deco-paper2 h1, 
.bg-deco-paper2 h2, 
.bg-deco-paper2 h3, 
.bg-deco-paper2 h4, 
.bg-deco-paper2 h5, 
.bg-deco-paper2 h6, 
.bg-deco-paper2 p {
	color: #222 !important;
	text-shadow: none !important;
}

/* Paper 3 */

.bg-deco-paper3 {
	text-align: left;
	color: #222 !important;
	margin: 2em auto;
	padding: 53px 35px 35px;
	background: 
		url("img/ornament/bg-paper3-0.png") no-repeat center top,
		url("img/ornament/bg-paper2-1.png") no-repeat left   top,
		url("img/ornament/bg-paper2-2.png") no-repeat right  top,
		url("img/ornament/bg-paper2-3.png") no-repeat left   bottom,
		url("img/ornament/bg-paper2-4.png") no-repeat right  bottom,
		url("img/ornament/bg-paper2-5.png") repeat-x  center top,
		url("img/ornament/bg-paper2-6.png") repeat-y  right  center,
		url("img/ornament/bg-paper2-7.png") repeat-x  center bottom,
		url("img/ornament/bg-paper2-8.png") repeat-y  left   center, 
		url("img/ornament/bg-paper2-9.png") repeat    center center;
	/* oldie */
	behavior: url("ipfw/PIE.htc");
	position: relative;
	zoom: 1;
	-pie-background: 
		url("ipfw/img/ornament/bg-paper3-0.png") no-repeat center top,
		url("ipfw/img/ornament/bg-paper2-1.png") no-repeat left   top,
		url("ipfw/img/ornament/bg-paper2-2.png") no-repeat right  top,
		url("ipfw/img/ornament/bg-paper2-3.png") no-repeat left   bottom,
		url("ipfw/img/ornament/bg-paper2-4.png") no-repeat right  bottom,
		url("ipfw/img/ornament/bg-paper2-5.png") repeat-x  center top,
		url("ipfw/img/ornament/bg-paper2-6.png") repeat-y  right  center,
		url("ipfw/img/ornament/bg-paper2-7.png") repeat-x  center bottom,
		url("ipfw/img/ornament/bg-paper2-8.png") repeat-y  left   center, 
		url("ipfw/img/ornament/bg-paper2-9.png") repeat    center center;
}

.bg-deco-paper3 h1, 
.bg-deco-paper3 h2, 
.bg-deco-paper3 h3, 
.bg-deco-paper3 h4, 
.bg-deco-paper3 h5, 
.bg-deco-paper3 h6, 
.bg-deco-paper3 p {
	color: #222 !important;
	text-shadow: none !important;
}

/* Paper 4 */

.bg-deco-paper4 {
	text-align: left;
	color: #222 !important;
	margin: 2em auto;
	padding: 53px 35px 35px;
	background: 
		url("img/ornament/bg-paper4-0.png") no-repeat center top,
		url("img/ornament/bg-paper2-1.png") no-repeat left   top,
		url("img/ornament/bg-paper2-2.png") no-repeat right  top,
		url("img/ornament/bg-paper2-3.png") no-repeat left   bottom,
		url("img/ornament/bg-paper2-4.png") no-repeat right  bottom,
		url("img/ornament/bg-paper2-5.png") repeat-x  center top,
		url("img/ornament/bg-paper2-6.png") repeat-y  right  center,
		url("img/ornament/bg-paper2-7.png") repeat-x  center bottom,
		url("img/ornament/bg-paper2-8.png") repeat-y  left   center,
		url("img/ornament/bg-paper2-9.png") repeat    center center;
	/* oldie */
	behavior: url("ipfw/PIE.htc");
	position: relative;
	zoom: 1;
	-pie-background: 
		url("ipfw/img/ornament/bg-paper4-0.png") no-repeat center top,
		url("ipfw/img/ornament/bg-paper2-1.png") no-repeat left   top,
		url("ipfw/img/ornament/bg-paper2-2.png") no-repeat right  top,
		url("ipfw/img/ornament/bg-paper2-3.png") no-repeat left   bottom,
		url("ipfw/img/ornament/bg-paper2-4.png") no-repeat right  bottom,
		url("ipfw/img/ornament/bg-paper2-5.png") repeat-x  center top,
		url("ipfw/img/ornament/bg-paper2-6.png") repeat-y  right  center,
		url("ipfw/img/ornament/bg-paper2-7.png") repeat-x  center bottom,
		url("ipfw/img/ornament/bg-paper2-8.png") repeat-y  left   center, 
		url("ipfw/img/ornament/bg-paper2-9.png") repeat    center center;
}

.bg-deco-paper4 h1, 
.bg-deco-paper4 h2, 
.bg-deco-paper4 h3, 
.bg-deco-paper4 h4, 
.bg-deco-paper4 h5, 
.bg-deco-paper4 h6, 
.bg-deco-paper4 p {
	color: #222 !important;
	text-shadow: none !important;
}

/* Paper 5 */

.bg-deco-paper5 {
	text-align: left;
	color: #222 !important;
	margin: 2em auto;
	padding: 53px 35px 35px;
	background: 
		url("img/ornament/bg-paper5-0.png") no-repeat center top,
		url("img/ornament/bg-paper2-1.png") no-repeat left   top,
		url("img/ornament/bg-paper2-2.png") no-repeat right  top,
		url("img/ornament/bg-paper2-3.png") no-repeat left   bottom,
		url("img/ornament/bg-paper2-4.png") no-repeat right  bottom,
		url("img/ornament/bg-paper2-5.png") repeat-x  center top,
		url("img/ornament/bg-paper2-6.png") repeat-y  right  center,
		url("img/ornament/bg-paper2-7.png") repeat-x  center bottom,
		url("img/ornament/bg-paper2-8.png") repeat-y  left   center,
		url("img/ornament/bg-paper2-9.png") repeat    center center;
	/* oldie */
	behavior: url("ipfw/PIE.htc");
	position: relative;
	zoom: 1;
	-pie-background: 
		url("ipfw/img/ornament/bg-paper5-0.png") no-repeat center top,
		url("ipfw/img/ornament/bg-paper2-1.png") no-repeat left   top,
		url("ipfw/img/ornament/bg-paper2-2.png") no-repeat right  top,
		url("ipfw/img/ornament/bg-paper2-3.png") no-repeat left   bottom,
		url("ipfw/img/ornament/bg-paper2-4.png") no-repeat right  bottom,
		url("ipfw/img/ornament/bg-paper2-5.png") repeat-x  center top,
		url("ipfw/img/ornament/bg-paper2-6.png") repeat-y  right  center,
		url("ipfw/img/ornament/bg-paper2-7.png") repeat-x  center bottom,
		url("ipfw/img/ornament/bg-paper2-8.png") repeat-y  left   center, 
		url("ipfw/img/ornament/bg-paper2-9.png") repeat    center center;
}

.bg-deco-paper5 h1, 
.bg-deco-paper5 h2, 
.bg-deco-paper5 h3, 
.bg-deco-paper5 h4, 
.bg-deco-paper5 h5, 
.bg-deco-paper5 h6, 
.bg-deco-paper5 p {
	color: #222 !important;
	text-shadow: none !important;
}

/* Postit 1 */

.bg-deco-postit1 {
	text-align: left;
	color: #222 !important;
	margin: 2em auto;
	padding: 30px 35px 35px;
	background: 
		url("img/ornament/bg-postit1-1.png") no-repeat left   top,
		url("img/ornament/bg-postit1-2.png") no-repeat right  top,
		url("img/ornament/bg-postit1-3.png") no-repeat left   bottom,
		url("img/ornament/bg-postit1-4.png") no-repeat right  bottom,
		url("img/ornament/bg-postit1-5.png") repeat-x  center top,
		url("img/ornament/bg-postit1-6.png") repeat-y  right  center,
		url("img/ornament/bg-postit1-7.png") repeat-x  center bottom,
		url("img/ornament/bg-postit1-8.png") repeat-y  left   center,
		url("img/ornament/bg-postit1-9.png") repeat    center center;
	/* oldie */
	behavior: url("ipfw/PIE.htc");
	position: relative;
	zoom: 1;
	-pie-background: 
		url("ipfw/img/ornament/bg-postit1-1.png") no-repeat left   top,
		url("ipfw/img/ornament/bg-postit1-2.png") no-repeat right  top,
		url("ipfw/img/ornament/bg-postit1-3.png") no-repeat left   bottom,
		url("ipfw/img/ornament/bg-postit1-4.png") no-repeat right  bottom,
		url("ipfw/img/ornament/bg-postit1-5.png") repeat-x  center top,
		url("ipfw/img/ornament/bg-postit1-6.png") repeat-y  right  center,
		url("ipfw/img/ornament/bg-postit1-7.png") repeat-x  center bottom,
		url("ipfw/img/ornament/bg-postit1-8.png") repeat-y  left   center,
		url("ipfw/img/ornament/bg-postit1-9.png") repeat    center center;
}

.bg-deco-postit1 h1, 
.bg-deco-postit1 h2, 
.bg-deco-postit1 h3, 
.bg-deco-postit1 h4, 
.bg-deco-postit1 h5, 
.bg-deco-postit1 h6, 
.bg-deco-postit1 p {
	color: #222 !important;
	text-shadow: none !important;
}

/* Postit 2 */

.bg-deco-postit2 {
	text-align: left;
	color: #222 !important;
	margin: 2em auto;
	padding: 30px 35px 35px;
	background: 
		url("img/ornament/bg-postit2-1.png") no-repeat left   top,
		url("img/ornament/bg-postit2-2.png") no-repeat right  top,
		url("img/ornament/bg-postit2-3.png") no-repeat left   bottom,
		url("img/ornament/bg-postit2-4.png") no-repeat right  bottom,
		url("img/ornament/bg-postit2-5.png") repeat-x  center top,
		url("img/ornament/bg-postit2-6.png") repeat-y  right  center,
		url("img/ornament/bg-postit2-7.png") repeat-x  center bottom,
		url("img/ornament/bg-postit2-8.png") repeat-y  left   center,
		url("img/ornament/bg-postit2-9.png") repeat    center center;
	/* oldie */
	behavior: url("ipfw/PIE.htc");
	position: relative;
	zoom: 1;
	-pie-background: 
		url("ipfw/img/ornament/bg-postit2-1.png") no-repeat left   top,
		url("ipfw/img/ornament/bg-postit2-2.png") no-repeat right  top,
		url("ipfw/img/ornament/bg-postit2-3.png") no-repeat left   bottom,
		url("ipfw/img/ornament/bg-postit2-4.png") no-repeat right  bottom,
		url("ipfw/img/ornament/bg-postit2-5.png") repeat-x  center top,
		url("ipfw/img/ornament/bg-postit2-6.png") repeat-y  right  center,
		url("ipfw/img/ornament/bg-postit2-7.png") repeat-x  center bottom,
		url("ipfw/img/ornament/bg-postit2-8.png") repeat-y  left   center,
		url("ipfw/img/ornament/bg-postit2-9.png") repeat    center center;
}

.bg-deco-postit2 h1, 
.bg-deco-postit2 h2, 
.bg-deco-postit2 h3, 
.bg-deco-postit2 h4, 
.bg-deco-postit2 h5, 
.bg-deco-postit2 h6, 
.bg-deco-postit2 p {
	color: #222 !important;
	text-shadow: none !important;
}

/* Postit 3 */

.bg-deco-postit3 {
	text-align: left;
	color: #222 !important;
	margin: 2em auto;
	padding: 30px 35px 35px;
	background: 
		url("img/ornament/bg-postit3-1.png") no-repeat left   top,
		url("img/ornament/bg-postit3-2.png") no-repeat right  top,
		url("img/ornament/bg-postit3-3.png") no-repeat left   bottom,
		url("img/ornament/bg-postit3-4.png") no-repeat right  bottom,
		url("img/ornament/bg-postit3-5.png") repeat-x  center top,
		url("img/ornament/bg-postit3-6.png") repeat-y  right  center,
		url("img/ornament/bg-postit3-7.png") repeat-x  center bottom,
		url("img/ornament/bg-postit3-8.png") repeat-y  left   center,
		url("img/ornament/bg-postit3-9.png") repeat    center center;
	/* oldie */
	behavior: url("ipfw/PIE.htc");
	position: relative;
	zoom: 1;
	-pie-background: 
		url("ipfw/img/ornament/bg-postit3-1.png") no-repeat left   top,
		url("ipfw/img/ornament/bg-postit3-2.png") no-repeat right  top,
		url("ipfw/img/ornament/bg-postit3-3.png") no-repeat left   bottom,
		url("ipfw/img/ornament/bg-postit3-4.png") no-repeat right  bottom,
		url("ipfw/img/ornament/bg-postit3-5.png") repeat-x  center top,
		url("ipfw/img/ornament/bg-postit3-6.png") repeat-y  right  center,
		url("ipfw/img/ornament/bg-postit3-7.png") repeat-x  center bottom,
		url("ipfw/img/ornament/bg-postit3-8.png") repeat-y  left   center,
		url("ipfw/img/ornament/bg-postit3-9.png") repeat    center center;
}

.bg-deco-postit3 h1, 
.bg-deco-postit3 h2, 
.bg-deco-postit3 h3, 
.bg-deco-postit3 h4, 
.bg-deco-postit3 h5, 
.bg-deco-postit3 h6, 
.bg-deco-postit3 p {
	color: #222 !important;
	text-shadow: none !important;
}

/* Postit 4 */

.bg-deco-postit4 {
	text-align: left;
	color: #222 !important;
	margin: 2em auto;
	padding: 30px 35px 35px;
	background: 
		url("img/ornament/bg-postit4-1.png") no-repeat left   top,
		url("img/ornament/bg-postit4-2.png") no-repeat right  top,
		url("img/ornament/bg-postit4-3.png") no-repeat left   bottom,
		url("img/ornament/bg-postit4-4.png") no-repeat right  bottom,
		url("img/ornament/bg-postit4-5.png") repeat-x  center top,
		url("img/ornament/bg-postit4-6.png") repeat-y  right  center,
		url("img/ornament/bg-postit4-7.png") repeat-x  center bottom,
		url("img/ornament/bg-postit4-8.png") repeat-y  left   center,
		url("img/ornament/bg-postit4-9.png") repeat    center center;
	/* oldie */
	behavior: url("ipfw/PIE.htc");
	position: relative;
	zoom: 1;
	-pie-background: 
		url("ipfw/img/ornament/bg-postit4-1.png") no-repeat left   top,
		url("ipfw/img/ornament/bg-postit4-2.png") no-repeat right  top,
		url("ipfw/img/ornament/bg-postit4-3.png") no-repeat left   bottom,
		url("ipfw/img/ornament/bg-postit4-4.png") no-repeat right  bottom,
		url("ipfw/img/ornament/bg-postit4-5.png") repeat-x  center top,
		url("ipfw/img/ornament/bg-postit4-6.png") repeat-y  right  center,
		url("ipfw/img/ornament/bg-postit4-7.png") repeat-x  center bottom,
		url("ipfw/img/ornament/bg-postit4-8.png") repeat-y  left   center,
		url("ipfw/img/ornament/bg-postit4-9.png") repeat    center center;
}

.bg-deco-postit4 h1, 
.bg-deco-postit4 h2, 
.bg-deco-postit4 h3, 
.bg-deco-postit4 h4, 
.bg-deco-postit4 h5, 
.bg-deco-postit4 h6, 
.bg-deco-postit4 p {
	color: #222 !important;
	text-shadow: none !important;
}

/* Postit 5 */

.bg-deco-postit5 {
	text-align: left;
	color: #222 !important;
	margin: 2em auto;
	padding: 30px 35px 35px;
	background: 
		url("img/ornament/bg-postit5-1.png") no-repeat left   top,
		url("img/ornament/bg-postit5-2.png") no-repeat right  top,
		url("img/ornament/bg-postit5-3.png") no-repeat left   bottom,
		url("img/ornament/bg-postit5-4.png") no-repeat right  bottom,
		url("img/ornament/bg-postit5-5.png") repeat-x  center top,
		url("img/ornament/bg-postit5-6.png") repeat-y  right  center,
		url("img/ornament/bg-postit5-7.png") repeat-x  center bottom,
		url("img/ornament/bg-postit5-8.png") repeat-y  left   center,
		url("img/ornament/bg-postit5-9.png") repeat    center center;
	/* oldie */
	behavior: url("ipfw/PIE.htc");
	position: relative;
	zoom: 1;
	-pie-background: 
		url("ipfw/img/ornament/bg-postit5-1.png") no-repeat left   top,
		url("ipfw/img/ornament/bg-postit5-2.png") no-repeat right  top,
		url("ipfw/img/ornament/bg-postit5-3.png") no-repeat left   bottom,
		url("ipfw/img/ornament/bg-postit5-4.png") no-repeat right  bottom,
		url("ipfw/img/ornament/bg-postit5-5.png") repeat-x  center top,
		url("ipfw/img/ornament/bg-postit5-6.png") repeat-y  right  center,
		url("ipfw/img/ornament/bg-postit5-7.png") repeat-x  center bottom,
		url("ipfw/img/ornament/bg-postit5-8.png") repeat-y  left   center,
		url("ipfw/img/ornament/bg-postit5-9.png") repeat    center center;
}

.bg-deco-postit5 h1, 
.bg-deco-postit5 h2, 
.bg-deco-postit5 h3, 
.bg-deco-postit5 h4, 
.bg-deco-postit5 h5, 
.bg-deco-postit5 h6, 
.bg-deco-postit5 p {
	color: #222 !important;
	text-shadow: none !important;
}

/* Chalkboard */

.bg-deco-chalkboard {
	text-align: left;
	color: #fff !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
	margin: 2em auto;
	padding: 30px 35px 35px;
	background: 
		url("img/ornament/bg-chalkboard1.png") no-repeat left   top,
		url("img/ornament/bg-chalkboard2.png") no-repeat right  top,
		url("img/ornament/bg-chalkboard3.png") no-repeat left   bottom,
		url("img/ornament/bg-chalkboard4.png") no-repeat right  bottom,
		url("img/ornament/bg-chalkboard5.png") repeat-x  center top,
		url("img/ornament/bg-chalkboard6.png") repeat-y  right  center,
		url("img/ornament/bg-chalkboard7.png") repeat-x  center bottom,
		url("img/ornament/bg-chalkboard8.png") repeat-y  left   center,
		url("img/ornament/bg-chalkboard9.png") repeat    center center;
	/* oldie */
	behavior: url("ipfw/PIE.htc");
	position: relative;
	zoom: 1;
	-pie-background: 
		url("ipfw/img/ornament/bg-chalkboard1.png") no-repeat left   top,
		url("ipfw/img/ornament/bg-chalkboard2.png") no-repeat right  top,
		url("ipfw/img/ornament/bg-chalkboard3.png") no-repeat left   bottom,
		url("ipfw/img/ornament/bg-chalkboard4.png") no-repeat right  bottom,
		url("ipfw/img/ornament/bg-chalkboard5.png") repeat-x  center top,
		url("ipfw/img/ornament/bg-chalkboard6.png") repeat-y  right  center,
		url("ipfw/img/ornament/bg-chalkboard7.png") repeat-x  center bottom,
		url("ipfw/img/ornament/bg-chalkboard8.png") repeat-y  left   center,
		url("ipfw/img/ornament/bg-chalkboard9.png") repeat    center center;
}

.bg-deco-chalkboard h1, 
.bg-deco-chalkboard h2, 
.bg-deco-chalkboard h3, 
.bg-deco-chalkboard h4, 
.bg-deco-chalkboard h5, 
.bg-deco-chalkboard h6, 
.bg-deco-chalkboard p {
	color: #fff !important;
}

/* Woodboard 1 */

.bg-deco-woodboard1 {
	text-align: left;
	color: #222 !important;
	margin: 2em auto;
	padding: 30px 35px 35px;
	background: 
		url("img/ornament/bg-woodboard1-1.png") no-repeat left   top,
		url("img/ornament/bg-woodboard1-2.png") no-repeat right  top,
		url("img/ornament/bg-woodboard1-3.png") no-repeat left   bottom,
		url("img/ornament/bg-woodboard1-4.png") no-repeat right  bottom,
		url("img/ornament/bg-woodboard1-5.png") repeat-x  center top,
		url("img/ornament/bg-woodboard1-6.png") repeat-y  right  center,
		url("img/ornament/bg-woodboard1-7.png") repeat-x  center bottom,
		url("img/ornament/bg-woodboard1-8.png") repeat-y  left   center,
		url("img/ornament/bg-woodboard1-9.png") repeat    center center;
	/* oldie */
	behavior: url("ipfw/PIE.htc");
	position: relative;
	zoom: 1;
	-pie-background: 
		url("ipfw/img/ornament/bg-woodboard1-1.png") no-repeat left   top,
		url("ipfw/img/ornament/bg-woodboard1-2.png") no-repeat right  top,
		url("ipfw/img/ornament/bg-woodboard1-3.png") no-repeat left   bottom,
		url("ipfw/img/ornament/bg-woodboard1-4.png") no-repeat right  bottom,
		url("ipfw/img/ornament/bg-woodboard1-5.png") repeat-x  center top,
		url("ipfw/img/ornament/bg-woodboard1-6.png") repeat-y  right  center,
		url("ipfw/img/ornament/bg-woodboard1-7.png") repeat-x  center bottom,
		url("ipfw/img/ornament/bg-woodboard1-8.png") repeat-y  left   center,
		url("ipfw/img/ornament/bg-woodboard1-9.png") repeat    center center;
}

.bg-deco-woodboard1 h1, 
.bg-deco-woodboard1 h2, 
.bg-deco-woodboard1 h3, 
.bg-deco-woodboard1 h4, 
.bg-deco-woodboard1 h5, 
.bg-deco-woodboard1 h6, 
.bg-deco-woodboard1 p {
	color: #222 !important;
	text-shadow: none !important;
}

/* Woodframe 1 */

.bg-deco-woodframe1 {
	text-align: left;
	color: #222 !important;
	margin: 2em auto;
	padding: 70px 75px 75px;
	background: 
		url("img/ornament/bg-woodframe1-1.png") no-repeat left   top,
		url("img/ornament/bg-woodframe1-2.png") no-repeat right  top,
		url("img/ornament/bg-woodframe1-3.png") no-repeat left   bottom,
		url("img/ornament/bg-woodframe1-4.png") no-repeat right  bottom,
		url("img/ornament/bg-woodframe1-5.png") repeat-x  center top,
		url("img/ornament/bg-woodframe1-6.png") repeat-y  right  center,
		url("img/ornament/bg-woodframe1-7.png") repeat-x  center bottom,
		url("img/ornament/bg-woodframe1-8.png") repeat-y  left   center,
		url("img/ornament/bg-woodframe1-9.png") repeat    center center;
	/* oldie */
	behavior: url("ipfw/PIE.htc");
	position: relative;
	zoom: 1;
	-pie-background: 
		url("ipfw/img/ornament/bg-woodframe1-1.png") no-repeat left   top,
		url("ipfw/img/ornament/bg-woodframe1-2.png") no-repeat right  top,
		url("ipfw/img/ornament/bg-woodframe1-3.png") no-repeat left   bottom,
		url("ipfw/img/ornament/bg-woodframe1-4.png") no-repeat right  bottom,
		url("ipfw/img/ornament/bg-woodframe1-5.png") repeat-x  center top,
		url("ipfw/img/ornament/bg-woodframe1-6.png") repeat-y  right  center,
		url("ipfw/img/ornament/bg-woodframe1-7.png") repeat-x  center bottom,
		url("ipfw/img/ornament/bg-woodframe1-8.png") repeat-y  left   center,
		url("ipfw/img/ornament/bg-woodframe1-9.png") repeat    center center;
}

.bg-deco-woodframe1 h1, 
.bg-deco-woodframe1 h2, 
.bg-deco-woodframe1 h3, 
.bg-deco-woodframe1 h4, 
.bg-deco-woodframe1 h5, 
.bg-deco-woodframe1 h6, 
.bg-deco-woodframe1 p {
	color: #222 !important;
	text-shadow: none !important;
}

/* Marker pink */

.bg-deco-marker-p {
	text-align: left;
	color: #222 !important;
	margin: 0 auto 10px;
	padding: 55px 50px 60px;
	background: 
		url("img/ornament/bg-marker-p1.png") no-repeat left   top,
		url("img/ornament/bg-marker-p2.png") no-repeat right  top,
		url("img/ornament/bg-marker-p3.png") no-repeat left   bottom,
		url("img/ornament/bg-marker-p4.png") no-repeat right  bottom,
		url("img/ornament/bg-marker-p5.png") repeat-x  center top,
		url("img/ornament/bg-marker-p6.png") repeat-y  right  center,
		url("img/ornament/bg-marker-p7.png") repeat-x  center bottom,
		url("img/ornament/bg-marker-p8.png") repeat-y  left   center,
		url("img/ornament/bg-marker-p9.png") repeat    center center;
	/* oldie */
	behavior: url("ipfw/PIE.htc");
	position: relative;
	zoom: 1;
	-pie-background: 
		url("ipfw/img/ornament/bg-marker-p1.png") no-repeat left   top,
		url("ipfw/img/ornament/bg-marker-p2.png") no-repeat right  top,
		url("ipfw/img/ornament/bg-marker-p3.png") no-repeat left   bottom,
		url("ipfw/img/ornament/bg-marker-p4.png") no-repeat right  bottom,
		url("ipfw/img/ornament/bg-marker-p5.png") repeat-x  center top,
		url("ipfw/img/ornament/bg-marker-p6.png") repeat-y  right  center,
		url("ipfw/img/ornament/bg-marker-p7.png") repeat-x  center bottom,
		url("ipfw/img/ornament/bg-marker-p8.png") repeat-y  left   center,
		url("ipfw/img/ornament/bg-marker-p9.png") repeat    center center;
}

.bg-deco-marker-p h1, 
.bg-deco-marker-p h2, 
.bg-deco-marker-p h3, 
.bg-deco-marker-p h4, 
.bg-deco-marker-p h5, 
.bg-deco-marker-p h6, 
.bg-deco-marker-p p {
	color: #222 !important;
	text-shadow: none !important;
}

/* Marker yellow */

.bg-deco-marker-y {
	text-align: left;
	color: #222 !important;
	margin: 0 auto 10px;
	padding: 55px 50px 60px;
	background: 
		url("img/ornament/bg-marker-y1.png") no-repeat left   top,
		url("img/ornament/bg-marker-y2.png") no-repeat right  top,
		url("img/ornament/bg-marker-y3.png") no-repeat left   bottom,
		url("img/ornament/bg-marker-y4.png") no-repeat right  bottom,
		url("img/ornament/bg-marker-y5.png") repeat-x  center top,
		url("img/ornament/bg-marker-y6.png") repeat-y  right  center,
		url("img/ornament/bg-marker-y7.png") repeat-x  center bottom,
		url("img/ornament/bg-marker-y8.png") repeat-y  left   center,
		url("img/ornament/bg-marker-y9.png") repeat    center center;
	/* oldie */
	behavior: url("ipfw/PIE.htc");
	position: relative;
	zoom: 1;
	-pie-background: 
		url("ipfw/img/ornament/bg-marker-y1.png") no-repeat left   top,
		url("ipfw/img/ornament/bg-marker-y2.png") no-repeat right  top,
		url("ipfw/img/ornament/bg-marker-y3.png") no-repeat left   bottom,
		url("ipfw/img/ornament/bg-marker-y4.png") no-repeat right  bottom,
		url("ipfw/img/ornament/bg-marker-y5.png") repeat-x  center top,
		url("ipfw/img/ornament/bg-marker-y6.png") repeat-y  right  center,
		url("ipfw/img/ornament/bg-marker-y7.png") repeat-x  center bottom,
		url("ipfw/img/ornament/bg-marker-y8.png") repeat-y  left   center,
		url("ipfw/img/ornament/bg-marker-y9.png") repeat    center center;
}

.bg-deco-marker-y h1, 
.bg-deco-marker-y h2, 
.bg-deco-marker-y h3, 
.bg-deco-marker-y h4, 
.bg-deco-marker-y h5, 
.bg-deco-marker-y h6, 
.bg-deco-marker-y p {
	color: #222 !important;
	text-shadow: none !important;
}

/* Marker green */

.bg-deco-marker-g {
	text-align: left;
	color: #222 !important;
	margin: 0 auto 10px;
	padding: 55px 50px 60px;
	background: 
		url("img/ornament/bg-marker-g1.png") no-repeat left   top,
		url("img/ornament/bg-marker-g2.png") no-repeat right  top,
		url("img/ornament/bg-marker-g3.png") no-repeat left   bottom,
		url("img/ornament/bg-marker-g4.png") no-repeat right  bottom,
		url("img/ornament/bg-marker-g5.png") repeat-x  center top,
		url("img/ornament/bg-marker-g6.png") repeat-y  right  center,
		url("img/ornament/bg-marker-g7.png") repeat-x  center bottom,
		url("img/ornament/bg-marker-g8.png") repeat-y  left   center,
		url("img/ornament/bg-marker-g9.png") repeat    center center;
	/* oldie */
	behavior: url("ipfw/PIE.htc");
	position: relative;
	zoom: 1;
	-pie-background: 
		url("ipfw/img/ornament/bg-marker-g1.png") no-repeat left   top,
		url("ipfw/img/ornament/bg-marker-g2.png") no-repeat right  top,
		url("ipfw/img/ornament/bg-marker-g3.png") no-repeat left   bottom,
		url("ipfw/img/ornament/bg-marker-g4.png") no-repeat right  bottom,
		url("ipfw/img/ornament/bg-marker-g5.png") repeat-x  center top,
		url("ipfw/img/ornament/bg-marker-g6.png") repeat-y  right  center,
		url("ipfw/img/ornament/bg-marker-g7.png") repeat-x  center bottom,
		url("ipfw/img/ornament/bg-marker-g8.png") repeat-y  left   center,
		url("ipfw/img/ornament/bg-marker-g9.png") repeat    center center;
}

.bg-deco-marker-g h1, 
.bg-deco-marker-g h2, 
.bg-deco-marker-g h3, 
.bg-deco-marker-g h4, 
.bg-deco-marker-g h5, 
.bg-deco-marker-g h6, 
.bg-deco-marker-g p {
	color: #222 !important;
	text-shadow: none !important;
}

/* Marker blue */

.bg-deco-marker-b {
	text-align: left;
	color: #222 !important;
	margin: 0 auto 10px;
	padding: 55px 50px 60px;
	background: 
		url("img/ornament/bg-marker-b1.png") no-repeat left   top,
		url("img/ornament/bg-marker-b2.png") no-repeat right  top,
		url("img/ornament/bg-marker-b3.png") no-repeat left   bottom,
		url("img/ornament/bg-marker-b4.png") no-repeat right  bottom,
		url("img/ornament/bg-marker-b5.png") repeat-x  center top,
		url("img/ornament/bg-marker-b6.png") repeat-y  right  center,
		url("img/ornament/bg-marker-b7.png") repeat-x  center bottom,
		url("img/ornament/bg-marker-b8.png") repeat-y  left   center,
		url("img/ornament/bg-marker-b9.png") repeat    center center;
	/* oldie */
	behavior: url("ipfw/PIE.htc");
	position: relative;
	zoom: 1;
	-pie-background: 
		url("ipfw/img/ornament/bg-marker-b1.png") no-repeat left   top,
		url("ipfw/img/ornament/bg-marker-b2.png") no-repeat right  top,
		url("ipfw/img/ornament/bg-marker-b3.png") no-repeat left   bottom,
		url("ipfw/img/ornament/bg-marker-b4.png") no-repeat right  bottom,
		url("ipfw/img/ornament/bg-marker-b5.png") repeat-x  center top,
		url("ipfw/img/ornament/bg-marker-b6.png") repeat-y  right  center,
		url("ipfw/img/ornament/bg-marker-b7.png") repeat-x  center bottom,
		url("ipfw/img/ornament/bg-marker-b8.png") repeat-y  left   center,
		url("ipfw/img/ornament/bg-marker-b9.png") repeat    center center;
}

.bg-deco-marker-b h1, 
.bg-deco-marker-b h2, 
.bg-deco-marker-b h3, 
.bg-deco-marker-b h4, 
.bg-deco-marker-b h5, 
.bg-deco-marker-b h6, 
.bg-deco-marker-b p {
	color: #222 !important;
	text-shadow: none !important;
}

/* Ranking subheader
	 ========================================================================== */

.ranking-subheader--green  { background-color: rgba(0  ,153,102,.15); }
.ranking-subheader--blue   { background-color: rgba(51 ,102,153,.15); }
.ranking-subheader--gray   { background-color: rgba(102,102,102,.15); }
.ranking-subheader--purple { background-color: rgba(153, 51,102,.15); }
.ranking-subheader--red    { background-color: rgba(204, 51, 51,.15); }
.ranking-subheader--yellow { background-color: rgba(255,153,  0,.15); }
 
/* large */

.ranking-subheader--large {
	position: relative;
	margin: 0 auto 1em;
	padding: 15px;
	border-radius: 5px;
	font-size: 21px;
	font-size: 2.1rem;
	font-weight: bold;
	line-height: 1.333;
}

.ranking-subheader--large.ranking-subheader--1,
.ranking-subheader--large.ranking-subheader--2,
.ranking-subheader--large.ranking-subheader--3,
.ranking-subheader--large.ranking-subheader--4,
.ranking-subheader--large.ranking-subheader--5,
.ranking-subheader--large.ranking-subheader--6,
.ranking-subheader--large.ranking-subheader--7,
.ranking-subheader--large.ranking-subheader--8,
.ranking-subheader--large.ranking-subheader--9,
.ranking-subheader--large.ranking-subheader--10 { padding-left: 96px; }

.ranking-subheader--large.ranking-subheader--1:before, 
.ranking-subheader--large.ranking-subheader--2:before, 
.ranking-subheader--large.ranking-subheader--3:before, 
.ranking-subheader--large.ranking-subheader--4:before, 
.ranking-subheader--large.ranking-subheader--5:before, 
.ranking-subheader--large.ranking-subheader--6:before, 
.ranking-subheader--large.ranking-subheader--7:before, 
.ranking-subheader--large.ranking-subheader--8:before, 
.ranking-subheader--large.ranking-subheader--9:before, 
.ranking-subheader--large.ranking-subheader--10:before {
	position: absolute;
	top: -8px;
	left: 15px;
}

.ranking-subheader--large.ranking-subheader--1:before  { content: url("img/ranking/ranking-subheader--large--1.png") ; }
.ranking-subheader--large.ranking-subheader--2:before  { content: url("img/ranking/ranking-subheader--large--2.png") ; }
.ranking-subheader--large.ranking-subheader--3:before  { content: url("img/ranking/ranking-subheader--large--3.png") ; }
.ranking-subheader--large.ranking-subheader--4:before  { content: url("img/ranking/ranking-subheader--large--4.png") ; }
.ranking-subheader--large.ranking-subheader--5:before  { content: url("img/ranking/ranking-subheader--large--5.png") ; }
.ranking-subheader--large.ranking-subheader--6:before  { content: url("img/ranking/ranking-subheader--large--6.png") ; }
.ranking-subheader--large.ranking-subheader--7:before  { content: url("img/ranking/ranking-subheader--large--7.png") ; }
.ranking-subheader--large.ranking-subheader--8:before  { content: url("img/ranking/ranking-subheader--large--8.png") ; }
.ranking-subheader--large.ranking-subheader--9:before  { content: url("img/ranking/ranking-subheader--large--9.png") ; }
.ranking-subheader--large.ranking-subheader--10:before { content: url("img/ranking/ranking-subheader--large--10.png"); }


/* medium */

.ranking-subheader--medium {
	position: relative;
	margin: 0 auto 1em;
	padding: 10px;
	border-radius: 5px;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: normal;
	line-height: 1.333;
}

.ranking-subheader--medium.ranking-subheader--1,
.ranking-subheader--medium.ranking-subheader--2,
.ranking-subheader--medium.ranking-subheader--3,
.ranking-subheader--medium.ranking-subheader--4,
.ranking-subheader--medium.ranking-subheader--5,
.ranking-subheader--medium.ranking-subheader--6,
.ranking-subheader--medium.ranking-subheader--7,
.ranking-subheader--medium.ranking-subheader--8,
.ranking-subheader--medium.ranking-subheader--9,
.ranking-subheader--medium.ranking-subheader--10 { padding-left: 51px; }

.ranking-subheader--medium.ranking-subheader--1:before, 
.ranking-subheader--medium.ranking-subheader--2:before, 
.ranking-subheader--medium.ranking-subheader--3:before, 
.ranking-subheader--medium.ranking-subheader--4:before, 
.ranking-subheader--medium.ranking-subheader--5:before, 
.ranking-subheader--medium.ranking-subheader--6:before, 
.ranking-subheader--medium.ranking-subheader--7:before, 
.ranking-subheader--medium.ranking-subheader--8:before, 
.ranking-subheader--medium.ranking-subheader--9:before, 
.ranking-subheader--medium.ranking-subheader--10:before {
	position: absolute;
	top:  8px;
	left: 8px;
}

.ranking-subheader--medium.ranking-subheader--1:before  { content: url("img/ranking/ranking-subheader--medium--1.png") ; }
.ranking-subheader--medium.ranking-subheader--2:before  { content: url("img/ranking/ranking-subheader--medium--2.png") ; }
.ranking-subheader--medium.ranking-subheader--3:before  { content: url("img/ranking/ranking-subheader--medium--3.png") ; }
.ranking-subheader--medium.ranking-subheader--4:before  { content: url("img/ranking/ranking-subheader--medium--4.png") ; }
.ranking-subheader--medium.ranking-subheader--5:before  { content: url("img/ranking/ranking-subheader--medium--5.png") ; }
.ranking-subheader--medium.ranking-subheader--6:before  { content: url("img/ranking/ranking-subheader--medium--6.png") ; }
.ranking-subheader--medium.ranking-subheader--7:before  { content: url("img/ranking/ranking-subheader--medium--7.png") ; }
.ranking-subheader--medium.ranking-subheader--8:before  { content: url("img/ranking/ranking-subheader--medium--8.png") ; }
.ranking-subheader--medium.ranking-subheader--9:before  { content: url("img/ranking/ranking-subheader--medium--9.png") ; }
.ranking-subheader--medium.ranking-subheader--10:before { content: url("img/ranking/ranking-subheader--medium--10.png"); }

/* small */

.ranking-subheader--small {
	position: relative;
	margin: 0 auto 1em;
	padding: 10px;
	border-radius: 5px;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: normal;
	line-height: 1.333;
}

.ranking-subheader--small.ranking-subheader--1,
.ranking-subheader--small.ranking-subheader--2,
.ranking-subheader--small.ranking-subheader--3 { padding-left: 45px; }

.ranking-subheader--small.ranking-subheader--1:before, 
.ranking-subheader--small.ranking-subheader--2:before, 
.ranking-subheader--small.ranking-subheader--3:before {
	position: absolute;
	top:  8px;
	left: 8px;
}

.ranking-subheader--small.ranking-subheader--1:before  { content: url("img/ranking/ranking-subheader--small--1.png") ; }
.ranking-subheader--small.ranking-subheader--2:before  { content: url("img/ranking/ranking-subheader--small--2.png") ; }
.ranking-subheader--small.ranking-subheader--3:before  { content: url("img/ranking/ranking-subheader--small--3.png") ; }

/* Ranking table
	 ========================================================================== */

/* small */

.ranking-table--small {
	border-top: 1px dotted #999;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.333;
}

.ranking-table--small th,
.ranking-table--small td {
	padding: .5em 1em .5em 0;
	border-bottom: 1px dotted #999;
}

.ranking-table--small th {
	padding-left: 32px;
	background-position: 5px center;
	background-repeat: no-repeat;
}

.ranking-table--small tr > th { background-image: url("img/ranking/ranking-table--small.png"); }
.ranking-table--small tr:nth-child(1) > th { background-image: url("img/ranking/ranking-table--small--1.png"); }
.ranking-table--small tr:nth-child(2) > th { background-image: url("img/ranking/ranking-table--small--2.png"); }
.ranking-table--small tr:nth-child(3) > th { background-image: url("img/ranking/ranking-table--small--3.png"); }

.ranking-table__number {
	width: 1%;
	white-space: nowrap;
}

.ranking-table__name {
	padding-right: 1em;
	width: 1%;
	color: #c33;
	white-space: nowrap;
	font-weight: bold;
}

.ranking-table__text {
	color: #666;
}

/* Countdown timer
	 ========================================================================== */

/* large */

.countdown--large {
	margin: 2em auto;
	color: #555;
	text-align: center;
	font-size: 30px;
	font-size: 3.0rem;
	line-height: 1.618;
}

.countdown--large .num {
	display: inline-block;
	margin: 0 .2em;
	padding: .15em .18em .15em .3em;
	border-radius: 6px;
	background: #555;
	background: -webkit-linear-gradient       (top, #555 0%, #222 100%);
	background:         linear-gradient( to bottom, #555 0%, #222 100%);
	color: #fff;
	vertical-align: -2px;
	text-align: center;
	text-shadow: 0 -1px 1px #000;
	letter-spacing: 3px;
	font-weight:bold;
	font-size: 40px;
	font-size: 4.0rem;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1;
}

/* medium */

.countdown--medium {
	margin: 2em auto;
	color: #333;
	text-align: center;
	font-weight: bold;
	font-size: 30px;
	font-size: 3.0rem;
	line-height: 1.333;
}

.countdown--medium .num {
}

/* small */

.countdown--small {
}

.countdown--small .num {
}

/* flexslider
	 ========================================================================== */

body .flexslider { margin:auto; border: none; border-radius: none; box-shadow: none }
body .flexslider .flex-control-nav {bottom: -26px;}
body .flexslider li {line-height: 1;}
