body {
    margin-top: 0px;
    font: 13px "ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif;
    *font-size: small;
    *font: x-small;
    line-height: 100%;
    color: #442819;
    background-image: url("../images/bg3.jpg");
    background-repeat: repeat;
    background-attachment: fixed;
}

table {
    font-size: inherit;
    font: 100%;
}

.text10 {
    font-size: 77%;
}

.text11 {
    font-size: 85%;
}

.text12 {
    font-size: 93%;
}

.text13 {
    font-size: 100%;
}

.text14 {
    font-size: 108%;
}

.text15 {
    font-size: 116%;
}

.text16 {
    font-size: 123.1%;
}

.text17 {
    font-size: 131%;
}

.text18 {
    font-size: 138.5%;
}

.text19 {
    font-size: 146.5%;
}

.text20 {
    font-size: 153.9%;
}

.text21 {
    font-size: 161.6%;
}

.text22 {
    font-size: 167%;
}

.text23 {
    font-size: 174%;
}

.text24 {
    font-size: 182%;
}

.text25 {
    font-size: 189%;
}

.text26 {
    font-size: 197%;
}

#outer {
    margin: 0 auto;
    width: 850px;
    height: auto;
}

#logo-box {
    position: relative;
    width: 850px;
    height: 65px;
    margin: 0px auto;
}

#logo {
    position: absolute;
    width: 390px;
    height: 61px;
    top: 0px;
    left: 0px;
}

#logo a:hover img {
    opacity: 0.65;
}

#topnavi {
    position: relative;
    width: 850px;
    height: 44px;
    margin: 0px auto 0px auto;
}

#topnavi a:hover img {
    opacity: 0.65;
}

#topimage {
    position: relative;
    width: 850px;
    height: 372px;
    margin: 12px auto 0px auto;
}

#navibox {
    position: relative;
    width: 850px;
    height: 254px;
    margin: 15px auto 15px auto;
}

.navibox_contents {
    position: relative;
    width: 202px;
    height: 254px;
    margin: 0px 0px;
    background-color: #FFF;
}

.head-sns {
    display: flex;
    justify-content: flex-end;
    padding-top: 24px;
    margin: 0;
    position: relative;
    right: 0;
    list-style: none;
}

.head-sns li {
    margin-left: 16px;
}

#socialbox {
    position: relative;
    width: 850px;
    height: 20px;
    margin: 24px auto 0 auto;
}

#about_outer {
    position: relative;
    margin: 0 auto;
    width: 850px;
    height: auto;
    background-image: url("../images/ about_sample.jpg");
}

#title_box {
    position: relative;
    width: 840px;
    height: 30px;
    margin: 20px 5px 0px 5px;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    color: #46605C;
}

#whiteline {
    position: relative;
    width: 850px;
    height: 1px;
    margin: 5px 0px 0px 0px;
    background-image: url("../images/whiteline.gif");
}

#about_contents {
    position: relative;
    margin: 30px auto 0px auto;
    width: 850px;
    height: 840px;
}

#about_photo {
    position: absolute;
    left: 7px;
    top: 0px;
    margin: 0px auto;
    width: 335px;
    height: 421px;
}

#about_info {
    position: absolute;
    left: 360px;
    top: 8px;
    margin: 0px auto;
    width: 485px;
    height: auto;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    color: #46605C;
}

#about_info_title {
    position: relative;
    margin: 0px auto;
    width: 485px;
    height: auto;
    font-size: 120%;
    line-height: 150%;
}

#about_info_address {
    position: relative;
    margin: 18px auto 0px auto;
    width: 485px;
    height: auto;
    font-size: 110%;
    line-height: 150%;
}

#about_info_phone {
    position: relative;
    margin: 12px auto 0px auto;
    width: 485px;
    height: auto;
    line-height: 150%;
}

#about_info_hours {
    position: relative;
    margin: 12px auto 0px auto;
    width: 485px;
    height: auto;
    font-size: 110%;
    line-height: 150%;
}

#about_info_storeinfo {
    position: relative;
    margin: 18px auto 0px auto;
    width: 485px;
    height: auto;
    font-size: 110%;
    line-height: 150%;
}

#about_socialbox {
    position: absolute;
    left: 359px;
    top: 700px;
    margin: 0px auto;
    width: 485px;
    height: 20px;
}

#about_map {
    position: relative;
    margin: 35px auto 30px auto;
    width: 840px;
    height: 560px;
}

#gallery_contents {
    position: relative;
    margin: 30px auto 10px auto;
    width: 840px;
    height: auto;
}

#order_photos {
    position: relative;
    margin: 30px auto 30px auto;
    width: 820px;
}

#order_info {
    position: relative;
    margin: 0px auto 35px auto;
    width: 820px;
    height: auto;
    background-image: url(../images/orderinfo_bg.jpg);
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 131%;
    line-height: 20px;
}

#bottom {
    position: relative;
    width: 850px;
    height: auto;
    margin: 0px auto 25px auto;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    color: #46605C;
    font-size: 100%;
}

.shadow {
    margin: auto;
    position: relative;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
}

.shadow2 {
    margin: auto;
    position: relative;
    box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.8);
}

.onmouse :hover {
    opacity: 0.85;
    /* IE9,Firefox,Opera,Safari */
    -moz-opacity: 0.85;
    /* Firefox 0.9以前 */
}

div.sweetsbarInfo {
    padding: 35px;
}