* {
   box-sizing: border-box;
}

body {
   margin: 0;
   padding: 0;
   font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
   background-color: #eeeeee;
}

header {
	padding: 30px 4% 10px;
	top: 0;
	width: 100%;
	background-color: #fff;
	display: flex;
	align-items: center;
}

.header h1 {
	margin: 0;
	padding: 0;
	font-size: 20px;
}

.header a {	
   text-decoration: none;
   color: #4b4b4b;
}

nav {
   margin: 0 0 0 auto;
}

.header ul {
   list-style: none;
   margin: 0;
   display: flex;
}

li {
   margin: 0 0 0 15px;
   font-size: 14px;
}

.midasi{
	color: #444444;
	font: normal;
	text-align: center;
}

.e404 a {
	text-decoration: none;
	color: black;
}

.foot-wrap .menu-left, .menu-center, .menu-right {
    display: inline-block;
    width: 20%;
    margin: 50px auto;
}

.foot-wrap ul {
    list-style: none;
    padding: 0;
    line-height:40px;
}

.foot-wrap {
    background-color: #333;
    color: #fff;
    text-align: center;
}

.foot-wrap h3 {
    border-bottom: 3px solid #2ac5b3;
    padding: 10px;
}

.foot-wrap a {
    text-decoration: none;
    color: #fff;
}

.foot-wrap a:hover {
    color: red;
}

.foot-wrap .cmark {
    display: block;
    padding: 10px;
    border-top: 1px solid gray;
    width: 80%;
    margin: 0 auto;
    color: gray;
}
.footad{
	color: #444444;
	font: normal;
	text-align: center;
	border: 1px solid #cccccc;
}

#wrapper {
	width: 1000px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}

.left-column {
	width: 70%;
	background-color: #E0E0E0;
}

.right-column {
	width: 30%;
	background-color: #EAEAEA;
	border: 0.1px solid #cccccc;
}

.right-menu-ad {
	color: #444444;
	font: normal;
	text-align: center;
	border: 1px solid #cccccc;
}

.categorymenu a {
	text-decoration: none;
	color: gray;
}

.categorymenu a:hover {
	color: red;
}

.page-contents{
	list-style: none; 
	padding-left: 5px; 
}

.page-contents a{
	text-decoration: none;
}