
/*以下、汎用css ---------------------------------------------------------------------------------*/

/*clear*/
.clear { 
	clear: both;
}

/*clear用spacer*/
.spacer {
	height:1px;
}

/*テキスト左　(テーブルなどで使用)*/
.left-align {
	text-align:left;

}

/*テキスト中央　(テーブルなどで使用)*/
.center-align {
	text-align: center;

}

/*テキスト右　(テーブルなどで使用)*/
.right-align {
	text-align:right;

}

/*テキスト上　(テーブルなどで使用)*/
.top-valign {
	vertical-align:top;

}

/*テキスト下　(テーブルなどで使用)*/
.bottom-valign {
	vertical-align:bottom;

}




/*float　(テーブルなどで使用)*/
.left-float {
	float: left;
}

.right-float {
	float: right;
}

.right-float-lb10 {
	float:right;
	margin-left: 10px;
	margin-bottom: 10px;

}

.clear {
	clear:both;

}

/*マージンauto（センター揃えで使用）*/
.margin-auto {
	margin-right:auto;
	margin-left:auto;
}

/*マージン（名前の付けかた→t･･･top, r･･･right, b･･･bottom, l･･･left） */

/*top＆bottom*/
.margin-tb5 {
	margin: 5px 0 5px 0;
}

.margin-tb10 {
	margin: 10px 0 10px 0;
}

.margin-tb15 {
	margin: 15px 0 15px 0;
}


/*top*/
.margin-t5 {
	margin-top: 5px;
}

.margin-t10 {
	margin-top: 10px;
}

.margin-t20 {
	margin-top: 20px;
}

.margin-t30 {
	margin-top: 30px;
}


/*right*/
.margin-r5 {
	margin-right: 5px;
}

.margin-r10 {
	margin-right: 10px;
}

.margin-r20 {
	margin-right: 20px;
}

.margin-r30 {
	margin-right: 30px;
}
 
/*right＆bottom*/
.margin-rb5 {
	margin-right: 5px;
	margin-bottom: 5px;

} 
 
/*bottom*/
.margin-b3 {
	margin-bottom: 3px;
}

.margin-b5 {
	margin-bottom: 5px;
}

.margin-b10 {
	margin-bottom: 10px;
}

.margin-b13 {
	margin-bottom: 13px;
}

.margin-b15 {
	margin-bottom: 15px;
}

.margin-b20 {
	margin-bottom: 20px;
}

.margin-b30 {
	margin-bottom: 30px;
}

.margin-b40 {
	margin-bottom: 40px;
}

.margin-b50 {
	margin-bottom: 50px;
}


/*left＆right*/
.margin-lr5 {
	margin-left: 5px;
	margin-right: 5px;

}

.margin-lr10 {
	margin-left: 10px;
	margin-right: 10px;

}

.margin-lr20 {
	margin-left: 20px;
	margin-right: 20px;

}

.margin-lr30 {
	margin-left: 20px;
	margin-right: 20px;

}

/*left*/
.margin-l5 {
	margin-left: 5px;
}


.margin-l10 {
	margin-left: 10px;
}

.margin-l20 {
	margin-left: 10px;
}

.margin-l30 {
	margin-left: 30px;
}

.margin-l40 {
	margin-left: 40px;
}

.margin-l80 {
	margin-left: 80px;
}


/*シンプルボックス*/
.simple-box {
padding:10px;
border:1px solid #cccccc;
}

.simple-box5 {
padding:5px;
border:1px solid #cccccc;
}

.simple-box-vl {
padding:10px;
border:1px solid #C9C4DB;
}

.bg-box-vl {
padding:5px;
background-color:#E5DFF4;

}


.red-box {
padding:5px;
border:1px solid #cc0000;
}


/*テーブル　縦位置*/
.v-align-t td{
vertical-align:top;
}

.v-align-m td{
vertical-align: middle;
}


/*フォームちゃっかりサイズ指定*/

.form-size {
width:280px;
}

.form-sizeb {
width:390px;
}


/*簡単なテキストリンク*/

.link-simple {
	background-image:url(../images/bg_li_common2.gif);
	background-repeat:no-repeat;
	padding-left: 10px;

}

/*文字サイズ*/

.txt-s {
	font-size: 83%;

}

/*隠す*/
.hidden {
	display: none;

}




