@charset "utf-8";
img {max-width: 100%;}
#fixedTop {
    right: 10px;
    bottom: 10px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    display: none;
    background: #000;
    position: fixed;
    z-index: 998;
    border-radius: 5px;
    -webkit-transform: translateZ(0);
}
#fixedTop:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.7;
}
.margin {
  margin-top: -65px;
  padding-top: 65px;
}
.headermargin {
	margin-top: -65px;
	padding-top: 65px;
}
.cf:before, .cf:after {
    content:"";
    display:table;
	clear:both;
}
.cf:after { clear:both }
.cf { zoom:1 } /* For IE 6/7 */
.caution {color:#eeb100;}
.small {
	font-size: x-small;
}
.small12 {
	font-size: 12px;
	color: #1451A1;
}

.float-right {float: right;}

.medium {
	font-size: medium;
}

.large {
	font-size: large;
}

.red {
	color: #EF0404;
}

.bgwht {
  background-color: #fff;
}

a {
	text-decoration: none;
	color: #004097;
}
a:hover {
	color: #55acee;
	text-decoration: underline;
}
.normal {
	font-style: normal;
	font-weight: normal;
}
.acenter {
	text-align: center;
}
.aleft {
	text-align: left;
}
.aright {
	text-align: right;
}
.fright {
	float: right;
}
.fleft {
	float: left;
}

/*　html,body{
     height:100%;
}　*/

.newslink:before {
	content: ">> ";
    margin-left:1em;
}
.newslink img          {
	vertical-align: middle;
}
.ml1em {
	margin-left: 1.2em;
	display: block;
	margin-top: 0.2em;
	margin-right: 0.2em;
	margin-bottom: 0.2em;
}
.mbox {
	display: block;
	margin: 0.3em;
}
.strike {text-decoration: line-through;}



#wrapper {
	width: 100%;
     position: relative;
     height:auto !important; /*IE6対策*/
     height: 100%; /*IE6対策*/
     min-height: 100%;
}

/* ヘッダー設定 */
#header {
	border-top: solid 3px #55acee;
	border-bottom: solid 2px #55acee;
	height: 36px;
	position: fixed !important;
	position: absolute;
	top: 0;
	/* [disabled]left:0; */
	background: #FFF;
	width: 100%;
	z-index: 999;
}
.mobile #header {
	position: relative !important;
    /*全てのモバイルデバイスのみ*/
}

#header .cbox {
	width: 1000px;
	height: 60px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

#header #logo {
	display: inline-block;
	width: 160px;
	height: 20px;
	margin: 9px 0 0;
	background: #FFF url("/images/logo_khs_hdr.svg") no-repeat;
	background-size: contain;
	text-indent: -9999px;
}
#header #logo a {
	display: block;
	width: 160px;
	height: 20px;
	text-indent: -9999px;
}

#header #nav {
	display: inline-block;
	height: 26px;
	width: 720px;
	/*overflow: hidden;*/
	position: absolute;
	left: 286px;
	top: 10px;
}

#header #nav ul li {
	display: block;
	float: left;
}

#header #nav ul li#nav_home {
	display: block;
	width: 76px;
	height: 26px;
	background-image: url("/images/menu_glbl.gif");
	background-position: 0px 0px;
	text-indent: -9999px;
}
#header #nav ul li#nav_news {
	display: block;
	width: 65px;
	height: 26px;
	background-image: url("/images/menu_glbl.gif");
	background-position: -76px 0px;
	text-indent: -9999px;
}
#header #nav ul li#nav_prods {
	display: block;
	width: 91px;
	height: 26px;
	background-image: url("/images/menu_glbl.gif");
	background-position: -141px 0px;
	text-indent: -9999px;
}
#header #nav ul li#nav_shop {
	display: block;
	width: 61px;
	height: 26px;
	background-image: url("/images/menu_glbl.gif");
	background-position: -232px 0px;
	text-indent: -9999px;
}
#header #nav ul li#nav_phvi {
	display: block;
	width: 118px;
	height: 26px;
	background-image: url("/images/menu_glbl.gif");
	background-position: -293px 0px;
	text-indent: -9999px;
}
#header #nav ul li#nav_abou {
	display: block;
	width: 93px;
	height: 26px;
	background-image: url("/images/menu_glbl.gif");
	background-position: -411px 0px;
	text-indent: -9999px;
}
#header #nav ul li#nav_cont {
	display: block;
	width: 111px;
	height: 26px;
	background-image: url("/images/menu_glbl.gif");
	background-position: -504px 0px;
	text-indent: -9999px;
}
#header #nav ul li#nav_twit {
	display: block;
	width: 20px;
	height: 20px;
	background-image: url("/images/btn_twtr.png");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 2px 0 0 4px;
}
#header #nav ul li#nav_face {
	display: block;
	width: 20px;
	height: 20px;
	background-image: url("/images/btn_fb.png");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 2px 0 0 4px;
}
#header #nav ul li#nav_insta {
	display: block;
	width: 20px;
	height: 20px;
	background-image: url("/images/btn_inst.png");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 2px 0 0 4px;
}
#header #nav ul li#nav_video {
	display: block;
	width: 20px;
	height: 20px;
	background-image: url("/images/btn_vide.png");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 2px 0 0 4px;
}
#header #nav ul li#nav_home a {
	display: block;
	width: 76px;
	height: 26px;
	background-image: url("/images/menu_glbl.gif");
	background-position: 0px 0px;
	text-indent: -9999px;
}
#header #nav ul li#nav_news a {
	display: block;
	width: 65px;
	height: 26px;
	background-image: url("/images/menu_glbl.gif");
	background-position: -76px 0px;
	text-indent: -9999px;
}
#header #nav ul li#nav_prods a {
	display: block;
	width: 91px;
	height: 26px;
	background-image: url("/images/menu_glbl.gif");
	background-position: -141px 0px;
	text-indent: -9999px;
	position: relative;
}
#header #nav ul li#nav_prods #sub-cat{
	height: 0;
	visibility: hidden;
}
#header #nav ul li#nav_prods #sub-cat li a,#header #nav ul li#nav_prods #sub-cat p a {
	background-image: none;
	text-indent: 0px;
	width: auto;
	display: block;
}
#header #nav ul li#nav_prods:hover #sub-cat{
	height: auto;
	visibility: visible;
    position: absolute;
    top: 26px;
    left: 0;
    width: 600px;
    padding: 0 .5rem .5rem 2rem;
    background-color: #ffe600;
    border-top: #55acee solid 2px;
    transition:0.2s;
}
#header #nav ul li#nav_prods:hover #sub-cat p a {
	font-size: .8rem;
	font-weight:700;
	margin:.5rem 0 0;
	color: #55acee;
	text-align: left;
}
#header #sub-cat li {
	width: 200px;
}
#header #sub-cat li a {
	color:#999;
	font-size: .9rem;
	font-weight: 700;
	width: 36rem;
	height: auto;
	padding-right: 2rem;
	margin: 0;
	border-radius: 5px;
    text-align: left;
}
#header #sub-cat li a::before {
	content: "+ ";
	font-weight: normal;
	font-size: .7rem;
} 
#header #nav ul li#nav_shop a {
	display: block;
	width: 61px;
	height: 26px;
	background-image: url("/images/menu_glbl.gif");
	background-position: -232px 0px;
	text-indent: -9999px;
}
#header #nav ul li#nav_phvi a {
	display: block;
	width: 118px;
	height: 26px;
	background-image: url("/images/menu_glbl.gif");
	background-position: -293px 0px;
	text-indent: -9999px;
}
#header #nav ul li#nav_abou a {
	display: block;
	width: 93px;
	height: 26px;
	background-image: url("/images/menu_glbl.gif");
	background-position: -411px 0px;
	text-indent: -9999px;
}
#header #nav ul li#nav_cont a {
	display: block;
	width: 111px;
	height: 26px;
	background-image: url("/images/menu_glbl.gif");
	background-position: -504px 0px;
	text-indent: -9999px;
}
#header #nav ul li#nav_twit a {
	display: block;
	width: 21px;
	height: 18px;
	background-image: url("/images/btn_twtr.gif");
	background-position: 0px 0px;
	text-indent: -9999px;
}
#header #nav ul li#nav_face a {
	display: block;
	width: 18px;
	height: 18px;
	background-image: url("/images/btn_fb.gif");
	background-position: 0px 0px;
	text-indent: -9999px;
}
#header #nav ul li#nav_insta a {
	display: block;
	width: 20px;
	height: 20px;
	background-image: url("/images/btn_inst.png");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#header #nav ul li#nav_video a {
	display: block;
	width: 20px;
	height: 20px;
	background-image: url("/images/btn_vide.png");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#header #nav ul li#nav_home a:hover {
	background-position: 0px -26px;
}
#header #nav ul li#nav_news a:hover {
	background-position: -76px -26px;
}
#header #nav ul li#nav_prods a:hover {
	background-position: -141px -26px;
}
#header #nav ul li#nav_shop a:hover {
	background-position: -232px -26px;
}
#header #nav ul li#nav_phvi a:hover {
	background-position: -293px -26px;
}
#header #nav ul li#nav_abou a:hover {
	background-position: -411px -26px;
}
#header #nav ul li#nav_cont a:hover {
	background-position: -504px -26px;
}
#top-home #header #nav ul li#nav_home a {
	background-position: 0px -26px;
}
#new-s #header #nav ul li#nav_news a {
	background-position: -76px -26px;
}
#prod #header #nav ul li#nav_prods a {
	background-position: -141px -26px;
}
#shop #header #nav ul li#nav_shop a {
	background-position: -232px -26px;
}
#phvi #header #nav ul li#nav_phvi a {
	background-position: -293px -26px;
}
#abou #header #nav ul li#nav_abou a {
	background-position: -411px -26px;
}
#cont #header #nav ul li#nav_cont a {
	background-position: -504px -26px;
}

/* 本文領域設定 */
#header-dmy {
	height: 41px;
	width: 100%;
}
.mobile #header-dmy {
	display:none;
    /*全てのモバイルデバイスのみ*/
}
*html #header-dmy {
	height: 0px;
	width: 100%;
	margin-top:-21px;
}

#article {
	background: #FFF url("/images/bg_grad.gif") repeat-x fixed;
	position: relative;
	/* z-index: 0; */
}
#article .cbox  {
	width: 1000px;
	/*border: solid 0 1px #adadad;*/
	margin: 0 auto;
	background-color: #FFF;
	border: none;
}

/* フッター設定 */
#footer {
	width: 100%;
	padding: 0;
	height: auto;
	background-color: #333;
}

#footer .cbox  {
	width: 1000px;
	/* [disabled]height: 100%; */
	/* [disabled]position: relative; */
	background-color: #333;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	background-image: url(/images/attn-brws.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#footer a {
	color: #FFF;
}
#footer a:hover {
	color: #55aacc;
}
#footer .cbox ul {
	float: left;
	margin: 0 60px 0 0;
	background-color: #333;
}
#footer .cbox ul li {
	line-height: 2;
	color: #FFF;
}