@charset "utf-8";
/* その他のcssです。*/

/* border ---------------------------- */

/* preloader ---------------------------- */

/* アクセント ---------------------------- */
.accent-orange {
  color: #b67300;
  font-weight: bold;
}
.accent-red {
  color: #cc0000;
  font-weight: bold;
}
.accent-blue {
  color: #00a0e9;
  font-weight: bold;
}
.text-black {
  color: #191919;
}
.text-red {
  color: #FF0000;
}
.text-red2 {
  color: #e61a1f;
}
.text-red3 {
  color: #CA3537;
}
.text-orange {
  color: #b67300;
}
.text-blue {
  color: #2C578D;
}
.text-water {
  color: #33CCFF;
}
.text-yellow {
  color: #FFDD00;
}
.text-gray {
  color: #696969;
}
.text-white {
  color: #FFFFFF;
}
.text-light {
  color: #AFAFAF;
}
.weight-normal {
  font-weight: normal;
}
.weight-bold {
  font-weight: bold;
}
.large0 {
  font-size: 1.125em;
}
.large1 {
  font-size: 1.25em;
}
.large2 {
  font-size: 1.5em;
}
.small0 {
  font-size: 0.5em;
}
.small {
  font-size: 0.8125em;
}
.small1 {
  font-size: 0.75em;
}
.small2 {
  font-size: 0.875em;
}
.small3 {
  font-size: 0.9125em;
}
.small4 {
  font-size: 0.688em;
}

/*カッコで始める文字*/
.brackets {
	text-indent: -5px;
}
.brackets1 {
	text-indent: -10px;
}
.brackets2 {
	text-indent: -15px;
}

/* パネル ---------------------------- */

/* スクリーン ---------------------------- */

/* ナビゲーション ---------------------------- */

/* サブナビゲーション ---------------------------- */

/* サイト内検索フォーム、カテゴライズ ---------------------------- */

/* サイト内検索フォーム、カテゴライズ white-space */

/* サイト内検索フォーム、カテゴライズ 要素 */

/* pageswitch -------------------------- */

/* tooltip -------------------------- */

/* padding（spacer -------------------------- */
.padding6 {
  padding: 0px 6px 0px 6px;
  cursor: default;
}
.padding8 {
  padding: 0px 8px 0px 8px;
  cursor: default;
}
.padding12 {
  padding: 0px 12px 0px 12px;
  cursor: default;
}
.padding18 {
  padding: 0px 18px 0px 18px;
  cursor: default;
}

/* spacer -------------------------- */
.spacer1, .spacer4, .spacer5, .spacer6, .spacer10, .spacer12, .spacer15, .spacer18, .spacer24, .spacer30, .spacer36, .spacer48, .spacer60, .spacer1000 {
  display: block;
  overflow: hidden;
  clear: both;
}
.spacer1    { height:   1px; }
.spacer4    { height:   4px; }
.spacer5    { height:   5px; }
.spacer6    { height:   6px; }
.spacer10    { height:   10px; }
.spacer12   { height:  12px; }
.spacer15   { height:  15px; }
.spacer18   { height:  18px; }
.spacer20   { height:  20px; }
.spacer24   { height:  24px; }
.spacer30   { height:  30px; }
.spacer36   { height:  36px; }
.spacer48   { height:  48px; }
.spacer60   { height:  60px; }
.spacer1000 { height: 9999px; background-color: #FFFFFF; }

/* paragraph indent -------------------------- */
.indent {
	margin-left: 20px;
}

/* and others -------------------------- */
.none {
	display: none;
}
.hidden {
  visibility: hidden;
}
.nomargin {
  margin: 0px 0px 0px 0px !important;
}
.nopadding {
  padding: 0px 0px 0px 0px !important;
}
.left {
  float: left;
}
.right {
  float: right;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}

/* width -------------------------- */
.wd20 {
	width: 20px;
}
.wd30 {
	width: 30px;
}
.wd50 {
	width: 50px;
}
.wd60 {
	width: 60px;
}
.wd80 {
	width: 80px;
}
.wd100 {
	width: 100px;
}
.wd120 {
	width: 120px;
}
.wd140 {
	width: 140px;
}
.wd160 {
	width: 160px;
}
.wd205 {
	width: 205px;
}