@charset "utf-8";
/*/////////////////////////////////////////////////////////



	ArticlePage Style



/////////////////////////////////////////////////////////*/

/* 20201105 追記 */
div.block-split {
  border: 1px solid #ccc;
  background-color: #fcfcfc;
  width: 100%;
  height: 3em;
  margin: 0 0 15px;
  text-align: center;
  position: relative;
}
div.block-split:after {
  position: absolute;
  width: 100%;
  padding: 10px 0;
  content: "ページ区切り";
  top: 0;
  left: 0;
  color: red;
  font-weight: bold;
}

/* 20201025 追記 */
.side200-wrap img.right {
  width: 200px;
  height: auto;
  float: right;
  margin: 0 0 15px 20px;
  color: #555;
  line-height: 1.4em !important;
  padding: 10px;
  font-size: 93% !important;
  clear: right;
}
@media (max-width: 480px) {
  .side200-wrap img.right {
    width: 200px;
    height: auto;
    float: none;
    margin: 0 0 20px !important;
    padding: 0;
  }
}

/* 20210325 追記 */
@media (max-width: 480px) {
  img.side200 {
    width: 200px;
    height: auto;
    float: none;
  }
}


.color-pink {
  color: #af1946;
}
.color-blue {
  color: #00B0DC;
}
.color-green {
  color: #2ECC71;
}
.color-yellow {
  color: #F1C40F;
}
.color-orange {
  color: #E67E22;
}
.color-indigo {
  color: #2C3E50;
}
.color-lightgray {
  color: #ccc;
}


/*layout*/
#type_M10 {
  margin: 10px;
}
#type_M20 {
  margin: 20px;
}
#type_M40 {
  margin: 40px;
}
#type_M10 {
  padding: 10px;
}
#type_MP0 {
  padding: 20px;
}
#type_M40 {
  padding: 40px;
}
/*space*/
.space_l_10 {
  margin-left: 10px;
}
.space_l_20 {
  margin-left: 20px;
}
.space_l_30 {
  margin-left: 20px;
}
/*boxtype*/
.pageBoxtype_01 {
  border: 1px solid #069;
  padding: 15px;
}
/* */
ul.numlist li.num {
  float: left;
}
ul.numlist li.tblock {
  margin-left: 30px;
}
/*----------------------------------------------------

   Article Login Area

----------------------------------------------------*/
#ArticleLoginArea {
  margin: 0 0 20px 0;
  padding: 0;
  float: left;
}
#ArticleLoginArea a,
#ArticleLoginArea a:link,
#ArticleLoginArea a:visited,
#ArticleLoginArea a:hover,
#ArticleLoginArea a:active {
  text-decoration: underline;
}
.attention-01 {
  margin: 20px 0;
  padding: 20px;
  border: 1px solid #C03;
  float: left;
  color: #C03;
}
.AloginTitle {
  margin: 0;
  padding: 10px 10px 5px 10px;
  border: 0px solid #CCC;
  font-size: 134%;
}
#ALoginBox {
  margin: 0;
  padding: 20px 0;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  float: left;
}
.LoginAreaLeft .boxContent,
.LoginAreaRight .boxContent {
  margin: 0;
  padding: 5px 0;
}
.LoginAreaLeft .boxContent h3.memberSec {
  margin: 0 0 30px 10px;
  padding: 3px 0 3px 7px;
  border-left: 4px solid #C00;
  font-size: 127%;
}
.LoginAreaRight .boxContent h3.memberSec {
  margin: 0 0 20px 0;
  padding: 3px 0 3px 7px;
  border-left: 4px solid #C00;
  font-size: 127%;
}
.LoginAreaLeft .boxContent p.please {
  margin: 60px 0 30px 10px;
  padding: 0;
}
.LoginAreaRight .boxContent p.canread {
  margin: 10px;
  padding: 0;
}
.LoginAreaLeft p {
  margin: 20px 0 20px 10px;
  padding: 0;
}
.LoginAreaRight p {
  margin: 20px 0 20px 0;
  padding: 0;
}
.LoginAreaLeft dl {
  margin: 10px 0 10px 0;
  padding: 0;
}
.LoginAreaLeft dl dt {
  margin: 0;
  padding: 0;
}
.LoginAreaLeft dl dd {
  margin: 0;
  padding: 0;
}
.LoginAreaLeft dl dd.boxx {
  margin: 0;
  padding: 0;
}
.LoginAreaLeft dl dt.mailadd {
  margin: 0;
  padding: 0;
  font-weight: normal;
}
.LoginAreaLeft dl dt.pass {
  margin: 0;
  padding: 0;
  font-weight: normal;
  display: block;
  width: 100%;
}
.LoginAreaRight div.1idbox {
  margin: 0;
  padding: 0;
  text-align: center;
}
.LoginAreaRight div.1idbox img {
  margin: 0 auto;
}
.LoginAreaRight div.pay-option {
  margin: 0;
  padding: 0;
}
.LoginAreaRight div.pay-option div.pay-inner {
  margin: 7px 0 10px 0;
  padding: 0;
  border: 1px solid #F00;
}
.LoginAreaRight div.pay-option div.pay-inner p.color-red {
  margin: 5px 0;
  padding: 3px 0 3px 7px;
  color: #F00;
  font-size: 100%;
}
.LoginAreaRight div.pay-option div.pay-inner div.block_price {
  margin: 10px 0 7px 10px;
  padding: 0 10px;
  font-size: 100%;
}
.LoginAreaRight div.pay-option div.block_price span.mid {
  margin: 0px;
  padding: 0;
  font-size: 14px;
}
.LoginAreaRight div.pay-option div.block_price span.small {
  margin: 0px;
  padding: 0;
  font-size: 10px;
}
.LoginAreaRight div.pay-option div.pay-inner span.color-red {
  color: #F00;
  font-size: 11px;
}
.LoginAreaRight div.pay-option div.pay-inner p.about-pay {
  margin: 0;
  padding: 0 10px;
  font-size: 11px;
  line-height: 1.4em;
}
.LoginAreaRight div.pay-option div.pay-inner ul {
  margin: 7px 0;
  padding: 0 20px;
  font-size: 11px;
  line-height: 1.4em;
}
.LoginAreaRight div.pay-option div.pay-inner ul li {
  margin: 0 0 0 10px;
  padding: 0;
  list-style: url(../img/member/dot.gif) outside;
}
.LoginAreaRight div.pay-option div.pay-inner div.cards {
  margin: 0 0 0 30px;
  padding: 0;
}
div.sblock {
  margin: 0 0 10px 0;
  padding: 0;
  text-align: right;
}
div.sblock .cbox2 {
  margin: 0;
  padding: 0;
  float: left;
}
div.sblock p {
  margin: 0;
  padding: 0;
}
div.sblock p.autologin {
  font-size: 87%;
  margin: 0;
  padding: 0;
}
div.sblock p.forgetpass {
  font-size: 87%;
  margin: 0;
  padding: 0;
}
div.pricebox {
  margin: 30px 0;
  padding: 0;
  text-align: center;
}
div.pricebox p {
  font-size: 92%;
  margin: 0 auto;
  padding: 10px 0 0 0;
  line-height: 1.8em;
}
.LoginAreaLeft div.userbtn {
  margin: 0;
  padding: 0;
  text-align: right;
}
.LoginAreaRight div.userbtn {
  margin: 0 0 0 0;
  padding: 0;
  text-align: right;
  bottom: 0px;
}
.LoginAreaLeft .boxFooter {
  margin: 5px 0 10px 0;
  text-align: right;
}
.LoginAreaRight .boxFooter {
  margin: 5px 0 10px 0;
  text-align: right;
}
.LoginAreaLeft .boxFooter p.attention-id_pass {
  margin: 0;
  padding: 25px 0 0 0;
  float: left;
  font-size: 87%;
}
.LoginAreaLeft .boxFooter p.attention-id_pass a {
  color: #C00;
}
.LoginAreaLeft .boxFooter p.attention-expired {
  margin: 0;
  padding: 5px 0 0 0;
  float: left;
  font-size: 87%;
}
.LoginAreaLeft .boxFooter p.attention-expired a {
  color: #C00;
}
/*----------------------------------------------------

	Button-Login /*Articlelogin

----------------------------------------------------*/
.submit_article {
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  text-align: right;
  float: left;
}
#submit_login {
  width: 158px;
  height: 43px;
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  background: url(../img/button_login.jpg) no-repeat left top;
  text-indent: -9999px;
  font-size: 0px;
  line-height: 0px;
  cursor: pointer;
  float: right;
}
/* Field */
#ALoginBox input[type=text],
#ALoginBox input[type=password],
#ALoginBox textarea {
  background: url(../img/form.jpg) repeat-x top #FFF;
  border: 1px solid #6C6C6C;
  margin: 3px 0 7px 0;
  padding: 3px 5px 2px 2px;
  color: #6C6C6C;
  font-size: 100%;
}
/*bannerbox*/
#ALoginBox .A_bannerBox {
  margin: 20px 0;
  padding: 0;
  text-align: center;
}
#ALoginBox .B_bannerBox {
  margin: 20px 0;
  padding: 0;
  float: left;
}
#ALoginBox .B_bannerBox p.leftbanner {
  margin: 0 5px 0 0;
  padding: 0;
  float: left;
  border: 1px solid #CCC;
}
#ALoginBox .B_bannerBox p.rightbanner {
  margin: 0;
  padding: 0;
  float: right;
  border: 1px solid #CCC;
}
/*----------------------------------------------------

	mainTitle

----------------------------------------------------*/
.mainTitle {
  margin: 0;
  padding: 3px 0 10px 0;
  background-image: url(../img/common/dotline.png);
  background-repeat: repeat-x;
  background-position: left bottom;
}
.mainTitle h1 {
  text-align: left;
  font-size: 167%;
  display: inline;
}
.mainTitle h1 span {
  text-align: left;
  font-size: 70%;
  margin: 10px 0 0 0;
  padding: 20px;
  display: inline;
}
/*----------------------------------------------------

	Article-img

----------------------------------------------------*/
p.article-img-L {
  width: 100%;
  height: auto;
  display: block;
  _zoom: 1;
  overflow: hidden;
  margin-bottom: 5px!important;
  padding: 0 !important;
  background-color: #e9e9e9;
  text-align: center;
}
p.article-img-L img {
  width: 100%;
  height: auto;
  max-width: 660px;
  margin: 0;
}
.img-undertxt-L {
  width: 660px;
  margin: 0;
  padding: 0;
  font-size: 11px;
  line-height: 1.5em;
  text-align: right;
}
/*----------------------------------------------------

	Aricles Style

----------------------------------------------------*/
#Article {
  margin: 0;
  padding: 0 0 35px 0;
  overflow: hidden;
  clear: both;
}
#Article {
  font-size: 129%;
  color: #222222;
  line-height: 1.8em;
}
#ArticleTitle h1.article-title {
  margin: 10px 0 5px 0;
  padding: 0;
  overflow: hidden;
  color: #313131;
  font-size: 34px !important;
  line-height: 44px;
  font-weight: bold;
  word-break: normal !important;
  border-left: none;
}
@media (max-width: 480px) {
  #ArticleTitle h1.article-title {
    font-size: 24px !important;
    line-height: 34px;
  }
}
#Article h2.article-title {
  margin: 10px 0 0px 0;
  padding: 0;
  overflow: hidden;
  color: #069;
  font-size: 22px;
  line-height: 140%;
}
#Article h3.article-title {
  margin: 10px 0 0px 0;
  padding: 0;
  overflow: hidden;
  color: #313131;
  font-size: 30px;
  line-height: 37px;
  font-weight: bold;
  word-break: normal !important;
}
#Article p.article-date {
  margin: 0;
  padding: 0;
  font-size: 84%;
}
#Article div.twitterbutton {
  margin: 0 0 10px 0;
  padding: 0;
  text-align: right;
}
#Article p {
  margin: 0;
  padding: 0 0 1em;
  font-size: 108%;
  line-height: 1.8;
  word-break: normal !important;
}
}
#Article p:empty {
  margin: 0;
  padding: 0 0 3em;
  font-size: 108%;
  line-height: 1.8;
  word-break: normal !important;
}
#Article a,
#Article a:link,
#Article a:visited {
  color: #069;
  text-decoration: underline;
}
#Article a:hover,
#Article a:active {
  color: #069;
  text-decoration: underline;
}
#Article .blue {
  color: #069;
}
#Article .red {
  color: #C06;
}
#Article .green {
  color: #42AF1D;
}
#Article span.orange {
  color: #F60;
}
#Article .y {
  background-color: #ffffe0;
}
#Article ul {
  margin-left: 10px;
}
#Article ul li {
  list-style-position: outside;
  list-style-type: disc;
  margin: 0 0 5px 20px;
  padding: 0;
  line-height: 130%;
}
ul#normal {
  list-style-position: outside;
  list-style-type: disc;
}
ul#normal li {
  list-style-position: outside;
  list-style-type: disc;
  margin: 0 0 0 20px;
}
#Article h1 {
  font-weight: 600 !important;
  margin: 5px 0;
  padding: 0;
  color: #313131;
  font-size: 182%;
  line-height: 1.4em;
  font-weight: normal;
  border-left: 3px solid #bd4848;
  padding-left: 10px;
  width: auto;
}
#Article h2 {
  margin: 0 0 20px 0;
  padding: 0;
  color: #313131;
  font-size: 153.9%;
  font-weight: normal;
  line-height: 1.4em;
  border-left: 3px solid #bd4848;
  padding-left: 10px;
  width: auto;
}
#Article h3 {
  margin: 0 0 15px 0;
  padding: 0;
  color: #313131;
  font-size: 153.9%;
  line-height: 1.4em;
  width: auto;
  font-weight: bold;
}
#Article h3.sub {
  margin: 20px 0 10px 0;
  padding: 0;
  color: #06C;
  font-size: 92%;
  line-height: 1.4em;
  width: auto;
  font-weight: normal;
}
#Article h4 {
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 108%;
  color: #C06;
  line-height: 1.4em;
  width: auto;
}
#Article h5 {
  margin: 20px 0 0 0;
  padding: 0;
  font-size: 122%;
  color: #333;
  font-weight: normal;
  width: auto;
}
#Article h6 {
  margin: 0 0 15px;
  padding: 0;
  font-size: 12px;
  line-height: 1.6em;
  color: #353535;
  width: auto;
}
#Article img + h6 {
  margin-top: 10px !important;
}
#Article strong {
  margin: 20px 0 15px 0;
  padding: 0;
  font-weight: bold;
}
#Article table {
  margin: 0;
  border-collapse: separate;
  border-width: 0;
}
#Article th,
#Article td {
  border-width: 0px;
  /*padding:0;border-spacing:0; */
}
#Article th {
  vertical-align: top;
  border-width: 0;
}
#Article td {
  vertical-align: top;
  border-width: 0;
}
#Article table.profL {
  width: 300px;
  margin: 0 30px 70px 0;
  /*border-collapse:separate;*/
  border-spacing: 0;
  border: 0;
  float: left;
}
#Article table.profL th,
#Article table.profL td {
  padding: 0 0 5px 0;
  border-spacing: 0;
  border-width: 0px;
}
#Article table.profL th {
  margin: 0;
  padding: 0;
}
#Article table.profL td {
  vertical-align: top;
  margin: 0;
  padding: 0;
}
#Article table.profL td strong {
  color: #555555;
}
#Article table.profR {
  width: 300px;
  margin: 0 0 70px 30px;
  border-collapse: separate;
  border-spacing: 0;
  border: 0;
  display: block;
  float: right;
}
#Article table.profR th,
#Article table.profR td {
  padding: 0 0 5px 0;
  border-spacing: 0;
  border-width: 0px;
}
#Article table.profR th {
  margin: 0;
  padding: 0;
}
#Article table.profR td {
  vertical-align: top;
}
#Article table.profR td strong {
  color: #555555;
}
/* 150px */
#Article table.box150L {
  width: 150px;
  margin: 0 30px 70px 0;
  border-collapse: separate;
  border-spacing: 0;
  border: 0;
  float: left;
}
#Article table.box150L th,
#Article table.box150L td {
  padding: 0 0 5px 0;
  border-spacing: 0;
  border-width: 0px;
}
#Article table.box150L th {
  margin: 0;
}
#Article table.box150L td {
  vertical-align: top;
}
#Article table.box150L td strong {
  color: #555555;
}
#Article table.box150R {
  width: 150px;
  margin: 0 0 70px 30px;
  border-collapse: separate;
  border-spacing: 0;
  border: 0;
  display: block;
  float: right;
}
#Article table.box150R th,
#Article table.box150R td {
  padding: 0 0 5px 0;
  border-spacing: 0;
  border-width: 0px;
}
#Article table.box150R th {
  margin: 0;
  padding: 0;
}
#Article table.box150R td {
  vertical-align: top;
}
#Article table.box150R td strong {
  color: #555555;
}
/* */
#Article table.boxfreeL {
  margin: 0 30px 70px 0;
  border-collapse: separate;
  border-spacing: 0;
  border: 0;
  display: block;
  float: left;
}
#Article table.boxfreeL th,
#Article table.boxfreeL td {
  padding: 0 0 5px 0;
  border-spacing: 0;
  border-width: 0px;
}
#Article table.boxfreeL td {
  vertical-align: top;
}
#Article table.boxfreeL td strong {
  color: #555555;
}
#Article table.boxfreeR {
  margin: 0 0 70px 30px;
  border-collapse: separate;
  border-spacing: 0;
  border: 0;
  display: block;
  float: right;
}
#Article table.boxfreeR th,
#Article table.boxfreeR td {
  padding: 0 0 5px 0;
  border-spacing: 0;
  border-width: 0px;
}
#Article table.boxfreeR td {
  vertical-align: top;
}
#Article table.boxfreeR td strong {
  color: #555555;
}
/* */
#Article table.spaceTL {
  float: right;
  margin-bottom: 60px;
  margin-left: 30px;
}
#Article table.spaceTR {
  float: left;
  margin-bottom: 60px;
  margin-right: 30px;
}
#Article table td.spaceL10 {
  padding-left: 10px;
}
#Article table td.spaceR10 {
  padding-right: 10px;
}
/* */
#Article ul.LinkSet {
  width: 650px;
  margin: 20px 0;
  padding: 10px 10px;
  clear: both;
  font-size: 100%;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  color: #C03;
}
#Article ul.LinkSet li {
  margin: 10px 0;
  padding: 0 0 0 18px;
  background: url(../img/arrow_goto.jpg) no-repeat left top;
  color: #C03;
}
#Article ul.LinkSet li a,
#Article ul.LinkSet li a:link,
#Article ul.LinkSet li a:visited {
  color: #C03;
  text-decoration: underline;
}
#Article ul.LinkSet li a:hover,
#Article ul.LinkSet li a:active {
  color: #C03;
  text-decoration: underline;
}
#Article ul.LinkSet li span,
#Article ul.LinkSet li span a {
  margin: 0;
  padding: 0;
  color: #676767;
  display: block;
  font-size: 11px;
  text-decoration: none;
}
/* */
#Article ul.LinkSet2 {
  width: 650px;
  margin: 20px 0;
  padding: 10px 10px;
  clear: both;
  font-size: 100%;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  color: #C03;
}
#Article ul.LinkSet2 li {
  margin: 10px 0;
  padding: 0 0 0 18px;
  background: url(../img/arrow_goto.jpg) no-repeat left top;
  color: 368B0E;
}
#Article ul.LinkSet2 li a,
#Article ul.LinkSet2 li a:link,
#Article ul.LinkSet2 li a:visited {
  color: #368B0E;
  text-decoration: underline;
}
#Article ul.LinkSet2 li a:hover,
#Article ul.LinkSet2 li a:active {
  color: #368B0E;
  text-decoration: underline;
}
#Article ul.LinkSet2 li span,
#Article ul.LinkSet2 li span a {
  margin: 0;
  padding: 0;
  color: #676767;
  display: block;
  font-size: 11px;
  text-decoration: none;
}
/*�R�����p*/
#Article table#columnA {
  margin: 10px;
  padding: 15px;
  border: 1px solid #D3366D;
  border-collapse: separate;
  border-spacing: 15px;
}
/*���Зp*/
#Article .clear {
  width: 670px;
  float: left;
  margin: 10px 0;
}
#Article ul.books {
  width: 160px;
  margin: 10px;
  padding: 10px;
  float: left;
  display: block;
}
#Article ul.books li {
  list-style: none;
  text-align: center;
  margin: 0;
  padding: 0;
  line-height: 1.4em;
}
#Article ul.books li img {
  margin: 0 auto;
  padding: 5px 0;
}
#Article ul.books li.title {
  text-align: left;
  font-size: 117%;
  font-weight: normal;
  color: #06C;
}
#Article ul.books li.subtitle {
  text-align: left;
  font-size: 87%;
}
#Article ul.books li.auther {
  text-align: left;
  font-size: 87%;
  font-weight: bold;
}
#Article ul.books li.price {
  text-align: left;
  font-size: 87%;
}
/*----------------------------------------------------

	Aricles���C�A�E�g

----------------------------------------------------*/
/*��ʂQ����*/
#Article dl#col_half_L {
  width: 270px;
  float: left;
  margin: 0 20px 0 0;
}
#Article dl#col_half_R {
  width: 270px;
  float: left;
  margin: 0 0 0 20px;
}
#Article dl#col_half_L dt,
#Article dl#col_half_R dt,
#Article dl#col_half_L dd,
#Article dl#col_half_R dd,
#Article dl#col_half_L dd ul,
#Article dl#col_half_R dd ul {
  margin: 0;
  padding: 0;
}
#Article dl#col_half_L dd ul li,
#Article dl#col_half_R dd ul li {
  margin: 15px 0;
  padding: 0;
}
/*�\*/
#Article table.table100 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 570px;
  border-collapse: separate;
  border-spacing: 1px;
  font-size: 84%;
  line-height: 1.4em;
}
#Article table.table100 th,
#Article table.table100 td {
  padding: 4px 6px;
}
#Article table.table100 th {
  background: #690;
  text-align: center;
  white-space: nowrap;
  color: #FFF;
  font-weight: normal;
}
#Article table.table100 td {
  white-space: nowrap;
}
#Article table.table100 td.color0 {
  background: #690;
  color: #FFF;
}
#Article table.table100 td.color1 {
  background: #EEE;
}
#Article table.table100 td.color2 {
  background-color: #E6E8E6;
}
#Article table.table100 td.color3 {
  background-color: #D9D9D9;
}
/**/
#Article table.table200 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 570px;
  border-collapse: separate;
  border-spacing: 1px;
  font-size: 100%;
  line-height: 1.4em;
}
#Article table.table200 th,
#Article table.table200 td {
  padding: 4px 6px;
}
#Article table.table200 th {
  background: #690;
  text-align: center;
  white-space: nowrap;
  color: #FFF;
  font-weight: normal;
}
#Article table.table200 td {
  white-space: nowrap;
}
#Article table.table200 td.color0 {
  background: #690;
  color: #FFF;
}
#Article table.table200 td.color1 {
  background: #EEE;
}
#Article table.table200 td.color2 {
  background-color: #E6E8E6;
}
#Article table.table200 td.color3 {
  background-color: #D9D9D9;
}
#Article table.table200 td.color4 {
  background-color: #D9D9D9;
}
/*�u���b�N�p�^�[��*/
#Article div.block_001 {
  width: 600px;
  margin: 20px 0;
  padding: 10px;
  border: 1px solid #999;
}
#Article div.block_001 ul li {
  list-style: none;
}
#Article div.block_001 li.thumbimg {
  float: left;
  margin: 0 10px;
  padding: 0;
}
#Article div.block_001 li h3 {
  font-size: 125%;
  margin: 0 10px 0 10px;
  padding: 0;
}
#Article div.block_001 li h2 {
  font-size: 150%;
  margin: 0 10px 0 10px;
  padding: 0;
}
#Article div.block_001 li p {
  clear: both;
  font-size: 100%;
  margin: 0 10px;
  padding: 0;
  display: block;
  line-height: 1.6em;
}
/*�`�F�b�N���X�g*/
#Article ul.checklist li {
  line-height: 1.6em;
}
/*�~�j�}��*/
#Article .min {
  font-size: 84%;
  line-height: 1.33em;
}
#Article .min p {
  margin: 0;
  padding: 0;
}
#Article .min strong {
  color: #036;
}
/*----------------------------------------------------

	*ListSet*

----------------------------------------------------*/
#Article ul#qqlist01 {
  width: 660px;
  font-size: 100%;
  margin: 0;
  padding: 10px 0 0 0;
  display: block;
  list-style: none;
  color: #333;
}
/*#Article ul#qqlist01{ background: url(../img/common/dotline.png) left top repeat-x;}*/
#Article ul#qqlist01 li {
  list-style: none;
  margin: 5px;
  padding: 10px 10px 10px 10px !important;
}
#Article ul#qqlist01 li,
#Article ul#qqlist01 li a,
#Article ul#qqlist01 li a:link,
#Article ul#qqlist01 li a:hover,
#Article ul#qqlist01 li a:active {
  color: #333;
}
#Article ul#qqlist01 li a:visited {
  color: #606;
}
#Article ul#qqlist01 li {
  border: 1px solid #ccc;
  background: url(../img/common/goarrow.jpg) right top no-repeat;
  border-radius: 5px;
  /* CSS3 */
  -moz-border-radius: 5px;
  /* Firefox */
  -webkit-border-radius: 5px;
  /* Safari,Chrome */
}
/*#Article ul#qqlist01 li{ background: url(../img/common/dotline.png) left bottom repeat-x;}*/
#Article ul#qqlist01 li span {
  font: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size: 140%;
  color: #F09;
}
/*----------------------------------------------------
	Breadcrumb
----------------------------------------------------*/
ol.breadcrumb {
  padding: 15px 10px 15px 0 !important;
}
/*----------------------------------------------------

	*ThePerspective*

----------------------------------------------------*/
/* 総裁プロフィール*/
.RyuhoOkawaProfile {
  margin: 20px auto;
  padding: 0;
}
/*----------------------------------------------------

	column

----------------------------------------------------*/
#columnArea {
  margin: 0;
  padding: 0;
  clear: both;
  line-height: 1.6em;
}
#columnArea p {
  margin: 0;
  padding: 5px 0;
}
#columnArea p.FS {
  margin: 40px 0;
}
#columnArea strong {
  margin: 0;
  color: #333;
}
#columnArea h2 {
  margin: 30px 0;
  padding: 10px 10px 5px 10px;
  font-weight: bold;
  font-size: 18px;
  color: #F60;
  border-top: 1px solid #F60;
  border-bottom: 1px solid #F60;
}
#columnArea h2 em {
  margin-left: 3px;
  font-style: normal;
  font-weight: bold;
  color: #555;
  font-size: 12px;
}
#columnArea h3 {
  margin: 20px 0 0px -10px;
  font-size: 15px;
  font-weight: bold;
  color: #6C0;
}
#columnArea h4 {
  margin: 5px 0 30px 0;
  font-weight: normal;
  color: #555;
}
#columnArea .summary {
  margin: 50px 0 0 0;
  height: 500px;
  padding: 70px 0 0 40px;
  background: url(http://www.the-liberty.com/itemimg/images/note.jpg) no-repeat;
}
#columnArea .summary ul {
  width: 540px;
  height: 370px;
  margin: 20px 0;
}
#columnArea .summary ul li {
  list-style: none;
  margin: 10px 0;
}
#columnArea .summary ul li em {
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  margin-right: 0.2em;
}
#columnArea p.sum_ttl {
  margin: 14px 0 20px 0;
  font-weight: normal;
  font-size: 125%;
  color: #F60;
}
/* MessageBox*/
#messageBox-header {
  margin: 0;
  padding: 0;
  text-align: left;
}
#messageBox {
  width: 650px;
  margin: 0 10px;
  padding: 10px 0;
  background: url(../img/article/message-back.jpg);
}
#messageBox .message {
  margin: 0 30px 20px 30px;
  padding: 20px;
  background-color: #FFF;
  text-align: left;
  font-size: 97%;
}
#messageBox .message h4 {
  margin: 0;
  padding: 7px 0;
  border-top: 1px solid #ccc;
  color: #333;
  font-size: 97%;
  font-weight: normal;
}
/*----------------------------------------------------

	Search Result

----------------------------------------------------*/
#search-result-tab {
  width: 100%;
  margin: 0 0 10px 0;
  padding: 0 0 0;
  clear: both;
  border-bottom: 10px solid #000;
}
#search-result-tab ul {
  width: 100%;
  height: 39px;
  margin: 0;
  padding: 0;
}
#search-result-tab ul li {
  width: 120px;
  height: 39px;
  float: left;
  display: block;
  text-align: center;
  margin: 0 0 0 10px;
  padding: 0 0 0;
}
#search-result-tab ul li#articleTab_on,
#search-result-tab ul li#articleTab_off a,
#search-result-tab ul li#DNCTab_on,
#search-result-tab ul li#DNCTab_off a {
  width: 120px;
  height: 39px;
  color: #FFF;
  text-decoration: none;
  display: block;
  padding: 12px 0 0 0;
}
#search-result-tab ul li#articleTab a:hover,
#search-result-tab ul li#DNCTab a:hover {
  width: 120px;
  height: 39px;
  text-decoration: none;
  display: block;
}
#search-result-tab ul li#articleTab_off a:hover,
#search-result-tab ul li#DNCTab_off a:hover {
  width: 120px;
  height: 27px;
  margin: 0;
  padding: 12px 0 0 0;
  text-decoration: underline;
}
#search-result-tab ul li#articleTab_on {
  background: url(../img/common/search_tab_on.jpg) left top no-repeat;
}
#search-result-tab ul li#DNCTab_off {
  background: url(../img/common/search_tab_off.jpg) left top no-repeat;
}
#search-result-tab ul li#articleTab_off {
  background: url(../img/common/search_tab_off.jpg) left top no-repeat;
}
#search-result-tab ul li#DNCTab_on {
  background: url(../img/common/search_tab_on.jpg) left top no-repeat;
}
#search-result-module {
  width: 100%;
  margin: 10px 0 0 0;
  padding: 0 10px;
  font-size: 12px;
  float: left;
  clear: both;
}
#search-result-module h2,
#search-result-module h3 {
  line-height: 1.6em;
}
#search-result-module h2.serchword {
  width: 100%;
  margin: 0;
  padding: 0 10px 0 0;
  font-size: 12px;
  float: left;
  display: inline;
}
#search-result-module h3.serchresult {
  width: 170px;
  text-align: right;
  margin: 0;
  padding: 0 10px;
  font-size: 12px;
  float: right;
  display: inline;
}
/*----------------------------------------------------

	costom

----------------------------------------------------*/
table#infoboxA {
  width: 650px;
  margin: 0;
  padding: 10px;
  border: 10px solid #EDF984;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);
}
table#infoboxA tr td {
  margin: 0;
  padding: 20px;
}
table#infoboxA p.stronging {
  padding: 20px 0 0 0;
  color: #09C;
  font-size: 120%;
}
/*----------------------------------------------------

	pageListStyle

----------------------------------------------------*/
#FeatureMoku {
  width: 100%;
  margin: 0;
  padding: 0;
  _zoom: 1;
  overflow: hidden;
}
#FeatureMoku .content-header {
  width: 100%;
  margin-top: 10px;
}
#FeatureMoku h2.index-title {
  float: left;
}
#FeatureMoku ul.FF {
  width: 100%;
  margin: 0;
  padding: 0;
}
#FeatureMoku ul.FF li {
  width: 100%;
  padding: 5px 0;
  border-bottom: 1px solid #ccc;
  display: block;
  _zoom: 1;
  margin: 5px 0 !important;
}
#FeatureMoku ul.FF li h4 {
  float: left;
  margin: 0;
  padding: 0;
  display: block;
}
#FeatureMoku ul.FF li h4 img {
  width: 120px;
  height: 67px;
  margin: 0 0 10px 0 !important;
}
#FeatureMoku ul.FF li h5 {
  font-size: 100%;
  margin: 0 7px !important;
  padding: 0 !important;
  line-height: 1.8em !important;
  display: block;
  overflow: hidden;
}
#FeatureMoku ul.FF li h5 a {
  line-height: 1.8em !important;
}
#FeatureMoku ul.FF li h6 {
  margin: 0 3px 5px 0;
  padding: 0;
  display: block;
}
#FeatureMoku ul.FF li p {
  font-size: 92%;
  line-height: 1.5em;
}
#FeatureMoku ul.FF li .news {
  margin: 0;
  padding: 0;
  display: inline;
}
.moku {
  border: 1px solid #ccc;
  padding: 10px 20px 20px;
  margin-bottom: 20px;
}
.moku .monPost .mpTitle {
  background-color: #2c2c2c;
  padding: 5px 10px;
  color: #fff;
  margin: 10px 0 5px;
}
.moku .monPost .mpTitle a {
  color: #fff !important;
}
.moku .monPost ul {
  list-style: none;
  clear: both !important;
}
.moku .monPost ul li {
  float: left;
  border-bottom: 1px dotted #ccc;
  padding: 5px 0;
  display: block;
  width: 48%;
  margin-right: 10px;
}
.moku .monPost ul li a {
  line-height: 110% !important;
}
.moku .monPost ul li img {
  float: left;
  margin: 0 10px 0 0;
  width: 115px;
  display: block;
}
/*----------------------------------------------------

	Reigen Post

----------------------------------------------------*/
.cleared {
  float: none;
  clear: both;
  margin: 0;
  padding: 0;
  border: none;
  font-size: 1px;
  height: 1px;
}
.pLink {
  display: block;
  width: 100%;
  text-align: right;
  font-size: small;
  padding: 5px 25px 5px 5px;
  background-color: #fcfcfc;
}
.textE,
.textI {
  font-weight: bold;
}
.textE {
  color: #64460F;
}
.textI {
  color: #6f3250;
}
.textB {
  color: #cc0098;
}
.textS {
  color: #0066cc;
}
.textG {
  color: #00561f;
}
.textV {
  color: #4f64ae;
}
.textYg {
  color: #80ab29;
}
.haicho {
  border: 1px solid #64460F;
  background-color: #fffffa;
  padding: 20px;
}
.option {
  border: 3px solid #369;
  background-color: #fff;
  padding: 0.1em 0.5em 0 0.5em;
  height: 10em;
  width: em;
}
.option p {
  margin-top: -5em;
  padding: 1em;
  background-color: #fff;
  display: block;
  height: 14em;
}
.option p span {
  margin-top: -2em;
  padding: 2.1em 1.1em;
  background-color: #fff;
  display: block;
  height: em;
}
.pLink {
  display: block;
  width: 100%;
  text-align: right;
  font-size: small;
  padding: 5px 25px 5px 5px;
  background-color: #fcfcfc;
}
.postLink ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.postLink h3 {
  background-color: #1e1e1e;
  color: #fff !important;
  padding: 5px 10px 3px !important;
  margin-left: 20px !important;
}
.postLink ul li {
  display: block;
  list-style: none !important;
  border-bottom: 1px dotted #ccc;
  padding: 0;
}
.postLink ul li img {
  float: left;
  margin: 0 20px 10px 0;
}
.postLink dl {
  line-height: 130%;
}
.postLink dl dt {
  display: block;
  width: 5em;
  float: left;
  padding: 10px 0;
  clear: both;
}
.postLink dl dd {
  display: block;
  padding: 10px 0 10px 6em;
  border-bottom: 1px dotted #ccc;
}
.lineBox {
  border: 1px solid #ccc;
  padding: 20px;
  margin: 10px 0 20px !important;
}
.lineBoxD {
  border: 1px dotted #ccc;
  padding: 20px;
  margin: 10px 0 20px;
}
.lineBoxG {
  border: 1px dotted #ccc;
  padding: 20px;
  margin: 20px;
  background-color: #ededed;
}
.nenpyo dt {
  width: 10em;
  float: left;
  clear: left;
  font-weight: bold;
  overflow: hidden;
  padding-top: 3px;
  padding-bottom: 5px;
}
.nenpyo dd {
  padding-left: 10em;
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #ccc;
}
.nenpyo dd:last-child {
  border: none !important;
}
ul.wide160 {
  list-style: none !important;
  margin: 0;
  padding: 0;
}
ul.wide160 li {
  list-style: none !important;
  display: block;
  width: 160px;
  height: 420px;
  float: left;
  margin: 0 10px 15px 0;
  font-size: small;
  color: #555;
  line-height: 130%;
}
ul.wide160 ul li p {
  font-size: small;
  color: #555;
  line-height: 130%;
}
ul.wide160 ul li img {
  border: 1px solid #ccc;
}
.side160 {
  width: 160px;
  float: right;
  margin: 0 0 5px 20px;
  font-size: small;
  color: #555;
  line-height: 130%;
  padding: 10px;
}
.side160 p {
  color: #555;
  line-height: 1.4em !important;
  font-size: 93% !important;
  padding-bottom: 10px !important;
}
.side160 img {
  border: 1px solid #ccc;
  padding-bottom: 0px !important;
  margin-bottom: 0;
}
.side200 {
  width: 200px;
  float: right;
  margin: 0 0 0px 20px;
  color: #555;
  line-height: 1.4em !important;
  padding: 10px;
  font-size: 93% !important;
  clear: right;
}
.side200 p {
  color: #555;
  line-height: 1.4em !important;
  font-size: 93% !important;
  padding-bottom: 10px !important;
}
.side200 img {
  width: 200px;
  height: auto;
  padding-bottom: 5px !important;
}
.side200 h4 {
  margin-bottom: 5px !important;
  clear: both;
}
.side200 p.lineBoxD {
  padding: 5px !important;
  margin-bottom: 30px !important;
}
.side280 {
  width: 280px;
  float: right;
  margin: 0 0 15px 20px;
  color: #555;
  line-height: 1.4em !important;
  padding: 10px;
  font-size: 93% !important;
}
.side280 p {
  color: #555;
  line-height: 1.4em !important;
  margin-bottom: 10px;
  font-size: 93% !important;
  padding-bottom: 10px !important;
}
.side280 img {
  width: 280px;
  height: auto;
  padding-bottom: 5px !important;
}
.side280 h4 {
  margin-bottom: 5px !important;
  clear: both;
}
.side280 p.lineBoxD {
  padding: 5px !important;
  margin-bottom: 30px !important;
}
.side300 {
  width: 300px;
  float: right;
  margin: 0 0 15px 20px;
  color: #555;
  line-height: 1.4em !important;
  padding: 0;
  font-size: 93% !important;
}
.side300 p {
  color: #555;
  line-height: 1.4em !important;
  margin-bottom: 10px;
  font-size: 93% !important;
  padding-bottom: 10px !important;
}
.side300 img {
  width: 280px;
  height: auto;
}
.side-half-left {
  width: 50%;
  height: auto;
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
}
.side-half-left p {
  color: #555;
  line-height: 1.4em !important;
  margin-bottom: 10px;
  font-size: 93% !important;
  padding-bottom: 10px !important;
}
.side-half-right {
  width: 50%;
  height: auto;
  margin-left: 10px;
  margin-bottom: 10px;
  float: right;
}
.side-half-right p {
  color: #555;
  line-height: 1.4em !important;
  margin-bottom: 10px;
  font-size: 93% !important;
  padding-bottom: 10px !important;
}
dl.hyou {
  border-top: 1px dotted #ccc;
}
dl.hyou dt {
  font-weight: bold;
  padding-top: 15px;
}
dl.hyou dd {
  padding-left: 80px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #ccc;
}
.books {
  border: 1px solid #ccc;
  padding: 20px;
  margin: 20px 0;
}
.books img,
.books img a {
  float: left;
  margin: 0 0 20px 20px;
}
.subTitle {
  font-size: 110% !important;
  color: #674b81;
}
.name,
.side200 .name,
.side160 .name,
.side280 .name,
.side300 .name,
.side200 h3,
.side280 h3,
.side300 h3 {
  font-weight: normal;
  font-size: 140% !important;
  color: #012e40 !important;
  padding-bottom: 0px !important;
}
/* .side200 .name,
.side280 .name,
.side300 .name {
  margin-bottom: -80px !important;
} */
.nameTitle {
  font-size: 96%;
  color: #012e40;
}
.boxTitle {
  background-color: #fff100;
  color: #2c2c2c;
  padding: 3px 10px !important;
  font-weight: bold;
  margin-bottom: 20px;
}
.boxProf {
  font-size: 90%;
  line-height: 130%;
}
.bgy {
  background-color: #fff8d4;
  padding: 20px !important;
}
.bgyl {
  background-color: #fff8d4;
  padding: 2px 5px!important;
}
.floatBox {
  float: left;
  margin-bottom: 20px;
  padding: 3px;
  background-color: #fef4e0;
  margin-right: 5px;
}
.p25 {
  width: 25%;
  line-height: 130%;
  font-size: 80%;
}
.p20 {
  width: 20%;
  line-height: 130%;
  font-size: 80%;
}
.cinema dl {
  padding: 20px;
  border: 1px solid #ccc;
}
.cinema dl dt {
  float: left;
  padding: 10px 0;
}
.cinema dl dd {
  padding: 10px 0;
  padding-left: 10em;
  border-bottom: 1px dotted #ccc;
}
.cinePoint {
  border: 1px solid #ccc;
  padding: 0;
}
.cinePoint h3 {
  background-color: #fcfcfc;
  color: #2c2c2c !important;
  padding: 15px !important;
}
.cinePoint p {
  padding: 10px !important;
}
.bgY {
  background-color: #ffffe0;
  padding: 0 3px;
}
.tkstSub h3 {
  margin: 0 0 0 20px !important;
}
.tkstSub ul {
  margin: 15px 0 0 !important;
  padding: 0 !important;
}
.tkstSub ul li {
  list-style: none !important;
  display: block !important;
  background-image: url('http://www.the-liberty.com/itemimg/images/articles/2012/12/tokma02.jpg');
  background-repeat: no-repeat !important;
  background-position: left 3px !important;
  border-bottom: 1px dotted #ccc;
}
.tkstSub p {
  padding: 0 !important;
  font-size: small !important;
}
.tkstSub p a {
  font-size: Medium;
}
.tkstSub ul li a {
  display: block !important;
  padding-left: 40px !important;
  padding-top: 5px !important;
}
.tkstSub h5,
.tkstSub a h5,
.postLink h5 {
  margin: 0px 0 5px !important;
  padding: 0 !important;
  font-size: 15px !important;
  line-height: 1.2em !important;
}
table.post {
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #fcfcfc;
}
table.post tr td.hrp {
  background-color: #fcc800 !important;
  color: #000;
}
table.post tr td {
  border: 1px solid #ccc !important;
  padding: 10px;
}
table.post tr td h5 {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  background-color: #E10018;
  color: #fff !important;
  display: block;
  margin: 10px auto !important;
  padding: 5px 10px !important;
  text-align: center;
}
table.post tr td h5.blue {
  background-color: #289AD6;
}
table.post tr td h5.purple {
  background-color: #660066;
}
table.post tr th {
  border: 1px solid #ccc !important;
  padding: 10px;
  background-color: #F8F8F8;
  font-weight: bold;
}
table.post tr td.kinto {
  width: 35%;
}
table.post tr td.kinto20 {
  width: 20%;
}
table.post h3 {
  text-align: center;
  margin: 10px 0 !important;
  padding: 0 !important;
}
table.policy-table {
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #fcfcfc;
}
table.policy-table tr td.hrp {
  background-color: #fcc800 !important;
  color: #000;
}
table.policy-table tr td {
  border: 1px solid #ccc !important;
  padding: 10px;
}
table.policy-table tr td.kinto {
  width: 35%;
}
table.policy-table tr td.kinto20 {
  width: 20%;
}
table.policy-table tr td.blue {
  background-color: #05ace3;
  color: #fff !important;
}
table.policy-table tr td.blue h3 {
  color: #fff !important;
  font-weight: bold;
}
table.policy-table tr td.red {
  background-color: red;
  color: #fff !important;
}
table.policy-table tr td.red h3 {
  color: #fff !important;
  font-weight: bold;
}
.kuh {
  padding: 0 0 10px !important;
  font-size: small !important;
  line-height: 130% !important;
}
.kksTitle {
  background-color: #00a1e9;
}
.kksArea {
  padding: 10px 0 0;
  border-bottom: 5px solid #00a1e9;
  margin: 0 0 10px;
  background: url(../img/common/img-bg02.jpg) repeat;
}
.kksArea img {
  margin: 0;
}
.kksArea .left {
  float: left;
  margin: 0 0 10px 10px;
  background-color: #fff;
  width: 315px;
  height: 177px;
}
.sktpcTitle {
  background-color: #1e1e1e;
  padding: 5px 10px;
  font-size: large;
  color: #fff;
}
.sktpcArea {
  padding: 10px 0 0;
  border-bottom: 5px solid #1e1e1e;
  margin: 0 0 20px;
  background: url(../img/common/img-bg.jpg) repeat;
}
.sktpcArea img {
  margin: 0;
  width: 152px;
  height: 85px;
}
.sktpcArea .left {
  float: left;
  margin: 0 0 10px 10px;
  background-color: #1e1e1e;
  width: 152px;
  font-size: x-small;
  line-height: 130%;
  color: #fff;
}
.sktpcArea .left a {
  display: block;
  color: #fff !important;
}
.sktpcArea p {
  font-size: 11px;
  line-height: 130%;
  color: #fff;
  padding: 5px !important;
}
.engLink {
  font-size: 86%;
  padding: 10px;
  border: 1px solid #ccc;
  margin-left: 5px;
}
.engLink p {
  margin: 0 0 15px !important;
  padding: 0 0 0 10px !important;
  line-height: 130% !important;
  border-left: 5px solid #00a1e9;
}
.grayBox {
  background-color: #999 !important;
  padding: 5px 20px !important;
  color: #fff !important;
}
.ras-q,
.somos-q,
.post-q {
  border: 1px solid #ccc;
  padding: 60px 20px 20px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  text-shadow: #fcfcfc 1px 1px 0px;
}
.ras-a,
.somos-a,
.post-a {
  border: 1px solid #ccc;
  padding: 70px 20px 20px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  text-shadow: #fcfcfc 1px 1px 0px;
  color: #2c2c2c;
}
.ras-q {
  background-image: url('../img/common/ras-q.gif');
  background-repeat: no-repeat;
  background-position: left 10px;
  background-color: #efefef;
}
.ras-a {
  background-image: url('../img/common/ras-a.gif');
  background-repeat: no-repeat;
  background-position: left 10px;
  background-color: #efefef;
  font-size: 200%;
  line-height: 130%;
}
.somos-q {
  background-image: url('../img/common/somos-q.gif');
  background-repeat: no-repeat;
  background-position: left 10px;
  background-color: #e74c3c;
  font-size: 120%;
  line-height: 130%;
  color: #fff;
  text-shadow: #c43728 1px 1px 0px;
}
.somos-a {
  background-image: url('../img/common/somos-a.gif');
  background-repeat: no-repeat;
  background-position: left 10px;
  background-color: #efefef;
  font-size: 120%;
  line-height: 130%;
}
.post-q {
  background-image: url('../img/common/post-q.gif');
  background-repeat: no-repeat;
  background-position: left 10px;
  background-color: #fef4e0;
  font-size: 120%;
  line-height: 130%;
  margin-bottom: 30px;
}
.post-a {
  background-image: url('../img/common/post-a.gif');
  background-repeat: no-repeat;
  background-position: left 10px;
  background-color: #efefef;
  font-size: 120%;
  line-height: 130%;
}
.reiBox {
  background-color: #efefef;
  border: 1px solid #ccc;
  padding: 30px 20px 10px !important;
  font-size: 130%;
  line-height: 130%;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  text-shadow: #fcfcfc 1px 1px 0px;
  color: #af1946;
}
.reiBox:first-letter {
  font-size: 180% !important;
}
.reiBox h3 {
  font-size: 90% !important;
}
.reiBox p.normalText {
  color: #000;
  font-size: 16px;
  line-height: 160%;
}
.reiBox p.mainText {
  color: #000;
  font-size: 150%;
  line-height: 140%;
}
.reiBox p.subText {
  color: #000;
  font-size: 130%;
  font-weight: bold;
  padding-top: 20px !important;
}
.post-monthly-title {
  background-color: #af1946;
  font-size: 120%;
  padding: 10px 30px !important;
  color: #fff;
  display: inline !important;
}
.post-monthly-title-b {
  background-color: #00B0DC;
  font-size: 120%;
  padding: 10px 30px !important;
  color: #fff;
  display: inline !important;
}
.post-monthly-title-g {
  background-color: #2ECC71;
  font-size: 120%;
  padding: 10px 30px !important;
  color: #fff;
  display: inline !important;
}
.post-monthly-title-y {
  background-color: #F1C40F;
  font-size: 120%;
  padding: 10px 30px !important;
  color: #fff;
  display: inline !important;
}
.post-monthly-title-o {
  background-color: #E67E22;
  font-size: 120%;
  padding: 10px 30px !important;
  color: #fff;
  display: inline !important;
}
.post-monthly-title-bl {
  background-color: #2C3E50;
  font-size: 120%;
  padding: 10px 30px !important;
  color: #fff;
  display: inline !important;
}
.web-post-link {
  font-size: small !important;
  line-height: 130%;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  padding: 10px 0 !important;
}
.web-post-link img,
.web-post-link a img {
  width: 150px;
  height: auto;
  margin: 0 !important;
}
.sideBanner {
  margin: 0 0 10px 0;
  padding: 0;
}
.sideBanner img {
  width: 100%;
  height: auto;
}
/* spelling */
.gestsProfile {
  border: 1px solid #ccc;
  padding: 20px !important;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  text-shadow: #fcfcfc 1px 1px 0px;
}
.gestsProfile .profImg {
  width: 220px;
  float: left;
  display: block;
  padding-bottom: 20px !important;
}
.gestsProfile .name {
  font-size: 140% !important;
  margin-bottom: 10px;
}
.gestsProfile p {
  font-size: 86% !important;
  line-height: 130%;
  padding: 0 0 5px;
}
/* spell fixed */
.guestsProfile {
  border: 1px solid #ccc;
  padding: 20px !important;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  text-shadow: #fcfcfc 1px 1px 0px;
}
.guestsProfile .profImg {
  width: 220px;
  float: left;
  display: block;
  padding-bottom: 20px !important;
}
.guestsProfile .name {
  font-size: 140% !important;
  margin-bottom: 10px;
}
.guestsProfile p {
  font-size: 86% !important;
  line-height: 130%;
  padding: 0 0 5px;
}

/*matome*/
div.matomePost {
  margin: 30px 0 0;
}
div.matomePost p {
  background-image: url('../img/common/matome-bg.gif');
  background-repeat: no-repeat;
  background-position: left 7px;
  padding: 5px 0 5px 26px !important;
  font-size: 12px !important;
  color: #999;
  border-bottom: 1px dotted #ccc;
}
div.matomePost p a {
  font-size: 16px !important;
  padding-right: 5px;
}
div.matome ul.matomeMenu {
  background-color: #2c2c2c;
  border-top: 1px solid #2c2c2c;
  border-left: 1px solid #2c2c2c;
  border-right: 1px solid #2c2c2c;
  border-bottom: 1px solid #2c2c2c;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
  height: 59px;
}
div.matome ul.matomeMenu li {
  float: left;
  display: inline;
  padding: 0;
  margin: 0 !important;
  list-style: none;
  text-align: center;
  width: auto !important;
  font-size: small;
}
div.matome ul.matomeMenu li a {
  display: block;
  margin: 0 !important;
  padding: 20px 12px !important;
  border-right: 1px solid #ccc;
  background-color: #ededed;
}
div.matome ul.matomeMenu li.link a {
  background-color: #d1d1d1 !important;
}
div.matome ul.matomeMenu li a span {
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  background-color: #d1d1d1;
}
div.matome ul.matomeMenu li span {
  display: block;
  margin: 0 !important;
  padding: 20px 12px !important;
  border-right: 1px solid #ccc;
  background-color: #2c2c2c !important;
  color: #fff !important;
  font-weight: bold;
}
div.matome ul.matomeMenu li a:hover,
div.matome ul.matomeMenu li.link a:hover {
  background-color: #2c2c2c !important;
  color: #fff !important;
}
div.matome ul.matomeLink {
  display: block;
  border: 1px solid #ccc;
  padding: 15px 0 100px;
  list-style: none;
  clear: both !important;
}
div.matome ul.matomeLink h2 {
  background-color: #ededed;
  color: #2c2c2c !important;
  padding: 5px !important;
  width: 638px !important;
}
div.matome ul.matomeLink h3 {
  padding: 10px 20px !important;
  background-color: #bbb;
  color: #fff !important;
}
div.matome ul.matomeLink li {
  display: block;
  padding: 0 10px !important;
  margin-bottom: 20px;
  clear: both !important;
  border-left: 3px solid #eee;
}
div.matome ul.matomeLink li img {
  float: left;
  margin: 0 10px 20px 0;
  width: 160px;
  height: auto;
}
div.matome ul.matomeLink li.hrp img {
  width: 30px !important;
}
div.matomeIndex {
  font-size: 200%;
  background-color: #ededed;
  display: inline !important;
  padding: 10px;
  margin: 0 0 50px;
}
p.excerpt {
  border-left: 3px solid #ccc;
  padding-left: 10px !important;
  margin: 5px 0 !important;
  font-size: small;
  color: #232323;
}
div.excerpt {
  display: block;
  border-left: 3px solid #ccc;
  padding-left: 10px !important;
  margin: 5px 0 5px 10px !important;
  font-size: small;
  color: #232323;
}
div.matomeTop {
  border: 1px solid #ccc;
  display: block;
  padding: 20px;
}
div.matomeTop ul {
  list-style: none;
}
div.matomeTop ul li {
  display: block;
  margin: 0 0 20px !important;
  border-bottom: 1px dotted #ccc;
  border-left: 1px dotted #2c2c2c;
  padding-left: 10px !important;
}
.matomeLinkMark {
  display: inline;
  border: 1px solid #ccc;
  padding: 5px !important;
  margin-left: 10px !important;
  background-color: #fcfcfc;
  margin-top: 30px;
}
.matomeLinkMark a {
  margin-right: 5px !important;
  padding-right: 20px !important;
  background-image: url(../img/common/arrow_link.gif);
  background-repeat: no-repeat;
  background-position: right 10px;
}
.matomeImg {
  display: block;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.matomeBox {
  overflow: hidden;
}
h3.matomeCatch {
  font-size: 14px;
  line-height: 130%;
  margin-bottom: 0px !important;
}
h4.matomeCatch {
  font-size: 13px;
  margin-bottom: 0px !important;
  padding-left: 20px !important;
}
p.matomeCatchText {
  font-size: 12px;
  color: #1e1e1e;
  line-height: 130%;
  padding-left: 20px !important;
}
.matomeImgNav ul.matomeImgMenu {
  margin: 0 !important;
  padding: 0 !important;
}
.matomeImgNav ul.matomeImgMenu li {
  list-style: none !important;
  float: left;
  margin: 0 10px 0 0 !important;
  padding: 0 !important;
}
.matomeImgNav ul.matomeImgMenu li.last {
  margin-right: 0 !important;
}
#Article h1.max {
  font-size: 60px !important;
  color: #000 !important;
}
#Article h1.middle {
  font-size: 32px !important;
  color: #000 !important;
}
#Article h2.middle {
  font-size: 20px !important;
  color: #000 !important;
}
.matomeQ {
  font-size: 20px;
  font-weight: bold;
  color: #E55451;
}
.kouho ul li {
  list-style: none !important;
  width: 200px;
  height: 500px;
  float: left;
  margin: 0 5px 20px 0;
  border-bottom: 1px solid #ccc;
}
.kouho ul li p.name {
  font-size: x-large;
  padding: 5px 0 10px !important;
}
.kouho ul li p {
  font-size: small;
  margin: 5px 0;
}
ul.imgMenu {
  width: 100%;
  display: block;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
ul.imgMenu li {
  float: left;
  padding: 0 !important;
  margin: 0 5px 5px 0 !important;
  list-style: none !important;
}
ul.imgMenu li a {
  margin: 0 !important;
  padding: 0 !important;
}
ul.imgMenu li a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
ul.imgBook {
  width: 690px;
  display: block;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
ul.imgBook li {
  float: left;
  padding: 0 !important;
  margin: 0 10px 5px 0 !important;
  list-style: none !important;
  width: 30%;
  display: block;
}
ul.imgBook li p {
  font-size: small;
  line-height: 130%;
  padding-bottom: 3px !important;
}
ul.imgBook li p:before {
  content: "-";
}
ul.imgBook li img {
  width: auto;
  height: 120px;
}
ul.imgBook li a {
  margin: 0 !important;
  padding: 0 !important;
}
ul.imgBook li a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.nhnsWrap {
  margin: 10px 0 50px;
  padding: 10px 0 30px;
  border-bottom: 1px dotted #ccc;
}
.elBox {
  padding: 20px;
  border: 3px solid #af1946;
  background-color: #fff3f7;
  font-size: 110%;
}
.pageArrow {
  background-image: url('../img/arrow.png');
  background-repeat: no-repeat;
  background-position: left 5px;
  padding-left: 15px !important;
}
.pageHalfBox {
  width: 40%;
  float: left;
  display: block;
  padding: 5px;
}
.mgnR {
  margin-right: 20px;
}
.amazonLinkL {
  float: left;
  width: 40%;
  background-color: #fff9e9;
  padding: 20px;
  line-height: 130%;
}
.amazonLinkR {
  float: right;
  width: 40%;
  background-color: #fff9e9;
  padding: 20px;
  line-height: 130%;
}
.amazonLinkL a,
.amazonLinkL a:link,
.amazonLinkR a,
.amazonLinkR a:link {
  margin-bottom: 20px;
  line-height: 120%;
}
.amazonLinkL img,
.amazonLinkR img {
  float: left;
  margin: 0 20px 0 0;
  width: 113px;
  height: auto;
}
.clearB {
  float: none;
  clear: both;
  margin: 0;
  padding: 0;
  border: none;
  font-size: 1px;
}
.bookName {
  font-size: 150%;
  color: #0e5944;
  border-top: 1px solid #0e5944;
  border-left: 1px solid #0e5944;
  padding: 10px 0 0 5px !important;
  margin-bottom: 20px !important;
}
.bookAuthor {
  font-size: 120%;
  padding-left: 5px;
}
.next-paypage {
  display: inline-block;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background: #fcfcfc;
  border: 1px solid #dc0b0a;
  padding: 5px 10px !important;
  color: #dc0b0a;
  overflow: hidden;
  float: right;
}
.next-paypage:after {
  content: "";
}
.next-post {
  display: inline-block;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background: #dc0b0a;
  border: 1px solid #dc0b0a;
  padding: 0 !important;
  color: #fcfcfc;
  overflow: hidden;
  float: right;
}
.next-post a {
  padding: 5px 10px !important;
  display: block;
  text-decoration: none !important;
  color: #fcfcfc !important;
  font-weight: bold !important;
}
.next-post a:hover {
  background: #fcfcfc;
  color: #dc0b0a !important;
  text-decoration: none;
}
.clickToEnlarge-wrap {
  background-color: #eee;
  display: inline-block;
  padding: 10px;
  width: 290px;
  float: none;
  margin: 0 0 20px;
}
.clickToEnlarge {
  background-color: #dd006f;
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
  display: none !important;
}
/* timeline */
ul.timeline {
  margin: 0px !important;
  width: 100%;
  overflow: hidden;
  height: auto;
  position: relative;
  padding: 0px !important;
  list-style-type: none;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEElEQVQIW2NMTEz8z8gABAAPKwIlXWq1kgAAAABJRU5ErkJggg==);
  background-repeat: repeat-y;
  background-position: 50% 0;
}
ul.timeline *,
ul.timeline *:after,
ul.timeline:after,
ul.timeline *:before,
ul.timeline:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
ul.timeline .year {
  background: #505050;
  font-size: 3em;
  max-width: 4em;
  clear: both !important;
  margin: 1em auto !important;
  color: white;
  border-radius: 30% / 100%;
  text-align: center;
  margin-top: 100px !important;
}
ul.timeline .year:first-of-type {
  margin-top: 0 !important;
}
ul.timeline .year + .event {
  margin-top: -1.5em;
}
ul.timeline .event {
  position: relative;
  float: right;
  clear: right;
  width: 45%;
  margin: 0px 2.5% 40px !important;
  border-radius: 5px;
  list-style-type: none;
  display: block;
  background: white;
  z-index: 15;
  color: #4d4d4d;
  border: 1px solid #d0d0d0;
  text-decoration: none;
  -webkit-transition: background 0.15s linear;
  -moz-transition: background 0.15s linear;
  -ms-transition: background 0.15s linear;
  -o-transition: background 0.15s linear;
  transition: background 0.15s linear;
  padding: 10px !important;
}
ul.timeline .event.featured {
  width: 95% !important;
}
ul.timeline .event.featured:after,
ul.timeline .event.featured:before {
  display: none;
}
@media all and (max-width: 600px) {
  ul.timeline .event {
    width: 85%;
  }
}
ul.timeline .event.offset-first {
  margin-top: -1.5em;
}
ul.timeline .event img {
  margin-top: 10px;
  max-width: 100%;
}
ul.timeline .event:hover {
  background: #f6f6f6;
}
ul.timeline .event:hover:after {
  background: #505050;
}
ul.timeline .event:nth-of-type(2n) {
  float: left;
  clear: left;
}
ul.timeline .event:nth-of-type(2n):after {
  right: -5%;
  /* reset the standard declaration I defined before*/
  left: auto;
}
@media all and (min-width: 650px) {
  ul.timeline .event:after {
    display: block;
    content: ' ';
    height: 9px;
    width: 9px;
    background: #9d9d9d;
    border-radius: 50%;
    position: absolute;
    left: -5%;
    top: 1.5em;
    border: 2px solid white;
  }
}
ul.timeline time {
  display: block;
  font-weight: bold;
}
/* matomebnr */
ul.matomeBnr {
  margin: 0;
  padding: 0;
  list-style: none !important;
  border-bottom: 2px solid #ccc;
}
ul.matomeBnr h3 {
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  padding: 10px 0 !important;
}
ul.matomeBnr li {
  width: 45%;
  float: left;
  margin: 0 0 10px 15px !important;
  padding: 0;
  list-style: none !important;
}
ul.matomeBnr li img {
  width: 100%;
  height: auto;
  border: 1px solid #ccc;
}
/* matome */
.matomeline {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.matomeline > li {
  margin-bottom: 100px;
  list-style: none !important;
}
@media (min-width: 640px) {
  .matomeline > li {
    overflow: hidden;
    margin: 0 !important;
    padding: 0!important;
    position: relative;
  }
  .matomeline-text {
    width: 110px;
    float: left;
    margin-top: 20px;
    font-size: 10px;
  }
  .matomeline-content {
    width: 75%;
    float: left;
    border-left: 3px #e5e5d1 solid;
    padding-left: 30px;
    padding-bottom: 30px;
  }
  .matomeline-content:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #6fc173;
    position: absolute;
    left: 106px;
    top: 3px;
    border-radius: 100%;
  }
  .matomeline-name {
    font-size: large;
    margin: 0 0 3px !important;
    padding: 0 !important;
  }
}
/* menu */
div.postMenu ol {
  counter-reset: li !important;
  list-style: none;
  *list-style: decimal !important;
  font: 15px 'trebuchet MS', 'lucida sans' !important;
  padding: 0 !important;
  margin-bottom: 4em !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}
div.postMenu ol ol {
  margin: 0 0 0 2em;
}
div.postMenu h4 {
  position: relative;
  display: block;
  padding: 0.4em 0.4em 0.4em 0.8em !important;
  *padding: 0.4em;
  margin: 0.5em 0 0.5em !important;
  background: #eee !important;
  color: #444;
  text-decoration: none;
  transition: all 0.3s ease-out;
}
div.postMenu h4:before {
  position: absolute;
  left: -2.5em;
  top: 50%;
  margin-top: -1em;
  background: #fa8072;
  height: 2em;
  width: 2em;
  line-height: 2em;
  text-align: center;
  font-weight: bold;
}
div.postMenu h4:after {
  position: absolute;
  content: '';
  border: 0.5em solid transparent;
  left: -1em;
  top: 50%;
  margin-top: -0.5em;
  transition: all 0.3s ease-out;
}
.rectangle-list li a {
  position: relative;
  display: block;
  padding: 0.4em 0.4em 0.4em 0.8em;
  *padding: 0.4em;
  margin: 0.5em 0 0.5em 2.5em;
  background: #ddd !important;
  color: #444;
  text-decoration: none;
  transition: all 0.3s ease-out;
}
.rectangle-list li a:hover {
  background: #eee;
}
.rectangle-list li a:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  left: -2.5em;
  top: 50%;
  margin-top: -1em;
  background: #fa8072;
  height: 2em;
  width: 2em;
  line-height: 2em;
  text-align: center;
  font-weight: bold;
}
.rectangle-list li a:after {
  position: absolute;
  content: '';
  border: 0.5em solid transparent;
  left: -1em;
  top: 50%;
  margin-top: -0.5em;
  transition: all 0.3s ease-out;
}
.rectangle-list li a:hover:after {
  left: -0.5em;
  border-left-color: #fa8072;
}
.rectangle-list li.active a {
  position: relative;
  display: block;
  padding: 0.4em 0.4em 0.4em 0.8em;
  *padding: 0.4em;
  margin: 0.5em 0 0.5em 2.5em;
  background: #eee !important;
  color: #000 !important;
  text-decoration: none !important;
  transition: all 0.3s ease-out;
  font-weight: bold !important;
}
.rectangle-list li.active a:hover {
  background: #333;
}
.rectangle-list li.active a:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  left: -2.5em;
  top: 50%;
  margin-top: -1em;
  background: #999;
  color: #fff;
  height: 2em;
  width: 2em;
  line-height: 2em;
  text-align: center;
  font-weight: bold;
}
.rectangle-list li.active a:after {
  position: absolute;
  content: '';
  border: 0.5em solid transparent;
  left: -1em;
  top: 50%;
  margin-top: -0.5em;
  transition: all 0.3s ease-out;
}
.rectangle-list li.active a:hover:after {
  left: -0.5em;
  border-left-color: none;
}
/* Share Button */
.share-item {
  display: block;
  padding-bottom: 5px;
  margin-bottom: 1em;
  position: relative;
  z-index: 999;
}
.share-item .mail {
  float: left;
  margin-right: 18px;
}
.share-item .hatebu {
  float: left;
  padding-top: 3px;
  margin-right: 18px;
}
.share-item .tw {
  float: left;
  width: 108px;
}
.share-item .fb {
  float: left;
  padding-top: 3px;
  margin-right: 20px;
  position: relative;
  z-index: 999;
}
.share-item .fb iframe {
  position: absolute;
  z-index: 999;
}
.share-item .gp {
  float: left;
  padding-top: 3px;
  margin-right: 20px;
  position: relative;
  z-index: 999;
  width: 70px;
}
.share-item .po {
  float: left;
  padding-top: 3px;
  margin-right: 20px;
  position: relative;
  z-index: 999;
}
.share-item span {
  display: inline-block;
}
.share-item iframe.twitter-share-button {
  max-width: 99px;
}
.share-item span.gps {
  width: 70px;
  overflow: hidden;
}
.share-item span.poc {
  width: 100px;
  height: 20px;
  padding-top: 2px !important;
  overflow: hidden;
}
.social {
  /* for CLS */
  display: block;
  height: 50px;
}
.social-count {
  padding-bottom: 10px;
  margin-bottom: 15px;
  margin-top: 5px;
  border-bottom: 1px solid #ccc;
  display: block;
}
.social-count:after {
  content: '';
  clear: both;
  float: none;
  display: block;
}
.social-balloon {
  position: relative;
  top: 0;
  display: inline-block;
  float: left;
  margin-right: 5px;
  margin-bottom: 10px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  width: 97px;
  text-align: center;
  padding: 5px;
  font-size: 32px;
  height: 96px;
}
.social-balloon div {
  font-size: 12px !important;
  margin: 0;
  padding: 0;
}
.social-balloon a {
  display: block;
  color: #fff !important;
  text-decoration: none !important;
}
.social-balloon a:hover {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  display: block;
  background-color: #dc0b0a;
}
.social-counter-wrap {
  position: absolute;
  background-color: #fcfcfc;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  font-size: 13px;
  margin-top: 3px;
  height: 27px;
  width: 90%;
}
.social-counter-wrap a {
  color: #3c3c3c !important;
  text-decoration: none !important;
}
.social-share-sp {
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}
.social-share-sp:after {
  content: '';
  clear: both;
  float: none;
  display: block;
}
.social-share-sp span {
  margin: 0;
  padding: 0;
}
.social-share-sp .social-share-wrap-sp {
  display: inline-block;
  width: 25%;
  text-align: center;
  margin: 0;
  padding: 0;
  float: left;
}
.social-share-sp .social-share-wrap-sp a {
  padding: 10px 0;
  width: 100%;
  display: block;
  color: #fff;
}
.social-share-sp .pkt a,
.social-share-sp .line a {
  padding: 8px 0 !important;
}
.ml {
  background-color: #303607;
}
.tw {
  background-color: #00AEE8;
}
.fb {
  background-color: #395992;
}
.gp {
  background-color: #E1493F;
}
.htb {
  background-color: #0271BD;
}
.pkt {
  background-color: #EF4456;
}
.line {
  background-color: #00B900;
}
.fa-hatena:before {
  content: "B!";
  font-family: Verdana;
  font-weight: bold;
}
.share-mail {
  font-size: 16px;
  vertical-align: text-bottom;
}
.fb_iframe_widget > span {
  vertical-align: baseline !important;
  padding-top: 8px;
}
.reigen-description {
  background-color: #f5f5f5;
  padding: 5px 5px 0;
}
.reigen-description p {
  color: #7c7c7c;
  font-size: 11px;
  line-height: 1.4 !important;
}
.summary {
  background-color: #E10018;
  padding: 5px 10px;
  display: inline-block;
  color: #fff;
  margin-bottom: 10px;
}
.btn {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  background-color: #3498db;
  padding: 0 !important;
  overflow: hidden;
  text-align: center !important;
  margin: 10px auto 0 !important;
  display: inline-block !important;
}
.btn a {
  padding: 20px !important;
  font-size: 20px !important;
  height: 60px;
  line-height: 60px;
  text-align: center !important;
  color: #fff !important;
  font-weight: bold;
  text-decoration: none !important;
}
.btn:hover {
  background-color: #2980b9;
}
.btn-accent {
  background-color: #E10014;
}
.btn-square {
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
}
.icon-ad {
  position: absolute;
  bottom: 5px;
  left: 0;
  background-color: #ccc;
  color: #fff;
  padding: 1px 5px;
  font-size: 12px;
}
.paypage-text-wrap {
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  padding: 10px 0;
}
.balloon-bottom {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  width: auto;
  min-width: 115px;
  height: 40px;
  color: #F6F6F6;
  line-height: 40px;
  text-align: center;
  background: #dc0b0a;
  z-index: 0;
}
.balloon-bottom:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 20%;
  margin-left: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #dc0b0a transparent transparent transparent;
}
.paypage-text {
  margin-top: 1em;
  display: block;
}
.paypage-text p {
  font-size: 100% !important;
  padding-bottom: 5px!important;
  display: block;
  line-height: 1.4em !important;
}
.paypage-text p:before {
  content: "\f0a4";
  display: block;
  font: normal normal normal 14px/1 FontAwesome;
  color: #dc0b0a;
  float: left;
  font-size: 108% !important;
  line-height: 1.4em !important;
  padding: 0 0.5em 0 0;
}
/* attention */
.attention {
  background-color: #fcfcfc;
  padding: 10px !important;
  margin: 1em 0 0;
  display: inline-block;
  width: 100% !important;
}
.attention p {
  font-size: 14px !important;
  padding-bottom: 10px !important;
  line-height: 1.3 !important;
}
.attention ol,
.attention ol li {
  list-style: decimal !important;
  font-size: 14px;
  line-height: 1.5;
  margin: 0.5em 0 0.5em 1em;
}
.attention ol li {
  margin-bottom: 5px;
  list-style: decimal !important;
}
/* item */
#footer-info a {
  text-decoration: none !important;
}
#footer-info a:hover {
  text-decoration: underline !important;
}
#footer-info p, #footer-info li {
  color: #fff;
}
#footer-info li {
  margin: 0;
  padding: 0 0 0 10px;
  list-style: none;
  background: url(../img/common/footer-arrow.gif) no-repeat top left;
}
.bg-lightgray {
  background-color: #f5f5f5;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.link-block {
  display: block;
}
.link-color-white {
  coloer: #fff;
}
/* font */
.font-xs {
  font-size: 10px !important;
}
.font-sm {
  font-size: 12px !important;
  line-height: 1.4 !important;
}
.font-md {
  font-size: 16px !important;
}
.font-lg {
  font-size: 24px !important;
}
.font-bold {
  font-weight: bold;
}
.line-height-reset {
  line-height: 1 !important;
}
.line-height-sm {
  line-height: 1.2 !important;
}
.line-height-md {
  line-height: 1.7 !important;
}
.line-height-lg {
  line-height: 2 !important;
}
dl dt {
  float: left;
  clear: both;
  padding: 3px 0;
  line-height: 1.6;
}
dl dd {
  padding: 3px 0;
  line-height: 1.6;
}
dl.line dd {
  border-bottom: 1px dotted #ccc;
}
dl.w1 dt {
  width: 0.5em;
}
dl.w1 dd {
  padding-left: 1.5em;
}
dl.w5 dt {
  width: 5em;
}
dl.w5 dd {
  padding-left: 6em;
}
dl.w6 dt {
  width: 6em;
}
dl.w6 dd {
  padding-left: 7em;
}
dl.w7 dt {
  width: 7em;
}
dl.w7 dd {
  padding-left: 8em;
}
dl.w8 dt {
  width: 8em;
}
dl.w8 dd {
  padding-left: 9em;
}
dl.w9 dt {
  width: 9em;
}
dl.w9 dd {
  padding-left: 10em;
}
dl.w10 dt {
  width: 10em;
}
dl.w10 dd {
  padding-left: 11em;
}
dl.w11 dt {
  width: 11em;
}
dl.w11 dd {
  padding-left: 12em;
}
dl.w12 dt {
  width: 12em;
}
dl.w12 dd {
  padding-left: 13em;
}
dl.w13 dt {
  width: 13em;
}
dl.w13 dd {
  padding-left: 14em;
}
dl.w14 dt {
  width: 14em;
}
dl.w14 dd {
  padding-left: 15em;
}
dl.w15 dt {
  width: 15em;
}
dl.w15 dd {
  padding-left: 16em;
}
dl.w16 dt {
  width: 16em;
}
dl.w16 dd {
  padding-left: 17em;
}
dl.w17 dt {
  width: 17em;
}
dl.w17 dd {
  padding-left: 18em;
}
dl.w18 dt {
  width: 18em;
}
dl.w18 dd {
  padding-left: 19em;
}
dl.w19 dt {
  width: 19em;
}
dl.w19 dd {
  padding-left: 20em;
}
dl.w20 dt {
  width: 20em;
}
dl.w20 dd {
  padding-left: 21em;
}
dl.w21 dt {
  width: 21em;
}
dl.w21 dd {
  padding-left: 22em;
}
dl.w22 dt {
  width: 22em;
}
dl.w22 dd {
  padding-left: 23em;
}
dl.w23 dt {
  width: 23em;
}
dl.w23 dd {
  padding-left: 24em;
}
dl.w24 dt {
  width: 24em;
}
dl.w24 dd {
  padding-left: 25em;
}
dl.w25 dt {
  width: 25em;
}
dl.w25 dd {
  padding-left: 26em;
}
@media (max-width: 413px) {
  dl dt {
    float: none !important;
    clear: both;
    padding: 3px 0;
    line-height: 2.15;
  }
  dl dd {
    padding: 3px 0 !important;
    line-height: 2.15;
  }
}
@media (max-width: 480px) {
  dl dt {
    float: none !important;
    clear: both;
    padding: 3px 0;
    line-height: 2.15;
  }
  dl dd {
    padding: 3px 0 !important;
    line-height: 2.15;
  }
}
.z-1 {
  z-index: 1;
}
.z-2 {
  z-index: 2;
}
.z-3 {
  z-index: 3;
}
.z-4 {
  z-index: 4;
}
.z-5 {
  z-index: 5;
}
.z-6 {
  z-index: 6;
}
.z-7 {
  z-index: 7;
}
.z-8 {
  z-index: 8;
}
.z-9 {
  z-index: 9;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
@media (max-width: 480px) {
  #Article h3.article-title {
    font-size: 24px;
    line-height: 32px;
  }
  .side200,
  .side280,
  .side300,
  .side-half-left,
  .side-half-right {
    width: 100%;
    padding: 5px;
    background-color: #f5f5f5;
    margin: 0 0 30px !important;
  }
  .cinema dl dt {
    float: none;
  }
  .cinema dl dd {
    float: none;
    padding-left: 0;
  }
  .post-monthly-title {
    background-color: #af1946;
    font-size: 120%;
    padding: 10px 30px !important;
    color: #fff;
    display: inline !important;
  }
  .post-monthly-title,
  .post-monthly-title-b,
  .post-monthly-title-g,
  .post-monthly-title-y,
  .post-monthly-title-o,
  .post-monthly-title-bl {
    padding: 10px 5px !important;
  }
}
.LmagazineList ul li {
  min-height: 179px !important;
}
#top-nav-content {
  z-index: 49 !important;
}
#Article [class^="col-"] img {
  margin-bottom: 3px;
}
@media print {
  .social-count {
    display: none !important;
  }
}
.yt-area {
  background-color: #ebebeb;
  padding: 20px 20px 15px;
}
.bnr-border {
  border: 1px solid #979797;
}
.article-p p {
  margin: 0;
  padding: 0 0 1em;
  font-size: 132%;
  line-height: 2.2;
  word-break: normal!important;
}
#searchbox .searchform .btn,
#searchbarIndex .searchform .btn {
    background-color: inherit;
    margin: 0 !important;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px !important;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
}

#searchbox .searchform .btn i.fa-search {
  margin: 0 50px;
}
@media (max-width: 480px) {
  .books-area img {
    width: 200px;
    height: auto;
  }
}
@media (max-width: 480px) {
  #searchbox .searchform .btn i.fa-search {
    margin: 0 20px;
  }  
}