@charset "utf-8";
#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;
}

.cf:before, .cf:after {
    content:"";
    display:table;
	clear:both;
}
.cf:after { clear:both }
.cf { zoom:1 } /* For IE 6/7 */
.small {
	font-size: x-small;
}
.small12 {
	font-size: 12px;
	color: #1451A1;
}



.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: ">> ";
}
.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;
}




#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: 60px;
	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: block;
	width: 106px;
	height: 33px;
	margin: 15px 0 0;
	background: #FFF url("../images/logo_khs_hdr.gif") no-repeat;
	text-indent: -9999px;
}
#header #logo a {
	display: block;
	width: 106px;
	height: 33px;
	text-indent: -9999px;
}

#header #nav {
	display: block;
	height: 26px;
	width: 690px;
	overflow: hidden;
	position: absolute;
	left: 310px;
	top: 19px;
}
#header #nav {
	/top: 34px;
}

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

#header #nav ul li#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#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#prod {
	display: block;
	width: 91px;
	height: 26px;
	background-image: url("../images/menu_glbl.gif");
	background-position: -141px 0px;
	text-indent: -9999px;
}
#header #nav ul li#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#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#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#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#twit {
	display: block;
	width: 21px;
	height: 18px;
	background-image: url("../images/btn_twtr.gif");
	background-position: 0px 0px;
	text-indent: -9999px;
	margin: 4px 0 0 20px;
}
#header #nav ul li#face {
	display: block;
	width: 18px;
	height: 18px;
	background-image: url("../images/btn_fb.gif");
	background-position: 0px 0px;
	text-indent: -9999px;
	margin: 4px 0 0 6px;
}
#header #nav ul li#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#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#prod a {
	display: block;
	width: 91px;
	height: 26px;
	background-image: url("../images/menu_glbl.gif");
	background-position: -141px 0px;
	text-indent: -9999px;
}
#header #nav ul li#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#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#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#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#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#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#home a:hover {
	background-position: 0px -26px;
}
#header #nav ul li#news a:hover {
	background-position: -76px -26px;
}
#header #nav ul li#prod a:hover {
	background-position: -141px -26px;
}
#header #nav ul li#shop a:hover {
	background-position: -232px -26px;
}
#header #nav ul li#phvi a:hover {
	background-position: -293px -26px;
}
#header #nav ul li#abou a:hover {
	background-position: -411px -26px;
}
#header #nav ul li#cont a:hover {
	background-position: -504px -26px;
}
#home #header #nav ul li#home a {
	background-position: 0px -26px;
}
#news #header #nav ul li#news a {
	background-position: -76px -26px;
}
#prod #header #nav ul li#prod a {
	background-position: -141px -26px;
}
#shop #header #nav ul li#shop a {
	background-position: -232px -26px;
}
#phvi #header #nav ul li#phvi a {
	background-position: -293px -26px;
}
#abou #header #nav ul li#abou a {
	background-position: -411px -26px;
}
#cont #header #nav ul li#cont a {
	background-position: -504px -26px;
}

/* 本文領域設定 */
#header-dmy {
	height: 65px;
	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;
}