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

Primary style

-------------------------------- */
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  background-color: white;*/
  margin: 0;
  padding: 0;
  font-size: 62.5%;
  font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Georgia, serif, verdana;
  color: #000000;
  background-color: #140200;
  line-height: 0;
  -webkit-text-size-adjust: 100%;
}

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

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

Modules - reusable parts of our design

-------------------------------- */
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  margin: 0 auto;
  background: #FFE900;
} 

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

Main components 

-------------------------------- */
main {
	width: 956px;
	margin: 0 auto;
}

.cd-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 15px;
  padding: 3px 0;
  background: rgba(255,255,255,0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  z-index: 2;
}
.cd-header:after {
  content: "";
  display: table;
  clear: both;
}

.cd-main-content {
  height: 100%;
  position: relative;
  z-index: 1;
}

.cd-fixed-bg {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
}
.cd-fixed-bg h1 {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  max-width: 956px;
  text-align: center;
}

.cd-bg-2 {
	width: 956px;
	height: 240px;
	background-image: url(../images/jino_bg_about.png);
	position: relative;
}
.cd-bg-3 {
	width: 956px;
	height: 240px;
  	background-image: url(../images/jino_bg_company.png);
	background-position: center;
	position: relative;
}
.cd-bg-4 {
	width: 956px;
	height: 236px;
  	background-image: url(../images/jino_bg_contact.png);
	background-position: bottom;
	position: relative;
}

@media only screen and (min-width: 1170px) {
  .cd-fixed-bg {
    background-attachment: fixed;
  }
}

.cd-scrolling-bg {
  position: relative;
  z-index: 2;
}

/* リンクの設定 */

a {
	outline: none;
}

a:link {
	color: #000000;
	text-decoration: none;
}

a:visited{
	color: #333333;
	text-decoration: none;
}

a:hover {
	color: #333333;
	text-decoration: underline;
	opacity: 0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=80);
}

a:active {
	color: #000000;
	text-decoration: underline;

}

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

div#wrap {
	width: 956px;
	margin: 0 auto;
	padding: 12px 12px 40px 12px;
}

h1 {/* 2014.07.28追記 */
	padding: 140px 0 22px 0;
}

section#about h2 {
	position: absolute;
	top: 203px;
	left: 0;
}

section#about h3,
section#about p {
	text-align: center;
}

section#about h3 {
	padding: 143px 0 25px 0;
}

section#about p {
	padding: 0 0 149px 0;
}

section#company h2 {
	position: absolute;
	top: 203px;
	left: 0;
}

section#company .cd-container {
}

div.company_text {
	width: 220px;
	padding: 92px 0 0 95px;
	float: left;
}

section#company table {
	line-height: 1.4em;
	letter-spacing: 0.1em;
	text-align: left;
	float: left;
}

section#company th,
section#company td {
	text-align: left;
}

section#company th {
	width: 5em; 
	padding: 0 1.5em 0.3em 0;
	font-weight: bold;
}

section#company td {
	padding: 0 0 0.5em 0;
}

section#company dl {
	width: 220px;
	padding: 50px 0 0 0;
	line-height: 1.4em;
	letter-spacing: 0.1em;
	float: left;
}

section#company dl dt {
	padding: 0 0 0.5em 0;
	font-weight: bold;
}

div.company_map {
	width: 533px;
	/*padding: 0 95px 0 0;*/
	padding: 84px 95px 0 0;
	margin: 0 0 65px 0;
	float: right;
}

section#company p {
	width: 533px;
	text-align: right;
}

section#company p.map {
	width: 533px;
	padding: 0 0 2px 0;
}

section#contact {
}

p.mail {
	position: absolute;
	top: 85px;
	left: 289px;
}

p.tel {
	position: absolute;
	top: 129px;
	left: 208px;
}



/* ------------------ClearFix------------------ */

section#company .cd-container:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}

.clearfix {
	display: inline-block;/*for IE7*/
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}