/* 
html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
nav ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/* change colours to suit your needs */
ins {
	color: #000;
	text-decoration: none;
}
/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del { text-decoration: line-through; }
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input, select { vertical-align: middle; }
#main address {
	font-style: normal;
	font-size: 140%;
}
/* 新潟ミュージアム回廊 */

html {
	font-size: 62.5%;
	padding: 0;
	margin: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
}
body {
	-webkit-text-size-adjust: 100%;
	text-align: center;
	background: url(../images/bg.png);
}
header {
	margin: 0 auto;
	position: relative;
	text-align: center;
}

@media screen and (max-width: 767px) {
	header {
		height:auto;
		width:100%;
	}
}
.wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

@media screen and (max-width: 767px) {
	.wrapper {
		width:100%;
	}
}
#global-nav #logo, header li {
	vertical-align: middle;
}
#global-nav li {
/*	padding-right: 20px; */
	text-align: right;
}
#global-nav #logo {
	padding: 0 0 0 25px;
	text-align: center;
}

@media screen and (max-width: 767px) {
	#global-nav #logo {
		text-align:center;
	}
#global-nav #logo, header li {
	display:block;
	width:auto;
	max-width:100%;
}
}
#global-nav img {
	box-shadow: 2px 2px 2px #562c15;
	margin: 0 0 1px;
}
#global-nav a:hover img {
	box-shadow: none;
	margin: 1px 0 0;
}
#global-nav #logo img {
	margin: 0;
	box-shadow: none;
}
#global-nav #logo a:hover img { margin: 0; }
/* body */

#body { background: url(../images/museum-bg.png) repeat-y 20px top; }

@media screen and (max-width: 767px) {
	#body {
		background-position: center center;
	}
}
#side-bar, #main {
	display: table-cell;
	vertical-align: top;
}

@media screen and (max-width: 767px) {
	#side-bar, #main {
		display:block;
	}
}
#side-bar {
	padding-top: 20px;
	width: 420px;
}

@media screen and (max-width: 767px) {
	#side-bar {
		width:100%;
	}
}
#page-bg {
	background: url(../images/museum-bg-top.png) no-repeat left top;
	box-shadow: #562c15 5px 5px 5px;
	width: 920px;
	margin-left: 20px;
}

@media screen and (max-width: 767px) {
	#page-bg {
	background: url(../images/museum-bg-top.png) no-repeat center top;
		width:auto;
	margin-left: 0;
	}
}
#museum-title {
	line-height: 50px;
	font-size: 240%;
	color: #FFF;
	font-weight: bold;
	background: url(../images/museum-title-bg.png) no-repeat left top;
	padding-left: 20px;
	position: relative;
	left: -20px;
	height: 58px;
	padding-top: 3px;
}
@media screen and (max-width: 767px) {
	#museum-title {
		line-height:normal;
		color: #FFF;
		font-weight: bold;
		background:#5a2800;
		padding-left: 20px;
		position: relative;
		left: 0;
		height:auto;
		padding-top: 3px 20px;
		border-top:1px dashed #FFF;
		border-bottom:1px dashed #FFF;
		margin-top:10px;
	}
}
#museum-title.long-title {
	background: url(../images/museum-title-bg-long.png) no-repeat left top;
}
#museum-title a {
	color: #FFF;
	text-decoration:none;
}
#museum-title a:hover {
	text-decoration:underline;
}
article { background: url(../images/museum-bg-bottom.png) left bottom no-repeat; }

@media screen and (max-width: 767px) {
	article  {background-position:center bottom;
	padding-bottom:20px;}
}
#side-bar figure { margin: 7px 0 30px 30px; }
#side-bar aside { margin: 30px 0 45px 30px; max-width:336px; }
#map-image p { font-size:120%; line-height:1; margin:0.25em 0 0; }
#map-image a { color:#000; text-decoration:none; }
#map-image a:hover {text-decoration:underline }
#map_canvas {
	width: 336px;
	height: 280px;
}

@media screen and (max-width: 767px) {
	#sede-bar {
		max-width:100%;
	}
	#side-bar aside {
		margin-left:0;
		width:auto;
		max-width:auto;
		display:none;
	}
	#side-bar figure {
		margin: 0;
		padding:10px 0;
	}
	#map_canvas {
		width:auto;
		marigin:0 25px;
	}
}
#map-info {
	white-space:nowrap;
	height:20px;
	font-size:14px;
}
#main { padding: 0 30px 30px 0; }
@media screen and (max-width: 767px) {
	#main {
		padding:0 20px;
	}
}
.full-page #main {
	padding:0 50px 50px;
	width:860px;
}
.full-page {
	padding-top:20px;
}
#main h2 {
	border-left: 12px solid #b51526;
	padding: 0 30px 0 12px;
	font-size: 200%;
	line-height: 1.4;
	font-weight: bold;
	color: #b51526;
	margin: 0 0 10px 0;
}
#main h3 {
	font-size: 160%;
	line-height: 1.4;
	background: url(../images/h3-bg.png) left bottom no-repeat;
	padding: 0 10px 4px;
	color: #b51526;
	margin: 0 0 0.2em;
}
#main h4 {
	
	color: #b51526;
	font-size:140%;
	line-height:1.4;
	font-weight:bold;
}
#main section { margin: 30px 0 60px; clear:both; }
#main section:after, #main aside:after {
  content: "";
  clear: both;
  display: block;
}
#main section section { margin: 30px 0; }
#main p, #main li, #main th, #main td {
	font-size: 140%;
	line-height: 1.7;
	margin: 0.85em 0;
	color: #5a2800;
	text-align: justify;
	word-wrap: break-word;
}
#main table {
	max-width:100%;
}
#main dd p {
	font-size: 100%;
}
.url {
	word-break:break-all;
}
#main ul {
	margin: 0.85em 0 0.85em 2em;
}
#main ul.link {
	margin-left:0;
	list-style:none;
}
#main li {
	margin:0.2em 0;
}
#main a {
	color: #000;
	text-decoration: none;
}
.link a {
	background: url(../images/link-bg.png) no-repeat left center;
	display: block;
	line-height: 1.4;
	min-height: 16px;
	padding-left: 20px;
}
.banner {
	background:url(../images/banner-left.png) left top;
	display:inline-block;
	box-shadow: 0.4px 0.4px 2px #562c15;
}
#main .banner a {
	background: url(../images/banner-right.png) no-repeat right top;
	display: block;
	line-height: 50px;
	padding: 0 10px 0 33px;
	font-weight:bold;
	color:#FFF;
	min-width:367px;
	
}

@media screen and (max-width: 767px) {
	#main .banner a {
		min-width:auto;
	}
}
#side-bar .link a {
	font-size:140%; line-height:1;
	text-decoration:none;
	margin:0 0 60px 30px;
	color: #000;
}
#main a:hover, #side-bar .link a:hover { text-decoration: underline; }
#present {
	background: url(../images/present-bg.png) left top no-repeat;
	width: 470px;
	height: 100px;
	margin: 30px 0 10px;
	box-shadow: 0.4px 0.4px 2px #562c15;
	padding-top: 0;
}
#present ul {
	list-style: none;
	margin: 0 20px 0 140px;
}
#present li {
	color: #b51526;
	font-size: 160%;
	line-height: 1;
	font-weight: bold;
	padding: 22px 0 0;
}
#present li .note { font-size: 75%; }
.schedule { margin: 0 10px; }
.schedule dt {
	color: #5a2800;
	font-size: 140%;
	line-height: 1.4;
	font-weight: bold;
	padding: 0.7em 0 0.5em;
	clear:both;
}
.schedule dd {
	font-size: 120%;
	line-height: 1.4;
	margin-bottom: 0.7em;
}
#main .schedule dd p { display:inline; }
#main .schedule dd a { display:inline; text-decoration:underline; }
.schedule dd + dt { border-top: 1px solid #FFF; }
.schedule a {
	display: block;
	line-height: 1.4;
	min-height: 16px;
}
#information { margin: 0 10px 0 2px; }
#information th, #information td {
	color: #5a2800;
	font-size: 140%;
	line-height: 1.4;
	padding: 0.3em 0 0.2em;
}
#information th {
	white-space: nowrap;
	font-weight: normal;
}
#information.exhibition-table {
	border-top:1px solid #5a2800;
	border-bottom:1px solid #5a2800;
	margin:30px 0;
	clear:both;
}
.alignright {
	float: right;
	margin: 0 0 20px 20px;
}
.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}
#exhibition .alignleft {
	margin-bottom:60px;
}
.aligncenter {
	margin: 20px 0 20px 0;
	text-align:center;
}
#main figure {
	text-align:center;
}
#main figcaption {
	font-size:120%;
	line-height:1.4;
	padding:0.25em 0;
	text-align:left;
}
#map { width:820px; height:640px; margin:0 0 30px;}
#main aside.alignright {
	margin-top:0;
}

#book {
	position:absolute;
	right:-20px;
	top:-40px;
}
#about-description p {
	width:450px;
}
#about-description p + p + p {
	width:500px;
}
#about-description p + p + p + p {
	width:auto;
}

#present-list { background:url(../images/present-list-bg.png) no-repeat right 100px; min-height:477px; }
#present-list h3 {
	padding:0;
	background:none;
}
#present-list ul {
	margin:0;
	list-style:none;
}
#present-list li {
	line-height:36px;
	color: #b51526;
	font-size: 180%;
	font-weight: bold;
	padding: 0 0 0 42px;
}
#present-list h4 {
	font-size:180%;
	color:#5a2901;
}
#present-list section {
	padding:0 10px;
	position:relative;
}
#present-list a {
	display:block;
}
#main #present-list h3 + section{
	margin-top:0;
}
#present-list section{
	border-top:2px dashed #FFF;
}
#present-list a:hover #thumb img {
	box-shadow:none;
	margin:2px 20px 0 0;
}
#present-list li {
	background:url(../images/present9.png) no-repeat left top;
}
#present-list li:first-child {
	background:url(../images/present4.png) no-repeat left top;
}
#present-list .container {
	float:left;
}
#present-list #thumb img {
	width:100px;
	height:auto;
	border:5px solid #FFF;
	box-shadow: 1px 1px 2px #a25327;
	margin:0 20px 2px 0;
}
#present-list .wp-image-1652 {
	position:absolute;top:0;
	margin-top:12px;
	right:0;
}
.yarpp-related-none {
	display:none;
}
/* footer */

footer { padding: 30px; }
#footer-nav {
	text-align: center;
	margin: 20px 0;
}

@media screen and (max-width: 767px) {
	#footer-nav {
		padding:0 20px;
	}
}
#footer-nav li { display: inline; }
#footer-nav li img {
	margin: 1px;
	box-shadow: 2px 2px 2px #562c15;
}
#footer-nav li a:hover img {
	box-shadow: none;
	margin: 2px 1px 0;
}
#contact {
	font-size: 140%;
	padding: 20px;
}
#contact a { color: #FFF; }
#copy {
	color: #FFF;
	font-size: 140%;
	text-align: center;
}

/* アコーディオン */

#main .trigger { background:url(../images/link-down.png) no-repeat left center; line-height:16px; padding:0 0 0 20px; cursor:pointer; }
#main .trigger.active { background-image:url(../images/link-up.png); }
#main .trigger:hover { background-color:#e2d6c0;}
#main #accordion section {
	margin:10px 0;
}
.container {
	padding-bottom:20px;
}

/* related */
#related-post ul {
	list-style:none;
	margin:0 0 0 2px;
}
#related-post li {
	width:100px;
	float:left;
	margin:0 4px 10px 9px;
	font-size:120%;
	line-height:1.2;
}
#related-post img {
	border:1px solid #FFF;
	margin-bottom:2px;
}
#related-post a:hover img {
	border-color:#000;
}

#entry th, #entry td {
	padding:0.3em 0.5em;
	border-bottom:1px solid #666;
}
#entry li {
	font-size:100%;
	float:left;
	padding-right:2em;
}
#main #entry ul {
	margin-top:0;
	list-style:none;
}
#main .wpcf7-response-output {
	font-size:160%;
	font-weight:bold;
}
#twitter-box {
	margin-left:30px;
	width:336px;
}

@media screen and (max-width: 767px) {
#twitter-box {
	margin-left:20px;
	width:auto;
}
}


/* etc */

#analyze, #_ullogimgltr {
	position:absolute;
	left:-99999px;
	top:-99999px;
}

@media screen and (max-width: 767px) {
	img { width:100% !important;
	height:auto;}
}