/* ************************************************************************** */
/* 共通                                                                       */
/* ************************************************************************** */
BODY
{
	background-color: #999;
	color: #000;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: small;
}

IMG
{
	border: none;
}

H1
{
	font-weight: bold;
	font-size: small;
	vertical-align: bottom;
	padding: 3px;
	margin: 0;
}

H2
{
	background-color: #36e;
	color: #fff;
	padding: 8px;
	font-size: medium;
	font-weight: bold;
	display: inline;
}
/* IE5のみ、H2にはこの下のスタイルが適用される。 */
#ie5
{
	content:"\";/*""*/}} H2{ width: 0; word-break: keep-all; } /*";
}
/**/

H2.nar
{
	background-color: #363;
	color: #fff;
	padding: 8px;
	font-size: medium;
	font-weight: bold;
	display: inline;
}
/* IE5のみ、H2にはこの下のスタイルが適用される。 */
#ie5
{
	content:"\";/*""*/}} H2{ width: 0; word-break: keep-all; } /*";
}
/**/

H3
{
	font-size: medium;
	font-weight: bold;
	display: inline;
}

H4
{
	font-weight: bold;
	font-size: small;
	display: inline;
	line-height: 1.4;
}

HR
{
	border-bottom: 1px solid #36e;
}

TABLE
{
	border: none;
	width: 100%;
}

TD
{
	vertical-align: middle;
	border: 1px solid #36e;
}

TD.nar
{
	vertical-align: middle;
	border: 1px solid #363;
}

TD.noborder
{
	border: none;
}

OL
{
	list-style-position: outside;
}

/* ************************************************************************** */
/* ページの構成(全ページ共通)                                                 */
/* ************************************************************************** */
/* ページ全体 */
#wrapper
{
	width: 820px;
	margin: 0 auto;
	background-image: url("/images/background2.jpg");
	background-color: #fff;
	background-repeat: repeat-y;
	padding: 0;
}

#wrapperwide
{
	width: 970px;
	margin: 0 auto;
	background-image: url("/images/background2wide.jpg");
	background-color: #fff;
	background-repeat: repeat-y;
	padding: 0;
}

/* カラーバー(1色だけど) */
#colorbar
{
	width: 780px;
	margin: 0 10px;
	background-color: #fff;
	color: #000;
	text-align: left;
	padding: 3px 10px;
	border-bottom: 2px solid #000;
}

/* カラーバー(1色だけど) */
#colorbarwide
{
	width: 930px;
	margin: 0 10px;
	background-color: #fff;
	color: #000;
	text-align: left;
	padding: 3px 10px;
	border-bottom: 2px solid #000;
}

/* メインの部分 */
#content
{
	width: 760px;
	background-color: #fff;
	color: #000;
	text-align: left;
	margin: 0 10px;
	padding: 10px 20px;
}

/* メインの部分 */
#contentwide
{
	width: 910px;
	background-color: #fff;
	color: #000;
	text-align: left;
	margin: 0 10px;
	padding: 10px 20px;
}

/* フッタの部分 */
#contentfoot
{
	width: 780px;
	margin: 0 10px;
	clear: both;
	background-color:#fff;
	color: #000;
	padding: 10px;
}

/* フッタの部分 */
#contentfootwide
{
	width: 930px;
	margin: 0 10px;
	clear: both;
	background-color:#fff;
	color: #000;
	padding: 10px;
}

/* ページの一番下 */
#footer
{
	width: 820px;
	margin: 0 auto;
	background-image: url("/images/bottom.jpg");
	height: 20px;
	background-repeat: no-repeat;
	vertical-align: top;
}

/* ページの一番下 */
#footerwide
{
	width: 970px;
	margin: 0 auto;
	background-image: url("/images/bottomwide.jpg");
	height: 20px;
	background-repeat: no-repeat;
	vertical-align: top;
}

/* メニューを飛ばすリンク(通常表示しない) */
#skip
{
	display: none;
}

/* ************************************************************************** */
/* ページの構成(wwwのみ)                                                      */
/* ************************************************************************** */
/* タイトル部 */
#titleswf
{
	width: 800px;
	height: 350px;
	margin: 0 10px;
	padding: 0;
	background-color: #eff;
	color: #000;
	border-bottom: 1px solid #000;
}

/* タイトル部 */
#titleswfwide
{
	width: 950px;
	height: 350px;
	margin: 0 10px;
	padding: 0;
	background-color: #eff;
	color: #000;
	border-bottom: 1px solid #000;
}

/* タイトル部の左(リンク)全体 */
#linkimage
{
	float: left;
	text-align:left;
	width: 300px;
	height: 350px;
	/* ↓これ入れないと、NN7でリンク画像間に隙間ができる */
	line-height: 0.2;
}

/* タイトルの中の各リンクイメージ */
.menuimg
{
	width: 300px;
	height: 35px;
	margin: 0;
}

/* タイトル部の右(画像とか投票とか)全体 */
#topimage
{
	width: 500px;
	height: 350px;
	float: right;
	background-image: url("/images/topimg.png");
}

/* タイトル部の右(画像とか投票とか)全体 */
#topimagewide
{
	width: 650px;
	height: 350px;
	float: right;
	background-image: url("/images/topimgwide.png");
}

/* Java Scriptが無効の時の画像 */
#topimagenoscript
{
	width: 339px;
	height: 120px;
}

/* 段組み真ん中 */
.dan_c
{
	width: 98%;
	padding: 15px 0 0 0;
}

/* 段組み左 */
.dan_l
{
	width: 45%;
	float: left;
	padding: 15px 0 0 10px;
}

/* 段組み右 */
.dan_r
{
	width: 45%;
	float: right;
	padding: 15px 10px 0 0;
}

/* ************************************************************************** */
/* ページの構成(blogのみ)                                                     */
/* ************************************************************************** */
/* タイトル部(blog) */
#titleswf_blog
{
	width: 800px;
	height: 80px;
	margin: 0 10px;
	padding: 0;
	background-color: #eff;
	color: #000;
	border-bottom: 1px solid #000;
}

/* 段組み左(blog) */
.dan_blog_l
{
	width: 68%;
	float: left;
	padding: 15px 0 0 10px;
}

/* 段組み右(blog) */
.dan_blog_r
{
	width: 25%;
	float: right;
	padding: 15px 10px 0 0;
}

/* ************************************************************************** */
/* コンテンツの中身                                                           */
/* ************************************************************************** */
/* 各内容の枠 */

/* Box Hack使用 *********************
 * IE5&5.5はmargin:0とする。
 * それ以外のブラウザはmargin:8px 0
 */
.tablemain
{
	width: 100%;
	line-height: 1.4;
	border: 1px solid #36e;
	padding: 5px;
	margin: 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin: 8px 0;
}

.tablemain-nar
{
	width: 100%;
	line-height: 1.4;
	border: 1px solid #363;
	padding: 5px;
	margin: 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin: 8px 0;
}




/* ************************************************************************** */
/* テキスト関連                                                               */
/* ************************************************************************** */
/* 文字大きめ */
.main_l
{
	font-size: large;
}

/* 文字やや大きめ */
.main_m
{
	font-size: medium;
}

/* 文字小さめ */
.main_s
{
	font-size: x-small;
}

/* 太文字 */
.bold
{
	font-weight: bold;
}

/* 赤文字 */
.moji_r
{
	background-color: #fff;
	color: #F33;
	font-weight: bold;
}

/* 青文字 */
.moji_b
{
	background-color: #fff;
	color: #33f;
	font-weight: bold;
}

/* G1/1着(赤の箱) */
.G1
{
	padding: 2px;
	background-color: #ffbfbf;
	border: solid 1px #000
}

/* G2/2着(青の箱) */
.G2
{
	padding: 2px;
	background-color: #bfbfff;
	border: solid 1px #000
}

/* G3/3着(緑の箱) */
.G3
{
	padding: 2px;
	background-color: #bfffbf;
	border: solid 1px #000
}

/* 枠番につける枠 */
.waku
{
	padding: 2px;
	border: 1px solid #000;
}

/* 枠番:1 */
.waku1
{
	background-color: #fff;
	color: #000;
}

/* 枠番:2 */
.waku2
{
	background-color: #bfbfbf;
	color: #000;
}
/* 枠番:3 */
.waku3
{
	background-color: #ffbfbf;
	color: #000;
}
/* 枠番:4 */
.waku4
{
	background-color: #bfbfff;
	color: #000;
}
/* 枠番:5 */
.waku5
{
	background-color: #ffffbf;
	color: #000;
}
/* 枠番:6 */
.waku6
{
	background-color: #bfffbf;
	color: #000;
}
/* 枠番:7 */
.waku7
{
	background-color: #ffccaa;
	color: #000;
}
/* 枠番:8 */
.waku8
{
	background-color: #ffbfdf;
	color: #000;
}

/* テキスト真ん中寄せ */
.text-c
{
	text-align: center;
}

/* テキスト右寄せ */
.text-r
{
	text-align: right;
}

/* テキスト左寄せ */
.text-l
{
	text-align: left;
}

/* テキスト上寄せ */
.text-u
{
	vertical-align: top;
}

/* 改行なし */
.nowrap
{
	white-space: nowrap;
}

/* 行間広め(1.8) */
.linewide
{
	line-height: 1.8;
}
/* 行間せまめ(1.1) */
.line10
{
	line-height: 1.1;
}

/* ************************************************************************** */
/* イメージ関連                                                               */
/* ************************************************************************** */
/* 黄色い四角 */
.soonimg
{
	padding: 5px 0;
	vertical-align: middle;
}

/* 天気予報 */
.weatherimg
{
	vertical-align: middle;
	width: 25px;
	height: 16px;
}

/* 「的中」「ハズレ」アイコン */
.tipimg
{
	vertical-align: top;

}

/* 「的中」「ハズレ」アイコン */
.tipimg_m
{
	vertical-align: middle;

}

/* ブラウザアイコン(readme) */
.browser
{
	width: 32px;
	height: 32px;
}

/* topicの各アイコン */
.topicicon
{
	width: 30px;
	height: 30px;
	vertical-align: middle;
	float: left;
	margin: 0 5px 0 0;
}

/* ************************************************************************** */
/* フォーム関連                                                               */
/* ************************************************************************** */
/* チェックボックスの横のテキスト */
.spanbutton
{
	cursor: pointer;
}

/* フォームのプルダウン */
.form-select
{
	background-color: #36e;
	color: #fff;
	border: 3px solid #25d;
	font-weight: bold;
}

/* フォームのテキストボックス */
.form-text
{
	border: 1px solid #25d;
	font-weight: bold;
}

/* フォームのボタン(中央) */
.form-button
{
	background-color: #36e;
	color: #fff;
	border: 3px outset #25d;
	width: 100%;
	padding: 2px;
}

/* フォームのボタン(地方) */
.form-button-nar
{
	background-color: #363;
	color: #fff;
	border: 3px outset #252;
	width: 100%;
	padding: 2px;
}

/* フォームのボタン:マウスオーバー */
.form-button:hover
{
	color: #ff0;
	background-color: #36e;
}

/* ************************************************************************** */
/* 各ページ固有のスタイル                                                     */
/* ************************************************************************** */
/* 競走馬詳細の血統：父の枠 */
.male
{
	background-color: #f0f0ff;
}

/* 競走馬詳細の血統：母の枠 */
.female
{
	background-color: #fff0f0;
}

/* 来週の出走予定馬(index,sitemap) のなか */
.entry
{
	padding: 3px 0;
}

/* 更新履歴(index) */
.lastupd
{
	white-space: nowrap;
	vertical-align: top;
}

/* サイトマップ内の枠 */
.sitemap
{
	border: 1px solid #36e;
	margin: 10px;
	padding: 5px;
}

/* 前レース(entry,racedetail) */
.befrace
{
	float: left;
}

/* 次レース(entry,racedetail) */
.nexrace
{
	float: right;
}

/* 着順(entry) */
.order
{
	font-size: medium;
	font-weight: bold;
	display: inline;
}

/* コンテンツ高さ500px固定(entrytmp,votevote) */
.height500
{
	height: 500px;
	overflow: auto;
}

/* 払戻金速報のボタン */
.sokuhobtn
{
	width: 18%;
	font-size: x-small;
}

/* 投票エリア */
#votearea
{
	text-align: left;
	line-height: 1.4;
	width: 260px;
	margin: 80px 110px;
	background-color: #fff;
}