body {
  text-align: center;
  margin: 0px;
  font-size: 15px;
  color: #5c3e0d;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background-color: #ede7de;
}

/* read部分の背景を横100％にかけたい時にreadbackを使う ------------*/
#readback {
  width: 100%;
  margin: 0 auto;
  text-align: left;
}

#read {
  text-align: left;
  margin: 0px auto;
  width: 940px;
  background-color: #ede7de;
  line-height: 130%;
}

#grandmenuicon {
  text-align: left;
  margin: 0px auto;
  position: relative;
  left: 0px;
  top: 0px;
  height: 300px;
}
#menu001 {
  position: absolute;
  left: 0px;
  top: 10px;
} /*---- ボウリング ----*/
#menu002 {
  position: absolute;
  left: 600px;
  top: 180px;
} /*---- フィットネスジム ----*/
#menu003 {
  position: absolute;
  left: 780px;
  top: 80px;
} /*---- お問合せフォーム ----*/
#menu004 {
  position: absolute;
  left: 660px;
  top: 10px;
} /*---- 会社概要 ----*/
#menu005 {
  position: absolute;
  left: 530px;
  top: 90px;
} /*---- ゴルフ ----*/
#menu006 {
  position: absolute;
  left: 270px;
  top: 10px;
} /*---- カラオケ ----*/
#menu007 {
  position: absolute;
  left: 430px;
  top: 10px;
} /*---- カラオケ販売 ----*/
#menu008 {
  position: absolute;
  left: 380px;
  top: 80px;
} /*---- カラオケ機器レンタルリース ----*/
#menu009 {
  position: absolute;
  left: 270px;
  top: 180px;
} /*---- カラオケ直営店 ----*/
#menu010 {
  position: absolute;
  left: 770px;
  top: 180px;
} /*---- プライバシーポリシー ----*/
#menu011 {
  position: absolute;
  left: 160px;
  top: 100px;
} /*---- プロボウラー紹介 ----*/
#menu012 {
  position: absolute;
  left: 20px;
  top: 150px;
} /*---- サウンドボウル店舗一覧 ----*/
#menu013 {
  position: absolute;
  left: 420px;
  top: 180px;
} /*---- 最新カラオケ ----*/
#menu014 {
  position: absolute;
  left: 550px;
  top: 10px;
} /*---- ベーカリー ----*/

#leftcolumn {
  float: left;
  width: 190px;
}

#leftbox {
  -moz-border-radius: 10px; /* 古いFirefox */
  -webkit-border-radius: 10px; /* 古いSafari,Chrome */
  border-radius: 10px; /* CSS3 */
  border: 0px white solid; /* 枠線の装飾 */
  background-color: #ffffff; /* 背景色 */
}

#rightcolumn {
  float: left;
  margin-left: 20px;
  width: 710px;
  padding: 10px;
  background-color: white;
}

#rightcolumn2 {
  float: left;
  margin-left: 20px;
  width: 710px;
  padding: 10px;
}

#whitebox {
  -moz-border-radius: 10px; /* 古いFirefox */
  -webkit-border-radius: 10px; /* 古いSafari,Chrome */
  border-radius: 10px; /* CSS3 */
  background-color: #ffffff; /* 背景色 */
  width: 680px;
  padding: 10px;
}

#readback2 {
  width: 100%;
  margin: 0 auto;
  text-align: left;
  background-color: #ffffff;
}

#read2 {
  width: 940px;
  padding-top: 50px;
  font-size: 12px;
  background-color: #ffffff;
  text-align: left;
  margin: 0px auto;
  line-height: 130%;
  position: relative;
}

#toonkigo {
  position: absolute;
  left: 30px;
  top: -20px;
}

#readback3 {
  width: 100%;
  margin: 0 auto;
  text-align: left;
  background-color: #f4f1ed;
}

#read3 {
  width: 940px;
  background-color: #f4f1ed;
  text-align: left;
  margin: 0px auto;
  line-height: 130%;
  background-image: url(../images/icon005.png);
  background-repeat: no-repeat;
  background-position: 72% 82%;
  position: relative;
}

#heonkigo {
  position: absolute;
  left: 720px;
  top: -20px;
}

#fglay {
  float: left;
  padding-left: 40px;
  color: #636363;
  font-size: 11px;
  padding-top: 25px;
  line-height: 140%;
}

#fglay2 {
  float: left;
  padding-left: 80px;
  color: #636363;
  font-size: 11px;
  padding-top: 25px;
  line-height: 140%;
}

/*-------------------------------------*/
/* ヘッダー */
/*-------------------------------------*/
#headadd {
  -moz-border-radius: 20px; /* 古いFirefox */
  -webkit-border-radius: 20px; /* 古いSafari,Chrome */
  border-radius: 20px; /* CSS3 */

  border: 0px white solid; /* 枠線の装飾 */
  background-color: #fbdfbe; /* 背景色 */
  width: 350px;
}

/* head部分の背景を横100％にかけたい時にheadbackを使う ----------------*/
#headback {
  width: 100%;
  margin: 0 auto;
  text-align: left;
  background-color: #ede7de;
}

#head {
  text-align: left;
  margin: 0px auto;
  position: relative;
  left: 0px;
  top: 0px;
  width: 940px;
  height: 170px;
  background-image: url(../images/head_back.png);
  background-color: #ede7de;
  background-repeat: no-repeat;
  background-position: 0% 0%;
}

#hrogo {
  position: absolute;
  left: 80px;
  top: 10px;
}

#htxt {
  position: absolute;
  left: 420px;
  top: 10px;
}
#htel {
  position: absolute;
  left: 690px;
  top: 60px;
}

/*-------------------------------------*/
/* フッター */
/*-------------------------------------*/
#footerback {
  width: 100%;
  margin: 0 auto;
  text-align: left;
  background-color: #ffffff;
}

#footer {
  position: relative;
  width: 940px;
  height: 120px;
  text-align: left;
  font-size: 10px;
  margin: 0px auto;
  background-color: #ffffff;
}

#mfoot {
  color: #5c3e0d;
  font-size: 12px;
}

/*-------------------------------------*/
/* コピーライト */
/*-------------------------------------*/
#copyback {
  width: 100%;
  margin: 0 auto;
  text-align: left;
  background-color: #ff8500;
}

#copy {
  position: relative;
  width: 930px;
  text-align: center;
  font-size: 11px;
  padding: 5px;
  margin: 0px auto;
  background-color: #ff8500;
  color: white;
}

#saikabuback {
  width: 100%;
  margin: 0 auto;
  text-align: left;
}

#saikabu {
  position: relative;
  width: 930px;
  padding: 5px;
  margin: 0px auto;
}

#rogobox {
  position: absolute;
  left: 0px;
  top: -8px;
}

#pagetop {
  position: absolute;
  left: 810px;
  top: -40px;
}

#copyright {
  position: absolute;
  left: 560px;
  top: 175px;
  color: #ffffff;
  font-size: 10px;
}

#fb {
  position: absolute;
  left: 10px;
  top: 120px;
}

#add {
  position: absolute;
  left: 470px;
  top: 150px;
}

/*-------------------------------------*/
/* リンク */
/*-------------------------------------*/

a {
  color: #ff8500;
  text-decoration: none;
}

A:hover {
  color: #000000;
  position: relative;
  top: 1px;
  left: 1px;
  text-decoration: underline;
}

a.blacklink {
  color: #000000;
  text-decoration: none;
}

A:hover.blacklink {
  color: #000000;
  position: relative;
  top: 1px;
  left: 1px;
  text-decoration: underline;
}

a.foot {
  color: #ffffff;
  text-decoration: none;
}

A:hover.foot {
  color: #ffffff;
  position: relative;
  top: 1px;
  left: 1px;
  text-decoration: underline;
}

A:hover.opa {
  position: relative;
  top: 0px;
  left: 0px;
  text-decoration: underline;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

/* 書式設定 --------------------------------------------*/

.nokaigyo {
  white-space: nowrap;
}

.f9 {
  font-size: 9px;
}
.f10 {
  font-size: 10px;
}
.f11 {
  font-size: 11px;
}
.f12 {
  font-size: 12px;
}
.f13 {
  font-size: 13px;
}
.f14 {
  font-size: 14px;
}
.f15 {
  font-size: 15px;
}
.f16 {
  font-size: 16px;
}
.f18 {
  font-size: 18px;
}
.f20 {
  font-size: 20px;
}
.f22 {
  font-size: 22px;
}
.f24 {
  font-size: 24px;
}
.f26 {
  font-size: 26px;
}
.f28 {
  font-size: 28px;
}

.fb {
  font-weight: bold;
}
.lettersp1 {
  letter-spacing: 1px;
}

.line110 {
  line-height: 110%;
}
.line120 {
  line-height: 120%;
}
.line130 {
  line-height: 130%;
}
.line140 {
  line-height: 140%;
}
.line150 {
  line-height: 150%;
}
.line170 {
  line-height: 170%;
}

.bg_white {
  background-color: #ffffff;
}
.bg_beju {
  background-color: #e8d8ba;
}
.bg_sky {
  background-color: #d3e1f2;
}
.bg_pink {
  background-color: #da0439;
}
.bg_greusu {
  background-color: #e8f0c5;
}
.bg_greusu2 {
  background-color: #f4f7e2;
}

.black {
  color: black;
}
.red {
  color: red;
}
.white {
  color: white;
}
.green {
  color: #6a8b00;
}
.enji {
  color: #a71a04;
}
.activered {
  color: #b81c22;
}
.footcol {
  color: #4e5639;
}
.green_ye {
  color: #94d800;
}
.sky {
  color: #00a0e9;
}
.beju {
  color: #5c4b37;
}
.glay {
  color: #636363;
}
.orange {
  color: #ff8500;
}

.u1 {
  text-decoration: underline;
}

/*----------------------------------------------------*/
/* box div */
/*----------------------------------------------------*/

.textleft {
  text-align: left;
}
.textcenter {
  text-align: center;
}
.textright {
  text-align: right;
}

.yokonarabi {
  float: left;
}
.space {
  clear: left;
}

.w180 {
  width: 180px;
}
.w90 {
  width: 90px;
}
.w100 {
  width: 100px;
}
.w120 {
  width: 120px;
}
.w150 {
  width: 150px;
}
.w270 {
  width: 270px;
}
.w362 {
  width: 362px;
}
.w500 {
  width: 500px;
}
.w598 {
  width: 598px;
}
.w650 {
  width: 650px;
}
.w750 {
  width: 750px;
}
.w846 {
  width: 846px;
}

.marg5 {
  margin: 5px;
}
.marg10 {
  margin: 10px;
}
.marg20 {
  margin: 20px;
}
.lmarg40 {
  margin-left: 40px;
}

.pad0 {
  padding: 0px;
}
.pad5 {
  padding: 5px;
}
.pad10 {
  padding: 10px;
}
.pad15 {
  padding: 15px;
}
.pad20 {
  padding: 20px;
}
.pad25 {
  padding: 25px;
}
.pad30 {
  padding: 30px;
}

.toppad10 {
  padding-top: 10px;
}
.toppad15 {
  padding-top: 15px;
}
.toppad25 {
  padding-top: 25px;
}
.toppad30 {
  padding-top: 30px;
}
.toppad50 {
  padding-top: 50px;
}
.toppad55 {
  padding-top: 55px;
}
.toppad60 {
  padding-top: 60px;
}
.toppad70 {
  padding-top: 70px;
}
.toppad80 {
  padding-top: 80px;
}

.leftpad80 {
  padding-left: 80px;
}
.leftpad60 {
  padding-left: 60px;
}
.leftpad50 {
  padding-left: 50px;
}
.leftpad40 {
  padding-left: 40px;
}
.leftpad30 {
  padding-left: 30px;
}
.leftpad25 {
  padding-left: 25px;
}
.leftpad20 {
  padding-left: 20px;
}

.border1px {
  border: solid 1px;
  border-color: #cccccc;
}

img.pro_goto {
  width: 250px;
  height: 250px;
}