@charaset "utf-8";
a {
  color: #574a2c;
  text-decoration: none;
}
a:visited {
  color: #574a2c;
}
a:hover {
  color: #574a2c;
  text-decoration: underline;
}

input:focus {
  outline: none;
  outline: 2px solid #f00;
}

.globalLinkArea {
  display: none;
}

/* header */
.skinHeaderArea {
  width: 980px;
  height: 340px;
  background: url(//stat.blogskin.ameba.jp/blogskin_images/20151126/17/81/1t/p/o09800240purelyblog1448525311742.png) no-repeat center top;
}
.skinHeaderArea h1, .skinHeaderArea h2 {
  display: none;
}

/* navigation */
.global-navigation {
  position: absolute;
  top: 290px;
  left: 0;
  right: 0;
  height: 60px;
  border-top: 1px solid #2a6f05;
  border-bottom: 1px solid #2a6f05;
  background-color: #7cdb4a;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7cdb4a), color-stop(100%, #409612));
  background-image: -webkit-linear-gradient(top, #7cdb4a 0%, #409612 100%);
  background-image: -moz-linear-gradient(top, #7cdb4a 0%, #409612 100%);
  background-image: -o-linear-gradient(top, #7cdb4a 0%, #409612 100%);
  background-image: -ms-linear-gradient(top, #7cdb4a 0%, #409612 100%);
  background-image: linear-gradient(top, #7cdb4a 0%, #409612 100%);
  z-index: 100;
}
.global-navigation ul {
  margin: 0 auto;
  width: 980px;
  height: 60px;
  border-left: 1px solid #2a6f05;
  border-right: 1px solid #7cdb4a;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.global-navigation ul li {
  float: left;
  height: 60px;
  width: 163px;
  border-left: 1px solid #7cdb4a;
  border-right: 1px solid #2a6f05;
  text-indent: -9999px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.global-navigation ul li a {
  display: block;
  width: 161px;
  height: 60px;
  background: url(//stat.blogskin.ameba.jp/blogskin_images/20150929/11/16/TE/p/o09780120purelyblog1443493590797.png) no-repeat;
}
.global-navigation ul li.nav1 a {
  background-position: 0 0;
}
.global-navigation ul li.nav1 a:hover {
  background-position: 0 -60px;
}
.global-navigation ul li.nav2 a {
  background-position: -163px 0;
}
.global-navigation ul li.nav2 a:hover {
  background-position: -163px -60px;
}
.global-navigation ul li.nav3 a {
  background-position: -326px 0;
}
.global-navigation ul li.nav3 a:hover {
  background-position: -326px -60px;
}
.global-navigation ul li.nav4 a {
  background-position: -489px 0;
}
.global-navigation ul li.nav4 a:hover {
  background-position: -489px -60px;
}
.global-navigation ul li.nav5 a {
  background-position: -652px 0;
}
.global-navigation ul li.nav5 a:hover {
  background-position: -652px -60px;
}
.global-navigation ul li.nav6 a {
  background-position: -815px 0;
}
.global-navigation ul li.nav6 a:hover {
  background-position: -815px -60px;
}

/* top message */
.skinMessageBoard {
  border: none;
  border: 1px solid #ddd;
}
.skinMessageBoard .skinMessageBoard3 {
  padding: 0;
}
.skinMessageBoard h3 {
  margin-top: 0;
  text-align: center;
  font-size: 1.6em;
  color: #e2007e;
}
.skinMessageBoard p {
  margin-bottom: 10px;
  text-align: center;
  color: #3c3;
  font-weight: bold;
}
.skinMessageBoard p.link a {
  font-size: 1.2em;
  color: #e2007e;
}
.skinMessageBoard .skinMessageBoardLink {
  margin: 20px 0;
  text-align: center;
}
.skinMessageBoard .skinMessageBoardLink h4 {
  margin: 0;
  text-align: center;
  font-size: 1.2em;
  color: #e2007e;
}
.skinMessageBoard br {
  display: none;
}

.skinArticle {
  margin: 0;
}

/* freespaceArea */
.freespaceArea.subModule {
  margin: 0;
}
.freespaceArea br {
  display: none;
}

.sideContents {
  margin-bottom: 40px;
  text-align: center;
}
.sideContents h2 {
  margin: 0 0 20px;
}
.sideContents img {
  vertical-align: bottom;
}
.sideContents .sideContentsCard {
  margin-bottom: 20px;
  text-align: left;
}
.sideContents .officialLink {
  overflow: hidden;
}
.sideContents .officialLink li {
  float: left;
  width: 100px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.sideContents .officialLink li:nth-child(3n+1), .sideContents .officialLink li:nth-child(3n+2) {
  border-right: 1px solid #fff;
}
.sideContents .officialLink li:nth-child(-n+3) {
  border-bottom: 1px solid #fff;
}
.sideContents .officialLink li a {
  display: block;
  padding: 5px;
  border-radius: 3px;
  background: #0c0;
  color: #fff;
  text-align: center;
}
.sideContents .blogLink li {
  margin-bottom: 20px;
}
.sideContents .blogLink li a {
  color: #008000;
  font-weight: bold;
}
.sideContents span.star {
  color: #ff69b4;
}
.sideContents span.red {
  color: #f00;
  font-weight: bold;
}
.sideContents span.green {
  color: #008000;
  font-weight: bold;
}
.sideContents span.pink {
  color: #f0f;
  font-weight: bold;
}

/* side menu */
.skinMenu {
  margin-bottom: 20px;
  background: #fff;
}
.skinMenu .skinMenuHeader {
  padding: 5px 10px;
  border: 1px solid #45742b;
  background-color: #8ee15f;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8ee15f), color-stop(100%, #5a9b35));
  background-image: -webkit-linear-gradient(top, #8ee15f 0%, #5a9b35 100%);
  background-image: -moz-linear-gradient(top, #8ee15f 0%, #5a9b35 100%);
  background-image: -o-linear-gradient(top, #8ee15f 0%, #5a9b35 100%);
  background-image: -ms-linear-gradient(top, #8ee15f 0%, #5a9b35 100%);
  background-image: linear-gradient(top, #8ee15f 0%, #5a9b35 100%);
  -webkit-box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.7), inset 0 0 2px rgba(255, 255, 255, 0.7);
  -moz-box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.7), inset 0 0 2px rgba(255, 255, 255, 0.7);
  -o-box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.7), inset 0 0 2px rgba(255, 255, 255, 0.7);
  -ms-box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.7), inset 0 0 2px rgba(255, 255, 255, 0.7);
  box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.7), inset 0 0 2px rgba(255, 255, 255, 0.7);
  color: #fff;
  font-weight: normal;
}
.skinMenu .skinMenuBody {
  margin: 0;
  border-left: 1px solid #45742b;
  border-right: 1px solid #45742b;
  border-bottom: 1px solid #45742b;
}

.profileMenu .skinMenuBody2 {
  margin: 0 auto;
  width: 140px;
}

.plugin {
  margin-bottom: 15px;
}
