@charset "utf-8";

h2 {
	padding: 4px 5px 0 5px;
	font-size: 16px;
	font-weight: bold;
	line-height: 100%;
	color: #000;
	}
/*----------contents----------*/
#contents_p_l {
	width: 100%;
	background: #fff;
	}
#contents_bg_khc, #contents_bg_ksc, #contents_bg_ktw, #contents_bg_top, #contents_bg_kokusai, #contents_bg_crown, #contents_bg_sun, #contents_bg_tanaka, #contents_bg_tanio, #contents_bg_marui, #contents_bg_hartford, #contents_bg_hudson, #contents_bg_marukoshi, #contents_bg_marushin, #contents_bg_maruzen, #contents_bg_aoshima, #contents_bg_katana, #contents_bg_light, #contents_bg_bouhan {background: #fff url("../img/bg/bg_khc.jpg") no-repeat center top; width: 100%; }
#contents_bg_khc {background-image: url("../img/bg/bg_khc.jpg");}
#contents_bg_ksc {background-image: url("../img/bg/bg_ksc.jpg");}
#contents_bg_ktw {background-image: url("../img/bg/bg_ktw.jpg");}
#contents_bg_top {background-image: url("../img/bg/bg_top.jpg");}
#contents_bg_kokusai {background-image: url("../img/bg/bg_kokusai.jpg");}
#contents_bg_crown {background-image: url("../img/bg/bg_crown.jpg");}
#contents_bg_sun {background-image: url("../img/bg/bg_sun.jpg");}
#contents_bg_tanaka {background-image: url("../img/bg/bg_tanaka.jpg");}
#contents_bg_tanio {background-image: url("../img/bg/bg_tanio.jpg");}
#contents_bg_marui {background-image: url("../img/bg/bg_marui.jpg");}
#contents_bg_hartford {background-image: url("../img/bg/bg_hartford.jpg");}
#contents_bg_hudson {background-image: url("../img/bg/bg_hudson.jpg");}
#contents_bg_marukoshi {background-image: url("../img/bg/bg_marukoshi.jpg");}
#contents_bg_marushin {background-image: url("../img/bg/bg_marushin.jpg");}
#contents_bg_maruzen {background-image: url("../img/bg/bg_maruzen.jpg");}
#contents_bg_aoshima {background-image: url("../img/bg/bg_aoshima.jpg");}
#contents_bg_katana {background-image: url("../img/bg/bg_katana.jpg");}
#contents_bg_light {background-image: url("../img/bg/bg_light.jpg");}
#contents_bg_bouhan {background-image: url("../img/bg/bg_bouhan.jpg");}
/*----------contents----------*/

div#sorry {
	padding: 0 0 10px 10px;
	font-size: 50px;
	line-height: 1.2;
	color: #000;
	}
div#sorry span {
	font-size: 100px;
	font-weight: bold;
	}


/*----------left----------*/
a.contents_p, a.contents_p:hover, a.contents_o, a.contents_o:hover, a.contents_ok, a.contents_ok:hover {
	display: block;
	width: auto;
	padding: 6px 10px 6px 30px;
	background: url("../img/contents/b_off.gif") no-repeat;
	font: 12px 'Tahoma', 'Verdana';
	line-height: 100%;
	color: #000;
	white-space: nowrap;
	text-decoration: none;
	}
a.contents_p:hover {background: #0024b5 url("../img/contents/b_p_on.gif") no-repeat; }
a.contents_o {background: url("../img/contents/b_off.gif") no-repeat; }
a.contents_o:hover {background: #60c url("../img/contents/b_o_on.gif") no-repeat; }
a.contents_ok {background: url("../img/contents/other_off.gif") no-repeat; }
a.contents_ok:hover {background: #60c url("../img/contents/other_on.gif") no-repeat; }
a.contents_p:hover, a.contents_o:hover, a.contents_ok:hover {color: #fff; }
a.contents_ok, a.contents_ok:hover {padding: 7px 5px 7px 30px;	font-size: 10px }
/*----------left----------*/

/*----------right----------*/
hr {
	width: 100%;
	height: 1;
	border-width: 0;
	background-color: #999;
	}

/*----------contents----------*/
#contents_company {
	width: 100%;
	background: #fff;}

#contents_print {
	width: 640px;
	padding: 15px 0px 15px 0px;}
/*----------contents----------*/
div#main700, div#main640 {padding: 0 0 10px; }
div#main700 {width: 700px; }
div#main640 {width: 640px; }
div#selector {
	width: 100%;
	text-align: right;
	}

/* *****latest news***** */
.lnt, .lnt td {
	width: 700px;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
	border: solid #000;
	border-width: 1px 1px 0 0;
	background: #fff;
	font-size: 12px;
	line-height: 1.4;
	letter-spacing: -0.03em;
	color: #000;
	}
.lnt td {
	padding: 5px 5px 3px 5px;
	border-width: 0 0 1px 1px;
	}
.lnt tr:nth-child(1) td {background: #ccc; }
.lnt td:nth-child(1), .lnt td:nth-child(2) {width: 14%; }
.lnt td:nth-child(3) {width: 16%; }
.lnt td:nth-child(4) {width: 44%; }
.lnt td:nth-child(5) {width: 12%; text-align: right; }
/* *****latest news***** */


.stcktgb {}
.stcktgb div.item {
	width: 100%;
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.4;
	}
.stcktgb h5, .stcktgb h2 {
	line-height: 1;
	font-weight: normal;
	}
.stcktgb h5 {
	margin: 0;
	padding-bottom: 3px;
	font-size: 12px;
	color: #666;
	text-align: right;
	}
.stcktgb h2 {
	background: #444 url("../img/list_li.gif") no-repeat 9px 8px;
	margin: 0;
	padding: 6px 4px 6px 25px;
	font-size: 14px;
	color: #fff;
	}
.stcktgb div.item>div {
	display: -webkit-flex;
	display: flex;
	}
.stcktgb div.item>div, .stcktgb div.iL, .stcktgb div.iL div:nth-of-type(1) {
	border: solid #444;
	border-width: 0 1px 1px 1px;
	}
.stcktgb div.iL {
	width: 67.2%;
	border-width: 0 1px 0 0;
	}
.stcktgb div.iL div:nth-of-type(1) {border-width: 0 0 1px 0; }
.stcktgb div.iL img {margin: 2px; }

.stcktgb div.iL div:nth-of-type(2) {
	padding: 5px 5px 5px 55px;
	background: url("../img/product/item.gif") no-repeat 5px 6px;
	}
.stcktgb div.iL div.opt_en {background-image: url("../img/product/item_e.gif"); }
.stcktgb div.iR {
	width: 32.8%;
	margin: 0;
	padding: 5px;
	}
.iR span {
	display: block;
	margin-bottom: 6px;
	}
.iR span:nth-of-type(4), .iR span:nth-of-type(5) {text-align: right; }
.iR span:nth-of-type(4) {
	margin-right: 2px;
	font-size: 14px;
	font-weight: bold;
	}
.iR span:nth-of-type(5) {font-size: 10px; }




/*----------right----------*/





/* stock */
.stckt table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 35px;
	background-image: linear-gradient(90deg, #999, #999);
	background-size: 100% 1px;
	background-position: top left, top right;
	background-repeat: no-repeat;
	}
.stckt thead:before, .stckt thead:after, .stckt tbody:after {
	content: "";
	display: block;
	height: 20px;
	}
.stckt thead:after, .stckt tbody:after {height: 10px; }
/*.stckt tbody:not(:first-of-type):after {height: 5px; }*/
.stckt th, .stckt td {
	padding: 0;
	margin: 0;
	white-space: nowrap;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	line-height: 100%;
	text-align: left;
	border: solid 0px #999;
	vertical-align: bottom;
	}
.stckt th {width: 425px; }
.stckt td {
	width: 55px;
	padding: 5px 4px;
	padding-right: 10px;
	font-size: 10px;
	text-align: right;
	}
.stckt thead th {
	position: relative;
	padding: 4px 0px 4px 18px;
	font-size: 16px;
	font-weight: bold;
	}
.stckt thead th:before {
	content: "■ ";
	display: block;
	position: absolute;
	line-height: 1em;
	top: 50%; left: 5px;
	transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
	}
.stckt th[colspan] {
	padding: 2px 0 5px 40px;
	font-size: 11px;
	}
.stckt tbody a, .stckt tbody a:hover {
	display: block;
	position: relative;
	width: auto;
	padding: 5px 5px 5px 18px;
	margin-left: 20px;
	line-height: 100%;
	color: #000;
	text-decoration: none;
	}
.stckt tbody a:after {
	content: "▶";
	display: block;
	position: absolute;
	font-size: 7px;
	color: rgba(0,36,181,1);
	line-height: 1em;
	top: 50%;	left: 5px;
	transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
	}
.stckt tbody:not(:first-of-type) a:after {color: rgba(0,51,0,1); }
.stckt tbody a:hover, .stckt tbody a:hover:after {color: #fff; }
.stckt tbody a:hover {
	background: rgba(0,36,181,1);
	text-decoration: underline;
	}
.stckt tbody:not(:first-of-type) a:hover {background: rgba(0,51,0,1); }


/* ***** company ***** */
#comp {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding-bottom: 30px;
	border-bottom: solid 1px #999;
	}
#comp h4 {
	position: relative;
	width: 100%;
	margin: 0 0 20px;
	padding: 2px 0 12px 19px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	color: rgba(238,28,35,1);
	border-bottom: solid 1px #999;
	}
#comp h4:not(:first-child) {
	margin-top: 50px;
	color: #000;
	}
#comp h4:before {
	content: "■";
	display: block;
	position: absolute;
	font-size: 14px;
	color: rgba(0,0,0,1);
	line-height: 1;
	top: 30%;	left: 7px;
	transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
	}
#comp h5 {
	position: relative;
	width: 100%;
	margin: 0 0 5px 20px;
	padding: 0 0 5px 15px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	color: rgba(0,0,0,1);
	border-bottom: solid 1px #ccc;
	}
#comp h5:before {
	content: "■";
	display: block;
	position: absolute;
	font-size: 10px;
	color: rgba(0,0,0,1);
	line-height: 1;
	top: 30%;	left: 5px;
	transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
	}

#comp p {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.8;
	}
#comp h5+p {margin: 0 0 30px 40px; }

#gmap {
	width: 100%;
	margin-bottom: 30px;
	padding: 3px;
	border: solid 1px #ccc;
	}
#gmap iframe {
	width: 100%;
	height: 500px;
	
	
	}




/* ***** link ***** */
#link {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding-bottom: 30px;
	border-bottom: solid 1px #999;
	}
#link h4 {
	position: relative;
	width: 100%;
	margin: 0 0 10px;
	padding: 2px 0 12px 19px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	color: #000;
	border-bottom: solid 1px #999;
	}
#link h4:not(:first-child) {margin-top: 25px; }
#link h4:before {
	content: "■";
	display: block;
	position: absolute;
	font-size: 14px;
	color: rgba(0,0,0,1);
	line-height: 1;
	top: 30%;	left: 7px;
	transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
	}

#link p {
	width: 50%;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.2;
	}

#link p a, #link p a:hover {
	display: block;
	position: relative;
	width: auto;
	padding: 5px 5px 5px 18px;
	margin-left: 0px;
	line-height: 1;
	color: #000;
	text-decoration: none;
	}
#link p a:after {
	content: "▶";
	display: block;
	position: absolute;
	font-size: 7px;
	color: rgba(238,28,35,1);
	line-height: 1em;
	top: 50%;	left: 5px;
	transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
	}
#link p a:hover, #link p a:hover:after {color: #fff; }
#link p a:hover {
	background: rgba(238,28,35,1);
	text-decoration: underline;
	}

/* download */
#link div.dl {
	width: 160px;
	margin: 0 5px 5px 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.2;
	border: dotted 0px #f00;
	}
#link div.dl:nth-of-type(3n) {
	margin-right: 0;
	}
#link div.dl a {
	font-size: 12px;
	line-height: 1.2;
	color: rgba(0,0,0,1);
	text-decoration: none;
	}
#link div.dl a:hover {
	color: rgba(238,28,35,1);
	text-decoration: underline;
	}