﻿@charset "utf-8";
#contents h2 {
	padding:35px 0 10px 30px;
	background-image:url(../images/h2.gif);
	background-position:15px 35px;
	background-repeat:no-repeat;
	display:block;
	} 
/*1日の生活------------------------------*/
#contents h3 {
	font-size:300%;
	margin:10px 30px 5px 23px;
	padding:5px 0 0 0;
	background:#fff url(../images/h3.gif) no-repeat 0 300px;
	border-top:1px #ccc dotted;
	line-height:1;
	}

.subtitle {
	font-size:40%;
	margin:0 0 0 10px;
	padding:0;
	background:#fff url(../images/h3.gif) no-repeat 0 300px;
	}

#contents p {
	margin:0 0 0 27px;
	padding:0;
	}

.box03 {
	margin:0 0 0 20px;
	}

.box03 ul {
	margin:0;
	padding:0;
	}

.box03 ul li{
	display:inline;
	width:110px;
	height:110px;
	float:left;
	margin:4px;
	border:1px solid #ccc;
	}

.box03 ul li a {
	position:relative;
	display:block;
	width:108px;
	height:108px;
	float:left;
	background:#444;
	border:1px solid #fff;
	}

.box03 ul li a img {
	border:4px solid #fff;
	width:100px;
	height:100px;
	margin:0;
	padding:0;
	}

#contents dl dt {
	float:left;
	width:6em;
	font-weight:bold;
	display:block;
	}

#contents dl {
	clear:both;
	margin:0 0 0 30px;
	}

#contents dl dd{
	display:block;
	margin-left:6em;
	}

.clear {
	clear:both;
	}

/*1年の行事------------------------------*/
#events {
	margin:0 0 0 20px;
	}

#events ul {
	margin:0;
	padding:0;
	}

#events ul li{
	display:inline;
	width:110px;
	height:110px;
	float:left;
	margin:4px;
	border:1px solid #ccc;
	}

#events ul li a {
	position:relative;
	display:block;
	width:108px;
	height:108px;
	float:left;
	background:#444;
	border:1px solid #fff;
	}

#events ul li a img {
	border:4px solid #fff;
	width:100px;
	height:100px;
	margin:0;
	padding:0;
	}

#events div.month{
	position:relative;
	margin:0;
	padding:0px;
	display:inline;
	width:120px;
	height:120px;
	float:left;
	background:#fff;
	z-index:2;
	}

#events div.month div.text {
	top:4px;
	left:4px;
	position:absolute;
	background:#fff url(../images/pointer.gif) no-repeat right bottom;
	width:110px;
	height:110px;
	margin:0;
	border:1px solid #ccc;
	z-index:3;
	}

#events div.month h3 {
	border:none;
	font-size:36px;
	margin:0 0 0 7px;
	padding:0;
	background:#fff url(../images/h3.gif) no-repeat 0 300px;
	}
	
#events div.month div.text ul{
	display:none;
	border-top:1px #ccc dotted;
	padding:0;
	margin:0 5px 0 5px;
	}

#events div.month div.text ul li{
	clear:both;
	width:11.5em;
	height:auto;
	border:none;
	margin:0 0 0 16px;
	padding:0;
	font-size:100%;	
	}

#events div.month div.text ul li a{
	position:static;
	background-position:right center;
	background-repeat:no-repeat;
	cursor:pointer;
	background-color:#fff;
	background-image:url(../images/camera.gif);
	width:auto;
	height:auto;
	padding:0 24px 0 0;
	}

#events div.month div.text ul li a.no-image {
	background:none;
	padding:0;
}	
