@import url("color.css");

@charset "UTF-8";

/*--------------------------------------------------------------------*/
/*	INDEX															  */
/*--------------------------------------------------------------------*/
/*	
	■INPUT設定（テキストボックス）
	■INPUT設定（検索ボタン）
	■幅・高さ調整用

----------------------------------------------------------------------*/

/*
サンプルhtml

<input type="submit" class="buttonType w_100 h_24" value="検索">

*/

/**********************************************************************/
/* = INPUT設定（検索ボタン）
***********************************************************************/

/* 検索など
----------------------------------------------------------------------*/
input.buttonType {
	position:relative;
	height: 24px;
/*	line-height: 24px;*/
	text-align: center;
	
	padding: 0 4px;
	vertical-align: top;
	background: #F0F0F0;
	border:1px solid #999;
	font-weight:bold;
	cursor: pointer;

	behavior:url(Scripts/pages/top/pie/PIE.htc);
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

/* hover ----------------------------------------*/ 
input.buttonType:hover {
	border:1px solid #666;
	color: #111;
}

button.buttonType {
	position:relative;
	height: 24px;
/*	line-height: 24px;*/
	text-align: center;
	
	padding: 0 4px;
	vertical-align: top;
	background: #F0F0F0;
	border:1px solid #999;
	font-weight:bold;
	cursor: pointer;

	behavior:url(Scripts/pages/top/pie/PIE.htc);
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

/* hover ----------------------------------------*/ 
button.buttonType:hover {
	border:1px solid #666;
	color: #111;
}

/**********************************************************************/
/* = 幅・高さ調整用
***********************************************************************/

/* 幅 width
----------------------------------------------------------------------*/
.w_50 { width: 50px !important;}

.w_60 { width: 60px !important;}

.w_70 { width: 70px !important;}

.w_80 { width: 80px !important;}

.w_90 { width: 90px !important;}

.w_100 { width: 100px !important;}

.w_110 { width: 110px !important;}

.w_120 { width: 120px !important;}

.w_130 { width: 130px !important;}

.w_140 { width: 140px !important;}

.w_150 { width: 150px !important;}

.w_160 { width: 160px !important;}

.w_170 { width: 170px !important;}

.w_180 { width: 180px !important;}

.w_190 { width: 190px !important;}

.w_200 { width: 200px !important;}

.w_210 { width: 210px !important;}

.w_220 { width: 220px !important;}

.w_230 { width: 230px !important;}

.w_240 { width: 240px !important;}

.w_250 { width: 250px !important;}

.w_260 { width: 260px !important;}

.w_270 { width: 270px !important;}

.w_280 { width: 280px !important;}

.w_290 { width: 290px !important;}

.w_300 { width: 300px !important;}

/* 高さ height
----------------------------------------------------------------------*/
.h_16 { height: 16px !important;}

.h_18 { height: 18px !important;}

.h_20 { height: 20px !important;}

.h_22 { height: 22px !important;}

.h_24 { height: 24px !important;}

.h_26 { height: 26px !important;}

.h_28 { height: 28px !important;}

.h_30 { height: 30px !important;}

.h_32 { height: 32px !important;}

.h_34 { height: 34px !important;}

.h_36 { height: 36px !important;}

.h_38 { height: 38px !important;}

.h_40 { height: 40px !important;}

.h_42 { height: 42px !important;}

.h_44 { height: 44px !important;}

.h_46 { height: 46px !important;}

.h_48 { height: 48px !important;}

.h_50 { height: 50px !important;}

/* フォントサイズ font-size
----------------------------------------------------------------------*/
.fs_14 { font-size: 1.2em !important;}

.fs_16 { font-size: 1.4em !important;}

.fs_18 { font-size: 1.6em !important;}