@CHARSET "UTF-8";

@media screen, projection {

	h1 {
		color: #0069b2;
		font-size: 20px;
		font-size: 2.0rem;
		text-transform: uppercase;
	}

	div.box {
		position: relative;
	}

	div.banner-box {
		margin: 32px 0 48px;
	}

	a.buton {
		position: absolute;
		right: 0;
		top: -12px;
	}

	div.diary-box {
		padding-left: 74px;
		margin: 48px 0 64px;
	}

		div.diary-box img {
			float: left;
			border-radius: 50%;
			margin: 0 32px 0 -74px;
		}

		div.diary-box p {
			font-size: 14px;
			font-size: 1.4rem;
		}

		div.diary-box p.title {
			color: #0069b2;
			font-size: 18px;
			font-size: 1.8rem;
			font-weight: 300;
			margin-bottom: 3px;
		}

		div.diary-box p.author {
			margin-top: 6px;
			margin-left: 13px;
		}

		div.diary-box p.author:after {
			content: '';
			display: block;
			height: 1px;
			clear: left;
		}

		div.diary-box time + p {
			margin-top: 6px;
			margin-left: 13px;
		}

		div.diary-box time {
			font-size: 12px;
			font-size: 1.2rem;
		}

		div.diary-box li + li {
			padding-top: 32px;
			border-top: 1px solid #e1e1e1;
			margin-top: 32px;
		}

	div.gallery-box {
		margin-bottom: 64px;
	}

		ul.gallery-list:after {
			content: '';
			display: block;
			height: 1px;
			clear: left;
		}

		ul.gallery-list > li {
			float: left;
			width: 50%;
			height: 150px;
			margin-top: 48px;
		}

			ul.gallery-list > li > a img {
				float: left;
				margin-right: 16px;
			}

			ul.gallery-list p.title {
				color: #0069b2;
			}

				ul.gallery-list p img {
					border-radius: 50%;
					margin-right: 12px;
					vertical-align: text-bottom;
				}

			ul.gallery-list li ul {
				margin-bottom: 4px;
			}

				ul.gallery-list li ul li {
					margin-top: 4px;
				}

/* Companies*/

	div#companyList {
		font-size: 14px;
		font-size: 1.4rem;
		margin-top: 16px;
	}

		div#companyList > div:first-child {
			margin-bottom: 48px;
		}

			div#companyList > div:first-child p + p {
				margin-top: 12px;
			}

			div#companyList form ul:after {
				content: '';
				display: block;
				height: 1px;
				margin-bottom: 64px;
				clear: left;
			}

				div#companyList form ul li {
					float: left;
					line-height: 30px;
				}

				div#companyList form ul li + li {
					padding-left: 24px;
				}

					div#companyList form label {
						margin-right: 12px;
					}

					div#companyList form input[type="text"] {
						width: 65%;
						height: 30px;
						background-color: #dedede;
						padding: 0 10px;
						border: none;
						border-radius: 15px;
					}

					div#companyList div.submit {
						text-align: center;
					}

					div#companyList div.submit input[type="submit"] {
						color: #fff;
						font-size: 18px;
						font-size: 1.8rem;
						text-transform: uppercase;
						background-color: #1173b7;
						padding: 12px 44px;
						border: none;
						cursor: pointer;
					}

		div#companyList > ul {
			border-top: 1px solid #e1e1e1;
			margin-top: 64px;
		}

			div#companyList > ul > li {
				padding: 48px 0 48px 255px;
				border-bottom: 1px solid #e1e1e1;
			}

				div#companyList h3 + p {
					margin-top: 12px;
				}

				div#companyList h3 img {
					float: left;
					margin-left: -255px;
				}

	div#companyList ul.actions {
		margin: 10px 0 10px 0;
		display: inline-block;
	}

	div#companyList ul.actions li {
		min-height: 22px;
		background: url("../gfx3/sprite.png") no-repeat 0 -74px;
		padding: 0 8px 0 30px;
		float: left;
	}

	div#companyList ul.actions li.invite {
		background-position: 0 -107px;
		margin-left: 30px;
	}

	div#companyList p.genre {
		margin-top: 15px;
	}

	select#PFS3 {
		max-width: 300px;
	}

}