form {margin:0; padding:0;}
/* br {clear:both;} */
table,td {font-size:100%;}


body {
background: #F0F0F0 url(../image/season/winter/fs_body_bg.gif) repeat-x 0 0;
width: 660px;
padding-left: 50%;
color: #333333;
font-family: Arial, sans-serif;
font-size: .75em;
}

#base {
width: 660px;
text-align:left;
margin-left: -330px;
border:3px white solid;
}

#head {
padding-left:20px;
padding-right:20px;
height:170px;
background: #CCCCCC url(../image/season/winter/fs_head.jpg) no-repeat center;
}

#mail {
width: 620px;
margin: auto;
}


#body {
padding-top:10px;
padding-left:20px;
background: #CCCCCC;
}

#navi {
width: 200px;
float:left;
font-size: 0.85em;
}

#content {
width: 410px;
margin: 0 0 0 210px;
min-height: 700px;
}


.box {
background: #FFFFFF;
padding:10px;
margin-bottom:10px;
}

.ibox {
background: #FFFFFF;
padding: 5px;
margin-bottom: 10px;
}

#mainnavi {
margin-bottom:10px;
}

#mainnavi .active {
/* season color */
color: #00A4E8;
	background-image: url(../image/fs_mainnavi_hover.gif);
}


#mainnavi strong {
	font-weight:bold;
	font-size: 1.2em;
	line-height:300%;
}

#navi a {
text-transform:uppercase;
clear:both;
}


#mainnavi a {
background-image: url(../image/fs_mainnavi.gif);
text-decoration:none;
margin-bottom: 10px;
padding-left: 20px;
cursor:pointer;
line-height:200%;
color: #666666;
}

#mainnavi a:hover {
background-image: url(../image/fs_mainnavi_hover.gif);
}

p {
line-height:150%;
margin:1.2em 0 1.2em 0; padding:0;
}

.box div p {
margin: 0px;
}



p .link {
display:block;
margin:1.4em 0 -0.2em 0;
padding-bottom:1px;
}

.link {
margin-bottom: 1.2em;
text-decoration:none;
color: #666666;
padding-left:20px;
background-image: url(../image/linkarrw.gif);
background-repeat:no-repeat;
background-position: 0 0;
clear:both;
}


#content a {color: #666666;
;}
#content a:visited {color: #999999;}
/* season color */
#content a:hover,a:focus,#navi a:hover {
color: #00A4E8;
}
#content a:active,#navi a:active {color: #323232 !important;}

.link:visited {
color: #AFAFAF;
background-position: 0 -120px;
}

.link:hover, .link:focus {
color: #00A4E8 !important;
background-position: 0 -40px !important;
}

.link:active {
color: #323232 !important;
background-position: 0 -80px !important;
}

ul {
padding-left: 14px;
line-height: 150%;
}



table {
width:80%;
margin:1.2em 0 1.2em 0;
}
td {
width:30%;
vertical-align:top;
}

.infobox {
line-height: 140%;
}



.ev_event { font-size: 1em; color: #333333;}
.ev_date {  font-weight: bold;}
.ev_text { }
.ev_table {  width:90%; background-color: #F6F6F6; border: 1px #999999  dotted}

.buttons {  font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif ; color: #333333; background-color: #CCCCCC; border: 1px #666666 solid}
.inputbox {  font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #CCCCFF; color: #333333; border: 1px #666666 solid};
.select {  font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #CCCCCC; color: #333333}
.textarea {  font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #F6F6F6; color: #666666; border: 1px #333333 solid}

.mailtable { background-color: #F0F0F0;clip:   rect(   ); padding-top: 0px; padding-right: 2px; padding-bottom: 0px; padding-left: 2px; border: 1px #FFFFFF solid}

br#clr { clear: right }

img {border:none;} 

.img-shadow {
  float:right;
  background: url(/style/image/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/style/image/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }