@charset "Shift_JIS";

/*=================================================================
CSS2 Specification
1. margin-top
2. margin-right
3. margin-bottom
4. margin-left
5. margin
6. padding-top
7. padding-right
8. padding-bottom
9. padding-left
10. padding
11. border-top-width
12. border-right-width
13. border-bottom-width
14. border-left-width
15. border-width
16. border-top-color
17. border-right-color
18. border-bottom-color
19. border-left-color
20. border-color
21. border-top-style
22. border-right-style
23. border-bottom-style
24. border-left-style
25. border-style
26. border-top
27. border-bottom
28. border-right
29. border-left
30. border
31. display
32. position
33. top
34. right
35. bottom
36. left
37. float
38. clear
39. z-index
40. direction
41. unicode-bidi
42. width
43. min-width
44. max-width
45. height
46. min-height
47. max-height
48. line-height
49. vertical-align
50. overflow
51. clip
52. visibility
53. content
54. compact
55. run-in
56. quotes
57. marker-offset
58. list-style-type
59. list-style-image
60. list-style-position
61. list-style
62. size
63. marks
64. page-break-before
65. page-break-after
66. page-break-inside
67. page
68. orphans
69. widows
70. color
71. background-color
72. background-image
73. background-repeat
74. background-attachment
75. background-position
76. background
77. font-family
78. font-style
79. font-variant
80. font-weight
81. font-stretch
82. font-size
83. font-size-adjust
84. font
85. text-indent
86. text-align
87. text-decoration
88. text-shadow
89. letter-spacing
90. word-spacing
91. text-transform
92. white-space
93. table-layout
94. empty-cells
95. speak-header
96. cursor
97. outline
98. volume
99. speak
100. pause-before
101. pause-after
102. pause
103. cue-before
104. cue-after
105. cue
106. play-during
107. azimuth
108. elevation
109. speech-rate
110. voice-family
111. pitch
112. pitch-range
113. stress
114. richness
115. speak-punctuation
116. speak-numeral
=================================================================*/

/*--------------------------------------
	デフォルト スタイルのリセット
---------------------------------------*/
* {
	margin: 0;
	padding: 0;
	line-height: 1.4;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

input {
	padding: 2px 2px 1px 2px;
	line-height: normal;
}

input.button {
	padding: 2px;
}

textarea {
	padding: 1px 2px;
}

select {
	padding: 2px;
}

/*--------------------------------------
	ベース スタイルの指定
---------------------------------------*/
body {
	color: #333333;
	background-color: #F7F8FB;
	font-family: verdana, arial, helvetica, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 12px;
}

a{
	text-decoration: none;
}

a:link {
	color: #0000CC;
}

a:visited {
	color: #0000CC;
}

a:active {
	color: #FF7700;
}

a:hover {
	color: #FF7700;
}

table {
 	border-collapse: collapse;
}

img {
 	border-style: none;
 	vertical-align: top;		/* li要素上下に隙間ができるのに対処 */
}

/*--------------------------------------
	サイト共通セレクタの指定
---------------------------------------*/
body {
	text-align: center;			/* IE対応 (ボックスのセンタリング) */
}

/* ドキュメント構造 */
div#container {
	margin: 15px auto 15px auto;
	border: 1px solid #B0B0D0;
	position: relative;
	width: 760px;
	background: url("../image/main_back.gif") repeat-y;
	text-align: left;			/* インラインの中央揃えを左寄せにリセット */
}

div#content {
	margin-top: 95px;
	padding-bottom: 5px;
	float: right;
	width: 590px;
}

div#sidebar {
	margin-top: 95px;
	float: left;
	width: 166px;
	text-align: center;			/* IE対応 (ボックスのセンタリング) */
}

div#bottom {
	clear: both;
	width: 100%;
	height: 28px;
	background: url("../image/site_copyright.gif") no-repeat;
}

div#logo {
	position: absolute;
	top: 28px;
	left: 0;
	width: 100%;
	height: 67px;
	background: url("../image/site_line.gif") repeat-x bottom;
}

div#about {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 28px;
	background: url("../image/about_logo.gif") no-repeat;
}

/* ソフトウェア */
div#sidebar ul {
	margin: 15px auto 0px auto;
	width: 150px;
}

div#sidebar ul li {
    display: inline;			/* IE6対応 (li要素の上下に隙間ができるバグの対処) */
	list-style-type: none;
}

div#sidebar ul li img {
	vertical-align: top;		/* li要素の上下に隙間ができるのに対処 */
}

div#sidebar img#sidebar_caption {
	width: 166px;
	height: 27px;
}

div#sidebar ul li img.menu_header {
	width: 150px;
	height: 21px;
}

div#sidebar ul li img.menu_footer {
	width: 150px;
	height: 8px;
}

div#sidebar ul li img.menu_item1 {
	width: 150px;
	height: 26px;
}

div#sidebar ul li img.menu_item2 {
	width: 150px;
	height: 25px;
}

/* 競艇場情報 */
div#sidebar table#stadium {
	margin: 15px auto 0px auto;
	border: 1px #BB55BB solid;
	width: 150px;
	background-color: #FFFFFF;
}

div#sidebar table#stadium th {
	padding: 1px 2px;
  	color: #FFFFFF;
  	background-color: #BB55BB;
}

div#sidebar table#stadium td {
	padding : 1px 2px;
	border: 1px #BB55BB solid;
}

/* サイト内検索 */
div#sidebar div#search {
	margin: 20px auto 0px auto;
	padding-bottom: 6px;
	border : 1px #BB55BB solid;
	width: 148px;
	background-color: #FFFFFF;
}

div#sidebar div#search input#search_text {
	margin-top: 6px;
	width: 124px;
}

div#sidebar div#search input#search_submit {
	margin: 3px auto 10px auto;
	width: 100px;
}

div#sidebar div#search div#search_logo img {
	width: 119px;
	height: 16px;
}

/* BOAT Boy */
div#sidebar img.boatboy {
	margin: 20px auto 0px auto;
}

div#sidebar p.boatboy {
	margin: 7px auto 0px auto;
}

/* バナー・アクセス解析 */
div#sidebar img.banner {
	margin-top: 25px;
	width: 88px;
	height: 31px;
}

div#sidebar img#boatadvisor\.analytics\.qlook\.net {
	margin-top: 10px;
}

/* サイトのロゴ */
div#logo img {
	float: left;
	width: 400px;
	height: 50px;
}

div#logo p {
	margin-top: 10px;
	float: right;
	width: 195px;
	line-height: 1.2;
}

/* サイト メニュー */
div#about img.about_space {
	float: right;
	width: 15px;
	height: 28px;
}

div#about ul {
	float: right;
	width: 315px;
}

div#about ul li {
	display: inline;			/* IE6 対応 (li要素の上下に隙間ができるバグの対処)*/
    float: right;
    width: 105px;
    list-style-type: none;
}

div#about ul li img {
	width: 105px;
	height: 28px;
	vertical-align: top;		/* li要素上下に隙間ができるのに対処 */
}

/* サイト枠外 */
/*
div#addition {
  	margin-top: 5px;
  	height: 20px;
  	color: #999999;
  	font-size: 11px;
}
*/

div#addition a:link,
div#addition a:visited,
div#addition a:active,
div#addition a:hover {
	color: #999999;
}

div#addition ul li {
	margin: 0px 6px;
	display: inline;			/* IE6 対応 (li要素の上下に隙間ができるバグの対処)*/
    list-style-type: none;
}

/* 全ページ共通 */
strong,
em {
	font-weight: bold;
}

span.caution {
	color: #CC0000;
}

span.notes {
	margin: 0px 4px 0px 2px;
	color: #009999;
	font-family: "ＭＳ ゴシック", sans-serif;
}

img.spacer {
	width: 1px;
	height: 1px;
}
