@charset='utf-8';

body {
margin: 10px auto; padding: 0px; color: #333333;
background: url("http://www.fw-snowshoe.com/images/bg_body.jpg") top repeat-x #FFFFFF;
font: 14px/140% verdana, arial, sans-serif;
}
a { color: #0066cc; text-decoration: underline; }
a:hover { color: #666666; text-decoration: underline; }
p{ margin: 0px 0px 10px 0px; padding: 0px; }

#wrapper h1 {
position: absolute; top: 3px; right: 20px; text-align: right;
width: 550px; color: #000066; font-size: 12px; font-weight: normal;
}

#wrapper h1.image {
position: static; margin:0px; padding:0px;
}

h2 {
width: 670px; height: 24px; color: #FFFFFF; font-size: 16px;
padding: 8px 15px 5px 15px; margin: 0px 0px 5px 20px;
background: url("http://www.fw-snowshoe.com/images/bg_h2.jpg") left no-repeat;
}

h3 {
width: 720px; color: #3366CC; font-size: 16px; text-align: left;
padding: 8px 15px 5px 15px; margin: 0px 0px 20px 0px;
border-bottom: 2px solid #3366CC;
}

h2.info{
width: 251px; height: 25px;margin: 0px; padding: 10px 0px 0px 0px;
color: #FFFFFF; font-size: 16px; text-align: center;
background:url("http://www.fw-snowshoe.com/images/info_title_bg.jpg") no-repeat;
}

h2.diary{
width: 493px; height: 25px;margin: 0px; padding: 10px 0px 0px 0px;
color: #FFFFFF; font-size: 16px; text-align: center;
background:url("http://www.fw-snowshoe.com/images/diary_title_bg.jpg") no-repeat;
}

h3.blog{
width: 238px; height: 25px;margin: 0px; padding: 6px 0px 0px 0px;
color: #333333; font-size: 14px; text-align: center;border: none;
background:url("http://www.fw-snowshoe.com/images/blog_title_bg.jpg") no-repeat;
}

p { text-align: left; }
img { border: 0px; }
.right { float: right; }
.left { float: left; }
.clear { clear:both; }

/* position styling */
#wrapper {
position: relative; width: 810px;
margin: 0px auto; padding: 0px;
}

#wrapper #container {
float: left; width: 800px;
padding: 0px 10px; margin: 0px;
background: url("http://www.fw-snowshoe.com/images/bg_contents.jpg") top repeat-y;
}

#wrapper #head {
float: left; width: 100%;
padding: 0px; margin: 0px;
border-top: 1px solid #999999;
}

#wrapper #main_contents {
float: left; width: 760px;
padding: 10px 20px 20px 20px; margin: 0px;
word-wrap: break-word; overflow: hidden;
}

#site_top{
float: right; padding: 0px 20px; margin: 0px; font-size: 10px;
}

#foot {
float: left; width: 100%; height: 64px;
padding: 10px 0px; margin: 0px; color: #FFFFFF;
font-size: 10px;	text-align: center; line-height: 120%;
background: url("http://www.fw-snowshoe.com/images/bg_foot.jpg") top repeat-y;
}

#acopy {
clear: both; width: 800px; padding: 5px 10px; text-align: center;
background: url("http://www.fw-snowshoe.com/images/bg_foot_bottom.jpg") top no-repeat;
}

/* header styling */
#head img { float: left; margin: 0px; padding: 0px; }

#head #head_navi {
position: relative; float: left;
width: 790px; height: 38px; margin: 0px; padding: 1px 5px;
background: url("http://www.fw-snowshoe.com/images/head_bg_navi.jpg") no-repeat;
}

#head_navi dl#menu{
	float: left; margin: 0px; padding: 0px;
}

#head_navi dl#menu ul{
	list-style: none;
}

#head_navi dl#menu dd{
	float: left;
	width: 131px; margin: 0px; padding: 0px;
}

#head_navi dl#menu dd a{
	display: block;
	text-decoration: none;
}

#head_navi dl#menu dd ul{
	position:absolute; top:35px;
	width: 260px;	margin: 0px;	padding: 0px;
	font-size: 12px;	line-height: 110%;
	background-color: #F6CB6D;
	border-left: solid 1px #D09D66;
	border-right: solid 1px #D09D66;
	display: none;
}

#head_navi dl#menu dd ul a{
	color: #333333;	width: 250px;
	height: auto;
	text-align: left;
	padding: 5px;
}

dl#menu dd ul a:hover{
	background-color: #FFFFCC;
}

#head_navi dl#menu dd ul li{
	border-bottom: solid 1px #D09D66;
	z-index:100;
}

/* footer styling */
#foot #foot_navi {
color: #666666; background: #FFFFFF;
padding: 5px; margin: 0px 20px 5px 20px;
}

#foot #foot_navi a { color: #666666; text-decoration: underline; }
#foot #foot_navi a:hover { color: #999999; text-decoration: underline; }

#foot a { color: #FFFFFF; text-decoration: underline; }
#foot a:hover { color: #FFCC00; text-decoration: underline; }
#copy { padding: 0px; margin: 5px 0px 0px 0px; }

/* toppage contents styling */
#box1 {
float: left; width: 251px;
padding: 0px; margin: 0px 0px 10px 0px;
}

#box2 {
float: right; width: 493px; font-size: 13px;
padding: 0px; margin: 0px 0px 10px 0px;
}

#info {
width: 229; padding: 3px 10px; margin: 0px 0px 10px 0px;
border-width: 0px 2px 2px 2px; border-style: solid; border-color: #0066cc;
}

#info ul { margin: 0px 0px 0px 18px; padding: 0px; list-style-image: url("http://www.fw-snowshoe.com/images/info_circle.jpg"); }
#info ul li { margin: 10px 0px; padding: 0px; line-height: 115%; }
#info .date { color: #0066cc; font-size: 13px; font-weight: bold; }
#info .desc { font-size: 13px;margin: 0px; padding: 0px; }
#info a { color: #0066cc; text-decoration: underline; }
#info a:hover { color: #FFCC00; text-decoration: underline; }

#mag {
width: 240px; padding: 5px; margin: 0px;  font-size: 13px;
border:1px solid #999999; background: #F0F8FF;
}

#diary {
width: 471; padding: 5px 10px; margin: 0px 0px 10px 0px;
border-width: 0px 2px 2px 2px; border-style: solid; border-color: #0099cc;
}

#diary ul { margin: 0px 0px 0px 18px; padding: 0px; list-style-image: url("http://www.fw-snowshoe.com/images/diary_circle.jpg"); }
#diary ul li { margin: 10px 0px; padding: 0px; line-height: 115%; }
#diary .date { color: #0099cc; font-size: 13px; font-weight: bold; }
#diary .desc { font-size: 13px; }
#diary a { color: #0099cc; text-decoration: underline; }
#diary a:hover { color: #FFCC00; text-decoration: underline; }

#blog {
float: left; width: 238px; padding: 0px; margin: 0px;
}

#blogr {
float: right; width: 238px; padding: 0px; margin: 0px;
}

#blog #txt, #blogr .txt {
padding: 5px 10px; margin: 0px;
border-width: 0px 1px 1px 1px; border-style: solid; border-color: #999999;
background: #FFFFCC;
}

#blog ul, #blogr ul { margin: 0px 0px 0px 18px; padding: 0px; list-style-image: url("http://www.fw-snowshoe.com/images/blog_circle.jpg"); }
#blog ul li, #blogr ul li { margin: 8px 0px; padding: 0px; line-height: 115%; }
#blog .date, #blogr .date { color: #666666; font-size: 13px; font-weight: bold; }
#blog a, #blogr a { color: #666666; text-decoration: underline; }
#blog a:hover, #blogr a:hover { color: #FFCC00; text-decoration: underline; }

#about {
float: right; width: 226px; padding: 8px 5px; margin: 0px; font-size: 12px;
border-width: 1px; border-style: solid; border-color: #999999;
}

/* page contents styling */
#english {
float:right; margin: 0px; padding: 0px; font-size: 12px;
}
#pan {
font-size: 10px; margin: 5px 0px; padding: 0px;
}

#cont_box {
width: 700px; padding: 0px 5px; margin: 0px 0px 20px 0px;
}

.txt {
margin: 0px 15px 0px 25px;
}

ul.cmark { margin: 0px 0px 0px 45px; padding: 0px; list-style-image: url("http://www.fw-snowshoe.com/images/info_circle.jpg"); text-align: left; }
ul.cmark li { margin: 10px 0px; padding: 0px; line-height: 115%; }
ul.cmark .desc { font-size: 13px;margin: 0px; padding: 0px; }
ul.cmark .desc img { margin: 3px; padding: 0px; }

.icon { margin: 0px; padding: 0px 0px 0px 18px; background: url("http://www.fw-snowshoe.com/images/info_circle.jpg") left no-repeat; }

/* form styling */
input,textarea,select {	margin: 1px;	font-size: 13px;	color: #333333;	}
form {	margin: 0px;	font-size: 13px;	}

#form_style {
width: 100%;	border-width: 1px 0px 0px 1px;	border-style: solid;	border-color: #CCCCCC;
font-size: 13px;
}
	
#form_style th {
padding: 3px;	text-align: left;	background: #DDEEFF; color: #000066;
border-width: 0px 1px 1px 0px;	border-style: solid;	border-color: #CCCCCC;
}
	
#form_style td {
padding: 3px;	border-width: 0px 1px 1px 0px;	border-style: solid;	border-color: #CCCCCC;
}

@media print {
body { zoom:90%; background: none; overflow: visible !important; margin:0px; }
#wrapper { overflow: visible !important; }
#head { float: none; overflow: visible !important; }
#wrapper #container {  float: none; overflow: visible !important;  background: none; }
#wrapper #main_contents{   float: none; overflow: visible !important; }
#site_top{ display:none; }
#foot {   float: none; overflow: visible !important; }
#acopy { display:none; }
.h2 { float: left; overflow: visible !important; }
.txt { clear: both; overflow: visible !important; }
}