/* staff.html */
.balloon_l, .balloon_r {
	position: relative;
	margin-bottom: 11px;
	padding: 8px;
	width: 500px;
	height: 70px;
	font-size: 112%;
	background-color: #fff;
	border: #ccc 2px solid;
	border-radius: 12px;
}
.balloon_l {
	margin-left: 200px;
}
.balloon_r {
	margin-left: 80px;
}
.balloon_l:before, .balloon_l:after, .balloon_r:before, .balloon_r:after {
	position: absolute;
	top: 70%;
	content: "";
	width: 0;
	height: 0;
	border: solid transparent;
}
.balloon_l:after, .balloon_r:after {
	margin-top: -9px;
	border-width: 9px;
}
.balloon_l:before, .balloon_r:before {
	margin-top: -12px;
	border-width: 12px;
}
.balloon_l:after {
	right: 100%;
	border-right-color: #fff;
}
.balloon_l:before {
	right: 100%;
	border-right-color: #ccc;
}
.balloon_r:after {
	left: 100%;
	border-left-color: #fff;
}
.balloon_r:before {
	left: 100%;
	border-left-color: #ccc;
}
.balloon_r p + p {
	margin-top: .65em;
}

/* okg */
.question {
	padding: 8px;
	font-weight: bold;
	background-color: #EFFAD2;
	border: #D5E6AC 2px solid;
	border-radius: 12px;
}
.question + .question {
	margin-top: 12px;
}
.balloon_a + .question {
	margin-top: 36px;
}
.hn {
	margin: 6px -2px -1px;
	padding: 3px 3px 0;
	font-weight: normal;
	text-align: right;
	border-top: 1px dotted #A3C060;
}

.balloon_a {
	position: relative;
	margin-top: 12px;
	margin-left: 116px;
	padding: 8px;
	width: 580px;
	min-height: 68px;
	background-color: #fff;
	border: #ccc 2px solid;
	border-radius: 12px;
}
.balloon_a:before, .balloon_a:after {
	position: absolute;
	top: 56px;
	content: "";
	width: 0;
	height: 0;
	border: solid transparent;
}
.balloon_a:after {
	right: 100%;
	border-right-color: #fff;
	margin-top: -9px;
	border-width: 9px;
}
.balloon_a:before {
	right: 100%;
	border-right-color: #ccc;
	margin-top: -12px;
	border-width: 12px;
}

/* okg, staff */
.miyabi_says {
	color: #006600;
}
.hayu_says {
	color: #003399;
}
.moe_says {
	color: #777700;
}
.ayane_says {
	color: #cc6600;
}
.rin_says {
	color: #992255;
}

.face, .face_left, .face_right {
	display: inline-block;
	float: left;
	width: 100px;
	height: 100px;
	overflow: hidden;
}
.face_left {
	margin-left: 85px;
}
.face_right {
	float: right;
	margin-right: 90px;
}
.face100 {
	margin-top: 0;
}
.face110 {
	margin-top: -100px;
}
.face120 {
	margin-top: -200px;
}
.face130 {
	margin-top: -300px;
}
.face140 {
	margin-top: -400px;
}
.face150 {
	margin-top: -500px;
}
.face160 {
	margin-top: -600px;
}
.face170 {
	margin-top: -700px;
}
.face180 {
	margin-top: -800px;
}
.face190 {
	margin-top: -900px;
}
.face1A0 {
	margin-top: -1000px;
}
.face1B0 {
	margin-top: -1100px;
}
.face1C0 {
	margin-top: -1200px;
}
.face1D0 {
	margin-top: -1300px;
}

/* (okg) */
#main nav {
	overflow: hidden;
	margin: 20px;
}
nav a.prev, nav a.next {
	display: inline-block;
	padding: 8px 40px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: #ddd 1px 1px 0;
	border: 1px solid;
	border-color: #ccc #999 #999 #ccc;
}
nav a.prev {
	float: left;
}
nav a.next {
	float: right;
}