/*
name: VSJ Page Sea Breeze
designer: Yasuko Tsuji
designer_url: http://www.sgi.co.jp
developer: Yasuko Tsuji
developer_url: http://www.sgi.co.jp
*/

/*  width & float */
body { text-align: center }
#container     { text-align: left; margin-right: auto; margin-left: auto; width: 800px }
#alpha   { width: 200px; float: left }
#beta    { text-align: center; margin: 0; width: 600px; float: left }
#beta2    { text-align: center; margin: 0; width: 598px; float: left }
#beta-inner   { margin-right: auto; margin-left: auto; width: 560px }
#footer   { text-align: center; width: 800px; clear: both }
/* layout */

/* parts */

h3        { color: #008; font-size: 105%; font-weight: bold; background-image: url(seabreeze/h3-header.gif); background-repeat: no-repeat; background-position: left 0.2em; text-indent: 34px; margin-top: 2px; margin-bottom: 2px; padding-top: 3px; padding-bottom: 3px; height: 18px }
h4        { color: #008; font-size: 105%; font-weight: bold; background-image: url(seabreeze/h4-header.gif); background-repeat: no-repeat; background-position: left 0.2em; text-indent: 28px; margin-top: 2px; margin-bottom: 2px; padding-top: 3px; padding-bottom: 3px; height: 17px }
h5 { font-size: 105%; font-weight: bold; background-color: #80c6ff; text-indent: 12px; margin-top: 2px; margin-bottom: 2px; padding-top: 3px; padding-bottom: 3px }
p { margin-top: 5px; margin-bottom: 5px }
ul { list-style-type: circle; margin-top: 3px; margin-bottom: 3px }
ol { list-style-type: decimal; margin-top: 3px; margin-bottom: 3px }
img { border-width: 0 }
/* -- body -- */

body           { font-size: 95%; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(seabreeze/bg.gif); background-repeat: repeat; background-attachment: fixed; margin-top: 0 }
#container          { background-color: #fff; border-right: 1px solid #036; border-left: 1px solid #036 }
#pagebody  { margin: 0 }
#pagebody-inner  { background-image: url(seabreeze/pagebody-bg.gif); background-repeat: no-repeat; background-position: right bottom }
#header { }
#banner     { background-image: url(seabreeze/banner-1.gif); background-repeat: no-repeat; position: relative }
#banner-inner  { height: 80px }
#banner h1   { text-indent: -900px; margin-top: 0; margin-bottom: 0 }
#banner h1 a      { background-image: url(seabreeze/banner-1.gif); display: block; width: 520px; height: 60px }
#bannerr h1 a:hover    { background-image: url(seabreeze/banner-1.gif) }
#banner-search    { color: #fff; font-size: 12px; font-weight: bold; position: absolute; top: 15px; left: 620px; float: none; vertical-align: baseline }
#banner-search input { font-size: 10px }
#header-link           { color: #06c; font-size: 14px; font-weight: 600; background-position: 0 0; margin-top: -8px; padding-left: 14px; float: none }
#header-link a     { color: #009dff; text-decoration: none }
#header-link a:hover   { color: #f6c; text-decoration: none }
#topic-path          { color: #06c; font-size: 14px; font-weight: 600; text-decoration: none; text-indent: 220px; margin-top: -8px; height: 20px }
#topic-path a  { color: #009dff; text-decoration: none }
#topic-path a:hover   { color: #f6c; text-decoration: none }
/* -- alpha -- */
#alpha { margin-top: -8px }
#alpha-inner         { margin: 0; border-right: 1px solid #036; border-bottom: 1px solid #036 }
.alpha-header       { color: #fff; font-size: 90%; font-weight: bold; background-image: url(seabreeze/alpha-header.gif); background-repeat: no-repeat; text-align: center; margin: 0; padding-top: 4px; padding-bottom: 4px; vertical-align: middle }
#main a   { color: #06c; font-size: 85%; text-decoration: none; background-color: #e5f6ff; text-indent: 14px; display: block; padding-top: 4px; padding-bottom: 4px; border-top: 1px solid #009dff }
#main a:hover  { color: #fff; text-decoration: none; background-color: #80c6ff; text-indent: 7px; border-left: 7px solid #06c }
#sub a    { color: #06c; font-size: 75%; text-decoration: none; background-color: #f4fbff; text-indent: 22px; display: block; padding-top: 2px; padding-bottom: 2px; border-top: 1px solid #009dff }
#sub a:hover  { color: #fff; text-decoration: none; background-color: #80c6ff; text-indent: 15px; border-left: 7px solid #06c }
#rss    { text-align: center; height: 30px }
.rss a    { color: #06c; font-size: 80%; font-weight: 600; text-decoration: none; padding-top: 10px }
.rss a:hover  { color: #f6c; text-decoration: none }
/* -- beta -- */
#beta     { }
#beta-inner          { text-align: left }
#members-info     { font-size: 75%; background-color: #edc8e2; text-align: center; margin: 8px auto; padding-top: 8px; padding-bottom: 8px; width: 480px; border: double 2px #f21020 }
.entry    { margin-bottom: 10px }
.entry-header         { color: #036; font-size: 105%; font-weight: bold; background-color: #e5f6ff; text-indent: 8px; margin-top: 10px; margin-bottom: 10px; padding-top: 4px; padding-bottom: 3px; border-top: 3px solid #009dff; border-bottom: 1px solid #0089eb }
.entry-content            { font-size: 90%; line-height: 1.3em; margin-right: auto; margin-left: auto; width: 540px }
#r1     { font-size: 100%; font-weight: normal; text-align: right; margin-top: 5px; margin-bottom: 5px }
#r2      { font-size: 100%; font-weight: normal; text-align: right; margin-top: 3px; margin-bottom: 3px }
#r3      { font-size: 90%; font-weight: normal; text-align: right; margin-top: 1px; margin-bottom: 1px }
.r1     { font-size: 100%; font-weight: normal; text-align: right; margin-top: 5px; margin-bottom: 5px }
.r2      { font-size: 100%; font-weight: normal; text-align: right; margin-top: 3px; margin-bottom: 3px }
.r3      { font-size: 90%; font-weight: normal; text-align: right; margin-top: 1px; margin-bottom: 1px }
#c1 { font-size: 105%; font-weight: bold; text-align: center }
#c-box   { font-size: 105%; background-color: #d4dfff; background-position: center 0; text-align: center; margin-right: auto; margin-bottom: 20px; margin-left: auto; padding-top: 20px; padding-bottom: 20px; width: 480px; border: dotted 1px #6495ed }
#c-area { background-position: center 0; text-align: left; margin: 0.3em auto 0.6em; padding: 0.5em 0.2em 0.4em 0.5em; width: 400px; border: solid 1px #baccdb }
#c-area2 { background-position: center 0; text-align: left; margin: 0.3em auto 0.6em; padding: 0.5em 0.2em 0.4em 0.5em; width: 480px; border: solid 1px #baccdb }
.c1 { font-size: 105%; font-weight: bold; text-align: center }
.c-box   { font-size: 105%; background-color: #d4dfff; background-position: center 0; text-align: center; margin-right: auto; margin-bottom: 20px; margin-left: auto; padding-top: 20px; padding-bottom: 20px; width: 480px; border: dotted 1px #6495ed }
.c-area { background-position: center 0; text-align: left; margin: 0.3em auto 0.6em; padding: 0.5em 0.2em 0.4em 0.5em; width: 400px; border: solid 1px #baccdb }
.c-area2 { background-position: center 0; text-align: left; margin: 0.3em auto 0.6em; padding: 0.5em 0.2em 0.4em 0.5em; width: 480px; border: solid 1px #baccdb }
.entry-footer    { color: #036; font-size: 11px; text-align: right; margin-top: 5px; margin-bottom: 15px; padding-top: 5px; border-top: 1px dashed #6495ed }
/* -- table -- */
.table-blue   {
	font-size: 90%;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
	border: 1px solid #000033
}
.table-blue-c  { font-size: 90%; margin: 10px auto; clear: both; border: solid 1px #202020 }
.table-blue th, .table-blue-c th {
	color: #fff;
	text-align: center;
	padding: 3px;
	border-right: 1px solid #202020;
	border-bottom: 1px solid #202020;
	background-color: #009dff;
}
.table-blue td, .table-blue-c td { color: #2e3a52; background-color: #e5f6ff; padding: 3px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc }
/* -- trackbacks -- */
.trackbacks    { text-align: center; margin-right: auto; margin-bottom: 20px; margin-left: auto; width: 540px }
.trackbacks-header { text-align: left }
#trackbacks-info    { font-size: 80%; background-color: #e5f6ff; text-align: center; margin: 8px auto; padding-top: 8px; padding-bottom: 8px; width: 440px; border: dashed 1px #009dff }
/* -- comment -- */
.comments  { margin-right: auto; margin-bottom: 20px; margin-left: auto; width: 540px }
.comments-header { text-align: left }
.comment-list  { font-size: 80%; line-height: 1.2em; text-indent: 10px }
.comment-footer   { font-size: 75%; line-height: 1.2em; text-align: right }
.comments-open-moderated  { text-indent: 10px }
#comments-open  { font-size: 80%; line-height: 1.2em }
#comments-open-data   { color: #191970 }

/* -- footer -- */
#footer         { background-image: url(seabreeze/footer.gif); background-repeat: no-repeat; height: 30px; border-top: 1px solid #036; border-bottom: 1px solid #036 }
#footer-inner   { font-size: 10px; padding-top: 8px }

/* search */
#db-search form { font-size: 100%; margin-top: 15px }
#search-options   { font-size: 100% }
.search-results-header    { color: #036; font-size: 105%; font-weight: bold; background-color: #e5f6ff; text-indent: 8px; display: block; margin-top: 15px; margin-bottom: 10px; padding-top: 3px; padding-bottom: 3px; border-top: 3px solid #009dff; border-bottom: 1px solid #0089eb }
.search-results-container    { font-size: 1em; margin-right: 10px; margin-left: 10px }
.search-excerpt   { font-size: 100%; text-indent: 20px }
#search-results-zero  { font-size: 100%; margin-left: 20px }