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(/image/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%;
margin-bottom:20px;
}

			/*----contents news----*/
#contents #main .news{
margin-bottom:10px;

}

#contents #main .news .text img{
margin:0 10px 0 0;
vertical-align: top;
padding:2px;
border: 1px #000000 solid;
float:left;
}

#contents #main .news .text a {
min-width:495px;
height:75px;
font-family:sans-serif;
display: block;
list-style-type: none;
font-weight: bold;
padding:3px 0 0 5px;
line-height:1em;
font-size:25px;
margin: 0px 0px 10px 70px;}


#contents #main .news .date {
width:50px;
float:left;
margin: 5px 20px 0 0;
color: #000000;
}

#contents .news .photo {
width:300px;
float:right;
margin: 0 20px 20px ;
}

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

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


			/*----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{
min-width:720px;
}

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

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

#contents #main .espresso #menu 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:-35px 0 20px 0;
}

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

.clear {
height: 0px;
line-height: 0px;
font-size: 0px;
clear: left;
margin: 0px;
padding: 0px;
}


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: #ffffff; 
  background-color: #d3d3d3; 
  text-decoration: underline 1px dotted ;}

a.newsnavi :link {
  color: #000000; 
  text-decoration: none; 
  background-color: #ffffff;
}
a.newsnavi :visited{ 
  color: #000000;
  text-decoration: none;
  background-color: #ffffff;
 }
a.newsnavi :active{ 
  color: #000000;
  text-decoration: none;
  background-color: #B0E0E6;
 }
a.newsnavi:hover{
  color: #ffffff; 
  background-color: #B0E0E6; 
  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;
}