@charset "euc-jp";


/* とりあえず全ての margin と padding を 0 に */
* {
	margin: 0px;
	padding: 0px;
}

/* リスト */
li {
	margin-left: 20px;

}

/* 引用 */
blockquote {
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 5px;
	border:1px solid pink;
}

/* とりあえずテーブルは中央に */
table {
	margin-left: auto;
	margin-right: auto;
}

/* 左に寄せたいテーブルは左に */
table.left {
	margin-left: 0px;
	margin-right: auto;
}


/* 全てのページの設定 (テーブル内には適用されない) */
body {
	background-image: url(images/wall.png);
	background-attachment: fixed;
	margin: 20px;
}

/* メニューページの設定 */
body.menu {
	background-image: none;
	margin: 0px;
}

/* 全てのページの設定 (テーブル内にも適用される) */
body, th, td {
	color: #666666;
	font-size: 9pt;
	font-family: "Century Gothic", Corbal, Eras, Verdana, メイリオ, "ヒラギノ丸ゴ Pro", sans-serif;
	line-height: 140%;
}

/* フォーム部品の設定 */
input, textarea, select {
	color: #666666;
	font-size: 9pt;
	font-family: monospace;
	line-height: 140%;
}

/* 文字間に隙間を設定して読みやすくする */
/* Mac IE 4 では letter-spacing 回りにバグがある *
 *   @media 内は Mac IE 4 では無視される         */
@media screen, print {
	body, th, td, input, textarea, select {
		letter-spacing: 1px;
	}

	/* Win IE では letter-spacing を指定すると        *
	 *   連続する br が一つになってしまう不具合がある *
	 *   IE では letter-spacing を 0 に               */
	br {
		letter-spacing: 0px;
	}
}


/* 全てのテーブルのセル内余白 */
td {
	padding: 5px;
}

/* 商品リストテーブルのセル内余白 */
.padding td {
	padding: 3px;
}

/* ロゴバーの背景 */
.title_back {
	background: url("images/title_back.jpg");
}

/* メニューのはいるセル */
td.menu {
	padding: 0px 0px 5px 0px;
}

/* メニューの枠 */
div.border {
	border: 1px solid #00cc00;
	padding: 5px;
}

/* 掲示板のテーブル */
table.bbs {
	border: 1px solid #ffcc33;
	width: 90%;
}

/* 全ての DIV */
div {
	margin-top: 3px;
	margin-bottom: 3px;
}

/* メインの DIV (外枠) */
div.main {
	width: 65em;
	padding: 2px;
	background-color: #ffffff;
	border: 1px solid #ff9900;
}

/* フォームページの DIV (外枠) */
body.form div.main {
	width: 50em;
	padding: 2px;
	background-color: #ffffff;
	border: 1px solid #ff9900;
}

/* カウンタの入る DIV */
div.counter {
	width: 65em;
	padding: 2px;
}


/* リンク全体のスタイルを指定 */
a {
	color: #666666;
	text-decoration: none;
	border: 0px dashed #666666;
}

/* 未訪問ページへのリンク */
a:link {
	border-bottom: 1px dashed #666666;
}

/* 訪問済みリンクに対するリンク */
a:visited {
	border-bottom: 1px dashed #666666;
}

/* リンクにマウスが載った時のスタイル */
a:hover {
	border-bottom: 0px dashed #666666;
	position: relative;
	top: 1px;
	left: 1px;
}

/* リンクがアクティブになった時のスタイル */
a:active {
	border-bottom: 0px dashed #666666;
	position: relative;
	top: 1px;
	left: 1px;
}

/* 画像リンクの枠を消す */
a img {
	border-bottom: 0px none #ffffff;
}


/* 文字の強調  Lv.0         *
 *   文字のデフォルトサイズ */
.lv0 {
	font-size: 9pt;
	line-height: 140%;
}

/* 文字の強調 Lv.1 */
.lv1 {
	font-size: 10.5pt;
	line-height: 140%;
}

/* 文字の強調 Lv.2 */
.lv2 {
	font-size: 13pt;
	line-height: 140%;
}

/* 文字の強調 Lv.2.5 */
.lv25 {
	font-size: 13pt;
	line-height: 140%;
	color: #fff;
	font-weight: bold;
	text-shadow: 2px 2px 4px #000;
}

/* 文字の強調 Lv.3 */
.lv3 {
	font-size: 16pt;
	line-height: 140%;
	color: #fff;
	font-weight: bold;
	text-shadow: 2px 2px 4px #000;
}

/* オレンジ色の文字色 */
.orange {
	color: #ff6600;
}

/* グリーンの文字色 */
.green {
	color: #669966;
}

/* 引用行のスタイル */
.quote {
	font-weight: bold;
}


/* 水平線のスタイル (太さ３) */
hr.height_3{
	margin-top: 5px;
	margin-bottom: 5px;
	height: 3px;
	color: #66cc33;
	background-color: #66cc33;
}

/* 水平線のスタイル (太さ２) */
hr.height_2{
	margin-top: 5px;
	margin-bottom: 5px;
	height: 2px;
	color: #66cc33;
	background-color: #66cc33;
}


/* input タグ全てのスタイル */
input {
}

/* 一行テキストのスタイル */
input.text {
	border: 1px solid #997755;
}

/* アップロード部品のスタイル */
input.file {
	background-color: white;
	border: 1px solid #997755;
}

/* ラジオボタンのスタイル */
input.radio {
}

/* チェックボックスのスタイル */
input.check {
}

/* ボタンのスタイル */
input.button {
	background-color: white;
	border: 1px solid #997755;
	padding: 1px 4px;
}


/* テキストエリアのスタイル */
textarea {
	border: 1px solid #997755;
}

/* セレクトボックスのスタイル */
select {
	position: relative;
	top: 1px;
	border: 1px solid #997755;
}