@charset "Shift_JIS";

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

__ クラス設定

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

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

.font-color-red { color:#c00; }
.font-color-blue { color:#00f; }
.font-color-green { color:#090; }
.font-color-orange { color:#F60; }
.font-color-white { color:#fff; }

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

.font-size-small { font-size:1.2em; }
.font-size-normal { font-size:1.3em; }
.font-size-large { font-size:1.7em; }
.font-size-huge { font-size:2.5em; }

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

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

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

/*  改行
----------------------------------------------------------------------*/

.nowrap { white-space:nowrap; }

/*  ライン
----------------------------------------------------------------------*/

.font-line-under { text-decoration:underline; }
.font-line-through { text-decoration:line-through; }

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

.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-right:20px;
}

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

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

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

.w-5  { width:5%; }
.w-10 { width:10%; } .w-15 { width:15%; }
.w-20 { width:20%; } .w-25 { width:25%; }
.w-30 { width:30%; } .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-95 { width:95%; }
.w-100 { width:100% !important; }
.w-auto { width:auto; }

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

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

.margin-top-0 { margin-top:0 !important; }
.margin-top-5 { margin-top:5px; }
.margin-top-15 { margin-top:15px; }
.margin-top-25 { margin-top:25px; }
.margin-top-30 { margin-top:30px; }
.margin-top-35 { margin-top:35px; }
.margin-top-50 { margin-top:50px; }

.margin-right-0 { margin-right:0 !important; }
.margin-right-15 { margin-right:15px; }
.margin-right-30 { margin-right:30px; }

.margin-bottom-0 { margin-bottom:0 !important; }
.margin-bottom-15 { margin-bottom:15px; }
.margin-bottom-30 { margin-bottom:30px; }

.margin-left-0 { margin-left:0 !important; }
.margin-left-10 { margin-left:10px; }
.margin-left-15 { margin-left:15px; }
.margin-left-30 { margin-left:30px; }

/*----------------------------------------------------------------------
  余白
----------------------------------------------------------------------*/

.padding-0 { padding:0 !important; }
.padding-5 { padding:5px; }
.padding-10 { padding:10px; }
.padding-15 { padding:15px; }
.padding-20 { padding:20px; }

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

.bg-white  { background-color:#ffffff; }
.bg-black  { background-color:#000000; }
.bg-gray { background-color:#f5f5f5; }
.bg-dark-gray { background-color:#777; }
.bg-yellow { background-color:#FFFFCC; }
.bg-blue { background-color:#DEF; }
.bg-red { background-color:#FDD; }
.bg-green { background-color:#F1FCEB; }

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

.border-gray {
	border:1px #DEDEDE solid;
}

/*----------------------------------------------------------------------
  display
----------------------------------------------------------------------*/

.none {
	display:none !important;
}

.inline {
	display:inline;
}

/*----------------------------------------------------------------------
  .table
----------------------------------------------------------------------*/

.table {
	display:table;
	margin-top:5px;
}

.table .cell-th {
	display:table-cell;
	padding-right:0.5em;
	white-space:nowrap;
}

.table .cell {
	display:table-cell;
}

/*----------------------------------------------------------------------
  .clearfix
----------------------------------------------------------------------*/

.clearfix{	zoom:1;}
.clearfix:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}