@charset "utf-8";
/* CSS Document */
body {
  color: #000000;
  background-color: #28211c;
  font-family: "Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN', 'Meiryo', 'メイリオ', 'YuGothic', '游ゴシック体', 'Yu Gothic', '游ゴシック', Helvetica, Arial, sans-serif;
  font-style: normal;
  line-height: 1.5em;
  font-weight: normal;
  font-variant: normal;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  font-size: .8em;
}
img {
  border: none;
}
a {
  color: #032bda;
  text-decoration: none
}
a:visited {
  color: #032bda;
  text-decoration: none
}
a:hover {
  color: #de0303;
  text-decoration: none
}
/*
	スライドショー
*/
#container {
  width: 320px;
  height: 200px;
  margin-top: -15px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}
#container2 {
  width: 320px;
  margin-top: -25px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}
#slide {
  width: 320px;
  height: 280px;
  position: relative;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}
#slide img {
  position: absolute;
  left: 0;
  top: 0;
}
#top_wrapper {
  text-align: center;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  height: 100%;
  width: 320px;
  background-color: #bed3c1;
  background-image: url(../img/top_bc.png);
  background-repeat: repeat;
  background-position: left top;
}
#wrapper {
  text-align: center;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  height: 100%;
  width: 320px;
  background-color: #FFFFFF;
}
#wrapper_bc1 {
  text-align: center;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  height: 100%;
  width: 320px;
  background-color: #FFFFFF;
  background-image: url(../img/naka1_bc.png);
  background-repeat: repeat;
  background-position: left top;
}
#wrapper_bc2 {
  text-align: center;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  height: 100%;
  width: 320px;
  background-color: #b3c085;
  background-image: url(../img/naka1_bc.png);
  background-repeat: repeat;
  background-position: left top;
}
#header {
  width: 320px;
  height: 120px;
  position: fixed;
  top: 0px;
  z-index: 10;
  overflow: hidden;
  background-image: url(../img/head.png);
  background-repeat: no-repeat;
  background-position: top;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}
/* インフォボックス */
.info_box {
  text-align: center;
  width: 280px;
  border-radius: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  background: rgba(255, 255, 255, 0.5);
  margin-left: 10px;
}
.info_inbox {
  text-align: center;
  width: 260px;
  border-radius: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
}
.info_line {
  text-align: left;
  width: 260px;
  height: 20px;
  background-image: url(../img/info_line.png);
  background-repeat: repeat-x;
  background-position: left;
}
.info_txtbox {
  text-align: left;
  width: 260px;
  line-height: 1em;
}
/* メニューボックス */
.menu_box {
  text-align: center;
  width: 300px;
  height: 150px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.ryouri_photo {
  text-align: center;
  width: 320px;
  margin-top: 25px;
}
/* メインボックス */
.top_main_box {
  text-align: center;
  width: 300px;
  margin-bottom: 20px;
  margin-right: 10px;
  margin-left: 10px;
}
.main_box {
  text-align: center;
  width: 300px;
  margin-bottom: 20px;
  margin-right: 10px;
  margin-left: 10px;
}
.top_txt01 {
  text-align: left;
  width: 300px;
  float: left;
  color: #98356E;
}
.top_txt02 {
  text-align: left;
  width: 300px;
  float: left;
  background-color: #FFF;
  line-height: 2em;
}
.top_txt03 {
  text-align: center;
  width: 300px;
  float: left;
  background-color: #FFF;
}
.top_txt04 {
  text-align: left;
  width: 280px;
  float: left;
  margin: 10px;
}
.center_box {
  text-align: center;
  width: 300px;
  margin-top: 10px;
  margin-bottom: 10px;
}
/*
	コンセプト
*/
.concept_box1 {
  text-align: left;
  width: 290px;
  float: left;
  background-color: #FFF;
  background-image: url(../img/concept_m1.jpg);
  background-repeat: no-repeat;
  background-position: top;
  padding-top: 160px;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 30px;
}
.concept_box2 {
  text-align: left;
  width: 290px;
  float: left;
  background-color: #FFF;
  background-image: url(../img/concept_m2.jpg);
  background-repeat: no-repeat;
  background-position: top;
  padding-top: 80px;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 30px;
}
.concept_box2_txt1 {
  text-align: left;
  width: 170px;
  float: left;
  margin-left: 120px;
}
.concept_box3 {
  text-align: left;
  width: 290px;
  float: left;
  background-color: #FFF;
  background-image: url(../img/concept_m3.jpg);
  background-repeat: no-repeat;
  background-position: top;
  padding-top: 60px;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 30px;
}
.concept_box3_txt1 {
  text-align: left;
  width: 180px;
  float: left;
  margin-right: 110px;
}
/*
	朱音
*/
.syuon_main_box {
  text-align: center;
  width: 300px;
  margin-bottom: 20px;
  margin-right: 10px;
  margin-left: 10px;
  background-color: #b3c085;
  background-image: url(../img/naka1_bc.png);
  background-repeat: repeat;
  background-position: left top;
}
.syuon_box {
  text-align: left;
  width: 290px;
  float: left;
  padding-top: 130px;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 30px;
  background-image: url(../img/syuon_bc.png);
  background-repeat: no-repeat;
  background-position: top;
}
.syuon_txt1 {
  text-align: left;
  width: 280px;
  float: left;
  padding-top: 220px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 0px;
}
/*
	アクセス
*/
.access_box {
  text-align: left;
  width: 290px;
  float: left;
  background-color: #FFF;
  background-image: url(../img/access_bc.png);
  background-repeat: no-repeat;
  background-position: top;
  padding-top: 130px;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 30px;
  margin-top: 25px;
}
.access_map {
  text-align: center;
  width: 300px;
  float: left;
  background-color: #FFF;
  margin-bottom: 30px;
}
/*
	採用情報
*/
.recruit_box {
  text-align: center;
  width: 290px;
  float: left;
  background-color: #FFF;
  padding-top: 130px;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 30px;
}
/*
	page top ボタン
*/
#page-top {
  position: fixed;
  bottom: 20px;
  right: 0px;
  z-index: 7;
}
#page-top a {
  width: 70px;
  height: 170px;
  display: block;
  background-image: url(../img/top_btn.png);
  background-repeat: no-repeat;
  background-position: top;
}
#page-top a:hover {}
/* フッター */
#footer {
  text-align: left;
  width: 320px;
  height: 120px;
  margin-right: auto;
  margin-left: auto;
  background-image: url(../img/footer.png);
  background-repeat: no-repeat;
  background-position: top;
  z-index: 6;
  position: relative;
}
/*
	フォント
*/
.txt15em_98356e {
  font-size: 1.5em;
  color: #98356e;
  font-weight: bold;
}
.txt_98356e {
  color: #98356e;
}
.txt_b_98356e {
  color: #98356e;
  font-weight: bold;
}
.txt15em_9cab89 {
  color: #9cab89;
}
.txt12_b {
  font-size: 1.2em;
  font-weight: bold;
}
.txt_8 {
  font-size: 0.8em;
  line-height: 1.5em;
}
.txt_8_right {
  text-align: right;
  font-size: 0.8em;
  line-height: 2em;
}
.txt_9cab89 {
  color: #9cab89;
}
/*
	スペース
*/
.bottom_space10 {
  margin-bottom: 10px;
}
.bottom_space20 {
  margin-bottom: 20px;
}
.bottom_space40 {
  margin-bottom: 40px;
}
.bottom_space60 {
  margin-bottom: 60px;
}
.bottom_space80 {
  margin-bottom: 80px;
}
.bottom_space100 {
  margin-bottom: 100px;
}
.end {
  clear: both;
}