@charset "UTF-8";

/**
 *
 * 汎用スタイルシート
 *
**/


/**
 * フォントカラー
**/

.red { color: #ff0000; }
.green { color: #00ff00; }
.blue { color: #0000ff; }

/**
 * フォントウェイト
**/

.bold { font-weight: bold; }


/**
 * フォントサイズ
**/

.font10 { font-size: 85%; }
.font11 { font-size: 90%; }
.font13 {
	line-height: 150%;
	font-size: 110%;
}
.font14 {
	line-height: 150%;
	font-size: 115%;
}
.font15 {
	line-height: 150%;
	font-size: 125%;
}
.font16 {
	line-height: 150%;
	font-size: 130%;
}
.font17 {
	line-height: 150%;
	font-size: 142%;
}
.font20 {
	line-height: 150%;
	font-size: 167%;
}
.font24 {
	line-height: 150%;
	font-size: 200%;
}


/**
 * テキストアライン
**/

.txt_right { text-align: right; }
.txt_left { text-align: left; }
.txt_center { text-align: center; }
.txt_center img {
	margin-left: auto;
	margin-right: auto;
}

/**
 * テキストインデント
**/

.txt_indent { text-indent: 1em; }


/**
 * マージン
**/

/* マージントップ */
.mt05 { margin-top: 5px; }
.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; }
.mt55 { margin-top: 55px; }
.mt60 { margin-top: 60px; }

/* マージンボトム */
.mb05 { margin-bottom: 5px; }
.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; }
.mb55 { margin-bottom: 55px; }
.mb60 { margin-bottom: 60px; }

/* マージンレフト */
.ml05 { margin-left: 5px; }
.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; }
.ml55 { margin-left: 55px; }
.ml60 { margin-left: 60px; }

/* マージンライト */
.mr05 { margin-right: 5px; }
.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; }
.mr55 { margin-right: 55px; }
.mr60 { margin-right: 60px; }


/**
 * フロート
**/

.fl { float: left; }
.fr { float: right; }


/**
 * ワイド
**/

.w50 { width: 50px; }
.w100 { width: 100px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w300 { width: 300px; }
.w350 { width: 350px; }


/**
 * テキスト入力フィールド
**/

input.txt_long {
	width: 60%;
	height: 22px;
	line-height: 22px;
	border: 1px solid #010101;
}

input.txt_short {
	width: 15%;
	height: 22px;
	line-height: 22px;
	border: 1px solid #010101;
}

.textarea {
	width: 70%;
	height: 250px;
	border: 1px solid #010101;
}


/**
 * ボックス
**/

.box {
	margin: 0 0 15px 0;
}


/**
 * クリア関連
**/

.clear {
	clear: both;
}

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

.clearfix { min-height: 1px; }
* html .clearfix { height: 1px; }