@charset "utf-8";

#js-sp-nav {
  display: none;
}

.clear {
  clear: both !important;
}

.cFix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.cFix {
  min-height: 1px;
}

* html .cFix {
  height: 1px;
}

#Head {
  background: url(data:image/gif;base64,R0lGODlhCAABAHAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQICgAAACwAAAAACAABAIAAAADb29sCA4xvBQA7) repeat-x bottom center #fff;
  min-width: 960px;
  box-sizing: border-box;
}

#head_inner {
  width: 960px;
  height: 115px;
  margin: 0 auto;
  position: relative;
}

#Head #headLogo {
  position: absolute;
  top: 12px;
  left: 0;
}

#Head #head_inner.external #headLogo {
  top: 15px;
}

#Head #Gnav {
  padding-top: 66px;
  height: 49px;
}

#Head #Gnav ul {
  background: url(data:image/jpeg;base64,/9j/7gAOQWRvYmUAZMAAAAAB/9sAhAABAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgICAgICAgICAgIDAwMDAwMDAwMDAQEBAQEBAQIBAQICAgECAgMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwP/wAARCAAcAAEDAREAAhEBAxEB/8QASwABAQAAAAAAAAAAAAAAAAAAAAoBAQAAAAAAAAAAAAAAAAAAAAAQAQAAAAAAAAAAAAAAAAAAAAARAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AK2AAAAf/9k=) no-repeat left top;
  padding-left: 1px;
}

#Head #Gnav ul li {
  width: 16.6%;
  display: inline;
  float: left;
  text-align: center;
  text-indent: -9999px !important;
  background: url(data:image/jpeg;base64,/9j/7gAOQWRvYmUAZMAAAAAB/9sAhAABAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgICAgICAgICAgIDAwMDAwMDAwMDAQEBAQEBAQIBAQICAgECAgMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwP/wAARCAAcAAEDAREAAhEBAxEB/8QASwABAQAAAAAAAAAAAAAAAAAAAAoBAQAAAAAAAAAAAAAAAAAAAAAQAQAAAAAAAAAAAAAAAAAAAAARAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AK2AAAAf/9k=) no-repeat right top;
  height: 49px;
}

#Head #Gnav ul li a {
  display: block !important;
  height: 46px;
  margin-right: 1px;
  text-align: left;
}

#Head #Head_search {
  position: absolute;
  top: 21px;
  right: 3px;
}

#Head #Head_search input {
  border-radius: 0;
  box-shadow: none;
  border: none;
  background: url(/group/kc/common/images/head_search_001.jpg) no-repeat center top;
  display: inline;
  float: left;
  height: 24px;
  width: 166px;
  outline: none;
  font-size: 12px;
  padding: 0 3px 0 3px;
  margin: 0 0 0 0;
}

#Head #Head_search button {
  margin: 0;
  padding: 0;
  border: none;
  cursor: pointer;
}

#Head #Head_search button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

#Head #Head_search button img {
  display: block;
}


#Head_menu_top {
  position: absolute;
  top: 25px;
  right: 200px;
}

#Head_menu_top ul li {
  line-height: 1.7 !important;
  display: inline;
  float: left;
  margin-right: 18px;
}

#Head_menu_top ul li.drinx a {
  display: block;
  color: #666;
  font: 12px/1.335 Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "モリサワ 新ゴ R", "Droid Sans", メイリオ, "sans-serif" !important;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAABGdBTUEAALGPC/xhBQAAAJ9QTFRFAAAA9mpq9VJS/djY+qKi8RQU/ujo9mZm9U1N/dnZ+7u7+IqK+ZiY/MzM8hoa/M7O8zg4+qur+8LC9mRk8AYG8h4e9D8/+q2t+7e393l58zc3/NDQ+IaG+q+v93p69EFB+I6O8AUF9U5O/ufn+ZWV/M3N8h8f+Z2d/MjI+rKy/vT0+ImJ/dXV8iIi/MvL+qen+IWF+7q68AIC/vPz8AAA3s3sPgAAAAF0Uk5TAEDm2GYAAABsSURBVAjXYxCXNGaAAykTCQRHWkbeQEVdX9NQQ1UZyDUwAQMjRTkgR88IwjPRB3KM1SBsER2QNiUIR1cLxFGAcDjABsqKCvHz6nCygdiGusJAkoudGcQRM+HT1uZmNWEEcQQFeIyNtViY9BgAfcoOThpV7/IAAAAASUVORK5CYII=) no-repeat left 1px;
  padding-left: 19px;
}

#Head_menu_top ul li.mykirin a {
  display: block;
  font: 12px/1.335 Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "モリサワ 新ゴ R", "Droid Sans", メイリオ, "sans-serif" !important;
  color: #666 !important;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAMAAABoQAyvAAAABGdBTUEAALGPC/xhBQAAAH5QTFRF8AAA8AAA8AAA8AAA8AAA8AAA8iUl+IqK8AAA8AAA8AEB8AAA8AAA8AAA8AAA8AAA8zc38AAA8AAA+7W18AAA8AAA8AUF8AAA8AAA8AAA8AAA+qur8AAA8AAA////AAAA8AEB9END+qur9EJC8iMj8AYG+76+8ikp////8AAA23RBngAAACB0Uk5TT/md9sK+kYzvNPz3wPWXSnTxHny/QfempzH+5Du1QACFK7BSAAAAVUlEQVQI1yXGWRZDQBQFwIsYIuY5unkE4e5/g/ro+iqIfIe+FYFUHRm/TQoagUl9kEtoMv+39TcL9KSuS00aDXnupI+SjwijzYiPjYPMxoXkSeq9IDdlggtAeAkEGAAAAABJRU5ErkJggg==) no-repeat left 1px;
  padding-left: 17px;
}

.gnav01 {
  position: relative;
  z-index: 100;
}

.gnav01 a {
  background: url(/group/kc/common/images/gnav_off.png) no-repeat center top;
}

.gnav02 {
  position: relative;
  z-index: 100;
}

.gnav02 a {
  background: url(/group/kc/common/images/gnav_off.png) no-repeat center -43px;
}

.gnav03 {
  position: relative;
  z-index: 100;
}

.gnav03 a {
  background: url(/group/kc/common/images/gnav_off.png) no-repeat center -86px;
}

.gnav04 {
  position: relative;
  z-index: 100;
}

.gnav04 a {
  background: url(/group/kc/common/images/gnav_off.png) no-repeat center -129px;
}

.gnav05 {
  position: relative;
  z-index: 100;
}

.gnav05 a {
  background: url(/group/kc/common/images/gnav_off.png) no-repeat center -172px;
}

.gnav06 {
  position: relative;
  z-index: 100;
}

.gnav06 a {
  background: url(/group/kc/common/images/gnav_off.png) no-repeat center -215px;
}

.gnav01 a:hover, body.products .gnav01 a {
  background: url(/group/kc/common/images/gnav_on.png) no-repeat center top;
  border-bottom: 3px solid #f00;
}

.gnav02 a:hover, body.campaign .gnav02 a {
  background: url(/group/kc/common/images/gnav_on.png) no-repeat center -43px;
  border-bottom: 3px solid #f00;
}

.gnav03 a:hover, body.entertainment .gnav03 a {
  background: url(/group/kc/common/images/gnav_on.png) no-repeat center -86px;
  border-bottom: 3px solid #f00;
}

.gnav04 a:hover, body.csv .gnav04 a {
  background: url(/group/kc/common/images/gnav_on.png) no-repeat center -129px;
  border-bottom: 3px solid #f00;
}

.gnav05 a:hover, body.company .gnav05 a {
  background: url(/group/kc/common/images/gnav_on.png) no-repeat center -172px;
  border-bottom: 3px solid #f00;
}

.gnav06 a:hover, body.customer .gnav06 a {
  background: url(/group/kc/common/images/gnav_on.png) no-repeat center -215px;
  border-bottom: 3px solid #f00;
}

@charset "UTF-8";
#Foot1 {
  clear: both;
  background: #f5f5f5;
  min-width: 960px;
  border-top: 1px solid #dbdbdb;
}

#Foot1_t {
  margin-bottom: 26px;
}

#Foot1_t #Foot_logo {
  width: 75px;
}

#Foot1 .icon01 {
  background: url(/group/kc/common/images/icon_003.jpg) no-repeat left center;
  padding-left: 20px;
}

#Foot1_2 {
  clear: both;
  background: #fff;
  overflow: hidden;
}

#Foot1_2_inner {
  width: 960px;
  margin: 0 auto;
  position: relative;
  padding: 23px 0px 11px;
}

.Foot1_2_L {
  position: static;
}

.Foot1_2_L .copy img {
  vertical-align: top;
}

.Foot1_2_L_menu {
  margin-bottom: 21px;
  line-height: 1;
}

.Foot1_2_L_menu ul li {
  font: 13px/1.231 Helvetica,Arial,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","モリサワ 新ゴ R","Droid Sans",メイリオ,"sans-serif";
  display: inline;
  float: left;
  margin-right: 27px;
  line-height: 1;
}

.Foot1_2_L_menu ul li a {
  background: url(/group/kc/common/images/icon_007.jpg) no-repeat left center;
  padding-left: 12px;
  font-size: 93%;
  color: #333;
  line-height: 1.0;
}

.Foot1_2_L_menu ul li a[target="_blank"] {
  background-image: url(/group/kc/common/images/icon_021.png);
  padding-left: 16px;
}

.Foot1_2_L_menu ul li a:hover {
  color: #dd0000;
}

.Foot1_2_L p {
  clear: both;
  font-size: 77%;
  color: #999;
}

.Foot1_2_R {
  position: absolute;
  top: 29px;
  right: 0;
  width: 354px;
  height: 31px;
}

nav.Gnav ul:after, #Foot ul:after, #dirPath ul:after, header #headR:after, header ul:after, header:after, #Main:after, #Main_inner:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

nav.Gnav ul, #Foot ul, #dirPath ul, header #headR, header ul, header, #Main, #Main_inner {
  min-height: 1px;
}

* html nav.Gnav ul, * html #Foot ul, * html #dirPath ul, * html header #headR, * html header ul, * html header, * html header #Main, * html header #Main_inner {
  height: 1px;
}

.phone {
  display: none;
}

#footer .utility {
	margin: 0 auto;
	padding:0 10px;
	background: #e9e9e9;
}

#footer .utility ul{
	max-width: 960px;
	margin: 0 auto;
	padding:18px 0;
	background: url(/group/shared/images/logo-footer.png) no-repeat left center;
	background-size: 150px;
}

#footer .utility li {
	display: inline;
	border-left:1px solid #000;
	margin-right:20px;
	padding-left:20px;
	font-size:12px;
	line-height:1.2;
}

#footer .utility li:first-child{
	border-left:none;
	padding-left:174px;
}

#footer .utility li:last-child {
	margin-right:0;
}

#footer .utility a {
	line-height:1.2;
	color: #000;
}

#footer .utility.external ul{
	background:none;
}

#footer .utility.external ul li:first-child{
	padding-left:0;
}