@charset "utf-8";
/*
  last update 2019/4/14 https
 2018/10/26 changed to "http://sky.honeycomb-tr.com/uppld/sr/8806/chemispertmenubar.png"
 top navigation 
*/
/* HoneyComb Techno Research Inc -------------------------

　ハニカム・ケミスパート
　
　Update:2015.4.15
　CSS Name:base.css

---------------------------------------------------------- */

@import url("reset.css");
@import url("contents.css");



/* Base Style -------------------------------------------- 
---------------------------------------------------------- */

body { font: 12px/1.5 "メイリオ", "Meiryo", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;}

a{outline:none;}
a:link,a:visited{
	color: #0059A3;
	text-decoration: underline;
}

a:hover{
	color:#555;
	text-decoration:none;
}

a img { vertical-align:middle; }

a:hover img {
	opacity:0.8;
	-ms-filter: "alpha(opacity=80)";
	display:inline-block\9;/* ie8 */
	zoom: 1\9;/* ie8 */
}

input[type=image]:focus {
    outline: none;
}


.alC { text-align:center; }
.alR { text-align:right; }

hr {
	display:block;
	margin:10px 0;
	height: 1px;
	border: 0;
	border-top: 1px dotted #666;
}

.must { color:#FF0000; margin-left:5px; }


.imgR { float:right; margin:0 0 10px 10px; }
.imgL { float:left; margin:0 10px 10px 0; }

.hide { display:none; }


/* font style */
.txt10 { font-size:10px; }
.txt14 { font-size:14px; }
.txt16 { font-size:16px; }
.txt18 { font-size:18px; }
.red {color:#C00; }
.redB {color:#C00; font-weight:bold; }
.blue {color: #0067B5;}
.green {color: #00A63D;}

.err { color:#C00; font-weight:bold; font-size:14px; }

.mgnT5 { margin-top:5px; }
.mgnT10 { margin-top:10px; }
.mgnT20 { margin-top:20px; }
.mgnT40 { margin-top:40px; }
.mgnT50 { margin-top:50px; }
.mgnB10 { margin-bottom:10px; }
.mgnB20 { margin-bottom:20px; }
.mgnB40 { margin-bottom:40px; }
.mgnTB20 { margin:20px 0; }

#header .logo a, #tTab li a, #gNav li a,
#footer .fInfo li a
{
	overflow:hidden;
	text-indent: 100%;
    white-space: nowrap;
}


/* List Style */
.ltTxt {
	background:url(../images/lt_sq_blue.gif) no-repeat left 6px;
	padding:2px 0 2px 20px;
}


/* Header ------------------------------------------------ 
---------------------------------------------------------- */

#header {
	position:relative;
  height:135px;
  border-bottom:3px solid #EB6100;
}

#header .logo {
	position: absolute;
	top: 80px;
	width: 413px;
	height: 50px;
  z-index:10;
}

#header .logo a {
  background: url(../images/honeycomb.gif) no-repeat;
  display: block;
  width: 413px;
  height: 50px;
}

/* top navigation */
#header .seo {
	position:absolute;
	font-size:10px;
	color:#FFF;
	top:10px;
}

#tTab {
	width:588px;
	position:absolute;
	top:5px;
	right:0;
	height:30px;
}

#tTab li {
	float: left;
	padding-left: 7px;
}

#tTab li a {
	height: 30px;
	width: 140px;
	display: block;
	background:url("https://sky.honeycomb-tr.com/uppld/sr/8806/chemispertmenubar.png") 0 0;
}

#tTab li.hc a { background-position:0 -30px; }
#tTab li.cs a { background-position:-140px -30px; }
#tTab li.gb a { background-position:-280px -30px; }
#tTab li.sh a { background-position:-420px -30px; }

#tTab li.hc a.current { background-position:0 0; }
#tTab li.cs a.current { background-position:-140px 0; }
#tTab li.gb a.current { background-position:-280px 0; }
#tTab li.sh a.current { background-position:-420px 0; }

#tNav {
	position: absolute;
	top: 45px;
	right: 0;
}

#tNav ul {
	margin-left:15px;
}

#tNav li {
	float: left;
	margin-left:10px;
	padding-left:10px;
	border-left:1px dotted #AAA;
}


#tNav .contactTel {
	margin-top:10px;
	text-align:right;
  font-size:10px;
}



/* breadcrumb navigation */

#breadcrumb {
	padding:10px 0;
}

#breadcrumb ul {
	width:970px;
	margin:0 auto;
}

#breadcrumb li {
	float:left;
	background:url(../images/bread_arw.gif) no-repeat 0 5px;
	margin-left:10px;
	padding-left:10px;
}

#breadcrumb li.home {
	background:url(../images/bread_top.gif) no-repeat 0 0;
	padding-left:20px;
}
	

/* Footer ------------------------------------------------ 
---------------------------------------------------------- */

.pageTop {
	text-align:right;
}
.pageTop img { vertical-align:bottom; }

#footer {
	background:url(../images/footer-bg.gif) repeat-x #E0EBF3;
}

#footer li.sv {
	width:230px;
	float:left;
	margin-right:12px;
}

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

#footer li.sv span {
	background-color:#B8D1E3;
	text-align:center;
	padding:5px;
	font-weight:bold;
	display:block;
	margin:15px 0 10px 0;
}

#footer li.sv span.lnW { padding:14px 0; }

#footer li.sv li {
	margin:4px;
	font-size:80%;
	background:url(../images/lt-cl-blu.png) no-repeat 0 5px;
	padding-left:10px; 
}

#footer .fInfo {
	background:url(../images/header-bg.jpg) repeat-x;
	height:35px;
	margin-top:15px;
}

#footer .fInfo .fNav { position:relative; }

#footer .fInfo ul {
	position:absolute;
	top:12px;
	left:0;
	width:350px;
}

#footer .fInfo li {
	float: left;
}

#footer .fInfo li a {
	height: 11px;
	width: 111px;
	display: block;
	background:url(../images/fnav.png) 0 0;
	margin-right:27px;
}

#footer .fInfo li.policy a {
	background-position:0 -11px;
	width: 85px;
}

#footer .fInfo .copyright {
	color:#FFF;
	font-size:90%;
	text-align:right;
	line-height:3.0;
}
