@charset "Shift_JIS";

/* structure
---------------------------------------------------- */
body {
background-color: #99DD00;
background-image: url(http://www.whalelove.org/assets/graphics/top-background-all);
background-repeat: repeat-x;
margin: 0;
padding: 0;
color: #333333;
}

#wrapper {
width: 800px;			/* for IE bug */
margin: 0 auto;
}

/* basic elements
---------------------------------------------------- */
p {
font: 12px 'Lucida Grande','Hiragino Kaku Gothic Pro','�q���M�m�p�S Pro W3','�l�r �o�S�V�b�N', sans-serif;
color: #333333;
line-height: 150%;
padding: 0;
}

td {
font: 12px 'Lucida Grande','Hiragino Kaku Gothic Pro','�q���M�m�p�S Pro W3','�l�r �o�S�V�b�N', sans-serif;
color: #333333;
line-height: 100%;
}

ul {
font-size: 12px;
}

/* link color
---------------------------------------------------- */
a:link {
color: #00AAEE;
background: transparent;
}
a:visited {
color: #800080;
background: transparent;
}

a:hover, a:active {
color: #EC1388;
background: transparent;
}

/* header title
---------------------------------------------------- */
#header {
margin: 0px;
padding: 0px;
}

h1 {
margin: 0;
float: left;
display: block;
width: 780px;
height: 90px;
background: url(http://www.whalelove.org/assets/graphics/header-img) no-repeat;
}

h1 img {
font-size: 20px;
font-weight: bold;
float: left;
vertical-align: bottom;
}

h2 {
font-size: 18px;
font-weight: bold;
padding: 30px 0px 0px 0px;
}

h3 {
font-size: 15px;
font-weight: bold;
margin-right: 20px;
margin-left: 20px;
}

h4 {
font-size: 12px;
font-weight: bold;
margin-right: 20px;
margin-left: 20px;
}

.wagon {
color: #00AAEE;
}

.fun {
color: #FF6600;
}

.member {
color: #009900;
}

.info {
color: #333333;
}

/* center area
---------------------------------------------------- */
#pagebody {
clear: both;
position: relative;
width: 800px;			/* IE FIX */
padding-right: 5px;
padding-left: 10px;
}

/* contents
---------------------------------------------------- */
#content {
margin-left: 175px;
width: 590px;
background-image: url(http://www.whalelove.org/assets/graphics/content-round-top);
background-repeat: no-repeat;
background-color: #FFFFFF;
}

#content img {
vertical-align: bottom;
}

#contentmain {
padding-left: 5px;
padding-right: 5px;
min-height: 449px;
}

#contentmain p {
font: 12px 'Lucida Grande','Hiragino Kaku Gothic Pro','�q���M�m�p�S Pro W3','�l�r �o�S�V�b�N', sans-serif;
color: #333333;
line-height: 150%;
padding: 0;
margin-right: 20px;
margin-left: 20px;
}

#contentmain p.subtxt {
font-size: 10.5px;
margin-left: 40px;
margin-right: 40px;
}


* html #contentmain { /* IE FIX */
height: 454px;
}

#pagetop {
font-size: 10.5px;
text-align: right;
margin-right: 20px;
}

#pagetop img {
padding-left: 2px;
}

/* navigation menu
---------------------------------------------------- */
#navigation {
position: absolute;
top: 0px;
padding-top: 15px;
width: 170px;
background-image: url(http://www.whalelove.org/assets/graphics/top-menu-bar);
background-repeat: repeat-y;
}

* html #navigaion { /* IE FIX */
height: 1%;
}

#navigation img {
vertical-align: bottom;
}

#navigation ul {
margin: 0 0 1em;
padding: 0;
list-style: none;
}

#navigation li {
margin: 0;
padding: 0;
width: 170px;
height: 50px;
text-indent: -9999px;
}

#navigation li a {
text-decoration: none;
display: block;
width: 170px;
height: 50px;
}

/* menu E
---------------------------------------------------- */

#navigation li#menuE {
background: url(http://www.whalelove.org/assets/graphics/menu-e-menu) no-repeat;
}

#navigation li#aboutE {
background: url(http://www.whalelove.org/assets/graphics/menu-e-about) no-repeat;
}
#navigation li#aboutEon {
background: url(http://www.whalelove.org/assets/graphics/menu-e-about) no-repeat -170px 0px;
}
#navigation li#aboutE a:hover {
background: url(http://www.whalelove.org/assets/graphics/menu-e-about) no-repeat -170px 0px;
}

#navigation li#storyE {
background: url(http://www.whalelove.org/assets/graphics/menu-e-story) no-repeat;
}
#navigation li#storyEon {
background: url(http://www.whalelove.org/assets/graphics/menu-e-story) no-repeat -170px 0px;
}
#navigation li#storyE a:hover {
background: url(http://www.whalelove.org/assets/graphics/menu-e-story) no-repeat -170px 0px;
}


#navigation li#passengersE {
background: url(http://www.whalelove.org/assets/graphics/menu-e-passengers) no-repeat;
}
#navigation li#passengersEon {
background: url(http://www.whalelove.org/assets/graphics/menu-e-passengers) no-repeat -170px 0px;
}
#navigation li#passengersE a:hover {
background: url(http://www.whalelove.org/assets/graphics/menu-e-passengers) no-repeat -170px 0px;
}


#navigation li#forumE {
background: url(http://www.whalelove.org/assets/graphics/menu-e-forum) no-repeat;
}
#navigation li#forumEon {
background: url(http://www.whalelove.org/assets/graphics/menu-e-forum) no-repeat -170px 0px;
}
#navigation li#forumE a:hover {
background: url(http://www.whalelove.org/assets/graphics/menu-e-forum) no-repeat -170px 0px;
}


#navigation li#funE {
background: url(http://www.whalelove.org/assets/graphics/menu-e-fun) no-repeat;
}
#navigation li#funEon {
background: url(http://www.whalelove.org/assets/graphics/menu-e-fun) no-repeat -170px 0px;
}
#navigation li#funE a:hover {
background: url(http://www.whalelove.org/assets/graphics/menu-e-fun) no-repeat -170px 0px;
}


#navigation li#signupE {
background: url(http://www.whalelove.org/assets/graphics/menu-e-signup) no-repeat;
}
#navigation li#signupEon {
background: url(http://www.whalelove.org/assets/graphics/menu-e-signup) no-repeat -170px 0px;
}
#navigation li#signupE a:hover {
background: url(http://www.whalelove.org/assets/graphics/menu-e-signup) no-repeat -170px 0px;
}

#navigation li#magE {
background: url(http://www.whalelove.org/assets/graphics/menu-e-mag-open) no-repeat;
margin: 0;
padding: 0;
width: 170px;
height: 120px;
text-indent: 0px;
}

/* menu J
---------------------------------------------------- */

#navigation li#menuJ {
background: url(http://www.whalelove.org/assets/graphics/menu-j-menu) no-repeat;
}

#navigation li#aboutJ {
background: url(http://www.whalelove.org/assets/graphics/menu-j-about) no-repeat;
}
#navigation li#aboutJon {
background: url(http://www.whalelove.org/assets/graphics/menu-j-about) no-repeat -170px 0px;
}
#navigation li#aboutJ a:hover {
background: url(http://www.whalelove.org/assets/graphics/menu-j-about) no-repeat -170px 0px;
}

#navigation li#storyJ {
background: url(http://www.whalelove.org/assets/graphics/menu-j-story) no-repeat;
}
#navigation li#storyJon {
background: url(http://www.whalelove.org/assets/graphics/menu-j-story) no-repeat -170px 0px;
}
#navigation li#storyJ a:hover {
background: url(http://www.whalelove.org/assets/graphics/menu-j-story) no-repeat -170px 0px;
}


#navigation li#passengersJ {
background: url(http://www.whalelove.org/assets/graphics/menu-j-passengers) no-repeat;
}
#navigation li#passengersJon {
background: url(http://www.whalelove.org/assets/graphics/menu-j-passengers) no-repeat -170px 0px;
}

#navigation li#passengersJ a:hover {
background: url(http://www.whalelove.org/assets/graphics/menu-j-passengers) no-repeat -170px 0px;
}


#navigation li#forumJ {
background: url(http://www.whalelove.org/assets/graphics/menu-j-forum) no-repeat;
}
#navigation li#forumJon {
background: url(http://www.whalelove.org/assets/graphics/menu-j-forum) no-repeat -170px 0px;
}
#navigation li#forumJ a:hover {
background: url(http://www.whalelove.org/assets/graphics/menu-j-forum) no-repeat -170px 0px;
}


#navigation li#funJ {
background: url(http://www.whalelove.org/assets/graphics/menu-j-fun) no-repeat;
}
#navigation li#funJon {
background: url(http://www.whalelove.org/assets/graphics/menu-j-fun) no-repeat -170px 0px;
}
#navigation li#funJ a:hover {
background: url(http://www.whalelove.org/assets/graphics/menu-j-fun) no-repeat -170px 0px;
}

#navigation li#signupJ {
background: url(http://www.whalelove.org/assets/graphics/menu-j-signup) no-repeat;
}
#navigation li#signupJon {
background: url(http://www.whalelove.org/assets/graphics/menu-j-signup) no-repeat -170px 0px;
}
#navigation li#signupJ a:hover {
background: url(http://www.whalelove.org/assets/graphics/menu-j-signup) no-repeat -170px 0px;
}

#navigation li#magJ {
background: url(http://www.whalelove.org/assets/graphics/menu-j-mag-open) no-repeat;
margin: 0;
padding: 0;
width: 170px;
height: 120px;
text-indent: 0px;
}

/* mag form
---------------------------------------------------- */

input#box {
border: 1px solid #669900;
color: #666666;
background-color: #FFFFCC;
margin-top: 1px;
margin-bottom: 1px;
padding-left: 2px;
padding-right: 2px;
}
#submitbutton{
margin-top: 3px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 10px;
padding-right: 10px;
}

/* Sign Up form
---------------------------------------------------- */

input:focus, select:focus, textarea:focus {
  background: #FFFFFF;
}

input.name {
border-style: solid;
border-width: 1px;
border-color: #009900;
color: #666666;
background-color: #EEEEEE;
padding-left: 2px;
padding-right: 2px;
}

input.email {
border-style: solid;
border-width: 1px;
border-color: #009900;
color: #666666;
background-color: #EEEEEE;
padding-left: 2px;
padding-right: 2px;
}

input.emailconf {
border-style: dashed;
border-width: 1px;
border-color: #009900;
color: #666666;
background-color: #EEEEEE;
padding-left: 2px;
padding-right: 2px;
}

/* footer
---------------------------------------------------- */
#footer {
background-image: url(http://www.whalelove.org/assets/graphics/top-footer-background);
background-repeat: no-repeat;
height: 30px;
width: 780px;
margin-left: 10px;
margin-top: 15px;
margin-bottom: 10px;
padding-right: 10px;
padding-left: 10px;
position: relative;
}

.footer-bar {
  padding-left: 6px;
  padding-top: 31px;
  font-size: 11px;
}

/* Mac IE FIX 
---------------------------------------------------- */
#footer p {
font-size: 10px;
line-height: 10px;
color: #333333;
top: 0px;
}

/* -- \*/

#footer p {
font-size: 10.4px;
line-height: 2.8em;
color: #333333;	
}

/* Mac IE FIX END
---------------------------------------------------- */

#footer p a {
text-decoration: none;
}

#footer img#logo {
float: right;
margin-right: 35px;
}

/* top page only
---------------------------------------------------- */

body#toppage {
background-color: #99DD00;
background-image: url(http://www.whalelove.org/assets/graphics/top-background-top);
background-repeat: repeat-x;
margin: 0;
padding: 0;
color: #333333;
}

#topflash {
margin: 0px;
padding: 0px;
height: 450px;
width: 600px;
}


#navigation.top {
margin-left: 605px;
position: absolute;
top: 0px;
padding-top: 15px;
width: 170px;
background-image: url(http://www.whalelove.org/assets/graphics/top-menu-bar);
background-repeat: repeat-y;
}

#navigation li#map {
background: url(http://www.whalelove.org/assets/graphics/top-menu-map) no-repeat;
margin: 15px 0 0 0;
width: 155px;
height: 130px;
padding: 33px 7px 7px 7px;
text-indent: 0px;
}

#banner1 {
margin-top: -33px;
}

#banner2 {
margin-top: 21px;
}

#banner3 {
margin-top: -25px;
margin-left: 3px;
}

#footer.top {
background-image: url(http://www.whalelove.org/assets/graphics/top-footer-background);
background-repeat: no-repeat;
height: 30px;
width: 780px;
margin-left: 10px;
margin-top: 35px;
margin-bottom: 10px;
padding-top: 8px;
padding-right: 10px;
padding-left: 6px;
}

#footer.top a{
text-decoration: none;
}

#topstory {
background-image: url(http://www.whalelove.org/assets/graphics/top-story-anime);
background-repeat: no-repeat;
margin-top: 0px;
margin-left: 10px;
padding: 10px 10px 15px 10px;
height: 145px;
width: 570px;
}

* html #topstory { /* IE FIX */
background-image: url(http://www.whalelove.org/assets/graphics/top-
story-anime);
background-repeat: no-repeat;
margin-top: 18px;
margin-left: 10px;
padding: 10px 10px 15px 10px;
height: 145px;
width: 570px;
}

#topstory img {
	float: left;
	padding-right: 7px;
}

#topstory p {
	padding-top: 25px;
}

#garlic_errors
{
  border: 2px solid #c00;
  background-color: #f6f6f8;
}
input.garlic_error_field
{
  /*border: 1px solid #c00;*/
}