@charset "UTF-8";
.pie-element, #nav-global > .outer > .inner, #recruit.demo #content .list-shop > li, #feature #speciality .content { behavior: url("/css/PIE.htc"); position: relative; }

a { outline: none; overflow: hidden; }
a, a:visited { color: #0071bc; }
a:hover, a.selected { color: #033093; }

.clear { zoom: 1; }
.clear:after { content: ""; display: block; clear: both; }

.nav, .nav ol, .nav ul, .nav > dd, .reset, .reset ol, .reset ul, .reset > dd { margin: 0; padding: 0; }

.nav li, .reset li { list-style-type: none; }

.align-center { text-align: center; }

.align-right { text-align: right; }

.txt-line-through { text-decoration: line-through; }

.txt-caution { color: #C30018; }

.float-left { float: left; margin: 0.25em 1em 0.5em 0.25em; }

.float-right { float: right; margin: 0.25em 0.25em 0.5em 1em; }

table { width: 100%; border-top: solid 1px #dfdfdf; border-collapse: separate; }
table td, table th { text-align: left; vertical-align: top; border: none; padding: 10px 0; border-bottom: solid 1px #dfdfdf; }

h1, h2, h3, h4 { margin: 0; padding: 0; }

p { margin: 0 0 1em; }
p.reset { margin-bottom: 0; }

hr { width: 100%; height: 0px; border: 0px; border-top: 1px dotted #DDD; margin: 1em 0; }

img { vertical-align: bottom; }

.hidden { display: none; }

.border { border: solid 1px #B3B3B3; }

html, body { background: white; }

body { color: #373636; background: white; min-width: 960px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

#container > .inner, #header > .inner, #content > .inner, #visual > .inner, #footer > .inner { width: 960px; margin: 0 auto; position: relative; }

.replace-img { text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; }

#header, .title.img, .banner li, p.banner, .more { line-height: 1; }

.date { font-size: 92.3%; }

.box-shadow { -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 4px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 0 4px; box-shadow: rgba(0, 0, 0, 0.3) 0 0 4px; }

a.btn { display: block; }

.list-topics > li { zoom: 1; }
.list-topics > li:after { content: ""; display: block; clear: both; }

.related-link { padding-left: 16px; background: url("../img/common/icon-circle-red.png") no-repeat 0 2px; }

html, body { background: #fff; }

body { min-height: 800px; background: white url("../img/common/bg-body.png") repeat-x center top; font-size: 81.25%; line-height: 1.692; }

p { margin-bottom: 1.5em; }

#container { background: url("../img/common/bg-container.png") no-repeat center 0; }

#header { position: absolute; left: -45px; width: 375px; height: 693px; }
#header #logo { position: absolute; left: 0; top: 5px; z-index: 5; width: 375px; height: 363px; background: url("../img/common/bg-dish.png") no-repeat 0 0; }
#header #logo a { text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; position: absolute; top: 150px; left: 40px; z-index: 5; display: block; width: 292px; height: 56px; background: url("../img/common/logo.png") no-repeat 0 0; }

#nav-global { position: absolute; top: 0; left: 53px; z-index: 1; width: 264px; height: 693px; background: url("../img/common/bg-nav-global.png") repeat-y center bottom; }
#nav-global > .outer { padding: 0 10px 51px; background: url("../img/common/bg-nav-global-bottom.png") no-repeat center bottom; }
#nav-global > .outer > .inner { background: #9c050c; background: #9c050c; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmMjcyZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzljMDUwYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bf272d), color-stop(100%, #9c050c)); background: -webkit-linear-gradient(#bf272d, #9c050c); background: -moz-linear-gradient(#bf272d, #9c050c); background: -o-linear-gradient(#bf272d, #9c050c); -pie-background: linear-gradient(#bf272d, #9c050c); background: linear-gradient(#bf272d, #9c050c); padding: 353px 0 0; }
#nav-global a { text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; width: 244px; height: 80px; background: url("../img/common/btn-nav-global.png") no-repeat 0 0; }
#nav-global .btn01 a { height: 46px; background-position: 0px 0px; }
#nav-global .btn01 a:hover, #nav-global .btn01 a.selected { background-color: #bf272d; background-position: 0px 0px; }
#nav-global .btn02 a { height: 48px; background-position: 0px -46px; }
#nav-global .btn02 a:hover, #nav-global .btn02 a.selected { background-color: #bf272d; background-position: 0px -46px; }
#nav-global .btn03 a { height: 50px; background-position: 0px -94px; }
#nav-global .btn03 a:hover, #nav-global .btn03 a.selected { background-color: #bf272d; background-position: 0px -94px; }
#nav-global .btn04 a { height: 49px; background-position: 0px -144px; }
#nav-global .btn04 a:hover, #nav-global .btn04 a.selected { background-color: #bf272d; background-position: 0px -144px; }
#nav-global .btn05 a { height: 49px; background-position: 0px -193px; }
#nav-global .btn05 a:hover, #nav-global .btn05 a.selected { background-color: #bf272d; background-position: 0px -193px; }
#nav-global .btn06 a { height: 49px; background-position: 0px -241px; }
#nav-global .btn06 a:hover, #nav-global .btn06 a.selected { background-color: #bf272d; background-position: 0px -241px; }
#nav-global .btn07 a { height: 46px; background-position: 0px -289px; }
#nav-global .btn07 a:hover, #nav-global .btn06 a.selected { background-color: #bf272d; background-position: 0px -289px; }

#nav-global a { background-image: url("../img/common/btn-nav-global-v4.png"); }
#nav-global .btn05 a { height: 48px; }
#nav-global .btn06 a { height: 48px; }

#content { padding: 290px 0 2em 340px; min-height: 600px; width: 620px; position: relative; }
#content > h1.title { position: absolute; right: 0; top: 0; }

#main { width: 930px; }

#sidebar { float: right; width: 400px; }

#home #header { position: relative; width: auto; left: 0; }
#home #header #logo { left: 295px; }
#home #header #logo #melody { position: absolute; z-index: 1; background: url("../img/common/bg-melody.png") no-repeat 0 0; width: 960px; height: 186px; display: block; left: -295px; top: 105px; }
#home #visual > li { width: 360px; }
#home #visual > li.left { float: left; }
#home #visual > li.right { float: right; }
#home #nav-global { left: 348px; }
#home #content { padding: 0 0 2em; min-height: 100px; width: auto; }
#home #content > .inner { width: 930px; }
#home #main #topics .header { position: relative; }
#home #main #topics .header p { position: absolute; top: 0; right: 0; margin-bottom: 0; line-height: 48px; }
#home #main #topics .header p a { display: block; padding-right: 16px; background: url("../img/common/icon-arrow.png") no-repeat right center; color: #333; }
#home #main #topics .header p a:hover { color: #c00; }
#home #main #topics dt {float: left;  margin-top: 15px;height:70px;border-bottom: solid 1px #efefef;}
#home #main #topics dd {float: left; padding: 10px 20px 5px 10px; height: 70px;  width:360px;border-bottom: solid 1px #efefef;line-height:110%;}
#home #main #topics dd .link { float: left; }
#home #main #topics dd .category { display: block; float: right; color: #603813; font-size:80%; }

/*#home #main #topics dd a { display: block; }*/
#home #main #topics dd .date {display: block; font-size: 84.6%; }
#home #topbanner { padding-top: 6px; }
#home #topbanner .list-banner li { margin-bottom: 10px; }
#home #topbanner .list-banner li.column2 li { float: left; margin-right: 10px;width: 460px;  }
#home #topbanner .list-banner li.column2 li.last { float: left;margin-right: 0; }


#recruit #content #visual { position: absolute; right: 0; top: 0; }
#recruit #content .list-btn-recruit { margin: 0 0 2em 0; }
#recruit #content .list-btn-recruit > li { float: left; padding-right: 20px; }
#recruit #content .list-shops { margin-right: 20px; border-bottom: solid 1px #efefef; }
#recruit #content .list-shops dt { float: left; padding: 10px 0; border-top: solid 1px #efefef; width: 70px; color: #603813; font-weight: bold; }
#recruit #content .list-shops dd { margin-left: 70px; padding: 10px 0 10px 10px; border-left: solid 5px #bf272d; border-top: solid 1px #efefef; }

#wedding #content { padding-top:400px; }





#recruit.demo #content { padding-top: 450px; }
#recruit.demo #content > p { padding-right: 40px; }
#recruit.demo #content .title { position: absolute; right: 0; top: 0; }
#recruit.demo #content .title h1 { margin-bottom: 0; }
#recruit.demo #content .title .nav { width: 960px; position: absolute; bottom: 0; left: 0; }
#recruit.demo #content .title .nav li { float: left; margin-right: 1px; }
#recruit.demo #content .title .nav li.last { margin-right: 0; }
#recruit.demo #content .nav-entry { text-align: center; padding: 2em 0; padding-right: 40px; }
#recruit.demo #content .nav-entry .free-dial { display: inline-block; }
#recruit.demo #content .nav-entry > ul { padding-top: 1em; }
#recruit.demo #content .nav-entry li { display: inline-block; padding: 0 5px; }
#recruit.demo #content section.pref > h2 { position: relative; font-weight: normal; padding-top: 15px; padding-bottom: 15px; margin-bottom: 8px; background-image: url(/img/topics/tit-bg.png); background-repeat: no-repeat; background-position: left center; padding-left: 40px; line-height: 150%; }
#recruit.demo #content .list-shop > li { background: #F0E3CD; margin-right: 40px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; margin-bottom: 1em; padding-bottom: 1em; }
#recruit.demo #content .list-shop h3 { font-size: 123.1%; padding: 1em 0 0.5em; margin: 0 13px; border-bottom: solid 1px white; }
#recruit.demo #content .list-shop a { color: #333; }
#recruit.demo #content .list-shop a:hover { color: #C40018; }
#recruit.demo #content .list-shop a.name { display: block; position: relative; }
#recruit.demo #content .list-shop a.name h3 { padding-right: 2em; }
#recruit.demo #content .list-shop a.name i { position: absolute; right: 0; top: 2px; }
#recruit.demo #content .list-shop .data { margin: 1em 1em 0; }
#recruit.demo #content .list-shop .data p { margin-bottom: 0; }
#recruit.demo #content .list-shop .data .basic { padding-bottom: 1em; }
#recruit.demo #content .list-shop .data .basic .btn-map { color: white; background: #C40018; padding: 3px 5px; font-size: 84.6%; font-weight: bold; text-decoration: none; }
#recruit.demo #content .list-shop .data .basic .btn-map:hover { background: #F9AE3B; }
#recruit.demo #content .list-shop .data .detail { background: white; padding: 20px; }
#recruit.demo #content .list-shop .data .detail dl { border-top: 1px solid #f2f2f2; }
#recruit.demo #content .list-shop .data .detail dt { float: left; padding: 5px 0; font-weight: bold; }
#recruit.demo #content .list-shop .data .detail dd { padding: 5px 0 5px 6em; border-bottom: 1px solid #f2f2f2; }
#recruit.demo #content .list-shop .data .detail dd.reset { border-bottom: none; padding-bottom: 0; }
#recruit.demo #content .list-shop .data .btn-form { text-align: center; background: none; }
#recruit.demo #content .list-shop .data .btn-form li { display: inline-block; padding: 0.5em 5px 1em; border: none; }

#feature #content { padding-top: 420px; }
#feature #content > article { padding-right: 40px; }
#feature #content > article section > h1 { position: relative; font-weight: normal; padding-top: 15px; padding-bottom: 15px; margin-bottom: 8px; background-image: url(/img/topics/tit-bg.png); background-repeat: no-repeat; background-position: left center; padding-left: 40px; line-height: 1.4; font-size: 153.8%; }
#feature #content .title { position: absolute; right: 0; top: 0; }
#feature #content .title h1 { margin-bottom: 0; }
#feature #speciality .content { background: #F0E3CD; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; margin-bottom: 1em; padding: 15px; }
#feature #speciality .content .header h2 { padding: 0 0 0.25em; margin-bottom: 0.5em; border-bottom: solid 1px white; }
#feature #speciality .content .header p { margin-bottom: 0; }
#feature #speciality .column2 > li { width: 270px; float: left; margin: 10px 10px 0 0; }
#feature #speciality .column2 > li.right { margin-right: 0; }
#feature #speciality .column2 > li.top { margin-top: 0; }

@font-face { font-family: 'fontello'; src: url("../font/fontello.eot?61991487"); src: url("../font/fontello.eot?61991487#iefix") format("embedded-opentype"), url("../font/fontello.woff?61991487") format("woff"), url("../font/fontello.ttf?61991487") format("truetype"), url("../font/fontello.svg?61991487#fontello") format("svg"); font-weight: normal; font-style: normal; }

[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; }

.icon-plus:before { content: '\e800'; }

.icon-minus:before { content: '\e803'; }

.icon-down-open:before { content: '\e805'; }

.icon-left-open:before { content: '\e801'; }

.icon-right-open:before { content: '\e802'; }

.icon-up-open:before { content: '\e804'; }