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


@media screen and (max-width: 980px) {
	
#header {min-height:640px; margin:0 auto; background-color:#6a4832; }
#contents { margin:0 auto; width:95%; padding:0 2% 0 0; }
#footer {margin:0 auto; width:95%;}
#phonesidebar { padding:600px  0 0 65%; height:auto;  }
#rightsidebar { width:25%; margin:0 5px 0 5px; }
img.rslides {
    max-width: 1024px;
}

}

@media screen and (max-width: 800px) {
	
#header {min-height:640px; margin:0 auto; background-color:#6a4832; }
#contents { float:none; padding:0; margin:0; }
#maincontents {width:100%; margin:0;}
#footer {margin:0 auto; width:100%;}
#phonesidebar { padding:600px  0 0 0; float:none; height:auto; text-align:right; }
#rightsidebar { width:85%; margin:5% 0 5% 5%; position:relative; height:50%; float:left; }
#menu { height:279px; margin:52px 0 0 0; }

}

@media screen and (max-width: 480px) and (min-width: 320px) {

	html {
		-webkit-text-size-adjust: none;
	}

#header {min-height:565px; height:565px; margin:0 auto; background-color:#2c1710; }
#contents { float:none; padding:0; margin:0; }
#maincontents {width:auto; margin:0;}
#footer {margin:0 auto; width:100%;}
#phonesidebar { padding:524px 0 0 0; float:none; height:auto; text-align:left;  }
#rightsidebar { width:80%; margin:5% 0 5% 5%; position:relative; height:50%; float:left; }
#menu { height:289px;  margin:0 16% 0 16%; padding:0; width:68%; text-align:center; }
#headersidebar {width:100%; margin:0; padding:0; text-align:center;  }


img.alignright {float:none; margin:20px 0 40px 20px}
img.alignleft {float:none; margin:20px 20px 40px 0}
a img.alignright {float:none; margin:0 0 2em 1em}
a img.alignleft {float:none; margin:5px 25px 2em 0}

img.rslides {
    min-height: 234px;
}

.rslides {
  height:234px;
  }

}