/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
	color: #222;
}

body {
	font-size: 1em;
	line-height: 1.4;
	margin: 0;/**/
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

img {
	vertical-align: middle;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}

.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html,
button,
input,
select,
textarea {
	color: #555;
}

body {
	background: url(/img/bg1_pc.jpg) no-repeat center top;
	font-size: 13px;
	line-height: 1.6;
}

a {
	color: #0085B2;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:hover img {
	opacity: 0.75;
}

.wrapper {
	width: 940px;
	margin: 0 auto;
	padding: 0;
}

#header-container {
	background: url(/img/header_bg1_pc.gif) repeat-x center top;
}
#header {
	height: 109px;
	position: relative;
}
#header #header-copy {
	font-size: 12px;
	left: 6px;
	letter-spacing: 0.03em;
	margin: 0;
	position: absolute;
	top: 24px;
}
#header #header-title {
	height: 46px;
	left: 0;
	margin: 0;
	position: absolute;
	top: 53px;
	width: 165px;
}
#header #header-title img {
	max-width: 100%;
}

/*
#header #header-nav {
	right: -3px;
	margin: 0;
	position: absolute;
	top: 53px;
}
*/

#header #header-nav {
	right: -3px;
	margin: 0;
	position: absolute;
	top: 33px;
}

#header #header-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#header #header-nav ul li {
	display: inline;
}

/*
#header #header-nav ul a {
	background-image: url(/img/header_nav_pc.png);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 40px;
	overflow: hidden;
	text-indent: -9999px;
}
*/

#header #header-nav ul a {
	background-image: url(/img/header_nav_pc.png);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 60px;
	overflow: hidden;
	text-indent: -9999px;
}


#header #header-nav ul li:nth-child(1) a {
	background-position: 0 0;
	width: 81px;
}
#header #header-nav ul li:nth-child(2) a {
	background-position: -81px 0;
	width: 90px;
}
#header #header-nav ul li:nth-child(3) a {
	background-position: -171px 0;
	width: 91px;
}
#header #header-nav ul li:nth-child(4) a {
	background-position: -262px 0;
	width: 80px;
}
#header #header-nav ul li:nth-child(5) a {
	background-position: -342px 0;
	width: 147px;
}
#header #header-nav ul li:nth-child(6) a {
	background-position: -490px 0;
	width: 130px;
}
#header #header-nav ul li:nth-child(7) a {
	background-position: -624px 0;
/*	margin-left: 12px;*/
	width: 130px;
}
#header #header-nav ul a:hover {
	opacity: 0.75;
}
#header #header-nav ul a br {
	display: none;
}

#footer-container {
	background: url(/img/footer_bg2.gif) repeat left top;
	margin-top: 53px;
	position: relative;
}
#footer-container:after {
	position: absolute;
	content: "";
	background: url(/img/footer_bg1.gif) repeat-x left top;
	display: block;
	height:  1px;
	left: 0;
	overflow: hidden;
	top: 0;
	width: 100%;
	z-index: 1;
}
#footer-container:before {
	content: "";
	background: url(/img/footer_bg3_pc.jpg) repeat-x left top;
	display: block;
	left: 50%;
	height:  310px;
	margin: 0 0 0 -584px;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 400px;
}
#footer {
	color: #664140;
	padding-bottom: 30px;
	position: relative;
	z-index: 2;
}
#footer a {
	color: #664140;
}
#footer #footer-rich1 {
	font-size: 0;
	line-height: 0;
	margin: 0 0 0 322px;
	padding: 23px 0;
	width: 618px;
}
#footer #footer-rich1 > div {
	display: inline-block;
	margin: 0 0 12px 0;
	overflow: hidden;
	vertical-align: top;
}
#footer #footer-rich1 > div:nth-child(1),
#footer #footer-rich1 > div:nth-child(4) {
	width: 120px;
}
#footer #footer-rich1 > div:nth-child(2),
#footer #footer-rich1 > div:nth-child(5) {
	margin-left: 41px;
	margin-right: 44px;
	width: 150px;
}
#footer #footer-rich1 > div:nth-child(3),
#footer #footer-rich1 > div:nth-child(6) {
	width: 260px;
}
#footer #footer-rich1 h3 {
	border-bottom: solid 1px #D2C6B1;
	font-size: 13px;
	line-height: 1.5;
	letter-spacing: 0.05em;
	margin: 0 0 8px 0;
	padding: 0 0 6px 0;
	text-align: center;
}
#footer #footer-rich1 > div:nth-child(5) h3 {
	letter-spacing: -0.01em;
}
#footer #footer-rich1 ul {
	margin: 0 10px;
	padding: 0;
	list-style: none;
}
#footer #footer-rich1 li {
	font-size: 12px;
	line-height: 1.3;
	margin: 0 0 4px 0;
}
#footer #footer-rich1 > div:nth-child(3) li,
#footer #footer-rich1 > div:nth-child(6) li {
	float: left;
	width: 45%;
}
#footer #footer-rich1 > div:nth-child(3) li:nth-child(2n),
#footer #footer-rich1 > div:nth-child(6) li:nth-child(2n) {
	float: right;
}

#footer #footer-link1,
#footer #footer-link2 {
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer #footer-link1 {
	float: left;
	width: 540px;
}
#footer #footer-link2 {
	float: right;
	width: 400px;
}
#footer #footer-link1 li,
#footer #footer-link2 li {
	display: inline;
}
#footer #footer-link1 li {
	border-left: solid 1px #66403F;
	margin: 0;
	padding: 0 0 0 0.5em;
}
#footer #footer-link1 li:nth-child(5) {
	display: none;
}
#footer #footer-link1 li:first-child {
	border-left: none;
	padding-left: 0;
}
#footer #footer-link2 li a {
	display: block;
	float: left;
	height: 34px;
	overflow: hidden;
	text-indent: -9999px;
}
#footer #footer-link2 li:nth-child(1) a {
	background: url(/img/btn_fb_pc.png) no-repeat center center;
	margin-left: 8px;
	width: 34px;
}
#footer #footer-link2 li:nth-child(2) a {
	background: url(/img/btn_tw_pc.png) no-repeat center center;
	margin-left: 8px;
	width: 34px;
}
#footer #footer-link2 li:nth-child(3) a {
	background: url(/img/btn_oc.png) no-repeat center center;
	margin-left: 15px;
	width: 146px;
}
#footer #footer-link2 li:nth-child(4) a {
	background: url(/img/btn_onlineshop.png) no-repeat center center;
	margin-left: 8px;
	width: 146px;
}
#footer #footer-link2 li a:hover {
	opacity: 0.75;
}
#footer #footer-copyright {
	float: left;
	font-size: 12px;
	margin: 10px 0;
}

#footer .pagetop-link1 {
	position: absolute;
	right: 0;
	top: -32px;
}
#footer .pagetop-link1 a {
	background: url(/img/btn_pagetop_pc.gif) no-repeat left top;
	display: block;
	height: 33px;
	overflow: hidden;
	text-indent: -9999px;
	width: 122px;
}
#footer .pagetop-link1 a:hover {
	opacity: 0.75;
}

#main-container {
}

#breadcrumb-container {
	background: #F4EFED url(/img/breadcrumb_bg_pc.jpg) no-repeat center top;
	color: #664140;
	font-size: 12px;
	height: 31px;
	margin: 0;
}
#breadcrumb {
	line-height: 0;
	list-style: none;
	margin: 0;
	padding: 9px 0 0;
	width: 100%;
}
#breadcrumb li {
	display: inline;
	line-height: 1.1;
}
#breadcrumb a {
	color: #664140;
}

#main {
	float: left;
	margin: 23px 0 0 0;
	position: relative;
	width: 700px;
}

#side {
	float: right;
	margin: 23px 0 0 0;
	width: 220px;
}
#side .side-title1 {
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 100px;
	margin: 0;
	width: 220px;
	text-indent: -9999px;
}
#side-title-shop {
	background-image: url(/img/side_title_shop.jpg) ;
}
#side-title-product {/**/
	background-image: url(/img/side_title_product.jpg) ;
}
#side-title-menu {/**/
	background-image: url(/img/side_title_menu.jpg) ;
}
#side-title-event {/**/
	background-image: url(/img/side_title_event2.jpg) ;
}
#side-title-profile {/**/
	background-image: url(/img/side_title_profile.jpg) ;
}
#side .navi a {
	color: #664140;
}
#side .navi ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#side .navi li {
	background: #F8F2EE;
	clear: both;
}
#side .navi > ul > li > a {
	background: url(/img/icon_arrow1.png) no-repeat 197px center;
	border-bottom: solid 1px #FFF;
	display: block;
	font-size: 14px;
	line-height: 1.2;
	padding: 18px 24px 18px 10px;
}
#side .navi > ul > li > ul > li {
	border-bottom: solid 1px #FFF;
}
#side .navi > ul > li > ul > li > a {
	display: block;
	font-size: 12px;
	line-height: 1.2;
	padding: 10px 0 10px 22px;
	width: 166px;
}
#side .navi > ul ul ul {
	margin: 0 0 10px 0;
}
#side .navi > ul ul ul a {
	display: block;
	font-size: 11px;
	line-height: 1.2;
	padding: 5px 8px 5px 22px;
}
#side .navi > ul ul ul a.active,
#side .navi > ul ul ul a.selected {
	color: #EB3833;
	font-weight: bold;
}
.treeview .hitarea {
	background: url(/img/btn_plus_minus.png) no-repeat 0 -32px;
	cursor: pointer;
	float: right;
	height: 32px;
	width: 32px;
}
.treeview .expandable-hitarea {
	background-position: 0 0;
}
#side .banner1 {
	list-style: none;
	margin: 16px 0;
	padding: 0;
}
#side .banner1 li {
	margin: 0 0 9px 0;
}
#side .banner-pickup1 {
	margin: 9px 0;
}

.separator1 {
	border-color: #CCC;
	border-style: dotted;
	border-width: 1px 0 0 0;
	content: "";
	display: table;
	height: 0;
	margin: 25px 0;
	padding: 0;
	width: 100%;
}

.banner-pickup1 {
	background: #F8F2EE;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 220px;
}
.banner-pickup1 > a {
	display: block;
	height: 220px;
	overflow: hidden;
	width: 220px;
}
.banner-pickup1 > a:before {
	bottom: 11px;
	content: url(/img/icon_arrow1.png);
	display: block;
	height: 12px;
	position: absolute;
	right: 10px;
	width: 12px;
}
.banner-pickup1 > a:hover {
	text-decoration: none;
}
.banner-pickup1 img {
	margin-bottom: 12px;
}
.banner-pickup1 .icon-new {
	position: absolute;
	right: 0;
	top: 0;
}
.banner-pickup1 span {
	display: block;
	line-height: 1.5;
	margin: 0 15px 4px;
}
.banner-pickup1 .date {
	color: #F35048;
}
.banner-pickup1 .txt {
	color: #525252;
}

.page-title1 {
	color: #545454;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.2;
	margin: 0 0 20px 0;
}
.page-title2 {
/*	background: url(/img/id_oc1.gif) no-repeat left bottom;*/
	background: url(/img/icon_coffeebeans.png) no-repeat left center;
	color: #664140;
	font-size: 22px;
	font-weight: bold;
/*	height: 35px; */
	line-height: 35px;
	margin: 0 0 15px 0;
	padding: 0 0 0 38px;
	height:auto;
}
.page-title3 {/**/
	border-left: 3px solid #d1091e;
	color: #664140;
	font-size: 22px;
	font-weight: bold;
	height: 55px;
	margin: 0 0 15px 0;
	padding: 0 0 0 20px;
}
.page-title3 span { /**/
	display: block;
	color: #d1091e;
	font-weight: normal;	
	font-size: 14px;
	padding: 0 0 0 .3em;
}

.page-title4 {/**/
	color: #664140;
	font-size: 20px;
	font-weight: bold;
	height: 30px;
	margin: 0 0 15px 0;
}

.top-img {/**/
	  margin: 0 0 35px 0;
}

.sec-title1 {
/*	background: url(/img/id_oc1.gif) no-repeat left bottom;*/
	background: url(/img/icon_coffeebeans.png) no-repeat left center;
	color: #664140;
	font-size: 18px;
	font-weight: bold;
	height: 35px;
	line-height: 35px;
	margin: 40px 0 18px 0;
	padding: 0 0 0 38px;
}
.sec-title2 {
	background: url(/img/title_bg1.gif) no-repeat left bottom;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	margin: 25px 0 15px 0;
	padding: 0 0 0 15px;
}
.page-copy1 {
	color: #535353;
	font-size: 14px;
	line-height: 1.7;
	margin: 0 0 20px 0;
}
.page-copy2 {
	color: #545454;
	line-height: 1.7;
	margin: 0 0 12px 0;
}

.page-anchor1 {
	margin: 30px 0 16px;
	overflow: hidden;
	width: 100%;
}

#main .btn-print1 {
	position: absolute;
	right: 0;
	top: 0;
}

.icon-exp {
	background: #F4F4F4;
	margin: 16px 0;
	overflow: hidden;
	padding: 7px 0;
	text-align: center;
	width: 100%;
}
.icon-exp ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.icon-exp li {
	background-position: left center;
	background-repeat: no-repeat;
	color: #66403F;
	display: inline-block;
	font-size: 11px;
	height: 24px;
	line-height: 24px;
	padding: 0 0 0 27px;
	margin: 0 3px;
}
.icon-exp li.s1 {
	background-image: url(/img/icon_service_b1.png);
}
.icon-exp li.s2 {
	background-image: url(/img/icon_service_b2.png);
}
.icon-exp li.s3 {
	background-image: url(/img/icon_service_b3.png);
}
.icon-exp li.s4 {
	background-image: url(/img/icon_service_b4.png);
}
.icon-exp li.s5 {
	background-image: url(/img/icon_service_b5.png);
}

.icon-exp2 {
	background: url(/img/bg_scratch2.gif) repeat left top;
	border-radius: 6px;
	color: #66403F;
	overflow: hidden;
	width: 100%;
}
.icon-exp2 .inner {
	background: #FFF;
	border-radius: 6px;
	margin: 1px;
}
.icon-exp2 h3 {
	background: #F8F6F1;
	border-radius: 6px 6px 0 0;
	font-size: 13px;
	height: 44px;
	line-height: 44px;
	margin: 0;
	padding: 0 0 0 63px;
}
.icon-exp2 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.icon-exp2 li {
	background-position: 17px center;
	background-repeat: no-repeat;
	border-bottom: dotted 1px #BAA284;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0 0 0 49px;
	margin: 0 -49px 0 0;
	width: 100%;
}
.icon-exp2 li.s1 {
	background-image: url(/img/icon_service_b1.png);
}
.icon-exp2 li.s2 {
	background-image: url(/img/icon_service_b2.png);
}
.icon-exp2 li.s3 {
	background-image: url(/img/icon_service_b3.png);
}
.icon-exp2 li.s4 {
	background-image: url(/img/icon_service_b4.png);
}
.icon-exp2 li.s5 {
	background-image: url(/img/icon_service_b5.png);
}
.icon-exp2 li:last-child {
	border: none;
}

.box-link:hover,
.box-link-shop:hover {
	cursor: pointer;
	opacity: 0.8;
}

.gview1-wrap {
	display: table;
	font-size: 0;
	line-height: 0;
	margin: 15px 0 30px;
	width: 100%;
}
.gview1-wrap h3 {
	color: #545454;
	font-size: 14px;
	line-height: 1.1;
	margin: 0 0 5px 0;
}
.gview1-wrap h3 img {
	margin: -3px 4px 0 0;
	position: relative;
}
.gview1 > div {
	border-bottom: dotted 1px #CCCCCC;
	color: #66403F;
	display: inline-block;
	font-size: 13px;
	line-height: 1.2;
	margin: 0 20px 0 0;
	padding: 8px 0;
	vertical-align: middle;
	width: 220px;
}
.gview1 > div:nth-of-type(3n) {
	margin-right: 0;
}
.gview1 > div:nth-last-of-type(1),
.gview1 > div:nth-last-of-type(2),
.gview1 > div:nth-last-of-type(3) {
	border-bottom: none;
}
.gview1 a {
	color: #66403F;
}
.gview1 a:hover {
	text-decoration: none;
}
.gview1 a > img {
	float: left;
}
.gview1 a > div {
	margin-left: 100px;
}
.gview1 .data span {
	display: block;
}
.gview1 .name {
	padding: 7px 0 0;
}
.gview1 .icon img {
	width: 73px;
}

.data-table1 {
	border-collapse: collapse;
	width: 100%;
}
.data-table1 th,
.data-table1 td {
	border-bottom: solid 1px #FFF;
	font-weight: normal;
	line-height: 1.5;
	padding: 10px 1.3em;
	vertical-align: middle;
}
.data-table1 th {
	background: #9C7262;
	color: #FFF;
	white-space: nowrap;
	text-align: center;
}
.data-table1 td {
	background: #F7F7F7;
	width: 95%;
}

#topslider-container {
	background: url(/img/slider1_bg.gif) repeat-x left top;
	height: 286px;
	margin: 0 0 5px 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}
#topslider1 {
	background: url(/img/slider1_bg.gif) repeat-x left top;
	/*height: auto;  Don't want vertical scroll bar. */
	height: 286px;
	margin: 0 0 5px 0;
	overflow: auto; /* Avoid FOUC, but ensure logos are visible w/o JavaScript. */
	position: relative;
	width: 100%;
}
#topslider1:not(.jsDisabled) {
	height: 286px; /* Without a height, prev/next buttons cause page to jump. */
}
#topslider1 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	/*width: 3600px;  Make sure list items stay on one line */
	width: auto;
}
#topslider1 li {
	display: block;
	float: left;
	font-size: 12px;
	height: 286px;
	line-height: 1.2;
	position: relative;
	text-align: center;
	width: 250px;
}
#topslider1 a {
	color: #FFF;
}
#topslider1 li img {
	margin: 0 0 9px 0;
}
#topslider1 .topslider1-prev,
#topslider1 .topslider1-next {
	background-position: 0 0;
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	height: 26px;
	margin-top: -31px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 50%;
	width: 39px;
}
#topslider1 .topslider1-prev {
	background-image: url(/img/slider_btn1_prev.png);
	right: 50%;
	margin-right: 483px;
}
#topslider1 .topslider1-next {
	background-image: url(/img/slider_btn1_next.png);
	left: 50%;
	margin-left: 486px;
}
.topslider1-prev:hover,
.topslider1-next:hover {
	opacity: 0.75;
}

.slider1-wrap {
	position: relative;
	width: 100%;
}
.slider1-wrap .slider1 div {
	float: left;
	height: 320px;
	position: relative;
	width: 700px;
}
.slider1-wrap .slider1-prev,
.slider1-wrap .slider1-next {
	background-position: 0 0;
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	height: 26px;
	margin-top: -31px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 50%;
	width: 39px;
	z-index: 100;
}
.slider1-wrap .slider1-prev {
	background-image: url(/img/slider_btn1_prev.png);
	left: -7px;
}
.slider1-wrap .slider1-next {
	background-image: url(/img/slider_btn1_next.png);
	right: -7px;
}
.slider1-wrap .slider1-prev:hover,
.slider1-wrap .slider1-next:hover {
	opacity: 0.75;
}
.slider1-wrap .slider1-pagination {
	font-size: 1px;
	line-height: 1px;
	padding: 10px 0;
	text-align: center;
}
.slider1-wrap .slider1-pagination a {
	background: #E4C7A5;
	border-radius: 5px;
	display: inline-block;
	height: 10px;
	margin: 0 6px;
	overflow: hidden;
	text-indent: -9999px;
	width: 10px;
}
.slider1-wrap .slider1-pagination a.selected {
	background: #F52831;
}




/* HOME */
#home-main {
	margin: 0 -10px;
}
#home-main h1,
#home-main h2,
#home-main p {
	margin: 0;
}
#home-main a {
	color: #525252;
}
#home-main .box-c1,
#home-main .box-c2 {
	float: left;
	margin: 10px;
	overflow: hidden;
}
#home-main .box-c1 {
	height: 220px;
	overflow: hidden;
	width: 220px;
}
#home-main .box-c2 {
	width: 460px;
}
#home-main .box-c1.banner img:first-child {
	margin-bottom: 16px;
}
#home-news {
	background: url(/img/bg_scratch1.gif) repeat left top;
	height: 220px;
}
#home-news > div {
	background: #FFF;
	height: 216px;
	margin: 2px;
	overflow: hidden;
	width: 456px;
}
#home-news .head {
	margin: 20px 15px;
}
#home-news .head h2 {
	float: left;
	line-height: 22px;
	margin: 0 12px 0 0;
}
#home-news .head span {
	display: block;
	line-height: 24px;
	vertical-align: middle;
}
#home-news .head span a {
	background: url(/img/icon_arrow1.png) no-repeat right center;
	padding: 0 25px 0 0;
}
#home-news ul {
	list-style: none;
	margin: 0 15px;
	padding: 0;
}
#home-news li {
	line-height: 1.2;
	margin: 0 0 10px 0;
}
#home-news span {
	display: block;
}
#home-news .date {
	color: #FF2626;
	line-height: 15px;
	margin: 0 0 5px 0;
}
#home-news .date img {
	margin-left: 0.5em;
}
#home-main .box-pan1,
#home-main .box-pan2 {
	position: relative;
}
#home-main .box-pan1:before,
#home-main .box-pan2:before {
	bottom: 17px;
	content: url(/img/icon_arrow1.png);
	display: block;
	height: 12px;
	position: absolute;
	right: 15px;
	width: 12px;
}
#home-main .box-pan1 div {
	background: rgba(244,80,73,0.8);
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	height: 90px;
	left: 0;
	top: 220px;
	line-height: 1.5;
	padding: 30px 15px 0 15px;
	position: absolute;
	width: 190px;
}


/*NEWS*/
#news-main .box-c1,
#news-main .box-c2 {
	float: left;
	margin: 10px;
	overflow: hidden;
}

#news-main {
	margin: 25px 0;
	overflow: hidden;
	width: 100%;
}

/* SHOP */
.shop-list {
	display: table;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	width: 100%;
}
.shop-list > div {
	display: inline-block;
	font-size: 12px;
	line-height: 1.5;
	margin-bottom: 30px;
	overflow: hidden;
	vertical-align: top;
	width: 340px;
}
.shop-list > div:nth-child(2n) {
	margin-left: 20px;
}
.shop-list .image {
	float: left;
}
.shop-list .data {
	margin-left: 96px;
}
.shop-list .data span {
	display: block;
}
.shop-list .name {
	font-size: 14px;
	line-height: 1.2;
}
.shop-list .address {
	margin: 3px 0;
}
.shop-list .icon img {
	margin: 0 2px 0 1px;
}

.shop-data1 {
	margin: 25px 0;
	overflow: hidden;
	width: 100%;
}
.shop-data1 .data-table1 {
	float: left;
	width: 460px;
}
.shop-data1 .icon-exp2 {
	float: right;
	width: 220px;
}
.shop-menu1 {
	margin: 0;
	overflow: hidden;
	width: 100%;
}
.shop-menu1 > div {
	float: left;
	margin: 0 20px 0 0;
	width: 370px;
}
.shop-menu1 > div:nth-of-type(2n) {
	margin-right: 0;
	width: 310px;
}
.shop-menu1 h3 {
	background: url(/img/border1.gif) repeat-x left bottom;
	color: #66403F;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
	margin: 0 0 18px 0;
	padding: 0 0 8px 0;
	text-align: center;
}
.shop-menu1 > div > img {
	float: left;
	margin: 0 0 0 4px;
}
.shop-menu1 .copy {
	margin: 0 0 0 175px;
}
.shop-menu1 .copy p {
	line-height: 1.5;
	margin: 0 0 0.2em 0;
}
.shop-menu1 .btn {
	display: block;
	text-align: right;
}
.shop-menu1 .btn a {
	background: url(/img/icon_arrow1.png) no-repeat right center;
	color: #66403F;
	font-size: 12px;
	padding-right: 18px;
}
.shop-map-wrap p {
	font-size: 10px;
	margin: 5px 0;
}
#shop-map {
	height: 350px;
	width: 100%;
}


.shop-data1 .catch-image {
	float: left;
}
.shop-data1 .spec-data {
	float: right;
	width: 400px;
}
.shop-data1 .warning {
	color: #eb3833;
	font-size: 150%;
	font-weight: bold;
}
.shop-data1 .warning span {
	color: #eb3833;
	font-size: 80%;
	font-weight: normal;
}
.shop-data1 img {
	width: 100%;
}

.page-title2 span {
	font-size: 80%;
	margin-left: 1em;
}

.menu-img {
	display: block;
	margin: 0 auto;
	background: url('/img/bg_scratch2.gif') repeat scroll left top transparent;
	padding: 1px;
}
.shop-menu-wrap p {
	font-size: 10px;
	margin: 5px 0;
	text-align: center;
}

/*PRODUCT*//**/
.product-list {
	display: table;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	width: 100%;
}
.product-list > div {
	display: inline-block;
	font-size: 12px;
	line-height: 1.5;
	margin-bottom: 30px;
	overflow: hidden;
	vertical-align: top;
	width: 340px;
}
.product-list > div:nth-child(2n) {
	margin-left: 20px;
}
.product-list .image {
	float: left;
}
.product-list .data {
	background: #f5f5f5;
	float: right;
	width: 219px;
	height: 120px;
}
.product-list .bg {
	background: url(/img/slider1_bg.gif) 0 0;
}
.product-list a {
	display: block;
	background: url(/img/icon_arrow2.png) no-repeat 95% center;
	padding: .5em 0;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 45px;
	padding: 0 15px;
}
.product-list a.double {
	  line-height: 23px;
}
.product-list p {
	padding: 1em;
	margin: 0;
}

/*PRODUCT　Category*//**/
.product-textlink {
	  list-style: none;
	  padding: 0;
	  margin: 0 0 20px 0;
}
.product-textlink li {
	  display: inline;
}
.product-textlink a {
	  padding: 0 0.5em 0 0;
	  border-right: 1px solid #ccc;
}
.product-category-title {
	  background: url(../img/slider1_bg.gif) 0 0;
	  color: #fff;
	  padding: .5em 0 .5em 1em;
	  font-size: 16px;
	  font-weight: normal;
	  border-radius: 6px;
	  }
.product-category-list  > div { 
	display: inline-block;
	font-size: 12px;
	line-height: 1.5;
	margin-bottom: 30px;
	overflow: hidden;
	vertical-align: top;
	width:130px;
	padding: 15px;
	margin: 0 10px 10px 0;
	border: 1px solid #ccc;
}
.product-category-list img { 
	margin: 0 0 15px 0;
}

/*PRODUCT　Detail*//**/
.product-detail-title {
	  clear: both;
	  background: url(../img/bg_brown_700_40.png) 0 0;
	  color: #fff;
	  padding: .5em 0 .5em 1em;
	  font-size: 16px;
	  font-weight: normal;
	  }
.product-detail {
	  margin: 0 0 30px 0
}
.product-detail .spec-data {
	  display: inline-block;
	  width: 300px;
	  float: right;  
}
.product-detail .spec-data p {
	  padding: 0 ;
}
.product-detail .spec-data dl {
	  display: inline-block;
	  width: 130px;
	  float: right;
	  text-align: center;
	  margin: 0 0 30px 0;
}
.product-detail .spec-data dt {
	  clear: both;
	  background: #9c6b60;
	  color: #fff;
	  padding: .5em 0;
}
.product-detail .spec-data dd {
	  clear: both;
	  background: #f2f2f2;
	  padding: .5em 0;
	  margin: 0 0 5px 0;
}
.product-detail .spec-data a.bt-buy {
	  clear: both;
	  display: block;
	  width: 300px;
	  height: 50px;
	  background: url(/products/img/profile_bt_buy.png) 0 0;
	  margin: 0 auto;
	  text-indent: -9876em;
	  overflow: hidden;
}
.product-detail .spec-data a:hover { 
	  background: url(/products/img/profile_bt_buy.png) 0 0;
	  opacity: 0.75;
}
.product-detail .cont {
	  width: 360px;
	  float: left;
}
.product-detail h3.red-title {
	  width: 360px;
	  color: #eb3833;
	  border-bottom: 1px dotted #8a7463; 
	  margin: 0 0 10px 0;
	  padding: 0 0 5px 0;
}
.product-detail span {
	  display: block;
	  color: #664140;
	  font-weight: normal;
	  font-size: 80%;
}
.product-detail table {
	   border-collapse: collapse;
	   border-spacing: 0;
	  display: inline-block;	  
	  width: 300px;
	  float: right;
	  color: #664140;
	  border-top: 1px solid #a38b78;
	  border-left: 1px solid #a38b78;
}
.product-detail th, .product-detail td {
	  padding: .3em 0;
	  border-bottom: 1px solid #a38b78;
	  text-align: center;
}
.product-detail th {
	  width: 230px;
	  background: #f8f2ee;
	  border-right: 1px solid #a38b78;
	  }
.product-detail td {
	  width: 70px;
	  border-right: 1px solid #a38b78;	  
	  } 
.product_icon_beans_title {
	  background: url(../../img/icon_coffeebeans.png) 0 0 no-repeat;
	  padding: 0 0 0 35px;
	  color: #664140;
	  margin: 0 0 10px 0;
}
.product_icon_beans_title span {
	  display: inline;
	  color: #664140;
	  font-weight: normal;
	  font-size: 80%;
	  padding: 0 0 0 10px;
}
.product-detail h4 {
	  color: #664140;
	  margin: 5px 0 0 0;
}
.line-box {
	  border: 1px solid #a48b78;
	  padding: 20px;
}
.product-detail .float-left {
	  display: inline-block;
	  float: left;
}
.product-detail .float-right {
	  display: inline-block;
	  float: right;
}
.line-box .float-right {
	  margin: 0 0 0 30px;} 



#matrix {
	border-collapse: collapse !important;
	width: 160px !important;
	float: left !important;
	margin-bottom: 15px;
	border: none;
}
#matrix th, #matrix td {
	border: 1px solid #A38B78;
	white-space: nowrap;
	width: auto !important;
	background: #FFF;
}
#matrix th {
	width: 50px !important;
	background: #F8F2EE;
}
#matrix .tail th, #matrix .tail td {
	border-left: 1px #fff solid;
	border-right: 1px #fff solid;
	border-bottom: 1px #fff solid;
	background: none !important;
}




/*MENU*//**/
.menu-list {
	display: table;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	width: 100%;
}
.menu-list > div {
	display: inline-block;
	font-size: 12px;
	line-height: 1.5;
	margin-bottom: 30px;
	overflow: hidden;
	vertical-align: top;
	width: 340px;
}
.menu-list > div:nth-child(2n) {
	margin-left: 20px;
}
.menu-list a {
	display: block;
	background: url(../img/icon_arrow1.png) no-repeat 95% center;
	padding: .5em 0;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
}
.menu-list p {
	margin: 0;
}
/*MENU Season*//**/
.menu-category-title {
	  background: url(../img/slider1_bg.gif) 0 0;
	  color: #fff;
	  padding: .5em 0 .5em 1em;
	  font-size: 16px;
	  font-weight: normal;
	  border-radius: 6px;
}
.menu-box-line {
	  width: 340px;
	  height: 390px;
	  background: url(../menu/img/menu_season_bgline.png) 0 0 no-repeat;
	  padding: 0 0 10px 0;    
}
.menu-box-line img {
	  display: block;
	  margin: 20px auto 10px auto;  
}
.menu-box-line h3 {
	  font-size: 14px;
	  color: #66403f;
	  margin: 0 0 5px 0;
	  padding: 0 20px;
}
.menu-box-line p {
	  margin: 0 0 10px 0;
	  padding: 0 20px;
}
.menu-box-line span {
	  display: block;
	  color: #eb3833;
	  background: #fff28c;
	  margin: 0 20px 10px 20px;
	  padding: .5em 20px;
	  border-radius: 6px;
	  text-align: center;
}



/*EVENT*//**/
.event-list {
	display: table;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	width: 100%;
}
.event-list > div {
	display: inline-block;
	font-size: 12px;
	line-height: 1.5;
	margin-bottom: 30px;
	overflow: hidden;
	vertical-align: top;
	width: 340px;
}
.event-list > div:nth-child(2n) {
	margin-left: 20px;
}
.event-list a {
	display: block;
	background: url(/img/icon_arrow1.png) no-repeat 95% center;
	padding: .5em 0;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
}
.event-list .no-icon {
	display: block;
	background: none;
	padding: .5em 0;
	line-height: 100%;
	font-size: 14px;
	font-weight: bold;
}
.event-list p {
	margin: 0;
}
.event-title {
	  clear: both;
	  background: url(../img/bg_brown_700_40.png) 0 0;
	  color: #fff;
	  padding: .5em 0 .5em 1em;
	  font-size: 16px;
	  font-weight: normal;
}
.event-contact  img {
	  display: block;
	  float: right;
	  margin: 0 20px 0 0;
}
.event-contact span {
	  font-size: 16px;
}
.event-contact ul {
	  list-style: none;
	  padding: 0;
	  margin: 0;
}


/* PROFILE *//**/
.profile-right-img {
	  display: block;
	  float: right;
	  margin: 0 0 0 20px;}
.profile-left-img {
	  display: block;
	  float: left;
	  margin: 0 20px 200px 0;}
.profile-em {
	  font-size: 22px;
	  padding: 10px 0;
	  font-weight: bold;
	  }
.pofile-line-title {
	  width: 100%;
	  height: 45px;
	  background: url(../../img/bg_brownline_700_45.png) 0 0 no-repeat;
	  font-size: 16px;
	  color: #664140;
	  padding: 0 0 0 15px;
	  line-height: 45px; 
}
.profile-outline-table {
	   border-collapse: collapse;
	   border-spacing: 0; 
	  width:100%;
	  color: #664140;
	  border-top: 1px solid #a38b78;
	  border-left: 1px solid #a38b78;
	  margin: 0 0 50px 0;
}
.profile-outline-table th, .profile-outline-table td {
	  padding: .5em 1.5em;
	  border-bottom: 1px solid #a38b78;
}
.profile-outline-table th {
	  width: 20%;
	  background: #f8f2ee;
	  border-right: 1px solid #a38b78;
	  text-align: center;
	  }
.profile-outline-table td {
	  width: 80%;
	  color: #545454;
	  border-right: 1px solid #a38b78;	  
	  } 
.profile-outline-iso img {
	  display: block;
	  float: right;
	  margin: 0 0 0 30px;
}


.profile-outline-table th span {
	  display: block;
	  color: #664140;
	  font-weight: normal;
	  font-size: 80%;
	  } 






.pchidden {
	display: none !important;
	visibility: hidden;
}

.pull-left {
	float: left;
	margin-right: 2em;
	display: block;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

.hidden {
	display: none !important;
	visibility: hidden;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible {
	visibility: hidden;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}