@charset "UTF-8";


#contentsSectionInner { background: url(/resources/images/quality/bg.png) no-repeat 50% 0; }


/* INDEX */
#mainVisual { background-color: #fff; width: 980px; height: 230px; margin: 0 auto 20px;
	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);
}
#mainVisual .flexslider { width: 980px; height: 230px; }

.second .mainContents_l { padding-left: 0; }

.lineup { margin-right: -20px; }
.lineup li { float: left; margin: 0 20px 0 0; width: 220px; }
#lineup_quality li { width: 300px; }
.lineup li a { display: block; }
.second #mainContents .lineup dl { margin-top: 10px; margin-bottom: 10px; }
.second #mainContents .lineup dt { font-size: 1.154em; }
.second #mainContents .lineup dd { margin-bottom: 0; line-height: 1.5; font-size: .924em; }
.second #mainContents #lineup_channel li { margin-bottom: 30px; }
/* .second #mainContents #lineup_channel span { display: inline-block; *display: inline; *zoom: 1; padding-left: 12px; background: url(/resources/images/common/icn_arrow_pink.png) no-repeat 0 6px; } */


.flexslider { margin: 0; position: relative; zoom: 1; width: 980px; }
.flex-control-nav { width: 360px; height: 10px; position: absolute; bottom: 10px; right: 0; z-index: 100; text-align: right; overflow: hidden; }
.flex-control-nav li { margin: 0 10px 0 0; }
.flex-control-paging li a { width: 10px; height: 10px; background-color: #fff; text-indent: 9999px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
}

.flex-control-paging li a:hover { background: #cc001d; }
.flex-control-paging li a.flex-active { background-color: #cc001d; }
.flex-direction-nav .flex-next { text-align: left !important; }
.flex-next { width: 54px !important; background: url(/resources/images/common/btn_next.png) no-repeat 0 0; text-indent: -9999px; }
.flex-prev { width: 56px !important; background: url(/resources/images/common/btn_prev.png) no-repeat 0 0; text-indent: -9999px; }
.flex-direction-nav a { width: 34px !important; height: 46px !important; }
.flexslider:hover .flex-next { right: 0 !important; }
.flexslider:hover .flex-prev { left: 0 !important; }

#btn_repeat { position: absolute; bottom: 6px; right: 217px; z-index: 9999; cursor: pointer; display: none; }


.channel_detail { background: #fff; }
#detaiWrapper { width: 660px; padding: 20px; }
#detaiWrapper #mainImage { width: 350px; float: left; margin-right: 40px; }
#detaiWrapper .titleWrapper { padding-bottom: 11px; background: url(/resources/images/drink/bgbar_detail_ttl.png) no-repeat left bottom; margin-bottom: 20px; }
#detaiWrapper section p { margin: 0 10px 30px; line-height: 1.69; }

#channel .contentsTitle { background: url(/resources/images/quality/logo_youtube.jpg) no-repeat left center; padding-left: 90px; }

#detaiWrapper { width: 660px; padding: 20px; background: #fff; }
#detaiWrapper .center { margin-bottom: 30px; }


/* APEX COFFEE */
#apex_coffee .mainContents_l .left { float: left; margin: 0 30px 35px 0; }
#apex_coffee .mainContents_l .catchRight { float: right; width: 280px; }
#apex_coffee .mainContents_l .catchTitle { color: #663e2d; font-size: 1.385em; line-height: 1.44; margin-bottom: 1em; }
#apex_coffee .mainContents_l .catchetxt{line-height: 1.3;}
#apex_coffee .mainContents_l .catchetxt.comments{font-size: 0.9em;}
#apex_coffee #pointList { margin:0 auto; text-align: center; }
#apex_coffee #pointList li { display: inline-block; margin: 0 10px 10px; }
#apex_coffee #pointList li img{ vertical-align: top}
#apex_coffee #pointList .secondline { margin-left: 113px; }
#apex_coffee #pointList .last { margin-right: 0; }

#apex_coffee .point { margin: 0 0 30px 20px; padding: 9px 8px 0 19px; position: relative; border: 1px solid #663e2d;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}
#apex_coffee .point .bg_casecorner { position: absolute; top: -1px; left: -1px; z-index: 1; }
#apex_coffee .point .ttl_point { height: 40px; position: relative; z-index: 10; color: #663e2d; font-size: 1.231em; background-color: #bdd166; line-height: 40px; padding-left: 27px; margin-bottom: 15px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}
#apex_coffee .point .ttl_point .circle { display: block; width: 46px; height: 46px; border: 2px solid #bdd166; background-color: #fff; text-align: center; font-size: .813em; font-family: Century Gothic, sans-serif; font-weight: normal; color: #bdd166; position: absolute; top: -5px; left: -36px; line-height: 35px;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	-o-border-radius: 25px;
	-ms-border-radius: 25px;
}
#apex_coffee .point .ttl_point .no { font-size: 1.539em; display: block; line-height: 1.1; position: relative; top: -13px; font-weight: bold; }
#apex_coffee .point .works_pic { width: 166px; float: left; display: block; margin-bottom: 20px; }
#apex_coffee .point .works_txt { width: 407px; float: right; margin-right: 10px; }
#apex_coffee .point .works_txt h3 { background: url(/resources/images/common/bg_subtitle.png) no-repeat 0 3px; padding: 0 0 5px 28px; border-bottom: 1px solid #e8dcc8; font-size: 1.231em; color: #663e2d; margin-top: .5em; margin-bottom: 1em; }
#apex_coffee .point .works_txt h4 { font-size: 1.077em; color: #da7866; font-weight: bold; }
#apex_coffee .point .works_txt p { line-height: 1.7; padding-bottom: 1em; }

#apex_coffee #inovation { margin-left: 20px; border: 1px solid #663e2d; overflow: hidden;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	padding: 30px 10px;
}
#apex_coffee #inovation h2 { background-color: #f6f1e9; text-align: center; padding: 10px; margin-bottom: 20px; }
#apex_coffee #inovation h3 { text-align: center; margin-bottom: 15px; }
#apex_coffee #inovation p { margin: 0 20px 20px; }
#apex_coffee #inovation .center { text-align: center; margin-bottom: 25px; }
#apex_coffee #inovation .link { float: left; }
#apex_coffee #inovation .link p { margin: 5px 0 0; }
#apex_coffee #inovation .history { padding: 0 10px;}
#apex_coffee #inovation .history a { width: 289px; display: block;}
#apex_coffee #inovation .history img{ width: 289px; height: auto;}



/* QUALITY */
#quality .mainContents_l .left { float: left; margin: 0 30px 35px 0; }
#quality .mainContents_l .catchTitle { color: #663e2d; font-size: 1.385em; line-height: 1.44; margin-bottom: 1em; }
#quality #pointList { margin-left: 62px; }
#quality #pointList li { float: left; margin: 0 5px 35px 0; }
#quality #pointList .secondline { margin-left: 113px; }
#quality #pointList .last { margin-right: 0; }

#quality .point { margin: 0 0 30px 20px; padding: 9px 8px 0 19px; position: relative; border: 1px solid #663e2d;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}
#quality .point .bg_casecorner { position: absolute; top: -1px; left: -1px; z-index: 1; }
#quality .point .ttl_point { height: 40px; position: relative; z-index: 10; color: #663e2d; font-size: 1.231em; background-color: #bdd166; line-height: 40px; padding-left: 27px; margin-bottom: 15px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}
#quality .point .ttl_point .circle { display: block; width: 46px; height: 46px; border: 2px solid #bdd166; background-color: #fff; text-align: center; font-size: .813em; font-family: Century Gothic, sans-serif; font-weight: bold; color: #bdd166; position: absolute; top: -7px; left: -40px; line-height: 35px;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	-o-border-radius: 25px;
	-ms-border-radius: 25px;
}
#quality .point .ttl_point .no { font-size: 1.539em; display: block; line-height: 1.1; position: relative; top: -10px; }
#quality .point .works_pic { width: 166px; float: left; display: block; margin-bottom: 20px; }
#quality .point .works_txt { width: 407px; float: right; margin-right: 10px; }
#quality .point .works_txt h3 { background: url(/resources/images/common/bg_subtitle.png) no-repeat 0 3px; padding: 0 0 5px 28px; border-bottom: 1px solid #e8dcc8; font-size: 1.231em; color: #663e2d; margin-top: .5em; margin-bottom: 1em; }
#quality .point .works_txt h4 { font-size: 1.077em; color: #da7866; font-weight: bold; }
#quality .point .works_txt p { line-height: 1.7; padding-bottom: 1em; }

#quality #inovation { margin-left: 20px; border: 1px solid #663e2d; overflow: hidden;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}



/* OPERATIONS */
#apex_operations .mainContents_l .left { float: left; margin: 0 30px 35px 0; }
#apex_operations .mainContents_l .catchTitle { color: #663e2d; font-size: 1.385em; line-height: 1.44; margin-bottom: 1em; }
#apex_operations #flowList { margin-left: 85px; margin-bottom: 40px; }
#apex_operations #flowList li { float: left; padding-right: 16px; margin-right: 4px; background: url(/resources/images/quality/operations_bg_btn_flow.png) no-repeat right center; }
#apex_operations #flowList .last { padding-right: 0; margin-right: 0; background: none; }
#apex_operations #flow_detail { margin-left: 20px; }
#apex_operations #flow_detail li { padding-bottom: 28px; margin-bottom: 15px; background: url(/resources/images/quality/operations_bg_flow.png) no-repeat center bottom; }
#apex_operations #flow_detail .last { padding-bottom: 0; margin-bottom: 0; background: none; }
#apex_operations #flow_detail .flow { border: 1px solid #663e2d; overflow: hidden; position: relative;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}
#apex_operations .flow h2 { background-color: #f6f1e9; text-align: center; padding: 10px; position: relative; z-index: 1; }
#apex_operations .flow .pic { position: absolute; z-index: 50; }
#apex_operations .flow .txt { position: absolute; }
#apex_operations .flow .name { display: block; text-align: right; font-size: 1.077em; }
#apex_operations .flow .unit { display: block; text-align: right; font-size: .924em; }
#apex_operations .flow p { margin-bottom: 0; position: relative; z-index: 100; }

#apex_operations #flow1 .pic { top: 7px; left: 20px; }
#apex_operations #flow1 .txt { top: 150px; left: 180px; }
#apex_operations #flow1 p { padding: 155px 215px 40px 20px; }

#apex_operations #flow2 .pic { top: 5px; left: 19px; }
#apex_operations #flow2 .txt { top: 145px; right: 174px; text-align: right; }
#apex_operations #flow2 p { padding: 155px 20px 15px 210px; }

#apex_operations #flow3 .pic { top: 0; right: 20px; }
#apex_operations #flow3 p { padding: 194px 215px 15px 20px; }

#apex_operations #flow4 .pic { top: 5px; left: 16px; }
#apex_operations #flow4 .txt { top: 165px; right: 174px; text-align: right; }
#apex_operations #flow4 p { padding: 180px 20px 15px 210px; }