@charset "utf-8";
/*! common.css | ページの基本デザイン用css */
/*! フォント定番
    【ゴシック系】
	font-family: Arial,Verdana,Helvetica,Roboto,"Meiryo","メイリオ","MS PGothic","ＭＳ Ｐゴシック","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",sans-serif;
    【明朝系】
	font-family: Garamond,"Times New Roman","HGS明朝E","MS PMincho","ＭＳ Ｐ明朝","Hiragino Mincho Pro","HiraMinProN-W3","ヒラギノ明朝 Pro W3",serif;
    【ウェブフォント】
	font-family: "Noto Sans Japanese";	※Google提供フリーフォント、日本語可
*/
/*! 使用カラーコード
	#ffffff 白
	#cccccc 黒
	#ededed 灰
	#000066 青系（最濃）
	#ff6600 橙系（濃）
*/

/* 全体の設定
   ========================================================================== */
body {
	margin-right: 8px;
	margin-bottom: 8px;
	background-color: #ffffff;
	color: #333333;
	font-size: 90%;
	line-height: 1.5;
}

a {
	color: #666666;
	text-decoration: none;
}

a:hover {
	color : #ff6600;
}

#wrapper {
	width: 667px;
	margin: 0 auto;
}

.inner{
}

em {
	font-style: oblique;
}

.wbr {
	display: inline-block;
}

i.fa{
	margin: 0 0.16em;
}

/* ヘッダー
   ========================================================================== */
#header{
	width: 100%;
	height: auto;
	text-align: center;
}

#site-logo {
}

#site-logo h1 {
	margin: 0;
	padding: 1px 0;
}

/* コンテンツ【全体】
   ========================================================================== */
#contents {
	margin: 2px 2px 0;
	padding: 0 0.4em;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-bottom: none;
	-webkit-box-shadow: 0 0.3em 0.4em -0.4em rgba(0,0,0,0.3) inset, -0.3em 0 0.4em -0.4em rgba(0,0,0,0.3) inset, 0.3em 0 0.4em -0.4em rgba(0,0,0,0.3) inset;
	-moz-box-shadow: 0 0.3em 0.4em -0.4em rgba(0,0,0,0.3) inset, -0.3em 0 0.4em -0.4em rgba(0,0,0,0.3) inset, 0.3em 0 0.4em -0.4em rgba(0,0,0,0.3) inset;
	box-shadow: 0 0.3em 0.4em -0.4em rgba(0,0,0,0.3) inset, -0.3em 0 0.4em -0.4em rgba(0,0,0,0.3) inset, 0.3em 0 0.4em -0.4em rgba(0,0,0,0.3) inset;
}

#contents:befor,
#contents:after {
	content: "";
	clear: both;
	display: block;
}

/* コンテンツ【メイン】
   ========================================================================== */
#main {
}

#main .section {
	padding-bottom: 2.4em;
}

.figure-border img {
	padding: 2px;
	border: 1px solid #cccccc;
}

.figure-right {
	float: right;
	margin: 0 0 0 1em;
	font-size: 0.88em;
	text-align:center;
}

.figure-left {
	float: left;
	margin: 0 1em 0 0;
	font-size: 0.88em;
	text-align:center;
}

.figure-left + p:after,
.figure-right + p:after {
	content: "";
	clear: both;
	display: block;
}

/* フッター
   ========================================================================== */
#footer {
	position: relative;
	margin: 0 2px 2px;
	padding: 0.2em 0.4em 0.4em;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-top: none;
	-webkit-box-shadow: -0.3em 0 0.4em -0.4em rgba(0,0,0,0.3) inset, 0 -0.3em 0.4em -0.4em rgba(0,0,0,0.3) inset, 0.3em 0 0.4em -0.4em rgba(0,0,0,0.3) inset;
	-moz-box-shadow: -0.3em 0 0.4em -0.4em rgba(0,0,0,0.3) inset, 0 -0.3em 0.4em -0.4em rgba(0,0,0,0.3) inset, 0.3em 0 0.4em -0.4em rgba(0,0,0,0.3) inset;
	box-shadow: -0.3em 0 0.4em -0.4em rgba(0,0,0,0.3) inset, 0 -0.3em 0.4em -0.4em rgba(0,0,0,0.3) inset, 0.3em 0 0.4em -0.4em rgba(0,0,0,0.3) inset;
}

#footer .inner {
	border-top: 1px solid gray;
}

/* ページ先頭へ	----------------------*/
#pagetop {
	position: absolute;
	top: 0;
	right: 0;
}

#pagetop ul {
	margin: 0;
	padding: 0;
	list-style: none inside;
}

#pagetop ul li {
	font-size: 2.4em;
}

#pagetop ul li a {
	text-decoration: none;
}

/* コピーライト	----------------------*/
#copyright{
	min-height: 2.4em;
	text-align: center;
}

#copyright ul {
	padding: 0;
	list-style: none inside;
}

#copyright li {
	display: inline-block;
	font-weight: bold;
}

#copyright p {
	margin: 0;
	font-size: 0.72em;
}