@charset "shift_jis";

/*  */
body {
	background-color: #d3d3d3;
/*	background-color: #dbedff;*/
/*	background-color: #e5f2ff;*/
}

/* ページ全体(body直下のdiv)の定義 */
div.container {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 850px;
	height:510px;
	margin:-255px 0 0 -425px;
	text-align: left;
}

/* ロゴboxの定義 */
div.box_logo{
	float: left;
	width: 185px;
	height: 487px;
	margin-bottom: 20px;
	margin-right:5px;
	border: 1px solid #000000;
	background-color: #ffffff;
	text-align: center;
}

/* メニューboxの定義 */
div.box_menu{
	float: left;
	width: 650px;
	height: 20px;
	margin-bottom: 8px;
	margin-left: 5px;
	background-color: #ffffff;
}

/* メインboxの定義 */
div.box_main{
	float: left;
	width: 647px;
	height: 459px;
	margin-bottom: 20px;
	margin-left: 5px;
	border: 1px solid #000000;
	background-color: #ffffff;
}

ul#tab {
	margin: 0;
	padding: 0;
	width: 650px;	/* 必ずwidthの設定をしてください */
}

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

ul#tab li {
	margin: 0;
	padding: 0;
	float: left;
	width: 107px;			/* ボタンの幅 */
	line-height: 1;
	list-style-type: none;
}

/* メニューボタンの定義 */
ul#tab li a {
	padding: 0.7em 4px;				/* ボタンの厚みはここで調整 */
	display: block;					/* ブロックレベルで表示 */
	position: relative;				/* IE6でマウス反応領域がおかしいのをFix */
	font-size: 13px;				/* フォントサイズ */
/*	font-family: Impact,Charcoal;	/* フォントの種類 */
	font-family: Century;			/* フォントの種類 */
	font-weight: 700;				/* フォントの太さ */
	text-transform: lowercase;		/* テキストを小文字に */
	text-align: center;				/* テキスト場所：中央寄せ */
	text-decoration: none;			/* テキスト装飾：なし */
	color: #595959;					/* デフォルトのボタンの文字色 */
	background-color: #ffffff;		/* デフォルトボタン背景色 */
}

/* メニューボタンの枠線 */
li#button {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
}
/* メニュー右端ボタンの枠線 */
li#button_last {
	border: 1px solid #000000;
}

/* ボタンの上にマウスがポインタされた時の定義 */
ul#tab li a:hover {
	background-color: #4169e1;	/* 背景色 */
	color: #ffffff;				/* 文字色 */
}

/* 初期表示時のpage1ボタンの定義 */
#tab li a:hover,
#tab li.present a {
	background-color: #4169e1;	/* 背景色 */
	color: #ffffff;				/* 文字色 */
}

/* フォントの定義 */
.ft_style{
	font-size: 14px;			/* フォントサイズ */
	font-family: Century;		/* フォントの種類 */
	font-weight: 700;			/* フォントの太さ */
	color: #595959;				/* テキストの色 */
}

/* topページ−キストエリアの定義 */
.ta_style{
        resize: none;
	width: 200px;					/* テキストBOXの幅 */
	height: 300px;					/* テキストBOXの高さ */
	border: 1px solid #595959;		/* テキストOBXの線 */
	scrollbar-base-color: #4169e1;	/* スクロールバーの色 */
	scrollbar-track-color: #89c3ed;	/* 同上 */
	scrollbar-arrow-color: #ffffff;	/* 同上 */
}

/* page2＠menu*/
#page2{
	margin-top: 40px;				/* 上部の余白 */
	text-align: center;				/* 真ん中寄せ */
}
/* Menuテーブルの定義 */
table.menu_tbl_style{
	width: 600px;					/* テーブルの幅 */
	font-size: 12px;				/* フォントサイズ */
	color: #595959;					/* テキストの色 */
	text-align: left;				/* 左寄せ */
}

/* Menu名 */
.menu_tbl_ftsize{
	font-size: 11px;				/* フォントサイズ */
	height: 23px;					/* セルの高さ */
}

/* page3＠access*/
#page3{
	margin-top: 40px;				/* 上部の余白 */
	font-size: 12px;				/* フォントサイズ */
	color: #595959;					/* テキストの色 */
	text-align: center;				/* 真ん中寄せ */
}

/* page4＠about K.C*/
#page4{
	margin-top: 180px;				/* 上部の余白 */
	text-align: center;				/* 真ん中寄せ */
}

/* page5＠new customer*/
#page5{
	margin-top: 50px;				/* 上部の余白 */
	font-family: "ＭＳ 明朝";		/* フォントの種類 */
	color: #595959;					/* テキストの色 */
	text-align: center;				/* 真ん中寄せ */
}

/* page6＠link*/
#page6{
	margin-top: 90px;				/* 上部の余白 */
	text-align: center;				/* 真ん中寄せ */
}