@charset "utf-8";

body{
background:#FFF url(../img/win_header_bg.gif) repeat-x 0px 0px;
margin-top:0px;
margin-bottom:0px;
text-align:center;
font-family:"Arial", sans-serif;
}

a:link{
color:#003366;
}

a:visited{
color:#993366;
}

a:hover{
color:#CC3300;
}

.font12{
font-size:0.7em;
line-height:150%;
}

.font10{
font-size:80%;
line-height:130%;
}

strong{
font-weight:bold;
}

.header{
margin:0;
padding:0;
width:100%;
text-align:left;
background:url(../img/win_header.gif) no-repeat 0px 0px;
height:60px;
}

.header h1{
position:absolute;
top:-9999px;
}

#contents{
padding:0;
margin-left:auto;
margin-right:auto;
width:100%;
text-align:center;
}

.calendar{
width:340px;
text-align:center;
margin:0 auto;
}

.calendar table{
margin:0 auto;
}

.calendar td{
font-size:10px;
text-align:center;
}

.calendar .days{
background-color:#DDD;
}

.calendar .year{
width:332px;
text-align:center;
font-size:12px;
font-weight:bold;
margin:3px auto;
color:#666;
border-top:1px solid #999;
border-bottom:1px solid #999;
padding:2px 0;
}

.holiday{
color:#FF0000;
}

.caution{
width:300px;
margin:3px auto;
background:url(../visit/img/icn_holiday.gif) no-repeat 0px 4px;
font-size:10px;
padding:0px 0px 0px 20px;
text-align:left;
}

.monthBorder{
width:332px;
border-top:1px solid #999;
border-bottom:1px solid #999;
margin:5px auto;
text-align:center;
}

.monthBorder .lastMonth{
font-size:10px;
text-align:left;
}

.monthBorder .nextMonth{
font-size:10px;
text-align:right;
}

.winClose{
font-size:60%;
line-height:150%;
clear:both;
margin:20px auto;
text-align:center;
width:300px;
padding-top:20px;
}

.copy{
font-size:60%;
line-height:150%;
clear:both;
margin:15px auto;
text-align:center;
}

/*Demo*/
.demo{
width:300px;
margin:5px auto;
}

.demo p{
font-size:0.7em;
text-align:left;
margin:10px auto;
}

.demo img{
margin:2px auto;
border:1px solid #999;
}

.demo .imageNoborder{
border:none;
}

.demo h2{
position:absolute;
top:-9999px;
font-size:14px;
margin:0;
}

.demoTitStraw{
width:300px;
height:33px;
background:url(../demo/img/tit_straw.gif) no-repeat center 1px;
border-top:1px solid #999;
border-bottom:1px solid #999;
padding:3px 0px;
}

.demoTitWeaving{
width:300px;
height:33px;
background:url(../demo/img/tit_weaving.gif) no-repeat center 1px;
border-top:1px solid #999;
border-bottom:1px solid #999;
padding:3px 0px;
}

.demoTitWooden{
width:300px;
height:33px;
background:url(../demo/img/tit_wooden.gif) no-repeat center 1px;
border-top:1px solid #999;
border-bottom:1px solid #999;
padding:3px 0px;
}

.demoTitfarmhouse{
width:300px;
height:33px;
background:url(../demo/img/tit_farmhouse.gif) no-repeat center 1px;
border-top:1px solid #999;
border-bottom:1px solid #999;
padding:3px 0px;
}


.demoTitUmbrella{
width:300px;
height:34px;
background:url(../demo/img/tit_umbrella.gif) no-repeat center 1px;
border-top:1px solid #999;
border-bottom:1px solid #999;
padding:3px 0px;
}

.demoTitPaper{
width:300px;
height:33px;
background:url(../demo/img/tit_paper.gif) no-repeat center 1px;
border-top:1px solid #999;
border-bottom:1px solid #999;
padding:3px 0px;
}

.demoTitCharcoal{
width:300px;
height:33px;
background:url(../demo/img/tit_charcoal.gif) no-repeat center 1px;
border-top:1px solid #999;
border-bottom:1px solid #999;
padding:3px 0px;
}

.demoTitBlacksmith{
width:300px;
height:33px;
background:url(../demo/img/tit_blacksmith.gif) no-repeat center 1px;
border-top:1px solid #999;
border-bottom:1px solid #999;
padding:3px 0px;
}

.demoTitBamboo{
width:300px;
height:33px;
background:url(../demo/img/tit_bamboo.gif) no-repeat center 1px;
border-top:1px solid #999;
border-bottom:1px solid #999;
padding:3px 0px;
}

.demoTitTurning{
width:300px;
height:33px;
background:url(../demo/img/tit_turning.gif) no-repeat center 1px;
border-top:1px solid #999;
border-bottom:1px solid #999;
padding:3px 0px;
}

.demoTitDyeing{
width:300px;
height:33px;
background:url(../demo/img/tit_dyeing.gif) no-repeat center 1px;
border-top:1px solid #999;
border-bottom:1px solid #999;
padding:3px 0px;
}

.demoTitLivestock{
width:300px;
height:33px;
background:url(../demo/img/tit_livestock.gif) no-repeat center 1px;
border-top:1px solid #999;
border-bottom:1px solid #999;
padding:3px 0px;
}

.demoTitProducts h3{
width:300px;
height:20px;
background:#E7E7C3 url(../demo/img/tits_products.gif) no-repeat center 1px;
border-bottom:1px dotted #999900;
border-top:1px dotted #999900;
padding:3px 0px;
margin:10px auto;
}



.demoTitProducts span{
position:absolute;
top:-9999px;
}

.products{
width:256px;
margin:0 auto;
text-align:center;
}

.products .pro_image{
width:120px;
margin:3px;
float:left;
font-size:60%;
text-align:left;
}