@charset "UTF-8";
.pie-element, #content > div.inner { behavior: url("/css/PIE.htc"); position: relative; }

a { outline: none; }
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; }

.no-border { border: none; }

.bold { font-weight: bold; }

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

#container { background: #FFF; }

#header > .inner, #nav-global > .inner, #visual > .inner, #topic-path > .inner, #content > .inner, #nav-slides > .inner, #list-foot-banner > .inner, #nav-footer > .inner, #footer > .inner { width: 960px; margin: 0 auto; position: relative; }

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

.date { font-size: 92.3%; }

nav.pager { font-size: 87.5%; text-align: center; padding: 2.5em 0 .5em; }
nav.pager li { display: inline-block; }
nav.pager a, nav.pager .current { font-weight: bold; border: solid 2px #ccc; background: #ccc; margin-right: 3px; text-decoration: none; padding: 0.5em; color: #333; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
nav.pager a:hover { border: solid 2px #000; background: #000; color: #fff; }
nav.pager .current { background: #666; border: solid 2px #fff; border: solid 2px #666; color: #fff; }

nav.prev-next { text-align: center; padding: 1.5em 0 2em; }
nav.prev-next .prev { border-right: solid 2px #E4E4E4; }
nav.prev-next a { padding: 0 0.5em; }

.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; }

html, body { background: #4d4d4d; }

body { font-size: 13px; line-height: 1.692; color: #333; background: #f2f2f2 url("../img/retro-museum/bg.gif"); min-width: 960px; }
body.no-img { background: #faf0e6; }
body.blur { background-image: url("../img/retro-museum/bg-blur.gif"); }

table th { color: #00469b; }
table.no-border td { border-bottom: none; }

p { margin-bottom: 1.5em; }

#content > div.inner { background: white; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px; box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px; }
#content article { padding: 40px 30px 30px; }
#content #main { /*float: left; width: 560px;*/ }
#content #sub {/* float: right; width: 300px; */}

#footer > h1 { color: #2f0b00; background: #ebe1ce; padding: 0.5em 30px; font-size: 153.8%; }
#footer > div { color: white; background: #2f0b00; padding: 10px 30px 20px; }
#footer > div a { color: white; }
#footer > div h2 { margin: 0; }
#footer > div dl { width: 350px; float: left; }
#footer > div dt { font-size: 84.6%; float: left; padding-top: 7px; font-weight: bold; }
#footer > div dd { border-bottom: 1px dotted #7e5652; padding: 6px 0 10px 140px; }
#footer > div dd.last { padding-bottom: 0; border-bottom: none; }
#footer > div dd.item { padding-bottom: 24px; }
#footer > div .map { width: 250px; float: right; margin-top: 10px; }
#footer > div .map #gmap { width: 250px; height: 260px; background: #ccc;}
#footer > div #gaikan { width: 270px; height: 260px;float:left; margin-top:10px; }
#footer > div #ashinaga {  }

.index #visual li { width: 95px; float: left; margin: 1px 1px 0 0; }
.index #visual li.last { margin-right: 0; }
.index #greeting-message { background:url("../img/retro-museum/waku.png") no-repeat;height:600px;}
.index #greeting-message #message{ padding: 50px 50px 30px 50px;}
.index #greeting-message #message img{float:right;margin:0px 0px 15px 15px;}
.index #main section h2, .index #sub section h2 { font-size: 138.5%; color: #2f0b00; border-bottom: 3px solid #2f0b00; padding-bottom: 2px; margin-bottom: 1em; }
.index #main section h2 span, .index #sub section h2 span { display: block; border-bottom: 1px solid #2f0b00; padding-bottom: 0.3em; }
.index #event { padding-bottom: 30px; }
.index #event #eventabout{float:left;width:500px;}
.index #event #eventdata{float:right;width:350px;}
.index #event #event-list h3 { color: white; background: #00adb0; padding: 5px 10px; margin-bottom: 1px; }
.index #event #event-list li { background: #f2f2f2; padding: 15px; margin-bottom: 1px; }
.index #event #event-list .date { font-size: 110%;display: block; color: #009999; padding-bottom: 5px;height:85px;margin-bottom:5px; }
.index #event #event-list img{float:right;margin-left:10px;}

.index #event { padding-bottom: 30px; }
.index #event #eventabout2{margin-bottom:20px;}
.index #event #eventabout2 p{margin:0px 0px 10px 0px;}
.index #event h4 { color: #049496;padding-bottom:5px;border-bottom:1px dotted #CCCCCC;margin-bottom:5px; }
.index #event #gallery { margin-top: 1em;}
.index #event #gallery li { width: 210px; float: left; margin: 0 12px 12px 0;text-align:center;font-size:80%; }
.index #event #gallery li.right { margin-right: 0; }
.index #event #gallery h4 { color: #4d4d4d;font-size: 100%; margin: 2em 0 1em; border-bottom: dotted 1px #4d4d4d; padding-bottom: 0.25em; }



.index #gallery li { width: 170px; float: left; margin: 0 10px 10px 0; }
.index #gallery li.right { margin-right: 0; }
.index #gallery a { display: block; }
.index #gallery p { color:#009999;font-weight:bold;}
.index #shopping { padding-bottom: 30px; }