@charset "UTF-8";

/* GENERAL */

a { filter: alpha(opacity=100);
	-moz-opacity :1;
	opacity: 1;
	-webkit-transition: .2s ease-out;
}
a:hover { filter: alpha(opacity=70);
	-moz-opacity :0.7;
	opacity: 0.7;
}

.m40 { margin-left: 40px; margin-right: 40px; }
.m20 { margin-left: 20px; margin-right: 20px; }
.ml20 { margin-left: 20px; }
.notice { font-size: .77em; }

.center { text-align: center; }
.right { float: right; }
.left { float: left; }
.clear { clear: both; }

.withbull li { padding-left: 15px; background: url(/resources/images/common/bg_icon_list.png) no-repeat 2px 8px; }
.outlink { padding: 5px 5px 5px 22px; background: url(/resources/images/common/icn_outlink.png) no-repeat left center; display: inline-block; *display: inline; *zoom: 1; line-height: 17px; }
.outlink.icn_small { padding-left: 13px; background: url(/resources/images/common/icn_outlink_small.png) no-repeat left center; color: #444 !important; font-weight: normal !important; }
.with_arrow { display: inline-block; *display:inline; *zoom:1; padding-left: 12px; background: url(/resources/images/common/icn_arrow_pink.png) no-repeat 0 6px; color: #444 !important; font-weight: normal !important; }

section { position: relative; }
.contentsTitle { min-height: 35px; font-size: 1.539em; line-height: 35px; color: #663e2d; padding-left: 45px; background: url(/resources/images/common/bg_contentstitle.png) no-repeat left top; position: relative; top: 0; left: 0; z-index: 100; }
.contentsTitle span { font-size: .8em; }
.second .titleWrapper { padding-bottom: 11px; background: url(/resources/images/common/bgbar_ttl02.png) no-repeat left bottom; margin-bottom: 20px; position: relative; z-index: 100; clear: both; }
.mainContents_l { width: 660px; float: left; margin-left: 20px; }
.second .mainContents_l .titleWrapper { padding-bottom: 11px; background: url(/resources/images/common/bgbar_ttl.png) no-repeat left bottom; margin-bottom: 20px; position: relative; z-index: 100; }
.txt_indent { margin-left: -20px; }
/* .second .ml20 .titleWrapper { position: relative; left: -20px; } */

.icn_zoom { font-size: 1.154em; color: #663e2d; display: inline-block; *display: inline; *zoom: 1; padding-left: 27px; background: url(/resources/images/common/icn_zoom.png) no-repeat left center; line-height: 21px; cursor: pointer;
}

.img_caption { font-size: .847em !important; }


#btn_sp { background-color: #663e2d; text-align: center; padding: 20px 20px; }
#btn_sp a { color: #fff; font-weight: bold; font-size: 46px; display: block; border: 2px solid #c8b4ab; background: url(/resources/images/common/bg_btn_sp.png) no-repeat 98% 50%; padding: 10px;
	-webkit-background-size: 22px 15px;
	background-size: 22px 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background:url(/resources/images/common/bg_btn_sp.png),-webkit-gradient(linear, left top, left bottom, from(#723b27), to(#5d2c1d));
	background:url(/resources/images/common/bg_btn_sp.png),linear-gradient(top, #723b27, #5d2c1d);
	background-repeat:no-repeat;
	background-position:98% center;
}

/* SIDE CONTENTS */
.second .mainContents_side { width: 250px; float: right; margin-right: 20px; }
.side_nav { border: 1px solid #da7866; margin-bottom: 30px; width: 248px;
	border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-o-border-top-left-radius: 5px;
	-ms-border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-o-border-top-right-radius: 5px;
	-ms-border-top-right-radius: 5px;
}
.side_nav h1, .side_nav h2 { background-color: #da7866; }
.side_nav h1 img, .side_nav h2 img { display: block; padding: 7px 0 7px 19px; }
.side_nav li { padding-bottom: 1px; background: url(/resources/images/common/bg_side_li.png) no-repeat center bottom; }
.side_nav li.last { padding-bottom: 0; background: no-repeat; }
.side_nav li a { padding: 9px 5px 10px 0; display: block; line-height: 1.3; padding-left: 27px; background: #fff url(/resources/images/common/icn_arrow_pink.png) no-repeat 15px 13px; }
.side_nav li > a:hover, .side_nav li.current > a { background: #bdd166 url(/resources/images/common/icn_arrow_pink.png) no-repeat 15px 13px; }
.side_nav li li > a, .side_nav li.current li > a { padding: 9px 0 10px 42px; display: block; line-height: 1.7; background: #fff url(/resources/images/common/icn_arrow_pink.png) no-repeat 30px 17px; }
.side_nav li li > a:hover, .side_nav li li.current > a { background: #bdd166 url(/resources/images/common/icn_arrow_pink.png) no-repeat 30px 17px; }
.side_nav li li li a, .side_nav li li.current li a { padding-left: 57px; background: #fff url(/resources/images/common/icn_arrow_pink.png) no-repeat 45px 17px; }
.side_nav li li li a:hover, .side_nav li li li.current a { background: #bdd166 url(/resources/images/common/icn_arrow_pink.png) no-repeat 45px 17px; }



#mainTtlWrapper { width: 980px; height: 160px; /* padding-top: 20px; */ margin: 0 auto; }
#mainTtl { width: 905px; margin: 0 auto 30px; background: url(/resources/images/common/bg_mainttl.png) no-repeat left center; line-height: 50px; padding-left: 75px; font-weight: bold; font-size: 2.77em; color: #663e2d; }
#mainTtl span { display: block; font-size: .723em; }
#mainTtlWrapper #mainTtl { margin-bottom: 10px; }
#mainTtlWrapper #lead { font-size: 1.231em; color: #663e2d; font-weight: bold; padding-left: 75px; line-height: 1.2; }

/* LAYOUT */
body { background: #f6f1e9 url(/resources/images/common/bg_body_btm.png) no-repeat center bottom; }
#contentsSection { background: url(/resources/images/common/bg_body_top.png) no-repeat 50% 100px; }
.sectionInner { width: 980px; margin: 0 auto; position: relative; }

#mainContents table { width: 100%; border-top: 1px solid #e9decd; border-left: 1px solid #e9decd; margin: 0 0 40px }
#mainContents th, #mainContents td { border-bottom: 1px solid #e9decd; border-right: 1px solid #e9decd; vertical-align: top; padding: 15px 18px; }
#mainContents th { color: #663e2d; background-color: #f6f1e9; text-align: left; font-weight: normal; }
#mainContents td a { color: #da7866; font-weight: bold; }

#mainContents .noborder { border: none; }
#mainContents .noborder th, #mainContents .noborder td { background: none; border: none; }

#contentsBtm { width: 940px; margin: 0 auto 50px; clear: both; }
#contentsBtm #commonLinks { width: 656px; border: 2px solid #663e2d; overflow: hidden; position: relative; float: left; }
#contentsBtm #commonLinks ul { position: relative; float: left; left: 50%; padding: 20px 0; }
#contentsBtm #commonLinks li { position: relative; float: left; left: -50%; margin: 0 8px; }
#contentsBtm #commonLinks .last { margin: 0 0 0 4px; }

#contentsBtm .bannres { float: right; }
#contentsBtm .bannres li { margin-bottom: 20px; }
#contentsBtm .bannres li.last { margin-bottom: 0; }

/* HEADER */
header { background-color: #fff; }

#logo { width: 309px; margin: 25px 0; float: left; }
#headernav { width: 600px; float: right; position: relative; }

#headernav > #inquiry_header {
  display: none;
}
#inquiry_header { width: 164px; /* height: 34px; */ /* float: right; */ margin: 0 0 0 10px; }
#inquiry_header a { display: block; width: 164px; /* height: 34px; */ /* padding-top: 9px; */ text-align: center; background-color: #cc001d; -webkit-transition: .2s ease-out;  padding: 10px 0 !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
#inquiry_header a:hover { background-color: #e57f8e; }

#order_header, #machine_header, #order_toromi { width: 194px; height: 41px; float: right; margin: 0 0 20px 6px; }
#order_header a, #machine_header a, #order_toromi a { display: block; width: 194px; height: 35px; padding-top: 6px; text-align: center; background-color: #f6f1e9; -webkit-transition: .2s ease-out;
	border-bottom-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-o-border-bottom-left-radius: 5px;
	-ms-border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-o-border-bottom-right-radius: 5px;
	-ms-border-bottom-right-radius: 5px;
}
#order_header a:hover, #machine_header a:hover { background-color: #faf8f4; }

#freecall_header { float: right; margin: 8px 0 20px 0; }
#headersubnav { clear: both;/*  float: right; */
  text-align: right;
  vertical-align: middle;
  
/*
  display:-moz-flex;
  display:-webkit-flex;
  display:-o-flex;
  display:-ms-flex;
  display: flex;
  align-items: center;
*/
}
#headersubnav li { /* float: left; */ /* margin-right: 1em; */ /* margin-top: 10px; line-height: 28px; */ display: inline-block; vertical-align: middle; }
#headersubnav li + li { margin-left: 1em; }
#headersubnav #sn_search { margin-top: 3px; width: 202px; }
#headersubnav a { display: block; color: #444; line-height: 1.1; padding-top: 3px; padding-bottom: 3px; }
	#sn_lang a { padding-left: 29px; background: url(/resources/images/common/icn_lang.png) no-repeat left center; }
	#sn_sitemap a { padding-left: 18px; background: url(/resources/images/common/icn_sitemap.png) no-repeat left center; }
/*
	#sn_print a { padding-left: 20px; background: url(/resources/images/common/icn_print.png) no-repeat left center; }
	#sn_rss a { padding-left: 19px; background: url(/resources/images/common/icn_rss.png) no-repeat left 0; }
*/
	#sn_search { position: relative; top: -3px; margin-right: 0 !important; 
		border-radius: 13px;
		-moz-border-radius: 13px;
		-webkit-border-radius: 13px;
		-o-border-radius: 13px;
		-ms-border-radius: 13px;
	}
	#ss_searchtext { display: none; }
	#ss_search { width: 155px; padding: 5px 35px 5px 15px; border: 1px solid #ccc; background: url(/resources/images/common/icn_search.png) no-repeat 95% 50%;
		border-radius: 13px;
		-moz-border-radius: 13px;
		-webkit-border-radius: 13px;
		-o-border-radius: 13px;
		-ms-border-radius: 13px;
	}
	
	
	
	.cse .gsc-control-cse, .gsc-control-cse { padding: 0 !important; }
	.gsib_a { padding-top: 0 !important; }
	.gsc-control-cse { width: 200px !important; }
	.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 { padding: 6px !important; display: block;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
	}
	.gsc-input-box {
		border-radius: 13px;
		-moz-border-radius: 13px;
		-webkit-border-radius: 13px;
		-o-border-radius: 13px;
		-ms-border-radius: 13px;
	}
	form.gsc-search-box { margin-bottom: 0 !important; }
	table.gsc-search-box { margin-bottom: 0 !important; }
	.gsc-search-box-tools .gsc-search-box .gsc-input { padding-right: 5px !important; }

	
	
	
	

#globalnav { background-color: #663e2d; position: relative; z-index: 1001; }
/* #globalnav .sectionInner { overflow: hidden; } */
#globalnav ul { /* position: relative; left: 50%; float: left; */ }
.flexnav > li { /* position: relative; left: -50%; */ float: left; padding-right: 1px; background: url(/resources/images/common/bg_gn.png) no-repeat right center; }
.flexnav > li.last { padding-right: 0; background: none; }
.flexnav > li > a > span { display: block; width: 127px; height: 31px; padding: 10px 0 9px; text-align: center; background-color: #663e2d;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.flexnav > li > a { display: block; width: 127px; height: 50px; }
	#gn_home > a { background: #bdd166 url(/resources/images/common/gn_home_on.png) no-repeat center 10px; }
	#gn_drink > a { background: #bdd166 url(/resources/images/common/gn_drink_on.png) no-repeat center 10px; }
	#gn_products > a { background: #bdd166 url(/resources/images/common/gn_products_on.png) no-repeat center 10px; }
	#gn_toromi > a { background: #bdd166 url(/resources/images/common/gn_toromi_on.png) no-repeat center 10px; }
	#gn_apex_quality > a { background: #bdd166 url(/resources/images/common/gn_quality_on.png) no-repeat center 10px; }
	#gn_environment > a { background: #bdd166 url(/resources/images/common/gn_environment_on.png) no-repeat center 10px; }
	#gn_profile > a { background: #bdd166 url(/resources/images/common/gn_profile_on.png) no-repeat center 10px; }
	#gn_recruit > a { background: #bdd166 url(/resources/images/common/gn_recruit_on.png) no-repeat center 10px; }

.flexnav > li > a:hover, .flexnav > .current > a { background-color: #bdd166;
	-moz-opacity :1;
	opacity: 1;
}
.flexnav > li > a:hover span, .flexnav > .current > a > span {
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity:0;
}
#gn_home a, #gn_home a span { width: 79px; }

.flexnav li { float: none; }
.flexnav li ul { background-color: #fff; border: 1px solid #da7866; }
.flexnav li li a { background-color: #fff; }
.flexnav li li a span { font-size: .847em; display: block; margin: 0 9px; padding: 3px 0 3px 12px; background: url(/resources/images/common/icn_arrow_pink.png) no-repeat 0 8px !important; border-bottom: 1px solid #e5e5e5; }
.flexnav li li a:hover span { border-color: #bdd166 !important; }
.flexnav li li a:hover { background-color: #bdd166; }

.flexnav .gn_second span { margin-left: 21px; border-bottom: none; }

#gn_drink ul { width: 160px; }
#gn_products ul { width: 260px; }
#gn_toromi ul { width: 200px; }
#gn_apex_quality ul { width: 190px; }
#gn_environment ul { width: 280px; }
#gn_profile ul { width: 140px; }
#gn_recruit ul { width: 190px; }
.flexnav .last > ul { left: auto; right: 0; }


/* BREAD CRUMB */
#breadcrumb { width: 100%; height: 41px; margin-bottom: 30px; background: url(/resources/images/common/bg_breadcrumb.png) no-repeat center top; }
#breadcrumb ul { width: 980px; margin: 0 auto; overflow: hidden; }
#breadcrumb li { line-height: 40px; float: left; }
#breadcrumb a { color: #663e2d; padding: 3px 5px; }

/* MAIN CONTENTS */
#mainContents { background-color: #fff; width: 980px; margin: 0 auto;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-o-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-ms-box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

.second #mainContents { border-top: 4px solid #663e2d; padding-top: 35px; }
.second #mainContents section { margin-bottom: 50px; }
.second #mainContents .contentsSubTitle { clear: both; background: url(/resources/images/common/bg_subtitle.png) no-repeat 0 3px; padding: 0 0 5px 28px; border-bottom: 1px solid #e8dcc8; margin-top: 1.5em; margin-bottom: 1em; font-size: 1.231em; color: #663e2d; }
.second #mainContents h4.contentsSubTitle { background: url(/resources/images/common/bg_subtitle02.png) no-repeat 0 5px; padding: 0 0 0 20px; border-bottom: none; margin-top: 1.5em; margin-bottom: 1em; font-size: 1.154em; }
.second #mainContents p { margin-bottom: 1em; }
.second #mainContents dl { margin: 2em 0 0; }
.second #mainContents dt { color: #663e2d; font-size: 1.154em; font-weight: bold; margin-bottom: .5em; }
.second #mainContents dd { margin-bottom: 2em; }

.second .mainContents section { width: 940px; }
.second .mainContents, .second .mainContents_l { padding-left: 20px; }


/* CONTENTS NAV */
#contentsNav { clear: both; }
#contentsNav .cnName { font-weight: bold; color: #663e2d; font-size: 1.077em; margin-bottom: 5px; }
#contentsNav .serviceName { background-color: #663e2d; padding: 3px 10px; margin-bottom: 10px; }
#contentsNav .serviceName a { background: url(/resources/images/common/icn_arrow_white.png) no-repeat left center; color: #fff; }
#contentsNav .cnServiceset { float: left; width: 210px; padding: 0 9px 0 10px; border-right: 1px solid #c1c1c1; height: 320px !important; }
#contentsNav .cnServiceset ul { padding-left: 10px; }
#contentsNav #cnCupdrink { /* width: 380px; */ padding-left: 0; overflow: hidden; }
/*
#contentsNav #cnCupdrink .cnServiceset_left { width: 40%; float: left; }
#contentsNav #cnCupdrink .cnServiceset_right { width: 45%; float: left; }
*/
#contentsNav #cnQuality { padding-right: 0; border-right: none; }
#contentsNav a { display: inline-block; *display:inline; *zoom:1; padding-left: 12px; background: url(/resources/images/common/icn_arrow_pink.png) no-repeat 0 6px; }
#contentsNav .cnWrapper { background-color: #f1eade; padding: 12px 20px; }
	#cnHome { margin: 0 20px 10px; }
	#cnServices { margin: 0 20px 20px; }
	#cnCompany { margin: 0 0 27px 20px; width: 415px; float: left; padding-bottom: 0 !important; }
	#cnCompany li { display: inline-block; *display: inline; *zoom: 1; margin-left: .5em; margin-right: 1em; }
	#cnCompany li.last { margin-right: 0; }
		#cnHollyknight { border-top: 1px solid #c1c1c1; margin-top: 1em; padding-top: 1em; }
	#cnContact { margin: 0 20px 27px 0; width: 415px; float: right; padding-bottom: 0 !important; }
	#cnContact a { margin-left: .5em; margin-bottom: 1em; }
	#cnContact p { margin-left: .5em; }
		#freecall_footer a { background: no-repeat; padding-left: 0; margin-left: 0; margin-bottom: 0; }
		#freecall_footer span { margin-left: .5em; margin-bottom: 1em; display: inline-block; *display:inline; *zoom:1; }


/* FOOTER */
#btn_pagetop { position: fixed; width: 60px; height: 94px; right: 20px; top: 50%; display: none; margin-top: -30px; }
#btn_pagetop a { opacity: 1; display: block; width: 60px; height: 94px;
	transition: opacity .1s ease-in-out;
	-moz-transition: opacity .1s ease-in-out;
	-webkit-transition: opacity .1s ease-in-out;
}
#btn_pagetop a:hover { background: url(/resources/images/common/btn_pagetop_on.png) no-repeat 0 0;
	filter: alpha(opacity=100);
	-moz-opacity :1;
	opacity: 1;
}
#btn_pagetop a:hover img {
	filter: alpha(opacity=0);
	-moz-opacity :0;
	opacity: 0;
}

#footernav { float: left; height: 47px; line-height: 47px; }
#footernav li { display: inline-block; *display: inline; *zoom: 1; padding: 0 1em; margin-left: -.4em; line-height: 1.1; border-right: 1px solid #fff; }
#footernav li.last { border-right: none; }
#footernav a { color: #fff; }
#copyright { color: #fff; float: right; line-height: 47px; margin-right: 1em; }



.gsc-results .gsc-cursor-box .gsc-cursor-page { float: left; }
.gsc-search-button {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}