/* stylelint-disable no-descending-specificity */

/* ======BODY==================== */

.container { padding: 20px 0; }

.mainarea {
  width: 740px;
  padding: 18px 6px;
  margin: 10px auto 24px;
  font-size: 13px;
  line-height: 155%;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2.5rem 2rem -2rem hsl(200deg 50% 20% / 40%);
}

.pagecontents { margin: 30px; }

.list-contents { margin: 30px; font-size: 13px; line-height: 155%; }
.pagetop { padding: 10px 0; margin: 0 40px; text-align: right; }
.head-menu { padding: 20px 0; margin: 0 20px; text-align: right; }
.head-bar { width: 740px; height: 75px; padding: 10px 0; margin: 0 auto; background-image: url("img/head.gif"); background-repeat: no-repeat; }

.clearfix { display: inline-table; }
.clearfix::after { clear: both; display: block; visibility: hidden; height: 0; content: "."; }

/* Hides from IE-mac *
* html .clearfix { height: 1%; }
.clearfix { display: block; }
* End hide from IE-mac */

/* ======LINK==================== */
.link-arrow-right-mid { float: left; display: block; padding: 0; padding-top: 1px; padding-right: 28px; }
.link-arrow-right-mid a { padding-left: 20px; color: #333; text-decoration: none; background-image: url("img/share/allow_red_M.gif"); background-repeat: no-repeat; }
.link-arrow-right-mid a:link { color: #333; text-decoration: none; }
.link-arrow-right-mid a:visited { color: #333; text-decoration: none; }
.link-arrow-right-mid a:hover { color: #c00; text-decoration: none; }

/*
span.link_grey {}
span.link_grey a {text-decoration:none;}
span.link_grey a:link {text-decoration:none;color:#333333;}
span.link_grey a:hover {text-decoration:none;color:#aa66ff;}
*/
span.link-w a:link,
span.link-w a:hover { color: #fff; }

span.submenu-grey {
  float: left;
  display: block;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 10px;
  font-size: small;
  line-height: 120%;
  background-image: url("img/share/allow_grey.gif");
  background-repeat: no-repeat;
}
span.submenu-grey a { padding-top: 0; padding-right: 0; padding-left: 17px; color: #555; }

/*
span.submenu-grey a:link ,
span.submenu-grey a:visited { text-decoration:none;color:#555555; }
span.submenu-grey a:hover { color:#330099; }
*/

/* �@---------------------�@ */

.title a,
.caption a { text-decoration: none; }

.title a:link,
.title a:visited,
.caption a:link,
.caption a:visited { color: #333; text-decoration: none; }

.title a:hover,
.caption a:hover { color: #66f; text-decoration: none; }

/* �@=======�t�H�[��=======�@ */

.bt-area {
  padding: 9px 0;
  margin: 20px 0;
  text-align: center;
  background-image: url("img/share/bt_bg.gif");
  background-repeat: no-repeat;
}

.bt-medium { padding: 0 0 0 5px; font-size: medium; }

/* .bt-large {} */

.inputlabel { margin-right: 10px; font-size: 14px; }
.comment { padding-left: 20px; font-size: small; }

/* ======COLOR==================== */

.hairline { height: 1px; margin: 10px 0; background-color: #ccc; }

.date { color: #090; }
.mild-pink { color: #ff3f81; }
.blue2 { font-weight: bold; color: #319; }
.blue { font-weight: bold; color: #311a70; }
.violet { font-weight: bold; color: #690096; }
.purple { font-weight: bold; color: #892c7a; }
.green { font-weight: bold; color: #090; }
.yellow { font-weight: bold; color: #f90; }

.subject-box { padding: 5px 0; margin: 0 30px; }
.subject { float: left; margin: 0; font-size: medium; font-weight: bold; color: #311a70; }

.archives-box { clear: both; padding: 10px 0; border: 0 solid #fff; border-bottom: 1px dotted #afb8b4; }

.archives-item {
  float: left;
  padding: 0 0 0 17px;
  font-size: 13px;
  line-height: 1.1;
  letter-spacing: 0.1em;
  background-image: url("img/share_circle.gif");
  background-repeat: no-repeat;
}

.archives-date { float: right; padding-top: 2px; font-size: 11px; color: #555; }
.archives-list { margin: 0; }

.head-menu a:hover { color: none; background-color: #f0f0f0; }