@charset "UTF-8";
/*--------------------------------------------------
	共通モジュール
--------------------------------------------------*/

a:link{
	text-decoration: underline;
	color: #03C;
}
a:hover{
	text-decoration: none;
	color: #C00;
}



/* フロート
----------------------------------------- */
.float-box:after {
  content: ".";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
  font-size: 0;
}
.float-box .float-right {
  float: right;
}
.float-box .float-left {
  float: left;
}
.clear:after {
  content: ".";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
  font-size: 0;
}

/* 画像＋テキスト位置
----------------------------------------- */

img.baseline { vertical-align: baseline; }
img.top { vertical-align: top; }
img.middle { vertical-align: middle; }
img.bottom { vertical-align: bottom; }
img.text-top { vertical-align: text-top; }
img.text-bottom { vertical-align: text-bottom; }

/* テキスト
----------------------------------------- */
.center {
  display: block;
  text-align: center;
}
/*　マージン
----------------------------------------- */
.margin_bottom-lg {
/*  margin-bottom: 1.5rem;*/
  margin-bottom: 1rem;
}
/* 角丸ボックス
----------------------------------------- */
.box-radius {
  padding: 0.5rem 0.6rem;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
.box-radius-top {
  padding: 0.6rem 0.8rem;
}

.box-radius_out {
  padding: 0.2rem;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
/* 文字色
----------------------------------------- */
.color-white {
  color: #ffffff;
}
.color-black {
  color: #333333;
}
.color-silber {
  color: #cccccc;
}
.color-green {
  color: #006837;
}
.color-green-2 {
  color: #8ec656;
}
.color-green-3 {
  color: #229337;
}
.color-braun {
  color: #993300;
}
.color-beige {
  color: #a67c52;
}
.color-beige-2 {
  color: #c69c6d;
}
.color-red {
  color: #ff0000;
}
.color-blue {
  color: #0071bc;
}
.color-org {
  color: #f7460f;
}
.color-pink {
  color: #f0d5d4;
}
.color-violet {
  color: #662d91;
}
/* 背景色
----------------------------------------- */
.bg_color-white {
  background: #ffffff;
}
.bg_color-black {
  background: #333333;
}
.bg_color-silber {
  background: #cccccc;
}
.bg_color-green {
  background: #006837;
}
.bg_color-green-2 {
  background: #8ec656;
}
.bg_color-green-3 {
  background: #229337;
}
.bg_color-braun {
  background: #993300;
}
.bg_color-beige {
  background: #a67c52;
}
.bg_color-beige-2 {
  background: #c69c6d;
}
.bg_color-red {
  background: #ff0000;
}
.bg_color-blue {
  background: #0071bc;
}
.bg_color-org {
  background: #f7460f;
}
.bg_color-pink {
  background: #c9317d;
}
.bg_color-violet {
  background: #662d91;
}




/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}