@charset "UTF-8";
/**
 * メインCSS
 * css/style.css
 */
*,
*::before,
*::after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
  display: block;
}

audio, canvas, video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html, button, input, select, textarea {
  font-family: "Source Sans Pro", Helvetica, sans-serif;
}

body {
  color: #141412;
  line-height: 1.5;
  margin: 0;
}

a {
  color: #323232;
  text-decoration: none;
  outline: 0;
}
a:visited {
  color: #323232;
}
a:focus {
  outline: thin dotted;
  outline: 0;
}
a:visited {
  color: #323232;
}
a:active, a:hover {
  color: #9c155b;
  outline: 0;
}
a:hover {
  text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
  line-height: 1.3;
}

h1 {
  font-size: 48px;
  margin: 33px 0;
}

h2 {
  font-size: 30px;
  margin: 25px 0;
}

h3 {
  font-size: 22px;
  margin: 22px 0;
}

h4 {
  font-size: 20px;
  margin: 25px 0;
}

h5 {
  font-size: 18px;
  margin: 30px 0;
}

h6 {
  font-size: 16px;
  margin: 36px 0;
}

address {
  font-style: italic;
  margin: 0 0 24px;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

mark {
  background: #ffff00;
  color: #000000;
}

iframe {
  margin: 0;
  padding: 0;
  line-height: 1;
  border: 0 none;
}

p {
  margin: 0 0 24px;
}

code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 14px;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

pre {
  background: #f5f5f5;
  color: #666666;
  font-family: monospace;
  font-size: 14px;
  margin: 20px 0;
  padding: 20px;
  overflow: auto;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

blockquote, q {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  quotes: none;
}
blockquote::before, blockquote::after, q::before, q::after {
  content: "";
  content: none;
}

blockquote {
  font-style: italic;
  font-weight: 300;
  font-size: 18px;
  margin: 24px 40px;
}
blockquote blockquote {
  margin-right: 0;
}
blockquote cite, blockquote small {
  font-weight: normal;
  font-size: 14px;
  text-transform: uppercase;
}
blockquote em, blockquote i {
  font-style: normal;
  font-weight: 300;
}
blockquote b, blockquote strong {
  font-weight: 400;
}

small {
  font-size: smaller;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

dl {
  margin: 0 20px;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 0 20px;
}

menu, ol, ul {
  margin: 16px 0;
  padding: 0 0 0 40px;
}

ul {
  list-style-type: square;
}

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
}

li > ol, li > ul {
  margin: 0;
}

img {
  -ms-interpolation-mode: bicubic;
  border: 0 none;
  outline: 0 none;
  text-decoration: none;
  width: auto;
  height: auto;
  vertical-align: middle;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
  white-space: normal;
}

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  max-width: 100%;
  vertical-align: baseline;
}

button,
input {
  line-height: normal;
}

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], input[disabled] {
  cursor: default;
}

input[type=checkbox], input[type=radio] {
  padding: 0;
}

input[type=search] {
  -webkit-appearance: textfield;
  padding-right: 2px; /* Don't cut off the webkit search cancel button */
  width: 270px;
}

input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-bottom: 1px solid #ededed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 14px;
  line-height: 2;
  margin: 0 0 20px;
  width: 100%;
}

caption, th, td {
  font-weight: normal;
  text-align: left;
}

caption {
  font-size: 16px;
  margin: 5px 0;
}

th {
  border-top: 1px solid #ededed;
  padding: 6px 10px 6px 0;
  font-weight: bold;
  text-transform: uppercase;
}

td {
  border-top: 1px solid #ededed;
  padding: 6px 10px 6px 0;
}

del {
  color: #333333;
}

ins {
  background: #fff9c0;
  text-decoration: none;
}

hr {
  border-top: 1px solid #cccccc;
  margin: 0 0 24px;
  height: 1px;
}

::selection {
  background-color: #f3c006;
}

::-moz-selection {
  background-color: #f3c006;
}

:root {
  --full: 100%;
}

/*--------------------------------------------------
Layout
--------------------------------------------------*/
html,
body {
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  color: #000000;
  font-style: normal;
  font-weight: normal;
  font-size: var(--full);
  line-height: 150%;
  font-family: helvetica, Marmelad, arial, century gothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  vertical-align: bottom;
  word-break: break-all;
  letter-spacing: 1px;
}

#header, #footer, #container, #primary, #content, #main, #secondary, #sidebar, #side,
.website, .site, .site-header, .site-nav, .site-visual, .site-container, .site-content, .site-footer, .layout,
.header .hgroup, .sitetitle, .description, .sitelogo, .header-guide, .guide-address, .guide-connect, .guide-tel, .guide-time, .guide-mail,
.globalnavi, .visual, .container,
.banners, .section, .information, .blog,
.side, .side-article,
.aside, .fmenu {
  margin: 0;
  padding: 0;
}

.site-header, .site-nav, .site-visual, .site-container, .site-content, .site-footer {
  width: var(--full);
}
.site-header {
  position: relative;
  border-top: 8px solid #e9e9e9;
}
.site-header:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: -8px;
  left: 0;
  width: var(--full);
  height: 3px;
  background-color: #631c6e;
}
.site-nav {
  background: url(../img/bg_gmenu01.gif) repeat-x 50% 0 scroll;
}
.site-visual {
  background: none repeat 0 0 scroll #e7dfe8;
  border-bottom: 3px solid #641b6e;
}
.site-footer {
  padding: 20px 0 75px;
  border-top: 1px solid #631c6e;
  background-color: #e7dfe8;
}

.header, .globalnavi, .footer, #container, .visual {
  margin: 0 auto;
  width: 900px;
}

/* Header
--------------------------------------------------*/
.header {
  padding: 10px 0 0;
  height: 95px;
  overflow: hidden;
}

.hgroup {
  float: left;
  width: 450px;
}

h1.sitetitle {
  margin: 0;
  padding: 0;
  color: #666666;
  font-size: 70%;
  font-weight: normal;
}

p.description {
  overflow: hidden;
  position: absolute;
  margin: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
  -moz-clip-path: inset(0px 0px 99.9% 99.9%);
  -o-clip-path: inset(0px 0px 99.9% 99.9%);
  -ms-clip-path: inset(0px 0px 99.9% 99.9%);
  clip-path: inset(0px 0px 99.9% 99.9%);
  border: 0 none;
}

.logo {
  display: block;
  width: var(--full);
}
.logo a {
  display: block;
  width: var(--full);
  opacity: 1;
  transition: opacity 0.5s ease;
}
.logo a img {
  max-width: var(--full);
}
.logo a:hover {
  opacity: 0.6;
}

.guide {
  padding: 0 0 0 60px;
  width: 270px;
  float: right;
  background: url(../img/ico_inquiry.png) no-repeat scroll left 10px;
  color: #651c70;
  font-size: 90%;
  line-height: 160%;
  text-align: right;
}
.guide span.guidetel {
  font-weight: bold;
  font-size: 215%;
}

/* Footer
--------------------------------------------------*/
.footer {
  position: relative;
}

.copyright {
  margin: 0;
  font-size: 0.95rem;
}

/* Navigation
--------------------------------------------------*/
.globalnavi ul {
  list-style-type: none;
  overflow: hidden;
}
.globalnavi ul, .globalnavi li, .globalnavi a, .globalnavi img {
  display: block;
  margin: 0;
  padding: 0;
}
.globalnavi ul li {
  width: 150px;
  float: left;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-attachment: scroll;
}
.globalnavi ul li:nth-child(1) {
  background-image: url(../img/gm01_on.jpg);
}
.globalnavi ul li:nth-child(2) {
  background-image: url(../img/gm02_on.jpg);
}
.globalnavi ul li:nth-child(3) {
  background-image: url(../img/gm03_on.jpg);
}
.globalnavi ul li:nth-child(4) {
  background-image: url(../img/gm04_on.jpg);
}
.globalnavi ul li:nth-child(5) {
  background-image: url(../img/gm05_on.jpg);
}
.globalnavi ul li:nth-child(6) {
  background-image: url(../img/gm06_on.jpg);
}
.globalnavi ul li a {
  width: var(--full);
  opacity: 1;
  filter: alpha(style=0, opacity=100);
  transition: opacity 0.5s ease;
}
.globalnavi ul li a img {
  max-width: var(--full);
}
.globalnavi ul li a:hover {
  opacity: 0.6;
  filter: alpha(style=0, opacity=60);
}

/* Visual
--------------------------------------------------*/
.visual {
  height: 250px;
}
.visual h2.vtitle {
  margin: 0;
  padding: 90px 140px;
  font-weight: normal;
  font-size: 120%;
  line-height: 150%;
  font-family: Times, Times New Roman, Century, "ヒラギノ明朝 Pro W3", "Hiragino Kaku Mincho", "ＭＳ Ｐ明朝", "MS P Mincho", "Trebuchet MS", Georgia, Cambria, serif;
}
.visual h2.vtitle span {
  font-weight: bold;
  font-size: 300%;
  font-family: Times, Times New Roman, Century, "ヒラギノ明朝 Pro W3", "Hiragino Kaku Mincho", "ＭＳ Ｐ明朝", "MS P Mincho", "Trebuchet MS", Georgia, Cambria, serif;
}

.visual-default {
  background-image: url(../img/visual.jpg);
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-attachment: scroll;
}

.visual-history {
  background-image: url(../img/bg_history.jpg);
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-attachment: scroll;
}

.visual-greeting {
  background-image: url(../img/bg_greeting.jpg);
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-attachment: scroll;
}

.visual-officer {
  background-image: url(../img/bg_officer.jpg);
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-attachment: scroll;
}

.visual-rules {
  background-image: url(../img/bg_rules.jpg);
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-attachment: scroll;
}

.visual-contact {
  background-image: url(../img/bg_contact.jpg);
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-attachment: scroll;
}

.visual-businessplan {
  background-image: url(../img/bg_businessplan.jpg);
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-attachment: scroll;
}

.visual-activityplan {
  background-image: url(../img/bg_activityplan.jpg);
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-attachment: scroll;
}

.visual-activityreport {
  background-image: url(../img/bg_activityreport.jpg);
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-attachment: scroll;
}

.visual-businessreport {
  background-image: url(../img/bg_businessplan.jpg);
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-attachment: scroll;
}

/* Container
--------------------------------------------------*/
#container {
  padding: 20px 0 70px;
  overflow: hidden;
}

/* Secondaly
--------------------------------------------------*/
#secondary {
  width: 250px;
  float: left;
}

#side {
  width: var(--full);
}
#side .section {
  margin: 0 0 20px;
  padding: 0;
  background: url(../img/bg_side_body.gif) repeat-y 50% 0 scroll;
}
#side .section .side-title {
  margin: 0;
  padding: 10px 5px 20px;
  background: url(../img/bg_side_head.gif) no-repeat 50% 0 scroll;
  color: #651c70;
  font-weight: bold;
  font-size: 120%;
  line-height: 20px;
}
#side .section ul {
  display: block;
  margin: 0;
  padding: 0 20px 20px;
  list-style-type: none;
  background: url(../img/bg_side_foot.gif) no-repeat 50% 100% scroll;
}
#side .section li {
  display: block;
  margin: 0 0 15px;
  width: 210px;
  height: 25px;
}
#side .section li a {
  display: block;
  padding: 0 0 0 20px;
  width: 210px;
  height: 25px;
  border: 1px solid #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  vertical-align: bottom;
  text-decoration: none;
}
#side .section li a:link, #side .section li a:visited {
  background: #ffffff url(../img/rb_arrow.png) no-repeat 0 0 scroll;
  border: 1px solid #ffffff;
  color: #000000;
}
#side .section li a:hover, #side .section li a:active, #side .section li a.on {
  background: #651c70 url(../img/rb_arrow_on.png) no-repeat 0 0 scroll;
  border: 1px solid #651c70;
  color: #ca97b6;
}
#side .qrcode {
  margin: 0 0 20px;
  padding: 5px;
  border: 1px solid #dcdcdc;
  background-color: #f6f6f6;
}
#side .qrcode p {
  margin: 0;
  padding: 10px 5px;
  border: 1px solid #dcdcdc;
  background-color: #ffffff;
  text-align: center;
}
#side .qrcode p img {
  display: inline;
  vertical-align: middle;
}
#side .banner, #side .banner ul, #side .banner li, #side .banner li a, #side .banner li img {
  display: block;
  margin: 0;
  padding: 0;
}
#side .banner ul {
  list-style: none;
}
#side .banner li {
  margin: 0 0 20px;
}
#side .banner li a,
#side .banner li img {
  width: var(--full);
}

/* Primary
--------------------------------------------------*/
#primary {
  width: 640px;
  float: right;
}

#content, .top-info, .newslist, .archive {
  margin: 0;
  padding: 0;
}

/** News List */
.newslist {
  width: var(--full);
  overflow: hidden;
}
.newslist > h2.newsname, .newslist > time.newsdate, .newslist > div.newmark {
  display: block;
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: var(--full);
  float: right;
}
.newslist > h2.newsname {
  order: 3;
  width: calc(var(--full) - 180px);
}
.newslist > time.newsdate {
  order: 2;
  width: 110px;
}
.newslist > div.newmark {
  order: 1;
  width: 70px;
  text-align: center;
}

/** Post */
.post {
  margin: 0 0 4em;
}

.post-title {
  margin: 0 0 20px;
  padding: 15px 10px 0 25px;
  height: 70px;
  background: #ffffff url(../img/bg_entry01.png) no-repeat 0 0 scroll;
  color: #9c155b;
  font-weight: bold;
  font-size: 1.625rem;
  text-align: left;
  vertical-align: bottom;
}

.post-info {
  margin: 0;
  padding: 0 10px;
}
.post-info ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.post-info li {
  display: inline;
  padding: 0 5px 0 17px;
  font-size: 14px;
  vertical-align: bottom;
}
.post-info li.cal {
  background: url(../img/datetime.gif) no-repeat 0 0;
}
.post-info li.cat {
  background: url(../img/category.gif) no-repeat 0 0;
}
.post-info li.tag {
  background: url(../img/tag.gif) no-repeat 0 0;
}

.post-content {
  margin: 0;
  padding: 0 10px;
}
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
  margin: 2rem 0 0.625rem;
  padding: 10px;
  color: #323232;
  font-weight: bold !important;
  text-align: left;
}
.post-content h1,
.post-content h2 {
  padding: 0 25px;
  height: 45px;
  line-height: 45px;
  background: url(/img/bg/bg_entry02_w620.png) no-repeat left top;
  color: #373737;
  font-weight: normal;
  font-size: 1.225rem;
  text-align: left;
  vertical-align: baseline;
}
.post-content h3 {
  padding: 7px 30px;
  background: url(../img/ico02.png) no-repeat 5px center;
  border-bottom: 3px solid #ebcdf5;
  color: #373737;
  font-weight: normal;
  font-size: 1.1rem;
  text-align: left;
  vertical-align: baseline;
}
.post-content h4 {
  margin: 0 0 20px;
  padding: 10px;
  background-color: #efddf9;
  color: #323232;
  font-size: 0.9rem;
}
.post-content h5 {
  margin: 0 0 20px;
  padding: 10px 0;
  border-bottom: 2px solid #efddf9;
  color: #323232;
  font-weight: normal;
  font-size: 0.8rem;
  text-align: left;
}
.post-content blockquote {
  margin-left: 20px;
  margin-right: 20px;
  background-color: #ebcdf5;
  border: 1px solid #9a9a9a;
  border-radius: 10px;
  font-size: 0.6rem;
  text-shadow: 1px 1px 2px #ffffff, 1px 1px 2px #ffffff;
}
.post-content table {
  border: 1px solid #dedede;
}
.post-content table th, .post-content table td {
  padding: 10px;
  border: 1px solid #dedede;
}
.post-content ol, .post-content ul {
  margin: 1em 0;
  padding: 0 0 0 1em;
}
.post-content ol {
  list-style-type: decimal;
}
.post-content ul {
  list-style-type: disc;
}

/** Banner */
.banners {
  margin: 4em 5%;
  padding: 0;
  width: 90%;
}
.banners ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.banners li {
  margin: 1em 0;
}
.banners li,
.banners li a,
.banners li a img {
  display: block;
  width: var(--full);
}
.banners li a {
  opacity: 1;
  transition: opacity 0.6s ease;
}
.banners li a:hover {
  opacity: 0.6;
}

/** Aside */
.aside {
  position: relative;
  clear: both;
}

/* 沿革
--------------------------------------------------*/
/* 挨拶
--------------------------------------------------*/
/* 役員一覧
--------------------------------------------------*/
/* 会則
--------------------------------------------------*/
/* お問合せ
--------------------------------------------------*/
/* Scroll to page top
--------------------------------------------------*/
#totop {
  position: absolute;
  top: -35px;
  right: 0;
  z-index: 9999;
  margin: 0;
  padding: 0;
  width: 65px;
  height: 15px;
  background: url(../img/totop2.gif) no-repeat 0 0 scroll;
}
#totop a, #totop a img {
  display: block;
  max-width: var(--full);
}
#totop a {
  opacity: 1;
  transition: opacity 0.5s ease;
}
#totop a:hover {
  opacity: 0.6;
}

/* Error
--------------------------------------------------*/
.error-layout, .error-document, .error-image, .error-title, .error-content {
  margin: 0;
  padding: 0;
}
.error-content h2, .error-content ol, .error-content ul, .error-content li, .error-content form, .error-content object, .error-content embed {
  margin: 0;
  padding: 0;
}
.error-layout {
  padding: 20px 0 60px;
  overflow: hidden;
}
.error-document {
  width: 700px;
  float: right;
  font-size: 1em;
}
.error-title {
  font-weight: normal;
  font-size: 2.5em;
  line-height: 1;
}
.error-content h1, .error-content h2, .error-content h3, .error-content h4, .error-content h5, .error-content h6 {
  margin: 40px 0 20px;
  padding: 10px 0;
}
.error-content h2 {
  font-weight: normal;
  font-size: 1.6em;
  line-height: 1;
}
.error-content ol,
.error-content ul {
  margin: 20px 0;
  padding: 0 0 0 2em;
}
.error-content ol {
  list-style-type: decimal;
}
.error-content ul {
  list-style-type: circle;
}
.error-content li {
  margin: 0 0 1em;
}
.error-image {
  width: 250px;
  float: left;
}

/* Other
--------------------------------------------------*/
.fm {
  display: block;
  width: var(--full);
}
.fm dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin: 0;
  width: var(--full);
  border-top: 1px solid #dedede;
  border-left: 1px solid #dedede;
}
.fm dl dt, .fm dl dd {
  display: block;
  margin: 0;
  padding: 10px;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  vertical-align: top;
  text-align: left;
  font-weight: normal;
}
.fm dl dt {
  width: 38%;
}
.fm dl dd {
  width: 62%;
}
.fm-text, .fm-textarea {
  padding: 10px;
  width: var(--full);
  border: 1px solid #bbbbbb;
  border-radius: 0;
  outline: 0 none;
  color: #333333;
  font-size: var(--full);
}
.fm-text:focus, .fm-textarea:focus {
  border: 1px solid #d75096;
}
.fm-send {
  padding: 10px;
  width: var(--full);
  text-align: center;
}
.fm-btn {
  display: inline-block;
  border: 0 none;
  background-color: transparent;
}

/* Other
--------------------------------------------------*/
.area {
  margin: 1em 0 4em;
  padding: 0;
}

.bnrs, .btns {
  opacity: 1;
  transition: opacity 0.5s ease;
}
.bnrs:hover, .btns:hover {
  opacity: 0.6;
}

.atmark:before {
  content: "@";
}

.block {
  display: block;
}

.iblock {
  display: inline-block;
}

.inline {
  display: inline;
}

.dtbl {
  display: table;
}

.dtblc {
  display: table-cell;
}

.itbl {
  display: inline-table;
}

.width1 {
  width: 1%;
}

.width2 {
  width: 2%;
}

.width3 {
  width: 3%;
}

.width4 {
  width: 4%;
}

.width5 {
  width: 5%;
}

.width6 {
  width: 6%;
}

.width7 {
  width: 7%;
}

.width8 {
  width: 8%;
}

.width9 {
  width: 9%;
}

.width10 {
  width: 10%;
}

.width11 {
  width: 11%;
}

.width12 {
  width: 12%;
}

.width13 {
  width: 13%;
}

.width14 {
  width: 14%;
}

.width15 {
  width: 15%;
}

.width16 {
  width: 16%;
}

.width17 {
  width: 17%;
}

.width18 {
  width: 18%;
}

.width19 {
  width: 19%;
}

.width20 {
  width: 20%;
}

.width21 {
  width: 21%;
}

.width22 {
  width: 22%;
}

.width23 {
  width: 23%;
}

.width24 {
  width: 24%;
}

.width25 {
  width: 25%;
}

.width26 {
  width: 26%;
}

.width27 {
  width: 27%;
}

.width28 {
  width: 28%;
}

.width29 {
  width: 29%;
}

.width30 {
  width: 30%;
}

.width31 {
  width: 31%;
}

.width32 {
  width: 32%;
}

.width33 {
  width: 33%;
}

.width34 {
  width: 34%;
}

.width35 {
  width: 35%;
}

.width36 {
  width: 36%;
}

.width37 {
  width: 37%;
}

.width38 {
  width: 38%;
}

.width39 {
  width: 39%;
}

.width40 {
  width: 40%;
}

.width41 {
  width: 41%;
}

.width42 {
  width: 42%;
}

.width43 {
  width: 43%;
}

.width44 {
  width: 44%;
}

.width45 {
  width: 45%;
}

.width46 {
  width: 46%;
}

.width47 {
  width: 47%;
}

.width48 {
  width: 48%;
}

.width49 {
  width: 49%;
}

.width50 {
  width: 50%;
}

.width51 {
  width: 51%;
}

.width52 {
  width: 52%;
}

.width53 {
  width: 53%;
}

.width54 {
  width: 54%;
}

.width55 {
  width: 55%;
}

.width56 {
  width: 56%;
}

.width57 {
  width: 57%;
}

.width58 {
  width: 58%;
}

.width59 {
  width: 59%;
}

.width60 {
  width: 60%;
}

.width61 {
  width: 61%;
}

.width62 {
  width: 62%;
}

.width63 {
  width: 63%;
}

.width64 {
  width: 64%;
}

.width65 {
  width: 65%;
}

.width66 {
  width: 66%;
}

.width67 {
  width: 67%;
}

.width68 {
  width: 68%;
}

.width69 {
  width: 69%;
}

.width70 {
  width: 70%;
}

.width71 {
  width: 71%;
}

.width72 {
  width: 72%;
}

.width73 {
  width: 73%;
}

.width74 {
  width: 74%;
}

.width75 {
  width: 75%;
}

.width76 {
  width: 76%;
}

.width77 {
  width: 77%;
}

.width78 {
  width: 78%;
}

.width79 {
  width: 79%;
}

.width80 {
  width: 80%;
}

.width81 {
  width: 81%;
}

.width82 {
  width: 82%;
}

.width83 {
  width: 83%;
}

.width84 {
  width: 84%;
}

.width85 {
  width: 85%;
}

.width86 {
  width: 86%;
}

.width87 {
  width: 87%;
}

.width88 {
  width: 88%;
}

.width89 {
  width: 89%;
}

.width90 {
  width: 90%;
}

.width91 {
  width: 91%;
}

.width92 {
  width: 92%;
}

.width93 {
  width: 93%;
}

.width94 {
  width: 94%;
}

.width95 {
  width: 95%;
}

.width96 {
  width: 96%;
}

.width97 {
  width: 97%;
}

.width98 {
  width: 98%;
}

.width99 {
  width: 99%;
}

.width100 {
  width: 100%;
}

.height1 {
  height: 1%;
}

.height2 {
  height: 2%;
}

.height3 {
  height: 3%;
}

.height4 {
  height: 4%;
}

.height5 {
  height: 5%;
}

.height6 {
  height: 6%;
}

.height7 {
  height: 7%;
}

.height8 {
  height: 8%;
}

.height9 {
  height: 9%;
}

.height10 {
  height: 10%;
}

.height11 {
  height: 11%;
}

.height12 {
  height: 12%;
}

.height13 {
  height: 13%;
}

.height14 {
  height: 14%;
}

.height15 {
  height: 15%;
}

.height16 {
  height: 16%;
}

.height17 {
  height: 17%;
}

.height18 {
  height: 18%;
}

.height19 {
  height: 19%;
}

.height20 {
  height: 20%;
}

.height21 {
  height: 21%;
}

.height22 {
  height: 22%;
}

.height23 {
  height: 23%;
}

.height24 {
  height: 24%;
}

.height25 {
  height: 25%;
}

.height26 {
  height: 26%;
}

.height27 {
  height: 27%;
}

.height28 {
  height: 28%;
}

.height29 {
  height: 29%;
}

.height30 {
  height: 30%;
}

.height31 {
  height: 31%;
}

.height32 {
  height: 32%;
}

.height33 {
  height: 33%;
}

.height34 {
  height: 34%;
}

.height35 {
  height: 35%;
}

.height36 {
  height: 36%;
}

.height37 {
  height: 37%;
}

.height38 {
  height: 38%;
}

.height39 {
  height: 39%;
}

.height40 {
  height: 40%;
}

.height41 {
  height: 41%;
}

.height42 {
  height: 42%;
}

.height43 {
  height: 43%;
}

.height44 {
  height: 44%;
}

.height45 {
  height: 45%;
}

.height46 {
  height: 46%;
}

.height47 {
  height: 47%;
}

.height48 {
  height: 48%;
}

.height49 {
  height: 49%;
}

.height50 {
  height: 50%;
}

.height51 {
  height: 51%;
}

.height52 {
  height: 52%;
}

.height53 {
  height: 53%;
}

.height54 {
  height: 54%;
}

.height55 {
  height: 55%;
}

.height56 {
  height: 56%;
}

.height57 {
  height: 57%;
}

.height58 {
  height: 58%;
}

.height59 {
  height: 59%;
}

.height60 {
  height: 60%;
}

.height61 {
  height: 61%;
}

.height62 {
  height: 62%;
}

.height63 {
  height: 63%;
}

.height64 {
  height: 64%;
}

.height65 {
  height: 65%;
}

.height66 {
  height: 66%;
}

.height67 {
  height: 67%;
}

.height68 {
  height: 68%;
}

.height69 {
  height: 69%;
}

.height70 {
  height: 70%;
}

.height71 {
  height: 71%;
}

.height72 {
  height: 72%;
}

.height73 {
  height: 73%;
}

.height74 {
  height: 74%;
}

.height75 {
  height: 75%;
}

.height76 {
  height: 76%;
}

.height77 {
  height: 77%;
}

.height78 {
  height: 78%;
}

.height79 {
  height: 79%;
}

.height80 {
  height: 80%;
}

.height81 {
  height: 81%;
}

.height82 {
  height: 82%;
}

.height83 {
  height: 83%;
}

.height84 {
  height: 84%;
}

.height85 {
  height: 85%;
}

.height86 {
  height: 86%;
}

.height87 {
  height: 87%;
}

.height88 {
  height: 88%;
}

.height89 {
  height: 89%;
}

.height90 {
  height: 90%;
}

.height91 {
  height: 91%;
}

.height92 {
  height: 92%;
}

.height93 {
  height: 93%;
}

.height94 {
  height: 94%;
}

.height95 {
  height: 95%;
}

.height96 {
  height: 96%;
}

.height97 {
  height: 97%;
}

.height98 {
  height: 98%;
}

.height99 {
  height: 99%;
}

.height100 {
  height: 100%;
}

.w42 {
  width: 42px;
}

.w43 {
  width: 43px;
}

.w85 {
  width: 85px;
}

.w120 {
  width: 120px;
}

.w200 {
  padding: 0px;
  width: 200px;
}

.w300 {
  padding: 0px;
  width: 300px;
}

.w400 {
  padding: 0px;
  width: 400px;
}

.w471 {
  padding: 0px;
  width: 471px;
}

.w600 {
  width: 600px;
}

.w10per {
  width: 10%;
}

.w20per {
  width: 20%;
}

.w30per {
  width: 30%;
}

.w40per {
  width: 40%;
}

.w50per {
  width: 50%;
}

.w60per {
  width: 60%;
}

.w70per {
  width: 70%;
}

.w80per {
  width: 80%;
}

.w90per {
  width: 90%;
}

.w100per {
  width: 100%;
}

.h100 {
  height: 100px;
}

.h150 {
  height: 150px;
}

.h200 {
  height: 200px;
}

.h250 {
  height: 250px;
}

.ti1em {
  padding-left: 1em;
  text-indent: -1em;
}

.ti2em {
  padding-left: 2em;
  text-indent: -2em;
}

.ti3em {
  padding-left: 3em;
  text-indent: -3em;
}

.ti4em {
  padding-left: 4em;
  text-indent: -4em;
}

.ti5em {
  padding-left: 5em;
  text-indent: -5em;
}

.ti6em {
  padding-left: 6em;
  text-indent: -6em;
}

.ti7em {
  padding-left: 7em;
  text-indent: -7em;
}

.ti8em {
  padding-left: 8em;
  text-indent: -8em;
}

.ti9em {
  padding-left: 9em;
  text-indent: -9em;
}

.ti10em {
  padding-left: 10em;
  text-indent: -10em;
}

.pl1em {
  padding-left: 1em;
}

.pl2em {
  padding-left: 2em;
}

.pl3em {
  padding-left: 3em;
}

.pl4em {
  padding-left: 4em;
}

.nl,
.disc,
.circle,
.square,
.lowerroman,
.upperroman,
.lowergreek,
.dlz,
.lower-latin,
.loweralpha,
.upperlatin,
.upperalpha,
.cjk_ideographic,
.hiragana_li,
.katakana_li,
.hiragana_iroha,
.katakana_iroha,
.hebrew,
.armenian,
.georgian,
.decimal {
  display: block;
  padding: 0 0 0 30px;
}

.nl {
  list-style-type: none !important;
}

.disc {
  list-style-type: disc !important;
}

.circle {
  list-style-type: circle !important;
}

.square {
  list-style-type: square !important;
}

.lowerroman {
  list-style-type: lower-roman !important;
}

.upperroman {
  list-style-type: upper-roman !important;
}

.lowergreek {
  list-style-type: lower-greek !important;
}

.dlz {
  list-style-type: decimal-leading-zero !important;
}

.lower-latin {
  list-style-type: lower-latin !important;
}

.loweralpha {
  list-style-type: lower-alpha !important;
}

.upperlatin {
  list-style-type: upper-latin !important;
}

.upperalpha {
  list-style-type: upper-alpha !important;
}

.cjk_ideographic {
  list-style-type: cjk-ideographic !important;
}

.hiragana_li {
  list-style-type: hiragana !important;
}

.katakana_li {
  list-style-type: katakana !important;
}

.hiragana_iroha {
  list-style-type: hiragana-iroha !important;
}

.katakana_iroha {
  list-style-type: katakana-iroha !important;
}

.hebrew {
  list-style-type: hebrew !important;
}

.armenian {
  list-style-type: armenian !important;
}

.georgian {
  list-style-type: georgian !important;
}

.decimal {
  list-style-type: decimal !important;
}

.float_l {
  float: left;
}

.float_r {
  float: right;
}

.end {
  clear: both;
  font-size: 1px;
  height: 1px;
  padding: 0px;
  margin: 0px;
  display: block;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.clear {
  display: block;
  clear: both;
  height: 2px;
}

.cleared {
  display: block;
  clear: both;
}

.t_left, .alignleft {
  text-align: left;
}

.t_right, .alignright {
  text-align: right;
}

.t_center, .aligncenter {
  text-align: center;
}

.vtop {
  vartical-align: top;
}

.vbottom {
  vartical-align: bottom;
}

.vmiddle {
  vartical-align: middle;
}

.red {
  color: #ff0000;
}

.blue {
  color: #0000ff;
}

.yellow {
  color: #ffff00;
}

.green {
  color: #009900;
}

.aqua, .cyan {
  color: #00ffff;
}

.magenta {
  color: #ff00ff;
}

.purple {
  color: #a757a8;
}

.black {
  color: #000000;
}

.gray, .grey {
  color: #808080;
}

.white {
  color: #ffffff;
}

.alert {
  color: #e50011;
}

.bgPastelAqua {
  background-color: #cff;
}

.bgPastelOrange {
  background-color: #fc9;
}

.bgPastelYellow {
  background-color: #ff9;
}

.bgPastelGreen {
  background-color: #cfc;
}

.bgWhite {
  background-color: #fff;
}

.bgRed {
  background-color: #f00;
}

.bgGreen {
  background-color: #0f0;
}

.bgBlue {
  background-color: #00f;
}

.bgCian {
  background-color: #0ff;
}

.bgMagenta {
  background-color: #f0f;
}

.bgYellow {
  background-color: #ff0;
}

.bgGray, .bgGrey {
  background-color: #c0c0c0;
}

.bgDarkGray, .bgDarkGrey {
  background-color: #373737;
}

.bgHighlightGray, .bgHighlightGrey {
  background-color: #f1f1f1;
}

.bgBlack {
  background-color: #000;
}

.bg-limegreen {
  background-color: #32cd32;
}

.bg-peachpuff {
  background-color: #ffdab9;
}

.bg-orchid {
  background-color: #da70d6;
}

.bg-lime {
  background-color: #00ff00;
}

.bg-deepskyblue {
  background-color: #00bfff;
}

.bg-aqua {
  background-color: #00ffff;
}

.bg-aquamarine {
  background-color: #7fffd4;
}

.bg-gold {
  background-color: #ffd700;
}

.bg-coral {
  background-color: #ff7f50;
}

.bg-mistyrose {
  background-color: #ffe4e1;
}

.bg-pink {
  background-color: #efddf9;
}

/** 汎用カラーボックス(block) */
.aquabox,
.bluebox,
.greenbox,
.orangebox,
.redbox,
.whitebox,
.yellowbox {
  display: block;
  margin: 0 1em 2em;
  padding: 1em;
  border: 1px solid #9a9a9a;
  border-radius: 10px;
  font-size: 1.225rem;
  text-shadow: 1px 1px 2px #fff, 1px 1px 2px #fff;
}

.aquabox {
  background-color: #9ac8f2;
}

.bluebox {
  background-color: #0769ad;
  color: #fff;
}

.greenbox {
  background-color: #3db34a;
  color: #fff;
}

.orangebox {
  background-color: #fc6;
}

.redbox {
  background-color: #ec2228;
  color: #fff;
}

.whitebox {
  background-color: #fff;
  border: 1px solid #f5f5f5;
}

.yellowbox {
  background-color: #f5f11f;
}

/** margin */
.mza {
  margin: 0 auto;
}

.m10 {
  margin: 10px;
}

.m20 {
  margin: 20px;
}

.m30 {
  margin: 30px;
}

.mt10 {
  margin-top: 10px;
}

.mr10 {
  margin-right: 10px;
}

.mb10 {
  margin-bottom: 10px;
}

.ml10 {
  margin-left: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mr20 {
  margin-right: 20px;
}

.mb20 {
  margin-bottom: 20px;
}

.ml20 {
  margin-left: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mr30 {
  margin-right: 30px;
}

.mb30 {
  margin-bottom: 30px;
}

.ml30 {
  margin-left: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mr40 {
  margin-right: 40px;
}

.mb40 {
  margin-bottom: 40px;
}

.ml40 {
  margin-left: 40px;
}

.mt50 {
  margin-top: 50px;
}

.mr50 {
  margin-right: 50px;
}

.mb50 {
  margin-bottom: 50px;
}

.ml50 {
  margin-left: 50px;
}

/** grayscale */
.gsc-0 {
  color: #000000;
}

.gsc-1 {
  color: #111111;
}

.gsc-2 {
  color: #222222;
}

.gsc-3 {
  color: #333333;
}

.gsc-4 {
  color: #444444;
}

.gsc-5 {
  color: #555555;
}

.gsc-6 {
  color: #666666;
}

.gsc-7 {
  color: #777777;
}

.gsc-8 {
  color: #888888;
}

.gsc-9 {
  color: #999999;
}

.gsc-a {
  color: #aaaaaa;
}

.gsc-b {
  color: #bbbbbb;
}

.gsc-c {
  color: #cccccc;
}

.gsc-d {
  color: #dddddd;
}

.gsc-e {
  color: #eeeeee;
}

.gsc-f {
  color: #ffffff;
}

/** font */
.fs10 {
  font-size: 10%;
}

.fs20 {
  font-size: 20%;
}

.fs30 {
  font-size: 30%;
}

.fs40 {
  font-size: 40%;
}

.fs50 {
  font-size: 50%;
}

.fs60 {
  font-size: 60%;
}

.fs70 {
  font-size: 70%;
}

.fs80 {
  font-size: 80%;
}

.fs90 {
  font-size: 90%;
}

.fs100 {
  font-size: 100%;
}

.fs110 {
  font-size: 110%;
}

.fs120 {
  font-size: 120%;
}

.fs130 {
  font-size: 130%;
}

.fs140 {
  font-size: 140%;
}

.fs150 {
  font-size: 150%;
}

.fs160 {
  font-size: 160%;
}

.fs170 {
  font-size: 170%;
}

.fs180 {
  font-size: 180%;
}

.fs190 {
  font-size: 190%;
}

.fs200 {
  font-size: 200%;
}

.fs210 {
  font-size: 210%;
}

.fs220 {
  font-size: 220%;
}

.fs230 {
  font-size: 230%;
}

.fs240 {
  font-size: 240%;
}

.fs250 {
  font-size: 250%;
}

.fs260 {
  font-size: 260%;
}

.fs270 {
  font-size: 270%;
}

.fs280 {
  font-size: 280%;
}

.fs290 {
  font-size: 290%;
}

.fs300 {
  font-size: 300%;
}

.fsxxs {
  font-size: xx-small;
}

.fsxs {
  font-size: x-small;
}

.fss {
  font-size: small;
}

.fsm {
  font-size: medium;
}

.fsl {
  font-size: large;
}

.fsxl {
  font-size: x-large;
}

.fsxxl {
  font-size: xx-large;
}

.bold {
  font-weight: bold;
}

.nrml {
  font-weight: normal;
}

/** text-decoration */
.tdno {
  text-decoration: none;
} /*なし*/
.tdol {
  text-decoration: overline;
} /*上線*/
.tdul {
  text-decoration: underline;
} /*下線*/
.tdlt {
  text-decoration: line-through;
} /*打ち消し線*/
.tdbl {
  text-decoration: blink;
} /*点滅*/
.indentbox4 {
  margin: 0;
  padding: 0;
}
.indentbox4 p {
  padding-left: 4em !important;
  text-indent: -4em !important;
}

/** テキストクラス集 */
.ime_act {
  ime-mode: active;
}

.ime_dis {
  ime-mode: disabled;
}

.ime_inact {
  ime-mode: inacitve;
}

/** font-family */
.oubun {
  font-family: "open sans", helvetica, Marmelad, arial, verdana, tahoma, century gothic, Sans-Serif;
}

.kana {
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

.kaisho {
  font-family: "HGP正楷書体", "HGP行書体", "HGS正楷書体", "HGS行書体", "HGS祥南行書体", "HG楷書体", "HG行書体", cursive;
}

.mincho {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Kaku Mincho", "ＭＳ Ｐ明朝", "MS P Mincho", "ＭＳ 明朝", serif;
}

.sans-serif {
  font-family: arial, helvetica, century gothic, verdana, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Trebuchet MS", Osaka, clean, sans-serif;
}

.serif {
  font-family: Times New Roman, Times, Georgia, Cambria, Century, "ヒラギノ明朝 Pro W3", "Hiragino Kaku Mincho", "ＭＳ Ｐ明朝", "MS P Mincho", "Trebuchet MS", serif;
}

/** 準備中用に... */
.grayout, .greyout {
  display: block;
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  text-align: center;
  vertical-align: middle;
}
.grayout span, .greyout span {
  display: inline;
  padding: 5px;
  background-color: white;
  color: #000000;
  vertical-align: middle;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.7);
}

/** bar */
.bar {
  margin: 0 0 20px;
  padding: 15px 10px 0 25px;
  height: 70px;
  background: url(../img/bg_entry01.png) repeat-x 0 0 scroll #ffffff;
  color: #9c155b;
  font-size: 1.625rem;
}

.bar2 {
  padding: 0 25px;
  height: 45px;
  background: url(../img/bg/bg_entry02_w620.png) no-repeat left top;
  color: #373737;
  font-weight: normal;
  font-size: 100%;
  line-height: 45px;
  text-align: left;
  vertical-align: baseline;
}

.bar3 {
  padding: 7px 30px;
  height: 20px;
  background: url(../img/bg/bg_sub_entry02.png) no-repeat left top;
  color: #373737;
  font-weight: normal;
  font-size: 90%;
  text-align: left;
  vertical-align: baseline;
}

.bar4 {
  margin: 0 0 20px;
  padding: 10px;
  background: url(../img/bg1.png) repeat-x 0 100% scroll #d0e2f2;
  color: #323232;
  font-size: 1.625rem;
}

.bar5 {
  margin: 0 0 20px;
  padding: 10px 0;
  border-bottom: 1px solid #99c8f2;
  color: #323232;
  font-weight: normal;
  font-size: 130%;
  text-align: left;
}

/** button */
.myButton,
.myButton:hover,
.myButton2,
.myButton2:hover,
.myButton3,
.myButton3:hover,
.post-edit-link {
  text-decoration: none;
}

.myButton {
  box-shadow: inset 0px 1px 10px 0px #8fc1ff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #649fde), color-stop(1, #4e7ecc));
  background-image: -webkit-linear-gradient(to bottom, #649fde 5%, #4e7ecc 100%);
  background-image: -moz-linear-gradient(to bottom, #649fde 5%, #4e7ecc 100%);
  background-image: -o-linear-gradient(to bottom, #649fde 5%, #4e7ecc 100%);
  background-image: -ms-linear-gradient(to bottom, #649fde 5%, #4e7ecc 100%);
  background-image: linear-gradient(to bottom, #649fde 5%, #4e7ecc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#649fde", endColorstr="#4e7ecc",GradientType=0);
  background-color: #649fde;
  border: 1px solid #1657b3;
  border-radius: 4px;
  display: inline-block;
  padding: 6px 24px;
  cursor: pointer;
  color: #ffffff;
  font-weight: bold;
  font-size: 15px;
  font-family: Arial, sans-serif;
  text-shadow: 0px 1px 0px #2073c7;
}
.myButton:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4e7ecc), color-stop(1, #649fde));
  background-image: -webkit-linear-gradient(to bottom, #4e7ecc 5%, #649fde 100%);
  background-image: -moz-linear-gradient(to bottom, #4e7ecc 5%, #649fde 100%);
  background-image: -o-linear-gradient(to bottom, #4e7ecc 5%, #649fde 100%);
  background-image: -ms-linear-gradient(to bottom, #4e7ecc 5%, #649fde 100%);
  background-image: linear-gradient(to bottom, #4e7ecc 5%, #649fde 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4e7ecc", endColorstr="#649fde",GradientType=0);
  background-color: #4e7ecc;
  color: #ffffff;
}
.myButton:active {
  position: relative;
  top: 1px;
}

.myButton2,
.post-edit-link {
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
  background-image: -webkit-linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
  background-image: -moz-linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
  background-image: -o-linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
  background-image: -ms-linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9f9f9", endColorstr="#e9e9e9",GradientType=0);
  background-color: #f9f9f9;
  border: 1px solid #dcdcdc;
  border-radius: 6px;
  display: inline-block;
  cursor: pointer;
  color: #666666;
  font-family: Arial, sans-serif;
  font-weight: normal;
  font-size: 90%;
  padding: 3px 8px;
  text-shadow: 0px 1px 0px #ffffff;
}
.myButton2:hover,
.post-edit-link:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #97c4fe), color-stop(1, #f9f9f9));
  background-image: -webkit-linear-gradient(to bottom, #97c4fe 5%, #f9f9f9 100%);
  background-image: -moz-linear-gradient(to bottom, #97c4fe 5%, #f9f9f9 100%);
  background-image: -o-linear-gradient(to bottom, #97c4fe 5%, #f9f9f9 100%);
  background-image: -ms-linear-gradient(to bottom, #97c4fe 5%, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #97c4fe 5%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#97c4fe", endColorstr="#f9f9f9",GradientType=0);
  background-color: #e9e9e9;
  color: #ffffff;
}
.myButton2:active,
.post-edit-link:active {
  position: relative;
  top: 1px;
}

.myButton3 {
  box-shadow: inset 0px 1px 0px 0px #e19cfc;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c21bc2), color-stop(1, #690d87));
  background-image: -webkit-linear-gradient(to bottom, #c21bc2 5%, #690d87 100%);
  background-image: -moz-linear-gradient(to bottom, #c21bc2 5%, #690d87 100%);
  background-image: -o-linear-gradient(to bottom, #c21bc2 5%, #690d87 100%);
  background-image: -ms-linear-gradient(to bottom, #c21bc2 5%, #690d87 100%);
  background-image: linear-gradient(to bottom, #c21bc2 5%, #690d87 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c21bc2", endColorstr="#690d87",GradientType=0);
  background-color: #c21bc2;
  border: 1px solid #9b11bd;
  border-radius: 6px;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  padding: 8px 20px;
  text-shadow: 0px 1px 0px #511361;
}
.myButton3:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #690d87), color-stop(1, #c21bc2));
  background-image: -webkit-linear-gradient(to bottom, #690d87 5%, #c21bc2 100%);
  background-image: -moz-linear-gradient(to bottom, #690d87 5%, #c21bc2 100%);
  background-image: -o-linear-gradient(to bottom, #690d87 5%, #c21bc2 100%);
  background-image: -ms-linear-gradient(to bottom, #690d87 5%, #c21bc2 100%);
  background-image: linear-gradient(to bottom, #690d87 5%, #c21bc2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#690d87", endColorstr="#c21bc2",GradientType=0);
  background-color: #690d87;
  color: #ffffff;
}
.myButton3:active {
  position: relative;
  top: 1px;
}

.invisible {
  display: none;
}

.hidetitle,
.hideTitle,
.hide-title,
.hide_title {
  display: block;
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

.kome,
.point {
  position: relative;
  padding-left: 40px;
}
.kome:before,
.point:before {
  position: absolute;
  top: 0;
  left: 10px;
  color: currentColor;
}

.kome:before {
  content: "※";
  font-size: 100%;
  line-height: 23px;
}

.point:before {
  content: "・";
  font-size: 120%;
  line-height: 17px;
}

td.emptycell {
  padding: 0;
}

div.brdrslash {
  position: relative;
  margin: 0;
  padding: 0;
}
div.brdrslash span {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
}

/** 汎用表示範囲1px四方 */
.clip {
  clip: rect(1px 1px 1px 1px);
  display: block;
  position: absolute;
}

/** clearfix */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

html > body .clearfix {
  display: block\9 ;
}

.release {
  overflow: hidden;
}

.textcolor {
  color: #000000;
}

/*# sourceMappingURL=style.css.map */