@CHARSET "UTF-8";

@media screen, projection {

    body {
        background: url("../gfx3/bgBody.png") repeat-x;
    }

		body > header > div {
			height: 810px;
		}

	a.buton {
		display: inline-block;
		height: 56px;
		color: #fff;
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: 300;
		text-transform: uppercase;
		text-shadow: 1px 1px 1px #888;
		line-height: 56px;
		background: url("../gfx3/bgLine.png") repeat-x 0 -30px;
		padding: 0 22px;
		border-radius: 28px;
		box-shadow: 1px 1px 1px #888;
	}

	div.nav-box + div {
		background: url("../gfx3/bgIndex.png") no-repeat;
		padding: 46px 0 50px;
	}

	ul.head {
		margin: 0 48px 24px;
	}

	ul.head:after {
		content: '';
		display: block;
		height: 1px;
		clear: both;
	}

		ul.head li {
			float: left;
		}

		ul.head li:first-child {
			max-width: 650px;
		}

		ul.head > li + li {
			float: right;
			width: 296px;
			padding-top: 64px;
			margin-left: 80px;
		}

			ul.head p {
				font-size: 17px;
				font-size: 1.7rem;
				line-height: 1.4em;
				margin-top: 16px;
			}

			ul.head a.buton + span {
				display: block;
				font-size: 14px;
				font-size: 1.4rem;
				font-weight: 400;
				text-transform: uppercase;
				margin-top: 4px;
			}

			div.stats-box {
				font-size: 13px;
				font-size: 1.3rem;
				font-weight: 400;
				padding: 24px 16px;
				border: 1px solid #fff;
				border-radius: 32px;
				margin-top: 52px;
			}

				div.stats-box ul {
					display: inline-block;
				}

					div.stats-box li + li {
						margin-top: 8px;
					}

					div.stats-box span {
						font-size: 18px;
						font-size: 1.8rem;
					}

	div.link-box {
		text-align: center;
	}

		ul.link li {
			display: inline-block;
			font-weight: 400;
			text-transform: uppercase;
		}

		ul.link li:first-child + li {
			margin: 0 10%;
		}

			ul.link li a {
				color: #fff;
			}

			ul.link li span {
				display: block;
				width: 96px;
				height: 96px;
				background: url("../gfx3/icon.png") no-repeat;
				margin: 0 auto 8px;
			}

			ul.link li + li span {
				background-position: 0 -112px;
			}

			ul.link li + li + li span {
				background-position: 0 -224px;
			}

	div.banner-box {
		margin: 24px auto;
	}

	div.news-box {
		margin: 72px auto 48px;
	}

		div.news-box > div:first-child {
			max-width: 777px;
		}

		div.news-box > div + div {
			max-width: 252px;
			font-size: 14px;
			font-size: 1.4rem;
		}

		ul.news {
			margin-top: 36px;
		}

			ul.news li {
				position: relative;
				min-height: 212px;
				padding-left: 242px;
			}

			ul.news li + li {
				margin-top: 96px;
			}

				ul.news li img {
					position: absolute;
					top: 0;
					left: 0;
				}

				ul.news h4 {
					font-size: 24px;
					font-size: 2.4rem;
					margin-bottom: 16px;
					line-height: 1.3em;
				}

					ul.news h4 a {
						color: inherit;
					}

					ul.news h4 a:hover {
						color: #0069b2;
					}

				ul.news time {
					font-size: 12px;
					font-size: 1.4rem;
				}

				ul.news p {
					line-height: 1.6em;
					margin-top: 18px;
				}

		ul.activity {
			margin: 16px 0 48px;
		}

			ul.activity li {
				padding-left: 30px;
			}

			ul.activity li + li {
				margin-top: 18px;
			}

				ul.activity li div {
					display: inline-block;
					height: 24px;
					background: url("../gfx3/sprite.png") no-repeat 0 -41px;
					padding-left: 30px;
					margin-left: -30px;
				}

				ul.activity li span {
					font-size: 12px;
					font-size: 1.2rem;
				}

		div.author {
			color: #0069b2;
			margin: 12px 0 18px;
		}

			div.author img {
				border-radius: 50%;
				margin-right: 8px;
				vertical-align: middle;
			}

	div.gallery {
		background-color: #ededed;
		padding: 24px 0;
	}

		div.gallery ul {
			height: 226px;
			margin: 32px 0 0 -16px;
			overflow: hidden;
		}

			div.gallery li {
				float: left;
				width: 33%;
				text-align: center;
				padding-left: 16px;
			}

				div.gallery img {
					max-width: 100%;
				}

	div.diary-box {
		margin: 48px auto 72px;
	}

		div.diary-box > div:first-child {
			max-width: 777px;
		}

			div.diary-box ul.article {
				margin-top: 64px;
			}

				ul.article li + li {
					margin-top: 58px;
					min-height: 100px;
				}

					ul.article img {
						float: left;
						margin-right: 24px;
						border-radius: 50%;
					}

					ul.article a h4 {
						color: #505050;
						font-size: 24px;
						font-size: 2.4rem;
					}

					ul.article p {
						font-size: 16px;
						font-size: 1.6rem;
					}

					ul.article p.author {
						margin: 8px 0 18px;
					}

	div.catalog-box {
		margin: 78px auto 96px;
	}
}