@charset "utf-8";

@import url('window.css');

@import url('tipped.css');


#footer_bnr { _display: none !important; }


a {
	color: #54514e;
}
a:hover {
	color: #999;
}

a img {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}


a img:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}


#header {
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f0f0f0;
	margin-bottom: 20px;
	position: relative;
	z-index: 9999;
}

#header .inner_header {
	height: 80px;
	position: relative;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}

#header .logo a {
	display: block;
	width: 174px;
}

#header .logo {
	padding-top: 20px;
}
#header #gl_nav {
	width: 585px;
	height: 40px;
	position: absolute;
	top: 0px;
	right: 90px;
	background-image: url(../img/border_gl_nav.gif);
	background-repeat: no-repeat;
	background-position: 450px;
}
#header #gl_nav .btn {
	display: block;
	height: 35px;
	background-position: 0px 0px;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

#header #gl_nav .btn:hover {
	display: block;
	height: 35px;
	background-position: 0px 0px;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}


#header #gl_nav #about .drop{ z-index:9999;}
#header #gl_nav #product .drop{ z-index:9998;}
#header #gl_nav #taste .drop{ z-index:9997;}

#header #gl_nav #home .btn {
	width: 32px;
	background-image: url(../img/btn_gl_home.gif);
}

#header #gl_nav #about .btn {
	width: 66px;
	background-image: url(../img/btn_gl_about.gif);
}
#header #gl_nav #product .btn {
	width: 88px;
	background-image: url(../img/btn_gl_product.gif);
}
#header #gl_nav #taste .btn {
	/*width: 104px;*/
	width: 45px;
	/*background-image: url(../img/btn_gl_taste.gif);*/
	background-image: url(../img/btn_gl_rcp.gif);
}



#header #gl_nav #recruit .btn {
	width: 80px;
	background-image: url(../img/btn_gl_recruit.gif);
}


#header #gl_nav #shop .btn {
	width: 116px;
	background-image: url(../img/btn_gl_shop.gif);
}

#header #gl_nav li {
	float: left;
	position:relative;
}

#header #gl_nav li .drop {
	padding-top: 7px;
	display: none;
	position: absolute;
	width: 185px;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	background-image: url(../img/arrow_drop.gif);
	background-repeat: no-repeat;
	background-position: 20px 0px;
	overflow: hidden;
}


#header #gl_nav #about .drop {
	left:0px;
}

#header #gl_nav #product .drop {
	left:0px;
}

#header #gl_nav #taste .drop {
	left:0px;
}


#header #gl_nav li .drop ul {
	background: #666;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/*behavior: url(/common/PIE.htc);*/
	overflow: hidden;
}

#header #gl_nav li .drop li {
	display: block !important;
	float: none;
	line-height: 40px;
	height: 40px;
	background-repeat: repeat-x;
	background-position: left bottom;
	background-image: url(../img/border_drop.gif);
}

#header #gl_nav li .drop li.last {
	background:none !important;
}

#header #gl_nav li .drop li a {
	color: #FFF;
	display: block;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	background-image: url(../img/arrow_rw.gif) !important;
	background-repeat: no-repeat !important;
	background-position: 195px center !important;
}


#header #gl_nav li .drop li a:hover {
	color:#FFF;
	display:block;
	text-decoration: underline;
}


#header #gl_nav li .drop a {
	background:none !important;
}

#header #gl_nav #home {
	margin-right: 20px;
}

#header #gl_nav #about {
	margin-left: 20px;
}
#header #gl_nav #product {
}
#header #gl_nav #taste {
	padding-left: 20px;
}

#header #gl_nav #recruit {
	margin-left: 20px;
	padding-right: 20px;
}

#header #gl_nav #shop {
	padding-left: 20px;	
}


*html #footer {
	width: 100%;
	height:35px;
	overflow:hidden;
	bottom:0px;
	display:block;
	position:absolute;
	z-index: 80;
	color:#FFF;
	background-image: url(../img/qs/bg_qs.png);
	background-repeat: repeat;
}

#footer {
	width: 100%;
	bottom:0px;
	display:block;
	position: fixed;
	height:40px;
	overflow:hidden;
	z-index: 1000;
	color:#FFF;
	background-image: url(../img/qs/bg_qs.png);
	background-repeat: repeat;
}


#footer a{
	color:#FFF;
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
}

#footer a:hover{
	text-decoration: underline;
}


#inner_footer {
	margin-right: auto;
	margin-left: auto;
}


#footer #ec_trigger a {
	display: block;
	height: 40px;
	width: 150px;
	background-image: url(../img/btn_footer_shop.gif);
	background-repeat: no-repeat;
	background-position:0px 0px;
	cursor:pointer;
}

#footer #inner_footer .active a {
	
	background-image: url(../img/btn_footer_shop.gif);
	background-repeat: no-repeat;
	background-position:0px -40px;
}

#footer #ec_trigger a:hover {
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=75); /* IE lt 8 */
    -ms-filter: "alpha(opacity=75)"; /* IE 8 */
    -khtml-opacity: .75; /* Safari 1.x */
    -moz-opacity: .75; /* FF lt 1.5, Netscape */
}


a { outline: none; }


#footer a img:hover {
    opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=75); /* IE lt 8 */
    -ms-filter: "alpha(opacity=75)"; /* IE 8 */
    -khtml-opacity: .75; /* Safari 1.x */
    -moz-opacity: .75; /* FF lt 1.5, Netscape */
}
#ec_trigger {
	width: 150px;
	float: right;
	height: 40px;
}
#inner_footer .nav.clearfix .links li {
	display: inline;
	margin-right: 15px;
}

#inner_footer .nav.clearfix .links .home {
	margin-right: 30px;
}

#inner_footer .footer_body {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
#inner_footer .nav .links {
	width: 800px;
	display: block;
	height: 40px;
	line-height: 35px;
	position: absolute;
	left: 10px;
	top: 0px;
}
#inner_footer .nav #pagetop {
	height: 35px;
	width: 35px;
	position: absolute;
	right: 0px;
	top: 0px;
}

#inner_footer .nav #pagetop a {
	background-image: url(../img/btn_pagetop.gif);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 35px;
	width: 35px;	
}



#breadcrumb{
	width:940px;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	font-size: 10px;
	padding-bottom: 60px;
}

#breadcrumb .inner_breadcrumb{
	width: 940px;
	background-image: url(../img/bg_breadcrumb.gif);
	background-repeat: no-repeat;
	height: 35px;
	margin-bottom: 20px;
}


#breadcrumb #copyright{

	font-family: Arial, Helvetica, sans-serif;
}

#breadcrumb #social{
}


#breadcrumb .inner_breadcrumb li {
	height: 15px;
	line-height: 15px;
	margin-right: 10px;
	float: left;
	display: block;
	padding-right: 15px;
	background-image: url(../img/arrow_r.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#breadcrumb .inner_breadcrumb ul {
	padding-top: 8px;
	padding-left: 10px;
}
#breadcrumb .inner_breadcrumb .home a {
	background-image: url(../img/icon_home.gif);
	background-repeat: no-repeat;
	height: 15px;
	width: 15px;
	display: block;
}
#breadcrumb .inner_breadcrumb .current {
	background-image: none;
	margin: 0px;
	padding: 0px;
}

#breadcrumb a {
	text-decoration: none;
}

#breadcrumb .inner_breadcrumb .current a {
	color: #413e3b;
}

#quick_shop .pot {
	height: 120px;
	width: 124px;
	position: relative;
	float: left;
	margin-right: 12px;
}
#quick_shop .pot .r22 {
	position: absolute;
	left: 0px;
}

#quick_shop .pot .r18 {
	position: absolute;
	left: 63px;
	top: 35px;
}
#quick_shop .pot .color {
	font-size: 10px;
	width: 124px;
	text-align: center;
	bottom: 0px;
	position: absolute;
}
#quick_shop {
	width: 960px;
	margin-right: -20px;
}
#local_header h1 {
	display: block;
	width: 250px;
	float: left;
	padding-top: 3px;
}
#local_header #lo_nav {
	display: block;
	width: 690px;
	float: right;
	text-align: right;
}
#local_header #lo_nav li {
	display: inline;
	margin-left: 20px;
	text-align: right;
	line-height: 1;
}

#local_header #lo_nav li a {
	text-decoration: none;
	color: #666;
	line-height: 1.1;
}

#local_header #lo_nav li a:hover {
	text-decoration:none;
	color: #999;
}

#local_header #lo_nav li.current a {
	text-decoration:none;
	color: #c7000a;
}

#local_header #lo_nav li.current a:hover {
	text-decoration:none;
	color: #cc9999;
}

#local_header {
	height: 50px;
}
#contents {
	position: relative;
}
.heatsources li {
	display: block;
	margin-left: 10px;
	float: left;
}


.bottom_bnrs {
	overflow: hidden;
	width: 940px;
}

.bottom_bnrs .inner {
	margin-right: -20px;
	width: 960px;
	position: relative;
	padding-bottom: 40px;
}

.bottom_bnrs .bnr4 {
	width: 220px;
	margin-right: 20px;
	float: left;
}

.bottom_bnrs .bnr3 {
	width: 300px;
	margin-right: 20px;
	float: left;
}

.bottom_bnrs .bnr2 {
	width: 460px;
	margin-right: 20px;
	float: left;
}


.bottom_bnrs .bnr1 {
	width: 940px;
	margin-right: 0px;
}

#quick_shop .pot a {
	background: url(../img/qs/pots.gif);
	filter: alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;
}


#quick_shop .pot a:hover {
	background: url(../img/qs/pots.gif);
	filter: alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;
}


#quick_shop .r22 a {
	display: block;
	height: 55px;
	width: 75px;
}

#quick_shop .r18 a {
	display: block;
	height: 45px;
	width: 61px;
}

#quick_shop #qs_pink .r22 a {
	background-position:0px 0px;
}

#quick_shop #qs_pink .r18 a {
	background-position:0px -55px;
}


#quick_shop #qs_blue .r22 a {
	background-position:450px 0px;
}

#quick_shop #qs_blue .r18 a {
	background-position:-61px -55px;
}

#quick_shop #qs_green .r22 a {
	background-position:375px 0px;
}

#quick_shop #qs_green .r18 a {
	background-position:-122px -55px;
}

#quick_shop #qs_white .r22 a {
	background-position:300px 0px;
}

#quick_shop #qs_white .r18 a {
	background-position:-183px -55px;
}

#quick_shop #qs_gray .r22 a {
	background-position:225px 0px;
}

#quick_shop #qs_gray .r18 a {
	background-position:-244px -55px;
}

#quick_shop #qs_brown .r22 a {
	background-position:150px 0px;
}

#quick_shop #qs_brown .r18 a {
	background-position:-305px -55px;
}

#quick_shop #qs_black .r22 a {
	background-position:600px 0px;
}

#quick_shop #qs_black .r18 a {
	background-position:-366px -55px;
}
#icon_cart {
	position: absolute;
	right: 90px;
	top: 18px;
}
#icon_for_e {
	position: absolute;
	right: 0px;
	top: 16px;
}

#breadcrumb .footer_links .links li {
	display: inline;
	margin-right: 10px;
}
#breadcrumb .footer_links .links {
	display: block;
	width: 725px;
	float: left;
}
#breadcrumb .footer_links #copyright {
	float: right;
	text-align: right;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
#breadcrumb .footer_links {
	padding-bottom: 40px;
}

#footer_bnr {
	display: block;
	width: 350px;
	position: fixed;
	right: 10px;
	overflow: hidden;
	bottom: 10px;
	height: 50px;
	position:fixed;
	background-image: url(../img/footer_btn.gif);
	background-repeat: no-repeat;
	background-position: left top;
	z-index: 99999;	
}

#footer_bnr:hover {
　filter: alpha(opacity=70) !important;
  -moz-opacity:0.7 !important;
  opacity:0.7 !important;
}

#container #footer_bnr .icon {
	position:absolute;
	top: 11px;
	right: 16px;
}
#footer_bnr span {
	display: block;
}
#breadcrumb #pagetop {
	text-align: right;
	margin-bottom: 20px;
}

#bnr_contents {
	width: 940px;
	overflow: hidden;
	padding-bottom: 10px;
}

#bnr_contents ul {
	display: block;
	width: 960px;
	margin-right: -20px;
}

#bnr_contents ul li {
	display: block;
	float: left;
	width: 300px;
	margin-right: 20px;
	margin-bottom: 40px;
}

#bnr_contents .photo {
	margin-bottom: 10px;
}

#bnr_contents h2,
#bnr_contents h4 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
}

#bnr_contents h5,
{
	font-size:12px;
	font-weight:bold;
	margin-bottom:25px;
}

#bnr_contents .tpn
{
	margin-bottom:25px;
}

#bnr_contents li p {
	line-height: 20px;
}


#bottom h2 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
}



#bottom {
}