@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family:OratorStd;
	font-family:hiraginomaru;
	src:url(../font/OratorStd.otf) format("opentype");
	src:url(../font/hiraginomaru.otf) format("opentype");
}
body {
	margin:0;
	font-family:"hiraginomaru";
	scroll-behavior: smooth;
}
header {
	font-family:"OratorStd";
	margin:0 auto;
	background-color:#FFFFFF;
	position:fixed;
	width: 100%;
	left: 0px;
	top: 0px;
}
/*ナビゲーション*/
header nav {
	width:100%;
	top:2px;
	background-color:#FFFFFF;
	margin:0;
	height: 50px;
	padding-top: 0px;
}
header nav ul {
	padding:0;
	height:40px;
	display:flex;
	list-style-type: none;
	overflow:hidden;
	margin-top: 10px;
}
header nav li {
	width:150px;
	text-align: center;
	font-size: 18px;
	line-height: 18px;
}
header nav a {
	display:block;
	text-decoration:none;
	color: #666;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
}
header nav .logoli {
	width:300px;
}
/*ナビゲーションロゴ*/
.span_logo {
	text-shadow:#F00 0px 0px 2px;
	font-size: 18px;
	color: #F9F;
}
.span_menu {
	font-size:10px;
}
header div {
	background-color: #999;
	height: 20px;
	width: 100%;
}
#headerbox {
	height:70px;
}
/*タイトル*/
section {
	margin:0 auto;
}
h1 {
	color: #666;
	text-align: center;
	margin: 0px;
	line-height: 60px;
	background-color: gainsboro;
}
#mainbox_t {
	margin:auto;
	width:1000px;
	display:flex;
}
#mainbox_t p {
	margin-top:0px;
	margin-bottom:0px;
}
#mainbox_t aside {
	padding-top:20px;
}
#mainbox_t div {
	padding-left:10px;
}
blockquote {
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #F9EFEB;
}
blockquote span {
	color: #F63;
}
/*サイドメニュー*/
article nav {
	width:250px;
	background-color: #fafafa;
	position:fixed;
	top:395px;
}
article nav ul {
	font-family:"OratorStd";
	list-style-type:none;
	padding-left: 0px;
}
article nav li {
	width:200px;
	font-size: 18px;
	line-height: 18px;
}
#nav_li_line1 {
	border-bottom-width: 4px;
	border-bottom-style: groove;
	border-bottom-color: lightcoral;
}
#nav_li_line2 {
	border-bottom-width: 4px;
	border-bottom-style: groove;
	border-bottom-color: yellow;
}
#nav_li_line3 {
	border-bottom-width: 4px;
	border-bottom-style: groove;
	border-bottom-color: greenyellow;
}
#nav_li_line4 {
	border-bottom-width: 4px;
	border-bottom-style: groove;
	border-bottom-color: skyblue;
}
article nav a {
	display:block;
	text-decoration:none;
	color: #666;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
}
article a:hover {
	opacity:0.5;
}
#mainbox_b {
	margin:auto;
	width:1000px;
	display:flex;
}
#mainbox_b p {
	padding-left:20px;
}
#mainbox_b aside {
	width:250px;
	background-color:#fafafa;
}
h2 {
	text-align:left;
	color: #666;
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#mainbox_b_div {
	width:750px;
	background-color: #f9f9ff;
	padding-top:20px;
}
#mainbox_b_div span {
	color: #F63;
}
#text {
	color: #39F;
	text-decoration: none;
}
/*フッター*/
footer {
	font-family:"OratorStd";
	margin-top:20px;
}
#footer_div {
	margin:auto;
	width:800px;
	display:flex;
	padding-left: 250px;
}
#footer_div ul {
	list-style-type: none;
}
#footer_div a {
	text-decoration: none;
	color: #666;
}
#copy {
	width:100%;
	text-align:right;
	background-color:whitesmoke;
	height: 60px;
}
footer p {
	padding-right: 50px;
	vertical-align: middle;
	padding-top: 20px;
	color: slategrey;
}
/*テーブル*/
table {
	border: 2px solid #F90;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 5px;
	width: 700px;
}
th {
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #FC9;
	background-color: lavenderblush;
}
.table_line_bottom {
	border-bottom:#fc9;
	border-bottom-style:solid;
	border-bottom-width:1px;
}
.table_line_vertical {
	border-left:1px;
	border-left-color:#fc9;
	border-left-style:solid;
}
.table_width1 {
	width:400px;
}
.table_width2 {
	width:100px;
}
.table_width3 {
	width:200px;
}
.table_width4 {
	width:300px;
}
.table_height {
	height:30px;
}
.table_align {
	text-align:center;
}
.table_ul {
	list-style-type: square;
	list-style-image: none;
	margin-top: 0px;
	margin-bottom: 0px;
}
#box_sub {
	display:flex;
	margin-top: 0px;
}
#box_sub_l {
	margin-top:0px;
	width:500px;
}
#box_sub_r {
	width:250px;
}
#box_sub li {
	list-style-type:none;
	list-style-image:url(img/line.png);
}
#box_img {
	padding-top: 50px;
}
.box_img2 {
	padding-left: 50px;
}
article p {
	margin-top:0px;
}