@charset "utf-8";

/*** 共通設定 ***/
/** BODY **/
body { 
  margin:0px;
  padding:0px;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  color:#333;
}


/** 画像 **/
img {
  vertical-align: top;
  pointer-events: none;
}


/** リンク **/
a {
  text-decoration:none;
  border-bottom: 1px solid #999;
}

a:link {
  color:#333;
}

/* ロールオーバー */
a:hover {
  color:#000;
  border-bottom: 1px solid #333;
}

/* 訪問済 */
a:visited {
  color:#999;
}


/** メインエリア **/
.mainArea {
  width:1000px;
  box-sizing:border-box;
  border: 1px solid #666;
  margin:0 auto;/* 水平方向の中央揃え */
  background-color:#fff;
}


/** アイコン **/
/* リンクアイコン・サブリンクアイコン */
.menuLink:before, .menuSubLink:before {
  width: 5px;
  height: 0;
  content: "";
  display: inline-block;
  border-style: solid;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 10px solid #555;
  border-right: 0;
}

/* 見出しアイコン・サブ見出しアイコン */
.menuText:before, .menuSubText:before {
	display: inline-block;
	content: "";
	margin-top: 8px;
	margin-right: 8px;
	width: 6px;
	height: 6px;
	vertical-align: top;
	border-radius: 3px;
	background-color: #555;
}

/* リンク・サブリンク・見出しテキスト・サブ見出しテキスト */
.menuLink,
.menuSubLink,
.menuText,
.menuSubText {
  padding-bottom:10px;
}

/* サブリンク・サブ見出しテキスト */
.menuSubLink,
.menuSubText {
  padding-left:24px;
}


/** メニュー **/
/* メニュー内容 */
.menuContents {
  padding-top:12px;
  padding-left:12px;
  padding-right:12px;
  padding-bottom:30px;
  text-align:left;
}

/* メニュータイトル 下線 */
.menuUnderline {
  background-color: #333;
  height:2px;
}


/** フッター **/
.footer {
  background-color: #666;
  height:20px;
  display: flex;
  justify-content:center;
  align-items: center;
  font-size:12px;
  color:#fff;
}