body {
overflow:auto; 
max-height:1300px;
margin: 0 100px;
color:#000000;
background-color: #ffffff;
float:center;
font-size:11px;
font-family:"Times","Book Antiqua", serif;
}

			/*----header----*/

#header {
height:65px;
}

#header h1.logo {
	position: absolute;
	top: 30px;
	left: 100px;
}
#header h1.logo a {
	background:#ffffff url(logo.jpg) no-repeat 0 0;
	display: block;
	width: 200px;
	height:65px;
	font-size: 1px;
	text-indent: -999px;
	overflow: hidden;`
}

			/*----contents----*/

#contents {
width:100%;
max-width:1500px;
margin: 50px 0 0 0;
}

			/*----contents table----*/

#contents #table {
text-align:right;
margin-right:20px;
float: left;
width: 200px;
}

#contents #table .navi a{
width: 200px;
display: block;
list-style-type: none;
font-weight: normal;
font-size:11px;
letter-spacing: 0.1em;
margin: 0px 0px 15px 0px;}

			/*----contents main----*/

#contents #main {
margin-left:220px;
}

			/*----contents top----*/

#contents #main #imageContainer {
position:relative;
float:left;
margin-right:20px;
height:500px;
width:700px;
}

#contents #main #imageContainer img {
display:none;
position:absolute;
top:0;
left:0;
}

			/*----contents page----*/
#contents #main .page{
color: #000000;
text-align: right;
line-height: 200%;
}

			/*----contents news----*/

#contents #main .news{
margin-bottom:20px;
}

#contents #main .news img {
float:left;
margin: 0 20px 5px 0;
}

#contents #main .news .title {
color: #ffffff;
text-align: left;
font-size:10px;
font-weight: bold;
margin-bottom: 40px;
}

#contents #main .news p {
font-weight: normal;
font-size:10px;
letter-spacing: 0.1em;
line-height: 1.5em;
}

#contents #main .news .date {
clear:both;
color: #ffffff;
text-align: right;
line-height: 200%;
border-bottom: 1px dotted #2a2a2a;
margin-top: 15px;
}

			/*----contents store----*/

#contents #main .store {
float:left;
width:200px;
height:275px;
margin-right:20px;
}

			/*----contents roasting----*/

#contents #main .roasting {
float:left;
}

#contents #main .roasting .gallery {
float:left;
overflow: hidden;
width:380px;
height:520px;
font-size: x-small;
margin: 0 20px 20px 0;
}

#contents #main .roasting .title{
font-weight: bold;
font-size:12px;
line-height: 1.5em;
}


			/*----contents espresso----*/
#contents #main .espresso{
width:300px;
float:left;
margin-right:20px;
}

#contents #main .title{
font-weight: bold;
font-size:12px;
}

#contents #main .espresso p {
margin: 0 0 20px 0;
font-weight: normal;
font-size:11px;
letter-spacing: 0.1em;
line-height: 1.5em;
}

#contents #main .gallery {
float:right;
overflow: hidden;
width:400px;
font-size: x-small;
}

/* ---- DONT CHANGE ---- */

.isg_container {
  position: relative;
  padding: 0;
  margin: 0;
}

table.isg_table {
  margin: 0;
  padding: 0;
  line-height: 0;
  border-spacing: 0;
  border: none;
}

table.isg_table img { border: none; }

table.isg_table tr {
  margin: 0;
  padding: 0;
}

table.isg_table td {
  margin: 0;
  padding: 0;
}

.isg_markup-wrapper {
  line-height: normal;
  overflow: hidden;
}

.isg_controller-wrapper {
  float: left;
  width: 100%;
}

a.isg_button {
  font-size:small;
  color: #d3d3d3;
  text-decoration: none;
}

a.isg_button:link { text-decoration: none;  background-color: #ffffff; }
a.isg_button:visited { text-decoration: none;  background-color: #ffffff; }
a.isg_button:hover { text-decoration: none; background-color: #ffffff;}


			/*----contents location----*/

#contents #main .location #imageContainer {
position:relative;
height:320px;
width:700px;
margin: 0 20px 20px 0;
}

#contents #main .location #imageContainer img {
display:none;
position:absolute;
top:0;
left:0;
}

#contents #main .location{
float:left;
}

			/*----footer----*/

#footer{
width:100%;
max-width: 1500px;
float:left;
margin:-75px 0 20px 0;
}

#footer .copyright {
font-size: 10px;
font-weight: normal;
color: #d0d0d0;
letter-spacing: 0.1em;
line-height: 100%;
margin-bottom:20px;
}



p {
font-weight: normal;
font-size:11px;
letter-spacing: 0.1em;
line-height: 1.5em;
}

h1 {
font-weight: bold;
font-size:medium;
margin: 0px;
padding: 0px;}

h3 {
font-weight: normal;
font-size:13x;
margin: 0px 0px;
padding: 0px;
color: #B0E0E6;
line-height: 200%;
}

li{
list-style-type: none;
font-weight: normal;
font-size:9px;
letter-spacing: 0.1em;
margin: 0px 0px 20px 0px;

}

ul {
margin: 0px 0px 0px 15px;
padding: 0px;
}




a:link {
  color: #000000; 
  text-decoration: none; 
  background-color: #ffffff;
}
a:visited { 
  color: #000000;
  text-decoration: none;
  background-color: #ffffff;
 }
a:active { 
  color: #000000;
  text-decoration: none;
  background-color: #d3d3d3;
 }
a:hover {
  color: #000000; 
  background-color: #d3d3d3; 
  text-decoration: underline 1px dotted ;}

a.text:link {
  color: #000000; 
  text-decoration: none; 
  background-color: #d3d3d3;
}
a.text:visited { 
  color: #000000;
  text-decoration: none;
  background-color: #d3d3d3;
 }
a.text:active { 
  color: #000000;
  text-decoration: none;
  background-color: #ffffff;
 }
a.text:hover {
  color: #000000; 
  background-color: #ffffff; 
  text-decoration: none;}









img{
border:0;
}