/**
 * css for pia kyodotokai page
 */
body {
	background:#fff;
	color:#3f3f3f;
}
/* common parts */
a {
	color:#2773cd;
	text-decoration:none;
}
p {margin:0 0 10px;}
/* kyodotokai header */
.kyodotokai-header {
	border:solid #00b9e4;
	border-width:2px 0;
	padding:5px 0;
	margin:0 0 7px;
}
.kyodotokai-logo {
	margin:0 auto;
	background:url(../images/kyodotokai/kyodotokai-logo.gif) no-repeat;
	display:block;
	width:175px;
	height:36px;
	overflow:hidden;
	text-indent:-9999em;
}
.kyodotokai-logo a {
	display:block;
	height:100%;
}
/* kyodotokai login */
.kyodotokai-login {
	display:table;
	width:100%;
	padding:0 10px 7px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.kyodotokai-login a {text-decoration:underline;}
.kyodotokai-login-title {
	display:table-cell;
	vertical-align:top;
}
.kyodotokai-login-action {
	display:table-cell;
	vertical-align:top;
	text-align:right;
}
/* navigation */
.kyodotokai-nav {
	border:1px solid #9e9e9e;
	-webkit-box-shadow:0 2px 0 #ccc;
	-moz-box-shadow:0 2px 0 #ccc;
	box-shadow:0 2px 0 #ccc;
	margin:0 2px 12px;
}
.kyodotokai-nav ul {
	width:100%;
	text-align:center;
}
.kyodotokai-nav li {display:inline;}
.kyodotokai-nav a {
	display:inline;
	text-align:center;
	line-height:30px;
	color:#333;
	position:relative;
	padding:0 0 0 5px;
}
.kyodotokai-nav ul li:not(:first-child) a:before {
	content:'';
	position:absolute;
	top:50%;
	left:0;
	margin-top:-7px;
	height:13px;
	width:1px;
	background:#333;
	vertical-align:middle;
}
/* logo powered */
.kyodotokai-logo-powered {
	text-align:center;
	margin:0 0 10px;
}
.kyodotokai-logo-powered img {
	display:inline-block;
	vertical-align:top;
}
/* bottom bar */
.kyodotokai-bottom-bar {
	padding:16px 10px 14px;
	color:#fff;
	position:relative;
	background:#00a3e9;
	border:#999 solid;
	border-width:1px 0;
	margin:40px 0 10px;
}
/* top button */
.kyodotokai-btn-top {
	background:#00a3e9;
	position:absolute;
	top:-27px;
	right:11px;
	height:27px;
	line-height:27px;
	padding:0 30px 0 18px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	color:#fff;
	text-decoration:none;
}
.kyodotokai-btn-top:after {
	content:'';
	position:absolute;
	top:50%;
	right:13px;
	width:0;
	height:0;
	margin:-7px 0 0;
	border:solid 5px;
	border-color:transparent transparent #fff transparent;
}
.btn-top:before {
	content: none;
}
/* bottom navigation */
.kyodotokai-bottom-nav {
	border:1px solid #999;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background:#fff;
}
.kyodotokai-bottom-nav li:not(:last-child) {border-bottom:1px solid #999;}
.kyodotokai-bottom-nav a {
	color:#3f3f3f;
	display:block;
	padding:10px 33px 10px 12px;
	position:relative;
	text-decoration:none;
}
.kyodotokai-bottom-nav a:after {
	content:'';
	position:absolute;
	width:2px;
	height:2px;
	border:solid #999;
	border-width:2px 0;
	top:50%;
	margin-top:-3px;
	right:16px;
}
.kyodotokai-bottom-nav a:before {
	content:'';
	position:absolute;
	width:2px;
	height:2px;
	background:#999;
	top:50%;
	margin-top:-1px;
	right:14px;
}
/* footer */
.kyodotokai-footer .link-row {
	text-align:center;
	padding:7px;
}
.kyodotokai-footer .link-row a {color:#3f3f3f;}
.kyodotokai-footer-nav {
	text-align:center;
	line-height:20px;
	margin:0 0 10px;
}
.kyodotokai-footer-nav li {
	display:inline-block;
	vertical-align:top;
}
.kyodotokai-footer-nav ul li:not(:first-child):before {
	content:'|';
	display:inline-block;
	vertical-align:top;
	margin:0 7px 0 0;
}
.kyodotokai-footer-nav a {
	color:#333;
	text-decoration:none;
}
.kyodotokai-copyright {
	border:1px solid #999;
	background:#00a3e9;
	text-align:center;
	font-size:12px;
	padding:10px;
	color:#fff;
	text-shadow:1px 1px 2px #0d6ba3;
}
.kyodotokai-copyright p {margin:0;}
/* content */
.kyodotokai-content {
	padding:0 10px;
	margin:0 0 20px;
	border-bottom:2px solid #c4c4c4;
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
	.kyodotokai-logo {
		background-image:url(../images/kyodotokai/kyodotokai-logo@2.gif);
		background-size:175px 36px;
	}
}