body {
   margin: 0px;
   padding: 0px;
   background-color: #202020;
   font-size:14px;
}

img{
	display: block; /* ブロック要素化 */
	margin: 0 auto; /* 中央寄せ */
	padding: 0;
}

#com_name_gray { color: #D4D8D7; }

h1 {
font-size: 140%;
border-bottom: solid 3px black;
}
h2 {
font-size: 120%;
border-bottom: solid 2px black;
}

.wrapper{
    min-height: 100%;
}
ul {
  list-style: none;
}

header{
    height:120px;
    background-color: #13aee2;
    position: fixed; /* ヘッダーを固定(これが重要) */
	top: 0; /* 固定する位置 */
	left: 0; /* 固定する位置 */
	right: 0;  /* 固定する位置 */

}
/* 画像回り込み */
 *.float_box{
         float: left;
         margin-right: 1em;
      }
*.floatclear{clear: both; }
/* メニュー用アイコン円形 */
.menu_img{
	width:100px;
	height:100px;
	-webkit-border-radius:50%;
	border-radius:50%;
	}
a:hover img {
	opacity: 0.5;
}
a img {
	transition: opacity 0.3s ease-out;
}
/* 通常画像表示 */
.main_img{
	width:200px;
	height:200px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px #333 solid
	}
/* 水平線 */
*:before, *:after { content: ''; }
hr {
  border: 0;
  max-width: 100%;
  background-position: 50%;
  box-sizing: border-box;
}
.slash-1 {
  height: 10px;
  color:#13aee2;
  background-image: linear-gradient(-45deg,
    transparent,
    transparent 25%,
    currentColor 25%,
    currentColor 50%,
    transparent 50%,
    transparent 75%,
    currentColor 75%);
  background-size: 10px 10px;
  width: 700px;
  margin:170px auto 170px;
}
.slash-2 {
  height: 5px;
  color:#202020;
  background-image: linear-gradient(-45deg,
    transparent,
    transparent 25%,
    currentColor 25%,
    currentColor 50%,
    transparent 50%,
    transparent 75%,
    currentColor 75%);
  background-size: 10px 10px;
  width: 700px;
  margin:20px auto 20px;
}

/* メニュー部 */
#nav {
	display: flex;
	flex-flow: row;
	justify-content: center;
	margin: 5px;
	padding: 6px;
	list-style-type: none;
}

#nav li {
  text-align: center;
  padding:0 24px;
}

#nav li a {
  text-decoration: none;
}

.wrapper_2 {
 /* width:800px; */
  margin:170px auto;
}
.page_top{
	width: 500px;
  color:#fff;
  text-align: center;
  margin:170px auto 170px;
}
.box{
  background:#fff;
  width: 700px;
  border-radius: 2px;
  padding: 20px;
  margin:0 auto 0;
}
footer{
    height: 30px;
    background-color: #000;
}