@charset "UTF-8";
/* CSS Document */
/* Default --------------*/
/* Global */
html, body, div, img, p, a, dl, dt, dd, form, fieldset, input, textarea, pre, code, p, blockquote, hr, th, iframe { margin: 0; padding: 0; border: none; }

body { font: normal; font-size: 12px; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; color: #000000; background-color: #000000; }

ul { list-style: none; }

a { outline: none; }

a img, :link img, :visited img { border: none; }

address { font-style: normal; }

/* Layout --------------*/
html { height: 100%; overflow-Y: scroll; text-align: center; }

/* #container --------------*/
#content, #container, #header, #logo, #bs, #footer, #container-inner, #container-inner02, #container-inner03, #container-inner04, #container-inner05, #container-inner06, #container-inner07, #container-inner08, #container-inner09, #container-inner09m, #container-inner10, #slides, #slides2 { margin: 0 auto; padding: 0; }

#container { width: 100%; background-image: url(../img_layout/black_bg.gif); background-repeat: repeat-x; text-align: center; }

* html div.container-inner { display: none; }

#header { width: 980px; text-align: left; }

#logo { width: 600px; height: 100px; text-align: left; float: left; }

#bs { text-align: right; }

#sns { margin: 0 auto; padding: 15px 0 0 0; width: 300px; float: right; text-align: right; }

.update { margin: 4px 8px 0 5px; padding: 0; text-align: left; color: #FFFFFF; width: 560px; height: 26px; font-size: 14px; font-weight: bold; font-variant: normal; float: left; /**/ overflow: hidden; }
.update a { color: #FFFFFF; text-decoration: none; }
.update a:hover { color: #FFEB08; text-decoration: underline; }

/* #menu --------------*/
ul#menu { width: 980px; height: 10px; margin: 0 auto; _margin: 0 0; padding: 10px 0; text-align: left; }
ul#menu li { padding: 0 0 0 10px; margin: 0 auto; float: left; text-align: left; }

.present { /**/ display: none; }

.present_off { /*display:none;*/ }

/* 2015.6.13まで使用　*/
/*#container-inner09 .present { display:block;
}
#container-inner09 .present_off { display:none;
}*/
/* 2015.1.12まで使用　*/
.black { width: 564px; height: 30px; background-color: #000000; text-align: left; }

/* .navi --------------*/
.navi-inner { /*width:905px;
width:735px;*/ width: 565px; /*height:120px;
height:240px;
height:360px;*/ height: 480px; background-image: url(../img_layout/navi_bg.gif); }

.navi-f { float: right; }

.navi-img { margin: 10px 5px; float: right; }

.navi-img2 { margin: 10px 10px 10px 5px; float: right; }

#footer { width: 100%; min-height: 20px; font-size: 12px; background-color: #000000; color: #FFFFFF; text-align: center; }

/* #container-inner --------------*/
#container-inner, #container-inner02, #container-inner03, #container-inner04, #container-inner05, #container-inner06, #container-inner07, #container-inner08, #container-inner09, #container-inner09m, #container-inner10 { width: 980px; height: 780px; text-align: center; }

#container-inner { background-image: url(../img_layout/bg.jpg); background-repeat: no-repeat; }

#container-inner02 { background-image: url(../img_layout/bg02.jpg); background-repeat: no-repeat; }

#container-inner03 { background-image: url(../img_layout/bg03.jpg); background-repeat: no-repeat; }

#container-inner04 { background-image: url(../img_layout/bg04.jpg); background-repeat: no-repeat; }

#container-inner05 { background-image: url(../img_layout/bg05.jpg); background-repeat: no-repeat; }

#container-inner06 { background-image: url(../img_layout/bg06.jpg); background-repeat: no-repeat; }

#container-inner07 { background-image: url(../img_layout/bg07.jpg); background-repeat: no-repeat; }

#container-inner08 { background-image: url(../img_layout/bg08.jpg); background-repeat: no-repeat; }

#container-inner09 { background-image: url(../img_layout/bg09.jpg); background-repeat: no-repeat; }

#container-inner09m { background-image: url(../img_layout/bg09m.jpg); background-repeat: no-repeat; }

#container-inner10 { background-image: url(../img_layout/bg10.jpg); background-repeat: no-repeat; }

/* #item --------------*/
#copy, #copy04, #copy06, #copy07, #copy09, #time, #time04, #time06, #time07, #time09, #ban, #ban09, #ban09m { margin: 0 auto; text-align: left; }

#copy02, #copy03, #copy05, #copy08, #copy10, #time02, #time05, #time08, #time10, #ban02, #ban03, #ban04, #ban05, #ban06, #ban07, #ban10, #ban10m, #click10, #click_om { margin: 0 auto; text-align: right; }

/* #copy --------------*/
#copy { padding: 170px 40px 0 40px; }

#copy02 { padding: 140px 40px 0 40px; }

#copy03 { padding: 100px 40px 0 40px; }

#copy04 { padding: 80px 30px 0 50px; }

#copy05 { padding: 50px 40px 0 40px; }

#copy06 { padding: 30px 40px 0 40px; }

#copy07 { padding: 80px 30px 0 50px; }

#copy08 { padding: 50px 30px 0 50px; }

#copy09 { padding: 60px 40px 0 40px; }

#copy10 { padding: 50px 30px 0 50px; }

/* #time --------------*/
#time { padding: 30px 40px 0 40px; }

#time02 { padding: 30px 40px 0 40px; }

#time04 { padding: 30px 30px 0 50px; }

#time05 { padding: 30px 40px 0 40px; }

#time06 { padding: 30px 40px 0 40px; }

#time07 { padding: 30px 30px 0 50px; }

#time08 { padding: 30px 30px 0 50px; }

#time09 { padding: 30px 40px 0 40px; }

#time10 { padding: 30px 30px 0 50px; }

/* #ban --------------*/
#ban { padding: 80px 0 0 40px; }

#ban02 { padding: 300px 40px 0 40px; }

#ban03 { padding: 340px 40px 0 40px; }

/*
#ban03b { @extend %item-base-left; padding: 290px 0 0 30px;
}
*/
#ban04 { padding: 360px 40px 0 40px; }

#ban05 { padding: 353px 40px 0 40px; }

#ban06 { padding: 402px 40px 0 40px; }

#ban07 { padding: 360px 40px 0 40px; }

#ban09 { padding: 350px 0 0 40px; }

#ban09m { padding: 40px 0 0 40px; }

#ban10 { padding: 370px 40px 0 0; }

#ban10m { padding: 45px 40px 0 0; }

/* #click --------------*/
#click10 { padding: 35px 35px 0 0; }

#click_om { padding: 40px 35px 0 0; }

/* archive --------------*/
#archive { width: 940px; _width: 960px; height: 370px; margin: 0 auto; _margin: 0 10px; padding: 45px 10px; background-color: #e1f1ff; text-align: left; }

#archive-base, #container-inner02 #archive, #container-inner03 #archive, #container-inner04 #archive, #container-inner05 #archive { padding: 25px 10px; }

/* #map archive-googlemap*/
#map { background-image: url(../img_content/map_img.jpg); background-position: top; background-repeat: no-repeat; width: 482px; height: 370px; margin: 0 0 0 30px; _margin: 0 0 0 15px; padding: 0; text-align: left; float: left; }
#map .map_google { font-size: 14px; text-align: left; }
#map a { text-decoration: none; }
#map a:hover { text-decoration: underline; }

/* #info archive-shopinfo*/
.color_g { color: #518600; }

.color_o { color: #f34b01; }

.color_b { color: #009b99; }

.color_y { color: #e4c100; }

.color_p { color: #f30050; }

#text { width: 360px; height: 90px; margin: 0 auto; padding: 5px; }
#text dl { line-height: 20px; }
#text dl dt { width: 70px; float: left; }
#text dl dd { width: 320px; max-width: 340px; float: left; }

#info2 #text { width: 410px; height: 280px; margin: 0 auto; padding: 5px; overflow-y: auto; }

#info, #info2 { margin: 0 auto; padding: 20px; float: left; font-size: 12px; line-height: 15px; }

#info { width: 370px; height: 330px; background-image: url(../img_content/info_bg.gif); background-position: center; background-repeat: no-repeat; }
#info #title_g, #info #title_o, #info #title_b, #info #title_y, #info #title_p { width: 360px; _width: 370px; height: 36px; _height: 46px; margin: 0 auto; padding: 5px; }
#info #title_g { background-color: #518600; }
#info #title_o { background-color: #f34b01; }
#info #title_b { background-color: #009b99; }
#info #title_y { background-color: #e4c100; }
#info #title_p { background-color: #f30050; }

#info2 { width: 420px; height: 330px; background-image: url(../img_content/info_bg2.gif); background-position: center; background-repeat: no-repeat; }
#info2 #title_g, #info2 #title_o, #info2 #title_b, #info2 #title_y, #info2 #title_p { width: 410px; _width: 420px; height: 36px; _height: 46px; margin: 0 auto; padding: 5px; }
#info2 #title_g { background-color: #518600; }
#info2 #title_o { background-color: #f34b01; }
#info2 #title_b { background-color: #009b99; }
#info2 #title_y { background-color: #e4c100; }
#info2 #title_p { background-color: #f30050; }

.name { font-size: 18px; line-height: 18px; color: #FFFFFF; }

/* #slides archive-photo */
#slides, #slides2 { width: 300px; _padding: 0 30px; _text-align: center; }

.slides_container, .slides_container DIV.slide { width: 300px; DISPLAY: none; OVERFLOW: hidden; margin: 0 auto; }
.slides_container DIV.slide { DISPLAY: block; HEIGHT: 180px; }

#slides2 { margin: 20px 0 0 20px; float: left; }

.slides_container2, .slides_container2 DIV.slide2 { width: 450px; DISPLAY: none; OVERFLOW: hidden; margin: 0 auto; }
.slides_container2 DIV.slide2 { DISPLAY: block; HEIGHT: 300px; }

/* #lineup archive-shoplist */
#lineup { width: 940px; _width: 960px; height: 260px; _height: 205px; margin: 0 auto; padding: 0 10px; background-color: #000000; text-align: left; font-size: 12px; color: #FFFFFF; line-height: 12px; _line-height: 18px; *line-height: 22px; }
#lineup a { text-decoration: none; color: #FFFFFF; }
#lineup a:active { color: #ff0; }
#lineup a:hover { text-decoration: underline; }

#container-inner02 #lineup, #container-inner03 #lineup, #container-inner06 #lineup { height: 300px; _height: 245px; line-height: 10px; _line-height: 15px; *line-height: 20px; }

#container-inner04 #lineup, #container-inner05 #lineup, #container-inner07 #lineup { *line-height: 24px; }

#container-inner02 #lineup { line-height: 11px; _line-height: 17px; *line-height: 22px; }

ul#activty, ul#gourmet, ul#life { width: 250px; margin-top: 15px; float: left; _text-align: left; }
ul#activty li, ul#gourmet li, ul#life li { text-align: left; }

/*Pagination*/
.pagination { margin: -12px auto 0; width: 300px; /*width:150px;*/ }
.pagination li { float: left; margin: 0 1px; list-style: none; }
.pagination li a { display: block; width: 12px; height: 0; _height: 12px; padding-top: 12px; background-image: url(../img_content/pagination.png); background-position: 0 0; float: left; overflow: hidden; }
.pagination li.current a { background-position: 0 -12px; _height: 12px; }

/*Caption*/
.caption { z-index: 500; position: absolute; bottom: -35px; left: 0; height: 30px; padding: 5px 20px 0 20px; background: #fff; background: rgba(255, 255, 255, 0.5); width: 540px; font-size: 1.3em; line-height: 1.33; color: #000; border-top: 1px solid #fff; text-shadow: none; }

#picture-bg { width: 940px; height: 630px; margin: 0 auto; padding: 45px 10px; _padding: 25px 10px; background-color: #000; text-align: left; }

#picture-bg2 { width: 950px; height: 630px; margin: 0 auto; padding: 35px 10px; _padding: 15px 10px; background-color: #000; text-align: left; }

#pic { text-align: center; margin: 0 auto 5px 0; padding: 0; }

/* 07プレゼント用 */
#present-bg2 { margin: 0 20px; width: 900px; height: 100%; background-color: #FFFFFF; }

#present2 { /*margin-left:30px;*/ width: 900px; }

/*clear*/
br.fclear { clear: both; }