/*********************************************************************
 *
 *	有限会社 きくやす運送スタイルシート
 *
 ********************************************************************/

/*********************************************************************
 *	MAIN
 ********************************************************************/

/* BODY */
body {
	color: #000000;							/* 文字色 */
	background-color: #ffffff;				/* 背景色 */
	vertical-align: top;					/* 上揃え */
	margin-top: 2px;						/* 上余白 */
	margin-left: 5px;						/* 左余白 */
	scrollbar-base-color: #e0e0e0;			/* スクロールバー */
	scrollbar-arrow-color: #000066;			/* スクロールバーの矢印 */
}

/* メニュー */
#main {
	line-height: 140%;						/* 行間隔 */
	font-size: 13px;						/* フォントサイズ */
	border-left: 1px solid #010289;			/* 左側枠線 */
}

/* タイトル */
.title {
	color: #ffffff;							/* 文字色 */
	background-color: #010289;				/* 背景色 */
	font-size: 12px;						/* フォントサイズ */
}

/* コメント */
.comment {
	line-height: 140%;						/* 行間隔 */
	font-size: 13px;						/* フォントサイズ */
}

/*********************************************************************
 *	LINK
 ********************************************************************/
/* リンク */
a:link {
	color: #0000ff;
	text-decoration: none;
}

/* リンク：訪問済み */
a:visited {
	color: #0000ff;
	text-decoration: none;
}

/* リンク：マウスオーバー */
a:hover {
	color: #ff0000;
	text-decoration: none;
}

/* リンク：アクティブ */
a:active {
	color: #ff0000;
	text-decoration: none;
}

/*********************************************************************
 *	MENU BUTTON
 ********************************************************************/
/* メニューボタン */
A.btn {
	display: block;							/* ブロック要素にする */
	width: 100%;							/* 横幅 */
	color: #010289;							/* 文字色 */
	background-color: #ffffff;				/* 背景色 */
	line-height: 20px;						/* 行の高さ */
	padding: 3px 1px 1px 0px;				/* パディング */
	font-size: 14px;						/* フォントサイズ */
	font-weight: bold;						/* 太字 */
	text-decoration: none;					/* 下線を消す */
}

/* メニューボタン：マウスオーバー */
A.btn:hover {
	color: #ffffff;							/* 文字色 */
	background-color: #e3e3e3;				/* 背景色 */
	margin: 0px;							/* マージン */
	padding: 3px 1px 1px 0px;				/* パディング */
	text-decoration: none;					/* 下線を消す */
}

/* メニューボタン：アクティブ */
A.btn:active {
	color: #010289;							/* 文字色 */
}

/* メニューボタン：既訪問 */
A.btn:visited {
	color: #010289;							/* 文字色 */
}

/*********************************************************************
 *	TABLE
 ********************************************************************/
/* テーブル枠１ */
#table_contents1 {
	border-color: #a8a8a8;					/* 枠の色 */
	border-style: solid;					/* 線の種類 */
	border-width: 0px;						/* 枠の太さ */
	border-collapse: collapse;				/* 枠の種類 */
}

/* テーブル枠２ */
#table_contents2 {
	border-color: #000066;					/* 枠の色 */
	border-style: solid;					/* 線の種類 */
	border-width: 1px;						/* 枠の太さ */
	border-collapse: collapse;				/* 枠の種類 */
}

#table_merit {
	background-color: #ffefe8;				/* 背景色 */
	border-color: #ff6600;					/* 枠の色 */
	border-style: solid;					/* 線の種類 */
	border-width: 1px;						/* 枠の太さ */
	border-collapse: collapse;				/* 枠の種類 */
}

#cell_merit {
	color: #ffffff;							/* 文字色 */
	background-color: #ff6600;				/* 背景色 */
}

#table_demerit {
	background-color: #e7f5fe;				/* 背景色 */
	border-color: #0000cc;					/* 枠の色 */
	border-style: solid;					/* 線の種類 */
	border-width: 1px;						/* 枠の太さ */
	border-collapse: collapse;				/* 枠の種類 */
}

#cell_demerit {
	color: #ffffff;							/* 文字色 */
	background-color: #0000cc;				/* 背景色 */
}

#table_header {
	background-color: #e7f5fe;				/* 背景色 */
}

/*********************************************************************
 *	POSITION
 ********************************************************************/
/* 中央揃え */
.center { text-align: center; }

/* 左揃え */
.left { text-align: left; }

/* 右揃え */
.right { text-align: right; }

/* 上揃え */
.top { vertical-align: top; }

/* 下揃え */
.bottom { vertical-align: bottom; }

/*********************************************************************
 *	COLOR
 ********************************************************************/
/* 赤文字 */
.red {
	color: #ff0000;
}

/* 橙文字 */
.orange {
	color: #ff3300;
}

/* 青文字 */
.blue {
	color: #0000ff;
}

/* 紺文字 */
.dark_blue {
	color: #010289;
}

/*********************************************************************
 *	BACKGROUND
 ********************************************************************/
/* お知らせ枠の背景 */
#info {
	background-color: #d0e8ff;
}

/* ご提案枠の背景 */
#proposal {
	background-color: #ddffee;
}

/* プレゼント枠の背景 */
#present {
	background-color: #ffe6d9;
}

.cell_index {
	background-color: #eaeaea;
}

/*********************************************************************
 *	FONT
 ********************************************************************/
#sub_title {
	color: #0000CC;							/* 文字色 */
	background-color: #e7f5fe;				/* 背景色 */
	margin: 0, 10px;						/* マージン */
	text-align: left;						/* テキスト配置位置 */
	font-weight: bold;						/* 文字の太さ */
	font-size: 14px;						/* フォントサイズ */
	padding: 3px 5px;						/* パディング */
	border-top: 0px solid #0000CC;			/* 上線無し */
	border-right: none;						/* 右線なし */
	border-bottom:  0px solid #0000CC;		/* 下線無し */
	border-left: 16px solid #0000CC;		/* 左線有り */
	clip: rect(auto auto auto auto) ;		/* クリッピング */
}

#attention {
	color: #ff0000;							/* 文字色 */
	background-color: #ffefe8;				/* 背景色 */
	margin: 0, 10px;						/* マージン */
	text-align: left;						/* テキスト配置位置 */
	font-weight: bold;						/* 文字の太さ */
	font-size: 14px;						/* 文字のサイズ */
	padding: 3px 5px;						/* パディング */
	border-top: 0px solid #CC0000;			/* 上線無し */
	border-right: none;						/* 右線なし */
	border-bottom:  0px solid #CC0000;		/* 下線無し */
	border-left: 16px solid #ff0000;		/* 左線有り */
	clip: rect(auto auto auto auto) ;		/* クリッピング */
}

/***************************************************************** 
 * 	FORM
 *****************************************************************/
.form_text {
	color: #000066;
	background-color: #ffffee;
	border: 1 solid #000066;
}

.form_select {
	background-color: #ffffff;
	border: 1 solid #000066;
}

.form_button {
	color: #000066;
	background-color: #ffffff;
	border: 1 solid #000066;
}