@charset "utf-8";
/* CSS Document */
#body0 {
/*
  background-image: url(../images/background-image.jpg) ;
*/
  width: 100%;
  background-color: #ffffff;
  color: #808080;
}
header {
  background-color: #f6ebe6;
  color: #000000;
  height: 50px;
  line-height: 1.5em;
  margin: 0 auto;
  opacity: 0.8;
  padding-top: 20px;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 1;
}
header a {
  color: #000000;
  font-size: 1.5em;
  text-decoration: none;
}
footer {
  background-color: #f6ebe6;
  height: 100px;
  margin: 0 auto;
  width: 100%;
  clear: both;
}
hr {
	margin-bottom: 60px;
}
.contents {
  background-color: #ffffff;
  margin: 0 auto;
  width: 640px;
  padding-top: 70px;
}
.main-title {
  margin-bottom: 30px;
  text-align: center;
}
.main-title-text {
  font-size: 3.5em;
  padding-top: 20px;
}
.title-detail {
  font-size: 50px;
  margin: 20px;
  text-align: center;
}

/* googlefonts */
.font-style01 {
  font-family: "Pinyon Script",cursive;
}
.font-style02 {
  font-family: 'Shadows Into Light', cursive;
}

/* title-color */
.title-color01 {
	color: #b288a4;	
}
.title-color02 {
	color: #ffc000;	
}
.title-color03 {
	color: #a2a2a2;	
}
.title-color04 {
	color: #215968;	
}
.title-color05 {
	color: #f771a4;	
}
.title-color06 {
	color: #403152;	
}

.image-color-list {
  height: 50px;
  list-style-type: none;
  margin: 0 auto;
  width: 250px;
}
.image-color-list li {
  border-radius: 40px;
  float: left;
  height: 40px;
  margin: 5px;
  width: 40px;
}

/* image-color-list */
/* Style01 */
.image-color01 {
	background-color: #fee6dc;
}
.image-color02 {
	background-color: #e4c6e2;
}
.image-color03 {
	background-color: #fdcde5;
}
.image-color04 {
	background-color: #f3e4dd;
}
.image-color05 {
	background-color: #f1e2c1;
}
/* Style02 */
.image-color06 {
	background-color: #77933c;
}
.image-color07 {
	background-color: #ecf7b2;
}
.image-color08 {
	background-color: #c3d79c;
}
.image-color09 {
	background-color: #f1e2c1;
}
.image-color10 {
	background-color: #f0f8d1;
}
/* Style03 */
.image-color11 {
	background-color: #dbeef4;
}
.image-color12 {
	background-color: #95b2b8;
}
.image-color13 {
	background-color: #e3e8ee;
}
.image-color14 {
	background-color: #f1e2c1;
}
.image-color15 {
	background-color: #102540;
}
/* Style04 */
.image-color16 {
	background-color: #f890d3;
}
.image-color17 {
	background-color: #ffff66;
}
.image-color18 {
	background-color: #f3bb1d;
}
.image-color19 {
	background-color: #feb554;
}
.image-color20 {
	background-color: #ecf8b2;
}
/* Style05 */
.image-color21 {
	background-color: #fc1cac;
}
.image-color22 {
	background-color: #7c0688;
}
.image-color23 {
	background-color: #77933c;
}
.image-color24 {
	background-color: #ffc000;
}
.image-color25 {
	background-color: #cccccc;
}
/* Style06 */
.image-color26 {
	background-color: #4f6228;
}
.image-color27 {
	background-color: #77933c;
}
.image-color28 {
	background-color: #403152;
}
.image-color29 {
	background-color: #b3a2c7;
}
.image-color30 {
	background-color: #c3d69b;
}



.main-img {
  height: 600px;
  text-align: center;
}
.main-img img {
	width: 100%;
}
.style-detail {
  height: 200px;
}
.detail-left {
  float: left;
  height: 200px;
  width: 320px;
}
.detail-right {
  float: right;
  height: 200px;
  width: 320px;
}
.detail-right p {
  font-size: 13px;
  line-height: 2em;
  padding: 20px;
}
.button {
  clear: both;
  height: 40px;
  text-align: center;
}
.button p {
  height: 40px;
  margin: 0 auto;
  width: 200px;
}
.button a {
  background-color: #7A6A53;
  border-radius: 8px;
  color: #ffffff;
  display: block;
  height: 20px;
  margin: 0 auto;
  padding: 10px;
  text-decoration: none;
  width: 180px;
}
.return-top {
  text-align: center;
  height: 100px;
/*
  background-color: #eeeeee;
*/
}
.return-top img {
  margin-top: 40px;
}

/* style */
.style-menu {
  height: 200px;
  list-style-type: none;
  width: 640px;
}
.style-menu li {
  float: left;
  height: 100px;
  width: 320px;
}
.style-menu li img {
  width: 94%;
}
.menu-icon {
  margin: 3px 10px;
}
.btn-content-link {
  float: right;
  height: 150px;
  width: 200px;
}
.btn-content-link img {
	width: 190px;
	height: 147px;
}
.style-icon-list {
  height: 100px;
  list-style-type: none;
  margin: 0 auto;
  width: 600px;
}
.style-icon-list li {
  float: left;
  width: 100px;
  height: 80px;
}
.style-icon-list li img {
	margin: 5px;
	width: 90px;
	height: 70px;
}
.caption {
  font-size: 15px;
  margin: 10px auto;
  text-align: center;
  width: 90%;
}
.caption2 {
  vertical-align: top;
  width: 180px;
}
.caption2 p {
  margin: 10px;
}
.main-table-img img {
	width: 100%;	
}
.more-item-list {
	width: 640px;
	height: 650px;
}
.more-item-list img {
	width: 100%;
}
.recommend {
  background-color: #ec407a;
  color: #ffffff;
}
.title-styling {
  border-top: 1px solid #cccccc;
  margin-bottom: 10px;
  padding-top: 20px;
}

/* more-item
.table-style01 {
  height: 650px;
  width: 640px;
}
.table-style01 tr {

}
.table-style01 td {

}
.table-style01 td img {
  margin: 3%;
  vertical-align: bottom;
  width: 94%;
}
 */
 
/*
.more-item-img {
	width: 220px;
	height: 320px;	
}
.more-item-img img {
	width: 210px;
	height: 320px;
	margin: 5px;	
}
.item-napkin {
  height: 165px;
  margin-left: 10px;
  margin-top: 50px;
  width: 110px;
}
*/
.coordinate-item {
  margin: 30px auto;
  width: 460px;
}
.coordinate-item td {
	text-align: center;
}
.coordinate-item img {
  width: 90%;
  border-radius: 100%;
}
.coordinate-item .img-area {
  height: 140px;
}
.title-sub {
	margin: 30px auto;
	text-align: center;	
}
.caption3 {
	
}
.caption3 p {
  font-size: 15px;
  line-height: 2em;
  text-align: center;
}
.caption-wrapper {
	
}

.item-name, item-price {
  height: 25px;
  padding-top: 5px;
}
.p-margin {
  margin: 10px auto;
}
.layout-lineup {
  height: 100px;
  margin: 0 auto;
  width: 95%;
}
.layout-lineup td {
  height: 30px;
  padding-top: 20px;
  width: 30%;
}
.layout-lineup p {
  font-size: 15px;
}
/*
.layout-lineup p {
  background-color: #000000;
  border-radius: 5px;
  color: #ffffff;
  font-size: 13px;
  height: 25px;
  margin: 10px 5px;
  padding-top: 10px;
}
*/
.layout-lineup a {
	text-decoration: none;
	color: #808080;
}
.page-display {
  border-bottom: 3px solid #808080;
  color: #000000;
  padding-bottom: 10px;
}
.select-item {
  height: 200px;
}

/* special-item */
.special-item {
	width: 640px;
}
.special-item img {
	width: 100%;
}

.item-banner {
  height: 70px;
  margin: 0 auto 30px;
  width: 600px;
}
.item-banner img {
  float: left;
  height: 70px;
  margin: 5px;
  width: 290px;
}
#flickthumb p {
    font-size: 13px;
    line-height: 1.8em;
    padding: 0 3.125%;
}