@charset "shift_jis";

/* CSS Document */

/****************************************************************************************************************************
フロート設定*/

.f_left {
	float: left;
}


.f_right {
	float: right;
}


.clear {
	clear: both;
}

/****************************************************************************************************************************
リストの無効化*/

ul {
	list-style-type: none;
}

/****************************************************************************************************************************
強調*/

em,strong {
	font-weight: bold;
	font-style: normal;
}

/****************************************************************************************************************************
画像をブロック化し、ボーダーを無くす*/

img {
	display: block;
	border: 0px;
}

/****************************************************************************************************************************
ブロック化*/

.block {
	display: block;
}

/****************************************************************************************************************************
インライン化*/

.inline {
	display: inline;
}

/****************************************************************************************************************************
テキスト揃え*/

.txt_c {text-align: center}
.txt_l {text-align: left}
.txt_r {text-align: right}

/****************************************************************************************************************************
天地センター*/

.vcenter {
	vertical-align: middle;
}

/****************************************************************************************************************************
文字サイズ設定*/

.fs8 {font-size: 8px}
.fs9 {font-size: 9px}
.fs10 {font-size: 10px}
.fs12 {font-size: 12px}
.fs13 {font-size: 13px}
.fs14 {font-size: 14px}
.fs16 {font-size: 16px}
.fs18 {font-size: 18px}
.fs20 {font-size: 20px}
.fs24 {font-size: 24px}
.fs36 {font-size: 36px}

/****************************************************************************************************************************
文字色設定*/

.fc_black {color: #000}
.fc_white {color: #FFF}
.fc_red {color: #F00}
.fc_blue {color: #00F}
.fc_blue2 {color: #003366}
.fc_green {color: #0F0}
.fc_yellow {color: #FF0}
.fc_orange {color: #F90}
.fc_purple {color: #909}
.fc_gray1 {color: #666}
.fc_gray2 {color: #999}
.fc_gray3 {color: #CCC}

/****************************************************************************************************************************
ボーダーカラー設定*/

.bdc_black {border-color: #000}
.bdc_white {border-color: #FFF}
.bdc_red {border-color: #F00}
.bdc_blue {border-color: #00F}
.bdc_green {border-color: #0F0}
.bdc_yellow {border-color: #FF0}
.bdc_orange {border-color: #F90}
.bdc_purple {border-color: #909}
.bdc_gray1 {border-color: #666}
.bdc_gray2 {border-color: #999}
.bdc_gray3 {border-color: #CCC}

/****************************************************************************************************************************
背景色設定*/

.bgc_black {background-color: #000}
.bgc_white {background-color: #FFF}
.bgc_red {background-color: #F00}
.bgc_blue {background-color: #00F}
.bgc_green {background-color: #0F0}
.bgc_yellow {background-color: #FF0}
.bgc_orange {background-color: #F90}
.bgc_purple {background-color: #909}
.bgc_gray1 {background-color: #666}
.bgc_gray2 {background-color: #999}
.bgc_gray3 {background-color: #CCC}

/****************************************************************************************************************************
文字ウェイト設定*/

.fw_b {font-weight: bold}
.fw_900 {font-weight: 900}
.fw_no {font-weight: normal}

/****************************************************************************************************************************
文字間アキ設定*/
.ls1 {letter-spacing: 1px}
.ls2 {letter-spacing: 2px}

/****************************************************************************************************************************
行間詳細設定*/

.lh09 {line-height: 0.9em}
.lh10 {line-height: 1em}
.lh11 {line-height: 1.1em}
.lh12 {line-height: 1.2em}
.lh13 {line-height: 1.3em}
.lh14 {line-height: 1.4em}
.lh15 {line-height: 1.5em}
.lh16 {line-height: 1.6em}
.lh17 {line-height: 1.7em}
.lh18 {line-height: 1.8em}
.lh19 {line-height: 1.9em}
.lh20 {line-height: 2.0em}

/****************************************************************************************************************************
マージン詳細設定*/



.m5 {margin: 5px}
.m6 {margin: 6px}
.m7 {margin: 7px}
.m8 {margin: 8px}
.m9 {margin: 9px}
.m10 {margin: 10px}
.m15 {margin: 15px}
.m20 {margin: 20px}

.mt1 {margin-top: 1px}
.mt2 {margin-top: 2px}
.mt3 {margin-top: 3px}
.mt4 {margin-top: 4px}
.mt5 {margin-top: 5px}
.mt6 {margin-top: 6px}
.mt7 {margin-top: 7px}
.mt8 {margin-top: 8px}
.mt9 {margin-top: 9px}
.mt10 {margin-top: 10px}
.mt15 {margin-top: 15px}
.mt20 {margin-top: 20px}
.mt25 {margin-top: 25px}
.mt30 {margin-top: 30px}
.mt35 {margin-top: 35px}
.mt40 {margin-top: 40px}
.mt45 {margin-top: 45px}
.mt50 {margin-top: 50px}
.mt60 {margin-top: 60px}

.mr1 {margin-right: 1px}
.mr2 {margin-right: 2px}
.mr3 {margin-right: 3px}
.mr4 {margin-right: 4px}
.mr5 {margin-right: 5px}
.mr6 {margin-right: 6px}
.mr7 {margin-right: 7px}
.mr8 {margin-right: 8px}
.mr9 {margin-right: 9px}
.mr10 {margin-right: 10px}
.mr15 {margin-right: 15px}
.mr20 {margin-right: 20px}
.mr25 {margin-right: 25px}
.mr30 {margin-right: 30px}
.mr35 {margin-right: 35px}
.mr40 {margin-right: 40px}
.mr45 {margin-right: 45px}
.mr50 {margin-right: 50px}
.mr60 {margin-right: 60px}

.mb1 {margin-bottom: 1px}
.mb2 {margin-bottom: 2px}
.mb3 {margin-bottom: 3px}
.mb4 {margin-bottom: 4px}
.mb5 {margin-bottom: 5px}
.mb6 {margin-bottom: 6px}
.mb7 {margin-bottom: 7px}
.mb8 {margin-bottom: 8px}
.mb9 {margin-bottom: 9px}
.mb10 {margin-bottom: 10px}
.mb15 {margin-bottom: 15px}
.mb20 {margin-bottom: 20px}
.mb25 {margin-bottom: 25px}
.mb30 {margin-bottom: 30px}
.mb35 {margin-bottom: 35px}
.mb40 {margin-bottom: 40px}
.mb45 {margin-bottom: 45px}
.mb50 {margin-bottom: 50px}
.mb60 {margin-bottom: 60px}

.ml1 {margin-left: 1px}
.ml2 {margin-left: 2px}
.ml3 {margin-left: 3px}
.ml4 {margin-left: 4px}
.ml5 {margin-left: 5px}
.ml6 {margin-left: 6px}
.ml7 {margin-left: 7px}
.ml8 {margin-left: 8px}
.ml9 {margin-left: 9px}
.ml10 {margin-left: 10px}
.ml15 {margin-left: 15px}
.ml20 {margin-left: 20px}
.ml25 {margin-left: 25px}
.ml30 {margin-left: 30px}
.ml35 {margin-left: 35px}
.ml40 {margin-left: 40px}
.ml45 {margin-left: 45px}
.ml50 {margin-left: 50px}
.ml60 {margin-left: 60px}
.ml100 {margin-left: 100px}
.ml110 {margin-left: 110px}
.ml120 {margin-left: 120px}
.ml125 {margin-left: 125px}
.ml130 {margin-left: 130px}
.ml140 {margin-left: 140px}
.ml150 {margin-left: 150px}
.ml160 {margin-left: 160px}
.ml180 {margin-left: 180px}

/****************************************************************************************************************************
パディング詳細設定*/

.pt1 {padding-top: 1px}
.pt2 {padding-top: 2px}
.pt3 {padding-top: 3px}
.pt4 {padding-top: 4px}
.pt5 {padding-top: 5px}
.pt6 {padding-top: 6px}
.pt7 {padding-top: 7px}
.pt8 {padding-top: 8px}
.pt9 {padding-top: 9px}
.pt10 {padding-top: 10px}
.pt15 {padding-top: 15px}
.pt20 {padding-top: 20px}
.pt25 {padding-top: 25px}
.pt30 {padding-top: 30px}
.pt35 {padding-top: 35px}
.pt40 {padding-top: 40px}
.pt45 {padding-top: 45px}
.pt50 {padding-top: 50px}

.pr1 {padding-right: 1px}
.pr2 {padding-right: 2px}
.pr3 {padding-right: 3px}
.pr4 {padding-right: 4px}
.pr5 {padding-right: 5px}
.pr6 {padding-right: 6px}
.pr7 {padding-right: 7px}
.pr8 {padding-right: 8px}
.pr9 {padding-right: 9px}
.pr10 {padding-right: 10px}
.pr15 {padding-right: 15px}
.pr20 {padding-right: 20px}
.pr25 {padding-right: 25px}
.pr30 {padding-right: 30px}
.pr35 {padding-right: 35px}
.pr40 {padding-right: 40px}
.pr45 {padding-right: 45px}
.pr50 {padding-right: 50px}

.pb1 {padding-bottom: 1px}
.pb2 {padding-bottom: 2px}
.pb3 {padding-bottom: 3px}
.pb4 {padding-bottom: 4px}
.pb5 {padding-bottom: 5px}
.pb6 {padding-bottom: 6px}
.pb7 {padding-bottom: 7px}
.pb8 {padding-bottom: 8px}
.pb9 {padding-bottom: 9px}
.pb10 {padding-bottom: 10px}
.pb15 {padding-bottom: 15px}
.pb20 {padding-bottom: 20px}
.pb25 {padding-bottom: 25px}
.pb30 {padding-bottom: 30px}
.pb35 {padding-bottom: 35px}
.pb40 {padding-bottom: 40px}
.pb45 {padding-bottom: 45px}
.pb50 {padding-bottom: 50px}

.pl1 {padding-left: 1px}
.pl2 {padding-left: 2px}
.pl3 {padding-left: 3px}
.pl4 {padding-left: 4px}
.pl5 {padding-left: 5px}
.pl6 {padding-left: 6px}
.pl7 {padding-left: 7px}
.pl8 {padding-left: 8px}
.pl9 {padding-left: 9px}
.pl10 {padding-left: 10px}
.pl15 {padding-left: 15px}
.pl20 {padding-left: 20px}
.pl25 {padding-left: 25px}
.pl30 {padding-left: 30px}
.pl35 {padding-left: 35px}
.pl40 {padding-left: 40px}
.pl45 {padding-left: 45px}
.pl50 {padding-left: 50px}

/****************************************************************************************************************************
IE7以下用ハック（padding-bottom:）*/

*:first-child+html .pb0 {padding-bottom: 0px} * html .pb0 {padding-bottom: 0px} 
*:first-child+html .pb10 {padding-bottom: 10px} * html .pb10 {padding-bottom: 10px} 

/****************************************************************************************************************************
CLEARFIX*/

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}