@charset "utf-8";

body {
	margin: 0; padding: 0; background: #dca url("../../../../img/fabric01.png"); text-align: center; color: #000;
	}
a:link {
	color: #005;
	}
a:active {
	color: #003;
	}
a:visited {
	color: #002;
	}
.hidden {
	display: none;
	}
strong {
	font-weight: normal !important;
	}

/* フォント

- YOzFontN の著作権は、YO.z 氏に帰属しています。
- 以下で使用しているファイルは、YOzFontN をサブセット化したものです。
- 元のフォントは、http://yozvox.web.fc2.com/ から入手できます。
- 利用規約については、元のフォントに付属している Readme.txt を参照してください。
*/

@font-face {
	font-family: "Subsetted YOzFontN";
	src:
		url('../../../../fonts/Subsetted_YOzRN.eot?') format('eot'),
		url('../../../../fonts/Subsetted_YOzRN.woff') format('woff');
		url('../../../../fonts/Subsetted_YOzRN.ttf') format('truetype');
		url('../../../../fonts/Subsetted_YOzRN.svg') format('svg');
	}

/* ヘッダー */
h1 {
	margin: 40px auto 0; border-radius: 5px 5px 0 0; overflow: hidden; width: 950px; height: 150px; background: #f8f4e6; opacity: 0.85; text-align: left;
	}
h1 img {
	border: 0; width: 950px; height: 150px;
	}

/* 更新履歴 */
#recent {
	position: absolute; top: 0; left: 0; padding: 8px 0; width:100%; max-height: 40px;
	overflow: hidden; background: #420 url('../../../../img/wood.png'); text-align: left; color: #fff;
	}
#recent h2 {
	float: left; margin: 0; border-width: 0; padding: 4px 0 4px 10px; opacity: 0.8; font-size: 100%; font-weight: normal;
	}
#recent h2:after {
	display: inline; content: "：";
	}
#recent h2 a:link {
	color: #eee;
	}
#recent h2 a:active {
	color: #fff;
	}
#recent h2 a:visited {
	color: #ddd;
	}
#recent ul {
	margin: 0; padding: 4px 0; width: 5000px;
	}
#recent li {
	display: inline; margin: 0; padding: 0 10px; background: #fff; opacity: 0.6; list-style: none; color: #000;
	}
#recent .year {
	display: none;
	}
#recent li:first-child .year {
	display: inline !important;
	}

/* 本文 */

div.body {
	box-shadow: 0 10px 6px -6px #555; position: relative; margin: 10px auto 0; border-top: 1px solid #bbb; width: 950px; height: 660px;
	background: #f8f4e6 url('../../../../img/paper01.png'); text-align: left;
	-webkit-box-shadow: 0 10px 6px -6px #555; -moz-box-shadow: 0 10px 6px -6px #555;
	-o-box-shadow: 0 10px 6px -6px #555; -ms-box-shadow: 0 10px 6px -6px #555;
	}

/* メニュー */
#menu {
	float: left; margin: 30px 0 0 70px; padding: 0; max-width: 405px; list-style: none; font-size: 110%; font-family: "Subsetted YOzFontN", serif;
	}
#menu li {
	margin: 20px 0 0; height: 50px;
	}
#menu a {
	text-decoration: none;
	}
#menu img {
	border: none; width: 55px; height: 50px; font-family: "EmojiSymbols", "symbola", sans-serif;
	}
#menu span {
	position: relative; bottom: 10px;
	}

/* 写真 */
#photos {
	float: right; margin: 50px 50px 0 0; border: 1px solid #5b7e91; border-radius: 2px; width: 421px; height: 280px;
	overflow: hidden; text-align: left;
	}
#photos img {
	width: 210px; height: 280px; border: none;
	}
#photos .sigeru {
	border-left: 1px solid #5b7e91 !important;
	}

/* 催し物 */
#schedule {
	float: right; margin: 20px 50px 0 0; width: 404px; height: 205px; border: 1px dashed #3e62ad; padding: 15px 0 15px 15px;
	overflow: hidden; text-align: left; 
	}
#schedule h2 {
	margin: 0 15px 0 0; border-bottom: 1px solid #3e62ad; padding-left: 5px; font-size: 100%; font-weight: normal;
	}
#schedule table {
	margin: 10px 0 0 5px; border: none; padding: 0; min-width: 375px; max-width: 395px; line-height: 200%; font-size: 90%;
	}
#schedule th {
	margin: 0; border-width: 0 1px 0 0; border-color: #aaa; border-style: solid; padding: 0 0.5ex 0 0; min-width: 5ex;
	text-align: right; vertical-align: top; line-height: 200%; white-space: nowrap; font-weight: normal;
	}
.multiple {
	text-align: right !important; line-height: 150% !important;
	}
.sun, .holy {
	color: #c9171e !important;
	}
.sat {
	color: #19448e;
	}
.start {	
	display: block; text-align: left;
	}
#schedule td {
	margin: 0; border: none; padding: 0;
	}
.event {	
	white-space: nowrap; padding: 0 0.5ex 0 !important; min-width: 13em;
	}
#schedule td span {	
	letter-spacing: -0.3ex;
	}
#schedule td span.place {
	display: block; text-align: right; letter-spacing: normal !important;
	}
.attend {
	color: #e2041b; line-height: 100%;
	}
.apply {
	color: #485859; line-height: 100%;
	}
#schedule p {
	margin: 0 35px 0 15px; text-indent: 1em; line-height: 200%; font-size: 80%;
	}
#schedule p:first-of-type {
	margin-top: 5px;
	}

/* シェア */

#share {
	position: absolute; bottom: 20px; right: 50px; width: 404px; height: 20px;
	}
#share h2 {
	display: none;
	}
#share ul {
	margin: 0; padding: 0; font-size: 1px; list-style: none; text-align: right;
	}
#share li {
	display: inline; margin: 0 5px 0 0; padding: 0; font-size: small;
	}
#share img  {
	border: none; opacity: 0.5; font-family: "EmojiSymbols", "symbola", sans-serif;
	}
#share img:hover {
	opacity: 0.9 !important;
	}
.hatena img {
	height: 20px; width: 18px;
	}
.fb img {
	height: 18px; width: 50px;
	}
.mixi img {
	height: 18px; width: 58px;
	}
.google-plus img {
	height: 20px; width: 32px;
	}
.twitter img {
	height: 20px; width: 68px;
	}

/* フッター */
#footer {
	clear: both; margin: 30px auto 0; padding: 5px;
	background: #420 url("../../../../img/wood.png"); text-align: center; list-style: none; line-height: 200%; color: #fff;
	}
#footer li {
	opacity: 0.8;
	}
#footer a:link {
	color: #eee;
	}
#footer a:active {
	color: #fff;
	}
#footer a:visited {
	color: #ddd;
	}

/* 管理ツール */
#wpadminbar {
	opacity: 0.8;
	}
#wpadminbar:hover {
	opacity: 1.0;
	}