@charset "utf-8";

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

   common

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


/*reset-------------------------------------------------*/
body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd {
  margin: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  border: none;
  vertical-align: top;
}

h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
  font-weight: normal;
}

header,section,article,aside,footer,nav {
 display: block;
}

/*-------------------------------------------------reset*/


/*common-------------------------------------------------*/
body {
  margin: 0;
  padding: 0;
  color: #231f20;
  font-size: 14px;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  line-height: 1.2;
  background:#fffdee;
		overflow-x: hidden;
}

a {
  text-decoration:none;
}

a:hover, a:active {
}

ul,li {
  margin:0px;
  padding:0px;
  list-style:none;
}

.clear:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear {
  display: inline-table;
  overflow: hidden;
}

/* mac \*/
* html .clear {
  height: 1%;
}
.clear {
  display: block;
}


/*-------------------------------------------------common*/


/*------------------------------------------------------------------------------------------------
  header
--------------------------------------------------------------------------------------------------*/
header {
  width:100%;
  position:relative;
}

header .img-banner{
  width:100%;
}

header .info {
  width:100%;
  text-align:center;
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  margin:0 auto;
  background: url(../image/bg-banner.png) repeat-x left bottom;
}

header .info p {
  margin-top:40px;
  text-align:center;
  line-height:28px;
  font-size:16px;
  color:#fff;
  margin-bottom:5%;
  font-weight: bold;
  letter-spacing:1px;
}

/*------------------------------------------------------------------------------------------------
  content
--------------------------------------------------------------------------------------------------*/
.fl-left {
  float: left;
}

.fl-right {
  float: right;
}

.container {
  width: 980px;
  margin: 0 auto;
}

/*------------------------------------------------------------------------------------------------
  footer
--------------------------------------------------------------------------------------------------*/
footer {
  text-align:center;
}

.footer-top {
  padding:25px 0; 
  background:#fff;
}

.footer-top img {
  padding:0 5px;
  display:inline-block;
}

.footer-bottom {
  background:#ff5a1a;
  padding-bottom:25px;
}

.footer-bottom img {
  padding:25px 0;
}

.footer-bottom .coppy{
  font-size:11px;
  color:#fff;
}
.footer-logo {
	width: 150px;
	display: block;
	margin: 0 auto;
}
.footer-logo img {
	display: inline-block;
	text-align: center;
	width: 150px;
}
.footer-contact {
	padding: 0 0 2.5em 0;
}
.footer-contact a {
	color: #fff;
}