@charset "UTF-8";
/* CSS Document */

/* ------------------------------
テキスト
------------------------------ */
/* === カラー === */
.white {color: #fff;}
.black {color: #000;}
.gray {color: #666;}
.red {color: #f33;}
.orange {color: #f60;}
.green {color: #009900;}
.blue {color: #0000ff;}
.purple {color: #60f;}
.pink {color: #f67084;}
.brown{color: #600;}
.gray {color: #787878;}

/* ====== 横位置 ====== */
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}

/* ====== 縦位置(テーブル) ====== */
.txt-t {vertical-align: top;}
.txt-m {vertical-align: middle;}
.txt-b {vertical-align: bottom;}

/* ====== 大きさ ====== */
.tx_ss{font-size:10px;}
.tx_s{font-size:12px;}
.tx_m{font-size:14px;}
.tx_l{font-size:16px;}

/* ====== 太さ ====== */
.bold{font-weight:bold;}
/* ------------------------------
テキストリンク
------------------------------ */
/* === リンクカラー(通常) === */

/* ------------------------------
画像
------------------------------ */
/* ====== 画像のボーター消し ====== */
img {border: none;}
a img {margin: 0;padding: 0;border:none;}


/* ------------------------------
回り込み
------------------------------ */
.float-l {float: left;}
.float-r {float: right;}

/* ====== 回り込み解除 ====== */
.clear {clear: both;}
.clear-l {clear: left;}
.clear-r {clear: right;}


/* ====== clearfix ====== */
.clearfix:after{ /*for ModernBrowser*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	line-height: 0;
	visibility: hidden;
}
.clearfix {zoom: 1;} /*for IE5.5-7*/

/* ------------------------------
フォーム
------------------------------ */
input{ padding:2px 3px; }
select{ padding:2px 3px; }
input.w20{width:20px;}
input.w30{width:30px;}
input.w50{width:50px;}
input.w60{width:60px;}
input.w200{width:200px;}
input.w250{width:250px;}
input.w300{width:300px;}
/* textarea{ width:90%; height:100px; padding:5px ;}
form dt span{ color:#f33; font-size:0.8em; }
form dd span{ font-size:0.8em; } */


/* ------------------------------
その他
------------------------------ */
.hidden {display: none;} /*非表示*/

.hiddenText { /*隠しテキスト、音声ブラウザ用ナビ*/
	width: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
}

p {line-break: strict;} /*禁則処理用*/

/* ------------------------------
スペーサー
------------------------------ */
.spa03t {margin-top: 3px;}
.spa05t {margin-top: 5px;}
.spa07t {margin-top: 7px;}
.spa10t {margin-top: 10px;}
.spa15t {margin-top: 15px;}
.spa20t {margin-top: 20px;}
.spa25t {margin-top: 25px;}
.spa30t {margin-top: 30px;}
.spa35t {margin-top: 35px;}
.spa40t {margin-top: 40px;}
.spa45t {margin-top: 45px;}
.spa50t {margin-top: 50px;}

.spa03r {margin-right: 3px;}
.spa05r {margin-right: 5px;}
.spa07r {margin-right: 7px;}
.spa10r {margin-right: 10px;}
.spa15r {margin-right: 15px;}
.spa20r {margin-right: 20px;}
.spa25r {margin-right: 25px;}
.spa30r {margin-right: 30px;}
.spa35r {margin-right: 35px;}
.spa40r {margin-right: 40px;}
.spa45r {margin-right: 45px;}
.spa50r {margin-right: 50px;}

.spa03b {margin-bottom: 3px;}
.spa05b {margin-bottom: 5px;}
.spa07b {margin-bottom: 7px;}
.spa10b {margin-bottom: 10px;}
.spa15b {margin-bottom: 15px;}
.spa20b {margin-bottom: 20px;}
.spa25b {margin-bottom: 25px;}
.spa30b {margin-bottom: 30px;}
.spa35b {margin-bottom: 35px;}
.spa40b {margin-bottom: 40px;}
.spa45b {margin-bottom: 45px;}
.spa50b {margin-bottom: 50px;}

.spa03l {margin-left: 3px;}
.spa05l {margin-left: 5px;}
.spa07l {margin-left: 7px;}
.spa10l {margin-left: 10px;}
.spa15l {margin-left: 15px;}
.spa20l {margin-left: 20px;}
.spa25l {margin-left: 25px;}
.spa30l {margin-left: 30px;}
.spa35l {margin-left: 35px;}
.spa40l {margin-left: 40px;}
.spa45l {margin-left: 45px;}
.spa50l {margin-left: 50px;}

.spa03tb {margin-top: 3px;margin-bottom: 3px;}
.spa05tb {margin-top: 5px;margin-bottom: 5px;}
.spa07tb {margin-top: 7px;margin-bottom: 7px;}
.spa10tb {margin-top: 10px;margin-bottom: 10px;}
.spa15tb {margin-top: 15px;margin-bottom: 15px;}
.spa20tb {margin-top: 20px;margin-bottom: 20px;}
.spa25tb {margin-top: 25px;margin-bottom: 25px;}
.spa30tb {margin-top: 30px;margin-bottom: 30px;}
.spa35tb {margin-top: 35px;margin-bottom: 35px;}
.spa40tb {margin-top: 40px;margin-bottom: 40px;}
.spa45tb {margin-top: 45px;margin-bottom: 45px;}
.spa50tb {margin-top: 50px;margin-bottom: 50px;}

.spa03lr {margin-left: 3px;margin-right: 3px;}
.spa05lr {margin-left: 5px;margin-right: 5px;}
.spa07lr {margin-left: 7px;margin-right: 7px;}
.spa10lr {margin-left: 10px;margin-right: 10px;}
.spa15lr {margin-left: 15px;margin-right: 15px;}
.spa20lr {margin-left: 20px;margin-right: 20px;}
.spa25lr {margin-left: 25px;margin-right: 25px;}
.spa30lr {margin-left: 30px;margin-right: 30px;}
.spa35lr {margin-left: 35px;margin-right: 35px;}
.spa40lr {margin-left: 40px;margin-right: 40px;}
.spa45lr {margin-left: 45px;margin-right: 45px;}
.spa50lr {margin-left: 50px;margin-right: 50px;}