@charset 'UTF-8';

body {
	color: #222;
	background:  #fff;
	font-weight: normal;
	font-family:
		PrivateYuGothicM,
		YuGothic,
		-apple-system,
		BlinkMacSystemFont,
		“Hiragino Kaku Gothic ProN”,
		Meiryo,
		sans-serif;
	}

h2,
h3 {
	font-size: 100%;
	font-weight: bold;
	letter-spacing: 0.05em;
	margin: 2em 0 1em 0;
	padding: 0;
	}

h2 {
	margin-bottom:1em;
	font-size: 110%;
	}

h1 {
	font-size: 150%;
	}
	
a, a:visited {
	color:#0078DA;
	text-decoration: none;
}

a:hover {
	color: #004080;
	}

a:active {
	color: #FF0080;
	text-decoration: none;
	}

p {
	margin:0;
	line-height:1.7em;
	}

p.atr {
	margin-top:1em;
	font-size:95%;
	font-style:italic;
	}

dl {
	font-size:90%;
	line-height:1.5em;
	}

dt {
	margin:2em 0 0.5em 0;
	font-weight:bold;
	}

dd {
}

.button {
	display: block;
	max-width: 320px;
	padding: 10px;

	font-size: 14px;
	text-align: center;
	text-decoration: none;

	margin:10px 0 10px auto;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	background-color: #fafafa;
	border: solid 1px #eee;
	
	vertival-align:middle;
}

.button p {
	display: inline-block;
 	line-height: 10px;
  }

.button img {
	margin:0 !important;
	}

/* construction ---------------------------------------- */

div#wrapper {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 2em auto -100px auto;
	width: 1020px;
	}

div#gallery {
	float:left;
	/*width:540px;*/
	}

div#content {
	padding-left:650px;
	}

div#paper {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 2em auto -100px auto;
	width: 780px;
	}

div#paper p {
	margin-top:1em;
	margin-bottom:1em;
	}

div#paper img {
	margin:10px;
	}

address {
	margin-top:3em;
	font-size:80%;
	}