@charset "utf-8";
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
body {
  background: #fff100;
  font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}

#wrap {
  width: 1010px;
  margin: 0 auto;
}

#header {
  width: 1000px;
  float: left;
  margin: 0px 0px 0px 5px;
}

#header h1, h2 {
  float: left;
}

#mainbox {
  width: 1000px;
  padding: 0px 5px;
  float: left;
  background: url(../img/share/bg_main.gif) repeat-y;
}

#menu {
  height: 50px;
  float: left;
}

#menu li {
  list-style: none;
  float: left;
}

h3 {}

#long {
  width: 670px;
  margin: 10px 20px;
  float: left;
}

#long h4 {
  background: url(../img/share/title_long.gif) no-repeat;
  width: 625px;
  height: 28px;
  padding: 7px 0px 0px 45px;
  margin: 0px 0px 10px 0px;
  font-size: 120%;
}

span.align-r {
  display: block;
  text-align: right;
}

#long p {
  line-height: 1.5em;
}

#long p.intro {
  background: url(../img/index/bg_intro.jpg) no-repeat right top;
  padding-right: 270px;
  min-height: 200px;
}

#short {
  width: 270px;
  margin: 10px 0px;
  float: left;
}

#short p {
  width: 270px;
  margin-bottom: 10px;
}

#short h4 {
  background: url(../img/share/title_short.gif) no-repeat;
  width: 265px;
  height: 28px;
  padding: 7px 0px 0px 45px;
  font-size: 90%;
}

#short .innerbox {
  background: #e1e1e1;
  width: 266px;
  border-color: #888888;
  border-style: solid;
  border-width: 0px 2px 2px 2px;
  padding: 5px 0px;
  margin: 0px 0px 10px 0px;
  font-size: 120%;
  text-align: center;
}

#footer {
  background: url(../img/share/bg_footer.gif) no-repeat;
  width: 1010px;
  height: 99px;
  float: left;
}

#footer .add {
  float: left;
  margin: 27px 0px 0px 235px;
  color: #303030;
}

#footer .footermenu {
  float: right;
  margin: 32px 20px 0px 0px;
  color: #303030;
}

#footer .footermenu li {
  float: left;
  margin: 0px 10px 0px 0px;
  list-style: none;
}

#footer .copyright {
  float: right;
  margin: 7px 20px 0px 0px;
  color: #303030;
}

#pan {
  width: 990px;
  padding-left: 10px;
}