/* 【株式会社　碧様】CSS */
/* -------------------------------------BODY----- */
#bg-body {
	BACKGROUND: #fff url(images/bg-body.jpg) repeat-x;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
}
/* ページ本体
---------------------------------------------------- */
#pagebody {
	position: relative;
	width: 170px;
	margin-left: 25px;
	margin-top: -1px;
	height: 100%;
	background-color: #000000;
}

/* コンテンツ
---------------------------------------------------- */
#content {
	width: 535px;
	color: #666666;
	margin-left: 185px;
	margin-top: -550px;
	background-color: #000000;
}
#content2 {
	width: 535px;
	color: #666666;
	margin-left: 185px;
	margin-top: -550px;
	background-color: #000000;
}
#content3 {
	width: 520px;
	color: #666666;
	margin-left: 185px;
	margin-top: -800px;
}
#content h2 {
  font-size: small;
  color: #ff9933;
  background: transparent;
}
/* -------------------------------------ヘッド部分----- */
#header {
  padding-top: 30px;
  color: #E6E6E6;
  background: url(/images/back-header.jpg) no-repeat;
}
/* -------------------------------------BODY----- */
body {
	background: #E6E6E6 url(/images/back-body.jpg) repeat-y;
	font-size: 12px;
	line-height: 150%;
	color: #E6E6E6;
	margin: 0px;
	padding: 0px;
}
/* -------------------------------------LAYOUT BLOCK----- */
.box1 {
	width: 245px;
	border: 1px solid #666666;
}
.box2 {
	height: 20px;
	width: 95%;
	background-color: #F8FDF0;
	padding-left: 2px;
}
#block1 {
	height: 108px;
	width: 720px;
	margin-top: -6px;
	background-image:   url(images/hedder.gif);
	margin-left: 25px;
}
#xmas-block1 {
	height: 108px;
	width: 720px;
	margin-top: -6px;
	background-image:   url(images/xmas-hedder.gif);
	margin-left: 25px;
}
#xmas2-block1 {
	height: 108px;
	width: 720px;
	margin-top: -6px;
	background-image:   url(images/xmas2-hedder.gif);
	margin-left: 25px;
}
#new-block1 {
	height: 108px;
	width: 720px;
	margin-top: -6px;
	background-image:   url(images/new-hedder.gif);
	margin-left: 25px;
}
#new2-block1 {
	height: 108px;
	width: 720px;
	margin-top: -6px;
	background-image:   url(images/new2-hedder.gif);
	margin-left: 25px;
}
#block2 {
	height: 100px;
	width: 370px;
	border: 1px solid #CCCCCC;
	overflow: auto;
	font-size: 12px;
	line-height: 165%;
	color: #787878;
	margin-top: -5px;
	background-color: #FFFFFF;
}
#block3 {
	width: 520px;
	height: 220px;
	margin-bottom: 40px;
}
#block4 {
	height: 150px;
	width: 520px;
}
#block5 {
	height: 100px;
	width: 520px;
	padding-left: 30px;
}
#block6 {
	height: 122px;
	width: 313pxpx;
	margin-top: 100px;
}
#block7 {
	width: 370px;
	border-left-color: #00417f;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D8D8D8;
	border-right-color: #D8D8D8;
	border-bottom-color: #D8D8D8;
	height: 100%;
}

#block8 {
	width: 100%;
	background-image: url(job/images/interview/icon02.jpg);
	background-repeat: no-repeat;
	padding-left: 125px;
	padding-top: 5px;
	margin-bottom: -8px;
	height: 100px;
}

#block9 {
	width: 504px;
	margin-top: 15px;
	height: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #D8D8D8;
}
#block10 {
	width: 170px;
	background-color: #040070;

}
#block11 {
	width: 500px;
	margin-left: 10px;
}
#block12 {
	width: 370px;
	border-left-color: #00417f;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D8D8D8;
	border-right-color: #D8D8D8;
	border-bottom-color: #D8D8D8;
	height: 100%;
	margin-top: 10px;
}
#block13 {
	width: 100%;
	background-image: url(job/images/interview/icon03.jpg);
	background-repeat: no-repeat;
	padding-left: 125px;
	padding-top: 5px;
	margin-bottom: -8px;
	height: 100px;
}

#block11 p{
	margin-top: 10px;
	margin-bottom: 10px;
}
#block-blog {
    height: 100px;
	width: 370px;
	border: 1px solid #CCCCCC;
	overflow: auto;
	font-size: 12px;
	line-height: 165%;
	color: #787878;
	margin-top: -5px;
	margin-left:1px;
	background-color: #FFFFFF;
	line-height: 150%;
	list-style-type: none;
    list-style-image: url(images/li.gif);
}
#denkai {
  height: 115px;
  width: 140px;
  margin-top: -115px;
  margin-left: 380px;
  background-color:#000000;
}
/* -------------------------------------Link----- */
A:link {
	COLOR: #AA5500; FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif; TEXT-DECORATION: none
}
A:visited {
	COLOR: #AA5500; FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif; TEXT-DECORATION: none
}
A:active {
	COLOR: #AA5500; FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif; TEXT-DECORATION: none
}
A:hover {
	COLOR: #FFA953; FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif; TEXT-DECORATION: none
}
/* 
/* -------------------------------------TEXT----- */
h1 {
	font-size: 12px;
	line-height: 150%;
	color: #666666;
	letter-spacing: 2px;
	margin-bottom: -0.3px;
}
h2 {
	font-size: 12px;
	line-height: 120%;
	color: #747474;
	font-weight: normal;

}
h3 {
	color: #000066;
}
.T-disclose {
	text-decoration: underline;
}
.T-copyright {
	font-size: 11px;
	line-height: 150%;
	color: #8A8A8A;
	font-family: "Georgia", "Times New Roman", "Times", "serif";
	font-weight: bold;

}
.T-job {
	font-size: 12px;
	line-height: 150%;
	color: #00417f;
	font-weight: bold;
}
.T-12bk {
	font-size: 12px;
	line-height: 150%;
	color: #000000;
}
.T-11bk {
	font-size: 11px;
	line-height: 135%;
	color: #000000;
}
.T-12gr {
	font-size: 12px;
	line-height: 140%;
	color: #787878;
}
.T-11gr {
	font-size: 11px;
	line-height: 150%;
	color: #999999;
}

.T-12wh {
	font-size: 12px;
	line-height: 140%;
	color: #FFFFFF;
	letter-spacing: 2px;
}
.T-11wh {
	font-size: 11px;
	line-height: 130%;
	color: #FFFFFF;
	letter-spacing: 1.5px;
}
.T-12br {
	font-size: 12px;
	line-height: 135%;
	color: #2C4070;
}
.T-interview {
	font-size: 12px;
	line-height: 150%;
	color: #00354F;
	letter-spacing: 1px;
	margin-top: 4px;
	background-color: #EBF3F3;
}
.T-11br {
	font-size: 11px;
	line-height: 150%;
	color: 3C5899;
}
.T-12red {
	font-size: 12px;
	line-height: 150%;
	color: #990000;
	font-weight: bold;
}
.T-14bk {
	font-size: 20px;
	line-height: 150%;
	color: #333333;
	letter-spacing: 2px;
	font-weight: bold;
}
/* -------------------------------------new LI---- */
.new LI {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 0px;
	BACKGROUND: url(http://www.heki.co.jp/images/li.gif) no-repeat left 5px;
	PADDING-BOTTOM: 0px;
	MARGIN: -5px 5px 5px;
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: none;
	line-height: 200%;
}
.privacy LI {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 0px;
	BACKGROUND: url(http://www.heki.co.jp/images/li.gif) no-repeat left 7px;
	PADDING-BOTTOM: 0px;
	MARGIN: 5px;
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: none;
	BORDER-BOTTOM: 1px dotted #999999;
	font-weight: bold;
}
/* -------------------------------------ul navigation---- */
ul#navigation {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
ul#navigation li {
  position: absolute;
  top: -26px;
  display: block;
  width: 130px;
  height: 11px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
}
ul#navigation li#corporate {
  left: 413px;
  background:   url(images/ul-corporate.gif) no-repeat;
}
ul#navigation li#privacy {
  left: 497px;
  background:   url(images/ul-privacy.gif) no-repeat;
}
ul#navigation li#contact {
  left: 640px;
  background:   url(images/ul-contact.gif) no-repeat;
}
ul#navigation #corporate a {
  display: block;
  width: 61px;
  height: 11px;
  text-decoration: none;
}
ul#navigation #privacy a {
  display: block;
  width: 130px;
  height: 11px;
  text-decoration: none;
}
ul#navigation #contact a {
  display: block;
  width: 83px;
  height: 11px;
  text-decoration: none;
}
/* -------------------------------------ul icon01---- */
ul#icon01 {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
ul#icon01 li {
  position: absolute;
  top: -95px;
  display: block;
  width: 127px;
  height: 92px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
}
ul#icon01 li#icon {
  left: 385px;
  background:   url(images/ul-icon01.gif) no-repeat;
}
ul#icon01 #icon a {
  display: block;
  width: 127px;
  height: 91px;
  text-decoration: none;
}
/* -------------------------------------ul icon02---- */
ul#icon02 {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
ul#icon02 li {
  position: absolute;
  top: 20px;
  display: block;
  width: 110px;
  height: 220px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
}
ul#icon02 li#one {
  top: 154px;
  left: 161px;
  background:   url(images/ul-icon02.jpg) no-repeat;
}
ul#icon02 li#two {
  top: 154px;
  left: 0px;
  background:   url(images/ul-icon03.jpg) no-repeat;
}
/*dead start
 -ul#icon02 li#three {
  top: 20px;
  left: 0px;
  background:  url(images/contents01.swf) no-repeat;
} */
ul#icon02 li#four {
  left: 322px;
  background:   url(images/ul-icon05.jpg) no-repeat;
}
ul#icon02 #one a {
  display: block;
  width: 151px;
  height: 86px;
  text-decoration: none;
}
ul#icon02 #two a {
  display: block;
  width: 151px;
  height: 86px;
  text-decoration: none;
}
/*dead start
ul#icon02 #three a {
  display: block;
  width: 313px;
  height: 122px;
  text-decoration: none;
}
*/
ul#icon02 #four a {
  display: block;
  width: 194px;
  height: 220px;
  text-decoration: none;
}
/* -------------------------------------ul map---- */
ul#map {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
ul#map li {
  position: absolute;
  top: -118px;
  display: block;
  width: 0px;
  height: 0px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
}
ul#map li#torihiro {
  top: -132px;
  left: 257px;
  background:   url(shop/images/map.gif) no-repeat;
}
ul#map #torihiro  a {
  display: block;
  width: 256px;
  height: 130px;
  text-decoration: none;
}
ul#map li#torihiro-mitu {
  top: -132px;
  left: 257px;
  background:   url(shop/images/map_mitukosime.gif) no-repeat;
}
ul#map #torihiro-mitu  a {
  display: block;
  width: 256px;
  height: 130px;
  text-decoration: none;
}
/* -------------------------------------sitemap li---- */
.sitemap LI {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 0px;
	BACKGROUND: url(sitemap/images/bg_sitemap.gif) no-repeat left;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: none;
}
.sitemap2 LI {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 0px;
	BACKGROUND: url(sitemap/images/bg_sitemap2.gif) no-repeat left;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: none;
}
.T-12green {
	font-size: 12px;
	line-height: 130%;
	color: #009900;
}
.520line {
	padding: 15px;
	height: 100%;
	width: 480px;
	border: thin solid #888888;
	margin-bottom: 15px;
}
.px5 {
	padding-left: 10px;
	font-size: 12px;
	color: #787878;
}
/* -------------------------------------BOX----- */
.navigation td{
	background-image: url(images/navigation-bg.jpg);
}
