@charset "utf-8";
/* CSS Document */

/*clearfix*/
.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

h1,h2,h3,h4,h5,h6,
ul, li {
  margin: 0;
  padding: 0;
}

html, body {
  width: 100%;
  height: 100%;
}

html { 
  -webkit-text-size-adjust: 100%;
}

img {
 max-width: 100%;
 height: auto;
}

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height:1.0;
  min-width: 320px;
}

#wrapper {
  width: 100%;
  background-color: #FFF;
  overflow: hidden;
}

#headerArea {
  width: 100%;
  height: 100%;
  background: #d6f2fe;
  background: -moz-linear-gradient(top, #d6f2fe 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6f2fe), color-stop(100%,#ffffff));
  background: -webkit-linear-gradient(top, #d6f2fe 0%,#ffffff 100%);
  background: -o-linear-gradient(top, #d6f2fe 0%,#ffffff 100%);
  background: -ms-linear-gradient(top, #d6f2fe 0%,#ffffff 100%);
  background: linear-gradient(to bottom, #d6f2fe 0%,#ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6f2fe', endColorstr='#ffffff',GradientType=0 );
}

#header {
  width: 320px;
  height: 67px;
  margin: 0 auto;
  position: relative;
  background: url(https://excefk.com/smp/img/head.png);
  background-size: 100%;
  -webkit-background-size: 100%;
}

#header h1 a {
  width: 176px;
  height: 34px;
  position: relative;
  top: 24px;
  left: 6px;
  display: block;
  text-indent: -9999px;
  background: url(../img/logo.png) no-repeat;  
  background-size: 100%;
  -webkit-background-size: 100%;
}

#info {
  margin: 0 6px 14px;
  padding-bottom: 6px;
  box-sizing: border-box;
  background-color: #e8e8e8;
  border-radius: 6px; 
  -moz-border-radius: 6px; 
  -webkit-border-radius: 6px; 
}

#info h2 {
  width: 97px;
  height: 24px;
  text-indent: -9999px;
  background: url(https://excefk.com/smp/img/infoHead.png) no-repeat left center;
  background-size: 100%;
  -webkit-background-size: 100%;
}

#info .body {
  margin: 0 6px;
  background-color: #FFF;
  border-radius: 4px; 
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px; 
}

#info ul {
  padding: 6px 0;
}

#info ul li {
  padding: 0 6px;
  list-style: none;
}

#info ul li a {
  font-size: 14px;
  line-height: 16px;
  color: #0066cc;
}

.linkBanner {
  width: 320px;
  margin: 0 auto 8px;
  padding: 0 6px;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
}

.linkBannerList {/*横並びでバナーを並べる*/
  width: 320px;
  margin: 0 auto 8px;
  padding: 0 6px;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
}

.linkBannerList li {
  float: left;
  list-style: none;
}
.linkBannerList li:nth-child(2) {
  float: right;
}

#shop {
  margin: 0 6px 14px;
  padding-bottom: 6px;
  background-color: #f6f4d2;
  border-radius: 6px; 
  -moz-border-radius: 6px; 
  -webkit-border-radius: 6px; 
}

#shop h2 {
  width: 302px;
  height: 42px;
  text-indent: -9999px;
  background: url(../img/shopLinkHead.png) no-repeat left center;
  background-size: 302px 42px;
  -webkit-background-size:  302px 42px;
}

#shop li {
  margin: 0 6px 6px;
  list-style: none;
}

#shop a {
  width: 100%;
  height: 100%;
  padding: 6px;
  display: block;
  overflow: hidden;
  color: #333;
  text-decoration: none;
  background-color: #FFF;
  border-radius: 4px; 
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px; 
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
}

#shop img {
  float: left;
}

#shop span {
  display: block;
}

#shop span.title {
  font-size: 14px;
  line-height: 16px;
  text-decoration: underline;
  background: url(../img/arrowCircleIco.png) bottom right no-repeat;
  -webkit-background-size: 14px; 
  background-size: 14px;
}

#shop span.body {
  padding-top: 8px;
  line-height: 14px;
  font-size: 14px;
}

#shop span.body2 {
  padding-top: 8px;
  line-height: 14px;
  font-size: 12px;
}

#shop span.link {
  padding-bottom: 8px;
  font-size: 14px;
  font-color: #0066cc;
  text-decoration: underline;
  float: right;

}

#shopLinkButton {
  width: 295px;
  height: 45px;
  margin: 0 auto;
}

#shopLinkButton a {
  width: 295px;
  height: 45px;
  text-indent: -9999px;
  background: url(https://excefk.com/smp/img/shopLinkButton.png) no-repeat;
  -webkit-background-size: 295px 45px; 
  background-size: 295px 45px;
}

#contactButton {
  width: 310px;
  height:95px;
  margin: 0 auto 10px;
  overflow: hidden;
}

#contactButton a {
  width: 310px;
  height:95px;
  display: block;
}

#topLink {
  width: 270px;
  height: 28px;
  margin: 10px auto;
  background-color: #ed7a93;
  border-radius: 4px; 
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px; 
}

#topLink a {
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
  line-height: 26px;
  text-align: center;
  text-decoration:none;
  display: block;
}

#footerNavigation {
  width: 100%;
  margin-top: 30px;
  position: relative;
  overflow: hidden;
}

#footerNavigation ul {
  float: left;
  left: 50%;
  position: relative;
}

#footerNavigation li {
  float: left;
  left: -50%;
  position: relative;
  list-style: none;
  color: #856e4f;
  font-size: 14px;
}

#footerNavigation li a {
  padding: 6px;
  color: #856e4f;
  font-size: 14px;
}

#copyright {
  margin-top: 30px;
  font-size: 14px;
  color: #856e4f;
  text-align: center;
}