/*-- global font-family --*/
body,
input,
select,
textarea,
button {
	font-family: "Verdana", "Arial", "Helvetica", "serif";
}
.app-ff-bold {
	font-family:"Arial Black","Arial";
	font-weight:bold;
}
body,
input,
select,
textarea,
button,
.app-ff-bold {
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.app-ff-bold {
	font-weight:bold;
}
/*-- general --*/
h2 {
	margin:0;
	font-size:150%;
}
h3 {
	margin:0;
	font-size:100%;
}
/*-- bootstrap extra --*/
.glyphicon-margin-right {
	margin-right:5px;
}
.round-top {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
/*-- bootstrap fix : modal dialog shifts page --*/
.modal-open {
	overflow: auto;
	padding-right: 0px !important;
}
/*-- bootstrap fix : menu color --*/
.navbar-brand:link,
.navbar-brand:visited,
.navbar-nav>li a:link,
.navbar-nav>li a:visited {
	color:#ddd;
}
/*-- body --*/
body {
	font-size:16px;
	padding-top: 50px;
}
/*-- body > header --*/
body > header {
	margin:0;
	padding:0;
}
body > header > nav {
}
@media (min-width:640px) {
	body > header > nav {
		-moz-box-shadow:    0px 0px 15px 0px #000;
		-webkit-box-shadow: 0px 0px 15px 0px #000;
		box-shadow:         0px 0px 15px 0px #000;
	}
}
/*-- body > main --*/
body > main h1.page-title {
	margin:40px 0 20px 0;
	font-size:34px;
	color:#468acf;
}
body > main article.generic {
	margin:50px 0 0 0;
}
body > main h2.article-title {
	margin-bottom:20px;
	padding:5px 0 5px 10px;
	font-size:26px;
	font-weight:bold;
	color:#468acf;
	border:0 solid #ddd;
	border-width:0 0 1px 8px;
}
/*-- body > footer --*/
body > footer {
	padding:10px 0 30px 0;
	font-size:14px;
	line-height:26px;
	color:#888;
	background-color:black;
}
@media (min-width:640px) {
	body > footer {
		-moz-box-shadow:    0px 0px 15px 0px #000;
		-webkit-box-shadow: 0px 0px 15px 0px #000;
		box-shadow:         0px 0px 15px 0px #000;
	}
}
body > footer > .gotop {
	margin:5px 0;
	text-align:center;
}
body > footer > .main {
	margin:5px auto 5px auto;
	padding:5px;
	width:100%;
	max-width:960px;
	text-align:center;
	border:0px solid red;
}
body > footer > .main > .box {
	display:inline-block;
	*zoom:1;
	*display:inline;

	margin:0px;
	padding:10px;
	vertical-align:top;

	text-align:left;

	width:100%;
	max-width:280px;
	height:auto;

	border:0px solid green;
}
body > footer a,
body > footer a:visited,
body > footer a:hover,
body > footer a:active {
	color:#bbf;
}
body > footer > .copyright {
	text-align:center;
	font-size:12px;
}

