@charset "utf-8";

/* ****************************************************************************************************
   * 共用
**************************************************************************************************** */

body {
  min-width: 980px;
  color: #504f4e;
}

a {
  color: #3aa755;
}

div.body {
  width: 980px;
  margin: 0 auto;
  letter-spacing: -0.4em;
}
@media screen and (max-width: 749px){
	div.body{
		width: 100%;
		}
	body{
		width: 100%;
		min-width: auto;
	}
}
div.body > * {
  letter-spacing: normal;
}

/* ****************************************************************************************************
   * ヘッダー
**************************************************************************************************** */

div#header {
  min-height: 145px;
  background: url(../_images/header-bg.jpg) center top no-repeat;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * ロゴ
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#header .logo {
  width: 290px;
  vertical-align: top;
  display: inline-block;
} .msie7 div#header .logo { display:inline; zoom:1; }

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 実績
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#header div.jisseki {
  width: 420px;
  vertical-align: top;
  display: inline-block;
} .msie7 div#header div.jisseki { display:inline; zoom:1; }

@media screen and (max-width: 749px){
	div#header div.jisseki {
  width: 50%;
	}
	div#header .logo {
  width: 40%;
  }
  div#header div.jisseki img,div#header .logo img{
  	width: 230%;
  }
}
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * インフォ
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#header div.info {
  width: 150px;
  vertical-align: top;
  display: inline-block;
} .msie7 div#header div.info { display:inline; zoom:1; }

/* ****************************************************************************************************
   * メイン
**************************************************************************************************** */

div#main {
  font-size: 16px;
}

/* ****************************************************************************************************
   * フッター
**************************************************************************************************** */

div#footer {
  margin-top: 30px;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * アドレス
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#footer .address {
  font-size: 24px;
  line-height: 1.8;
  text-align: center;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * コピーライト
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#footer .copyright {
  margin: 30px 0;
  text-align: center;
}
/* ****************************************************************************************************
   * スマホ用
**************************************************************************************************** */

@media screen and (max-width: 749px){
	div#header {
  min-height: 130px;
  background:none;
}
}