@charset "utf-8";

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

__ クラス設定（単独）

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

/*----------------------------------------------------------------------
  テキスト（色）
----------------------------------------------------------------------*/

.font-color-red { color:#c00; }

/*----------------------------------------------------------------------
  テキスト（サイズ）
----------------------------------------------------------------------*/

.font-size-small-table { font-size:74%; }
.font-size-small { font-size:85%; }
.font-size-normal { font-size:100%; }
.font-size-large { font-size:125%; }
.font-size-huge { font-size:150%; }

/*----------------------------------------------------------------------
  テキスト（太さ）
----------------------------------------------------------------------*/

.font-weight-bold { font-weight:bold; }
.font-weight-normal { font-weight:normal; }

/*----------------------------------------------------------------------
  テキスト（その他）
----------------------------------------------------------------------*/

/* 改行 */
.font-nowrap { white-space:nowrap; }

/* 下線 */
.font-line { text-decoration:underline; }

/*----------------------------------------------------------------------
  文字寄せ
----------------------------------------------------------------------*/

.text-layout-right { text-align:right !important; }
.text-layout-center { text-align:center !important; }
.text-layout-left { text-align:left !important; }

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

/*----------------------------------------------------------------------
  フロート
----------------------------------------------------------------------*/

.float-left { float:left; }
.float-right { float:right; }

.float-left-single {
	float:left;
	margin:15px 20px 15px 0;
}

.float-right-single {
	float:right;
	margin:15px 0 15px 20px;
}

.float-clear { clear: both !important; }

/*----------------------------------------------------------------------
  サイズ
----------------------------------------------------------------------*/

.w-10 { width:10%; } .w-15 { width:15%; }
.w-20 { width:20%; } .w-25 { width:25%; }
.w-30 { width:30%; } .w-33 { width:33%; }
.w-35 { width:35%; }
.w-40 { width:40%; } .w-45 { width:45%; }
.w-50 { width:50%; } .w-55 { width:55%; }
.w-60 { width:60%; } .w-65 { width:65%; }
.w-70 { width:70%; } .w-75 { width:75%; }
.w-80 { width:80%; } .w-85 { width:85%; }
.w-90 { width:90%; }
.w-100 { width:100%; }
.w-auto { width:auto; }

.box-s { width:150px; }
.box-m { width:270px; }
.box-l { width:395px; }

.column1 .box-s { width:240px; }
.column1 .box-m { width:370px; }
.column1 .box-l { width:500px; }

.box-3 .box { width:176px; }
.box-3 .box.float-left { margin-right:16px; }

.column1 .box-3 .box { width:240px; }
.column1 .box-3 .box.float-left { margin-right:20px; }

.box-fix-15 {
	margin-right:15px;
	margin-left:15px;
}

/*----------------------------------------------------------------------
  マージン
----------------------------------------------------------------------*/

.set-margin-0 { margin:0 !important; }

.set-margin-top-0 { margin-top:0 !important; }
.set-margin-top-5 { margin-top:5px; }
.set-margin-top-15 { margin-top:15px; }
.set-margin-top-20 { margin-top:20px; }

.set-margin-right-0 { margin-right:0; }
.set-margin-bottom-0 { margin-bottom:0; }

.set-margin-left-0 { margin-left:0; }
.set-margin-left-15 { margin-left:15px; }

/*----------------------------------------------------------------------
  背景
----------------------------------------------------------------------*/

.block-bg-gray {
	background-color:#f7f7f7;
	padding:10px;
}

.block-bg-blue {
	background-color:#eff7ff;
	padding:10px;
}

.block-bg-red {
	background-color:#fae5e5;
	padding:10px;
}

/* 共通 */

ul.block-bg-gray,
ul.block-bg-blue,
ul.block-bg-red {
	padding-top:5px;
}

ol.block-bg-gray,
ol.block-bg-blue,
ol.block-bg-red {
	padding-top:5px;
}

.block-bg-gray dd,
.block-bg-red dd {
	padding-top:5px;
}

.bg-gray {
	background-color:#f7f7f7;
}

.bg-red {
	background-color:#fae5e5;
}

/*----------------------------------------------------------------------
  ボーダー
----------------------------------------------------------------------*/

.block-border-gray {
	border:1px #ccc solid;
	padding:10px;
}

.block-border-red {
	border:1px #c00 solid;
	padding:10px;
}

/* 共通 */

ul.block-border-gray,
ul.block-border-red {
	padding-top:5px;
}

.block-border-gray dd,
.block-border-red dd {
	padding-top:5px;
}

/*----------------------------------------------------------------------
  リンク
----------------------------------------------------------------------*/

a.hover img {
	transition: 0.3s linear;
}

a.hover img:hover{
 filter: alpha(opacity=40);
 opacity:0.4;
 zoom:1;
}