@charset "UTF-8";
/* clearfix */
/* line 20, ../sass/sass/_import.scss */
.clearfix, #header, #navi, #navi ul, #main, .bana, #footer {
  *zoom: 1;
}
/* line 22, ../sass/sass/_import.scss */
.clearfix:before, #header:before, #navi:before, #navi ul:before, #main:before, .bana:before, #footer:before, .clearfix:after, #header:after, #navi:after, #navi ul:after, #main:after, .bana:after, #footer:after {
  content: "";
  display: table;
}
/* line 27, ../sass/sass/_import.scss */
.clearfix:after, #header:after, #navi:after, #navi ul:after, #main:after, .bana:after, #footer:after {
  clear: both;
}

/*----------------------------------------------------
	再設定
----------------------------------------------------*/
/* line 8, ../sass/sass/layout.scss */
html {
  font-size: 20px;
}

/* line 11, ../sass/sass/layout.scss */
body {
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  line-height: 1.6;
  color: #666;
  font-size: 16px;
  font-size: 1rem;
}

/* line 18, ../sass/sass/layout.scss */
a:link, a:visited {
  color: #2489ce;
  text-decoration: none;
}
/* line 22, ../sass/sass/layout.scss */
a:hover, a:active {
  color: #72b7e6;
}

/* line 26, ../sass/sass/layout.scss */
img {
  vertical-align: bottom;
}

/* line 29, ../sass/sass/layout.scss */
p {
  margin-bottom: 1em;
}

/*----------------------------------------------------
	汎用クラス
----------------------------------------------------*/
/* line 34, ../sass/sass/layout.scss */
.container, #header, #navi, #main, #footer {
  position: relative;
  width: 640px;
  margin: 0 auto;
}

/*----------------------------------------------------
	#header
----------------------------------------------------*/
/* line 42, ../sass/sass/layout.scss */
#header {
  line-height: 1;
  height: 100px;
  background: #f3eee9;
}
/* line 48, ../sass/sass/layout.scss */
#header img {
  vertical-align: top;
}
/* line 49, ../sass/sass/layout.scss */
#header #logo {
  position: absolute;
  left: 20px;
}
/* line 50, ../sass/sass/layout.scss */
#header #tel {
  position: absolute;
  right: 100px;
}
/* line 51, ../sass/sass/layout.scss */
#header #hmenu {
  position: absolute;
  right: 0;
}

/* line 53, ../sass/sass/layout.scss */
#navi {
  display: none;
}
/* line 59, ../sass/sass/layout.scss */
#navi ul li {
  font-size: 20px;
  text-align: center;
  color: #fff;
  border: 1px solid #cecbb5;
  background: #bead5d;
  width: 320px;
  float: left;
}
/* line 67, ../sass/sass/layout.scss */
#navi ul li a {
  color: #fff;
  text-decoration: none;
  padding: 16px 0;
  display: block;
}

/*----------------------------------------------------
	#main
----------------------------------------------------*/
/* line 75, ../sass/sass/layout.scss */
#main {
  background-color: #f3eee9;
}

/* line 83, ../sass/sass/layout.scss */
.bana {
  padding: 0 0 10px 10px;
}
/* line 86, ../sass/sass/layout.scss */
.bana li {
  float: left;
  padding: 10px;
}

/*----------------------------------------------------
	#footer
----------------------------------------------------*/
/* line 92, ../sass/sass/layout.scss */
#footer {
  text-align: center;
  background-color: #cecbb5;
}
/* line 97, ../sass/sass/layout.scss */
#footer logo {
  display: block;
  padding: 20px;
}
/* line 101, ../sass/sass/layout.scss */
#footer .copyright {
  display: block;
  color: #FFF;
  background-color: #bead5d;
  padding: 10px 0;
  font-size: 16px;
}

/* line 110, ../sass/sass/layout.scss */
.pagetop {
  display: none;
  position: fixed;
  bottom: 55px;
  right: 55px;
}
/* line 115, ../sass/sass/layout.scss */
.pagetop a {
  display: block;
  width: 80px;
  height: 80px;
  background-color: RGBa(0, 0, 0, 0.7);
  text-align: center;
  color: #fff;
  font-size: 24px;
  text-decoration: none;
  line-height: 80px;
}