@charset "utf-8";

/* CMS Template(CSS編集はCMS管理画面から )

 Update:  2024-02-14*/

/* float ==== */
.fl {
  float: left;
}
.fr {
  float: right;
}
.cl {
  clear: both;
}

/* align ==== */
.ac {
  text-align: center !important;
}
.al {
  text-align: left !important;
}
.ar {
  text-align: right !important;
}
.vt {
  vertical-align: top !important;
}

/* particular case ==== */
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mr0 {
  margin-right: 0 !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mr50 {
  margin-right: 50px !important;
}
.ml0 {
  margin-left: 0 !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.pr40 {
  padding-right: 40px !important;
}
.pt0 {
  padding-top: 0 !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pl0 {
  padding-left: 0 !important;
}
.pl30 {
  padding-left: 30px !important;
}
.pr0 {
  padding-right: 0 !important;
}
.pb0 {
  padding-bottom: 0 !important;
}
.pb15 {
  padding-bottom: 15px !important;
}

/* for clearFix
--------------------------------------------------------------*/
.cf:after {
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
  content: ".";
}
/* 追加 MacIE 5 と WinIE 7 向け */
.cf {
  display: inline-block;
}
/*MacIE \*/
* html .cf {
  height: 1em;
}
.cf {
  display: block;
}
/*  */

/* -- category common
-------------------------------------------------------------------------------- */

#wrap {
  width: 850px;
}
#content {
  padding: 10px 60px 20px 40px;
}
h1 {
  font-size: 24px;
  color: #000000;
  line-height: 1.5;
}
p {
  font-size: 14px;
  line-height: 1.8;
  color: #333333;
  margin: 0 0 25px 0;
}

.outerBox {
  width: 800px;
}

.outerBox .l_set {
  float: left;
  width: 410px;
}

.outerBox .r_set {
  float: right;
  width: 340px;
}

.outerBox2 {
  width: 800px;
  margin: 0 0 30px 0;
}

.outerBox2 .l_set {
  float: left;
  width: 370px;
}

.outerBox2 .r_set {
  float: right;
  width: 380px;
}
a.arrow {
  padding-left: 16px;
}
a.arrow.blank:after {
  content: "";
  font-size: 0;
  vertical-align: baseline;
  display: inline-block;
  height: 9px;
  width: 12px;
  margin-left: 10px;
}
.toppicsBtn2 {
  text-align: right;
}

a:link {
  color: #187cd9;
  text-decoration: none;
}
a:visited {
  color: #187cd9;
  text-decoration: none;
}
a:hover {
  color: #187cd9;
  text-decoration: underline;
}