@charset "UTF-8";
/* CSS Document */

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#FFFFFF;

}




#container{
color:#999999;
font-size:10px;
width:1000px;
height:633px;
padding:0px;
margin:auto;
}

#indexcontainer{
color:#999999;
font-size:10px;
width:600px;
height:633px;
padding:0px;
margin:auto;
}

#indexcontent{
color:#999999;
font-size:10px;
width:600px;
height:600px;
padding:0px;
margin:auto;
}

#indexcontent2{

color:#999999;
font-size:10px;
width:600px;
height:600px;
padding:0px;
margin:auto;
}

#containerwebcam{
background-image:url(images/webcam_background.jpg);
background-repeat:no-repeat;
color:#999999;
font-size:10px;
width:1000px;
height:633px;
padding:0px;
margin:auto;
}

#containermenu{
background-image:url(images/mashiko_menu.jpg);
background-repeat:no-repeat;
color:#999999;
width:1000px;
height:633px;
padding:0px;
margin:auto;
}

#containervideo{
background-image:url(images/mashiko_video.jpg);
background-repeat:no-repeat;
color:#999999;
font-size:10px;
width:1000px;
height:633px;
padding:0px;
margin:auto;
}

#containerhajime{

background-repeat:no-repeat;
color:#999999;
font-size:10px;
width:1000px;
height:633px;
padding:0px;
margin:auto;
}

#containerrules{
background-image:url(images/mashiko_rules.jpg);
background-repeat:no-repeat;
color:#999999;
font-size:10px;
width:1000px;
height:633px;
padding:0px;
margin:auto;
}

#containersustain{
background-image:url(images/mashiko_sustain.jpg);
background-repeat:no-repeat;
color:#999999;
font-size:10px;
width:1000px;
height:633px;
padding:0px;
margin:auto;
}

#containershop{
background-image:url(images/mashiko_shop.jpg);
background-repeat:no-repeat;
color:#999999;
font-size:10px;
width:1000px;
height:633px;
padding:0px;
margin:auto;
}

#containersitemap{
background-image:url(images/mashiko_sitemap.jpg);
background-repeat:no-repeat;
color:#999999;
font-size:10px;
width:1000px;
height:633px;
padding:0px;
margin:auto;
}
#containerhome{
background-image:url(images/mashiko_home.jpg);
background-repeat:no-repeat;
color:#999999;
font-size:10px;
width:1000px;
height:633px;
padding:0px;
margin:auto;
}

#containerreview{
background-image:url(images/reviews_background.jpg);
background-repeat:no-repeat;
color:#999999;
font-size:10px;
width:1000px;
height:633px;
padding:0px;
margin:auto;
}


#containerstaff{
background-image:url(images/mashiko_staff_revise_3.jpg);
background-repeat:no-repeat;
color:#999999;
font-size:10px;
width:1000px;
height:633px;
padding:0px;
margin:auto;
}

#containerhajime{
background-image:url(images/Mashiko_Hajime.jpg);
background-repeat:no-repeat;
color:#999999;
font-size:10px;
width:1000px;
height:633px;
padding:0px;
margin:auto;
}


#banner{
background-repeat:no-repeat;
font-size:10px;
width:510px;
height:123px;
padding:0px;
margin:0px;
}


#topnav{
float:right;
text-align:right;
color:#666666;
font-size:10px;
width:455px;
height:70px;
padding:10px 20px 0px 0px;
margin:0px 0px 0px 0px;
}

#topnav a { 
color:#666666;text-decoration:none; }
 
#topnav a:hover { 
color:#669900;text-decoration:none;}



#left{
float:left;
width:515px;
height:623;
margin:0px;
padding:0px;}

#leftwebcam{
float:left;
width:375px;
height:623;
margin:0px;
padding:0px;}

#lefthome{
float:left;
width:200px;
height:623;
margin:0px;
padding:0px;}

#right{
float:right;
width:485px;
height:623;
margin:0px;
padding:0px;}

#homecontent {
float:right;
text-align:left;
color:#422414;
font-size:11px;
width:610px;
height:250px;
line-height:13px;
padding:15px 10px 0px 20px;
margin:95px 95px 0px 10px;}

#homecontent a { 
color:#422414;  text-decoration:none; }
 
#homecontent a:hover { 
color:#669900;  text-decoration:none; }

#toptextcontentsmall{
float:left;
text-align:left;
color:#422414;
font-size:11px;
width:370px;
height:150px;
line-height:20px;
padding:10px 0px 0px 5px;
margin:25px 0px 0px 20px;}

#toptextcontentsmall a { 
color:#422414;  text-decoration:none; }
 
#toptextcontentsmall a:hover { 
color:#669900;  text-decoration:none; }

#toptextmenu{
font:Helvetica, sans-serif;
text-align:left;
color:#CCCCCC;
font-size:12px;
line-height:20px;
width:360px;
height:310px;
padding:10px 0px 0px 5px;
margin:0px 20px 0px 20px;}

#toptextcontentsmall a { 
color:#422414;  text-decoration:none; }
 
#toptextcontentsmall a:hover { 
color:#669900;  text-decoration:none; }



#webcamcontentsmall{
float:left;
text-align:right;
color:#FFFFFF;
font-size:12px;
width:320px;
height:390px;
line-height:20px;
padding:0px 0px 0px 0px;
margin:145px 0px 0px 0px;

border-color:#cb3000;}


#centercontent{
float:left;
text-align:left;
color:#422414;
font-size:11px;
font-weight:300;
width:500px;
height:400px;
line-height:14px;
padding:0px 0px 0px 0px;
margin:75px 0px 0px 0px;
}

#centercontent a { 
color:#422414;  text-decoration:none; }
 
#centercontent a:hover { 
color:#660000; font-weight:500;  text-decoration:none; }

#centercontentrules{
float:left;
text-align:left;
color:#422414;
font-size:14px;
font-weight:600;
width:485px;
height:300px;
line-height:32px;
padding:0px 0px 0px 0px;
margin:95px 0px 0px 0px;
}

#centercontentrules a { 
color:#422414;  text-decoration:none; }
 
#centercontentrules a:hover { 
color:#660000; font-weight:500;  text-decoration:none; }

#centercontentsustain{
float:left;
text-align:left;
color:#CCCCCC;
font-size:12px;
width:505px;
height:240px;
line-height:14px;
padding:0px 0px 0px 0px;
margin:75px 0px 0px 0px;
}

#centercontentsustain a { 
color:#990000;  text-decoration:none; }
 
#centercontentsustain a:hover { 
color:#993300;  text-decoration:none; }


#centercontentsitemap {
float:right;
text-align:left;
color:#422414;
font-size:12px;
font-weight:400;
width:510px;
height:420px;
line-height:16px;
padding:10px 10px 0px60px;
margin:65px 95px 0px 10px;
}

#centercontentsitemap a { 
color:#422414;  text-decoration:none; }
 
#centercontentsitemap a:hover { 
color:#660000; font-weight:500;  text-decoration:none; }

#centercontentshop {
float:right;
text-align:left;
color:#422414;
font-size:12px;
font-weight:400;
width:590px;
height:420px;
line-height:16px;
padding:0px 10px 0px 60px;
margin:35px 95px 0px 10px;
}

#centercontentshop a { 
color:#422414;  text-decoration:none; }
 
#centercontentshop a:hover { 
color:#660000; font-weight:500;  text-decoration:none; }


#centercontentshopscroll {
float:right;
text-align:left;
color:#422414;
font-size:12px;
font-weight:400;
width:575px;
height:420px;
line-height:16px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}


#centercontentstaff {
float:right;
text-align:left;
color:#CCCCCC;
font-size:11px;
font-weight:100;
width:610px;
height:510px;
line-height:13px;
padding:5px 10px 0px 20px;
margin:25px 95px 0px 10px;
}

#centercontent a { 
color:#422414;  text-decoration:none; }
 
#centercontent a:hover { 
color:#660000; font-weight:500;  text-decoration:none; }

#centercontenthajime {
float:right;
text-align:left;
color:#000000;
font-size:11px;
font-weight:100;
width:600px;
height:400px;
line-height:13px;
padding:5px 10px 0px 20px;
margin:95px 95px 0px 10px;
}

#centercontenthajime a { 
color:#333333;text-decoration:none; font-weight:bold; }
 
#centercontenthajime a:hover { 
color:#CCCCCC; font-weight:bold;  text-decoration:none; }



#rightcontent{
float:left;
text-align:right;
color:#422414;
font-size:11px;
font-weight:300;
width:405px;
height:400px;
line-height:28px;
padding:0px 0px 0px 0px;
margin:55px 0px 0px 100px;
}

#rightcontent a { 
color:#422414;  text-decoration:none; }
 
#rightcontent a:hover { 
color:#990000; font-weight:500;  text-decoration:none; }


#leftcontent{
float:right;
text-align:left;
color:#FFFFFF;
font-size:12px;
width:280px;
height:600px;
line-height:14px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#leftcontent a { 
color:#422414;  text-decoration:none; }
 
#leftcontent a:hover { 
color:#660000; font-weight:500;  text-decoration:none; }


#menuslidewhow{
float:right;
text-align:left;
color:#FFFFFF;
font-size:12px;
width:240px;
height:325px;
padding:0px 0px 0px 0px;
margin:233px 32px 0px 0px;
}




.scroll {
width:500px;
height:250px;
padding-left: 5px;
padding-top:0px;
padding-right: 5px;
margin:0px 0px 0px 0px;
overflow:auto;
}

#toptextcontent{
text-align:left;
color:#422414;
font-size:11px;
font-weight:300;
width:370px;
height:230px;
line-height:14px;
padding:15px 0px 0px 5px;
margin:28px 0px 0px 20px;
}

#toptextcontent a { 
color:#422414;  text-decoration:none; }
 
#toptextcontent a:hover { 
color:#660000; font-weight:500;  text-decoration:none; }

#toptextcontentlinks{
text-align:left;
color:#422414;
font-size:11px;
line-height:18px;
font-weight:300;
width:370px;
height:230px;
padding:15px 0px 0px 5px;
margin:28px 0px 0px 20px;
}

#toptextcontentlinks a { 
color:#422414;  text-decoration:none; }
 
#toptextcontentlinks a:hover { 
color:#660000; font-weight:500;  text-decoration:none; }


#topcontactcontent{
background-image:url(images/contact_content.jpg);
background-repeat:no-repeat;
float:right;
text-align:right;
color:#666666;
font-size:12px;
width:485px;
height:293px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#topcontent a { 
color:#666666; font-weight:bold; text-decoration:none; 
 
}
 
#topcontent a:hover { 
color:#669900; font-weight:bold; text-decoration:none; 

}


#tophomecontent{
background-image:url(images/home_content.jpg);
background-repeat:no-repeat;
float:right;
text-align:right;
color:#666666;
font-size:12px;
letter-spacing:.5px;
width:485px;
height:293px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#topcontent a { 
color:#666666; font-weight:bold; text-decoration:none; }
 
#topcontent a:hover { 
color:#669900; font-weight:bold; text-decoration:none; }


#imagecontactcontainer{
float:right;
background-image:url(images/contact_image.jpg);
background-repeat:no-repeat;
text-align:right;
color:#666666;
font-size:12px;
letter-spacing:.5px;
width:485px;
height:250px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#imagehomecontainer{
float:right;
background-image:url(images/home_image_1.jpg);
background-repeat:no-repeat;
text-align:right;
color:#666666;
font-size:12px;
letter-spacing:.5px;
width:485px;
height:250px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}


#menu{
float:left;
text-align:right;
color:#666666;
font-size:12px;
letter-spacing:.5px;
width:200px;
height:623px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;}


#midcontactcontent{
background-image:url(images/contact_logo.jpg);
background-repeat:no-repeat;
float:left;
color:#666666;
font-size:12px;
letter-spacing:.5px;
width:315px;
height:623px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;}


#midhomecontent{
background-image:url(images/home_logo.jpg);
background-repeat:no-repeat;
float:left;
color:#666666;
font-size:12px;
letter-spacing:.5px;
width:315px;
height:623px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#midcamcontent{

float:left;
color:#666666;
font-size:12px;
letter-spacing:.5px;
width:315px;
height:623px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#footer{
text-align:center;
color:#666666;
font-size:10px;
line-height:14px;
width:1000px;
height:50px;
padding:5px 0px 0px 0px;
margin:auto;
}

#footer a { 
color:#666666; font-weight:bold; text-decoration:none; }
 
#footer a:hover { 
color:#669900; font-weight:bold; text-decoration:none; }

#h1{


color:#FFFFFF;
letter-spacing:.5px;
text-transform:uppercase;
font-size:16px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#h2{


color:#CCCCCC;
font-weight:bold;
font-size:11px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#h3{


color:#000000;
font-size:11px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#h4{


color:#000000;
font-size:16px;
line-height:18px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}