@charset "utf-8";

* { margin: 0px; padding: 0px; }

/* CLEAR
*******************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { background: transparent;border: 0; margin: 0; padding: 0; vertical-align: baseline; }

html,body{ margin: 0; padding:0; font-size: 12px; }
body { background-color: #bee7e2; color: #6b5634; font-family: "メイリオ","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","MS PGothic","Lucida Grande","Lucida","Verdana","sans-serif"; line-height: 170%; }
h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; }
ol, ul {list-style: none; }
ul { margin: 0; padding: 0; list-style: none outside none; }
dl { margin: 0; }
a, a:hover { color: #6b5634; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
a img { border: none; }

header { background: url("../img/hd.png") no-repeat scroll 0 0; height: 228px; margin: 0 auto; width: 1120px;position: relative; top: 0; z-index: 999; }
#content { background: url("../img/bg.png") repeat scroll 0 0; margin: 0 auto; width: 1120px;position: relative; }

#side{position: absolute;top: 40px;left: 20px;width: 260px;height: 600px;color:#6d6d6d; margin: 0 auto; text-align:center;}
#side ul{background-color:#fff;width: 224px; margin: 0 auto; text-align:center;padding-bottom:10px;}
#side ul.menu_text li.title_btn{text-align:left;padding-left:15px;padding-bottom:8px;}
.menu_text{text-align:left;font-size:120%;line-height:140%;}
ul.news_topics .title_news{border-bottom:1px solid #c3c4bd;padding-bottom:8px;font-size:140%;}

header .sns_box { position:absolute;top:80px;left:780px; }
.sns_box li { float: left; padding-left: 30px; }

#about_doughnut{width:782px;padding-left:300px;margin-bottom:40px;}

#riyu{width:782px;padding-left:300px;margin-bottom:40px;}

#iroiro{width:782px;padding-left:300px;margin-bottom:40px;}

.menu_box_img{ margin: 0 auto; text-align:center;width: 782px;padding-left: 120px;}

.menu_box_nav{ margin: 0 auto; text-align:center;width:680px;}

.menu_box_nav img{width:130px;}

.menu_box_nav div.item_img_btn {width:160px;}
.menu_box_nav div.item_img_btn h3{width:130px;display: block;}

#side_menu{width:782px;padding-left:300px;margin-bottom:40px;}

#shop_photo{width:782px;padding-left:10px;margin-bottom:70px;display: block;}
#shop_image_box{width:680px;}

#slide_box{ margin: 0 auto; width:1120px; text-align:center;margin-top:-10px;}
.slide_contents{ margin: 0 auto; text-align:center;}
ul.main_vijual{ margin: 0 auto; text-align:center;position:relative;display:block; box-sizing:border-box;}
ul.main_vijual li{}

section#access { padding: 0 70px;width:782px;padding-left:338px;padding-bottom:80px;}
section#access h1 { margin: auto 0; padding: 10px 0; text-align: center; }
section#access h2 { font-size: 27px; font-weight: bold; margin-bottom: 10px;}
section#access p { font-size: 14px; padding: 0 0 0 15px; }

div.rt { float: right; }
div.lf { float: left; }

.clearfix:after {/*クラスclearfixに擬似要素:after設定*/
content: “.”;/*コンテンツ挿入*/
display: block;/*ブロックレベル表示設定*/
height: 0;/*高さを0に設定*/
clear: both;/*floatを解除*/
visibility: hidden;/*ボックスの非表示設定*/
}
.clearfix {
display: inline-block;/*インラインレベル表示設定*/
}
.clearfix {*zoom:1;}/*IE6/7対応*/