@charset "euc-jp";

@import url(../css/reset.css);

body	{
	background-color: #f1f0f0;
	color: #333333;
	font: 80%/1.5em Arial, Helvetica, sans-serif;
}

/* season */
#spring a	{ color: #669933; }
#summer a	{ color: #31abd8; }
#autumn a	{ color: #cc6600; }
#winter a	{ color: #666699; }


/* ------------------------------------------------------------------------------------------
   container
------------------------------------------------------------------------------------------ */
#container	{
	width: 880px;
	margin: 0 auto;
	padding: 0 15px;
	background: url(images/container_bg001.jpg) repeat-y;
}


/* ------------------------------------------------------------------------------------------
   header
------------------------------------------------------------------------------------------ */
#header	{
	position: relative;
	width: 880px;
	height: 252px;
	padding-bottom: 10px;
}

#header_name a,
#header_description a	{
	text-indent: -9999px;
}

#header_name a	{
	position: absolute;
	top: 86px;
	left: 38px;
	display: block;
	width: 350px;
	height: 31px;
}

/* season */
#spring #header	{ background: url(images/spring/header_ph001.jpg) no-repeat; }
#summer #header	{ background: url(images/summer/header_ph001.jpg) no-repeat; }
#autumn #header	{ background: url(images/autumn/header_ph001.jpg) no-repeat; }
#winter #header	{ background: url(images/winter/header_ph001.jpg) no-repeat; }


/* ------------------------------------------------------------------------------------------
   contents
------------------------------------------------------------------------------------------ */
#contents	{
	width: 880px;
	padding-bottom: 10px;
}


/* ------------------------------------------------------------------------------------------
   main
------------------------------------------------------------------------------------------ */
#main	{
	float: right;
	width: 668px;
}

/* entry
------------------------------------------------------------------------------------------ */
.entry	{
	margin-bottom: 10px;
	padding-bottom: 20px;
	background: #f7f7f7 url(images/main_bg002.gif) no-repeat;
	background-position: left bottom;
}

.entry_header	{
	padding-top: 25px;
	background: url(images/main_bg001.gif) no-repeat;
}

.entry_title	{
	width: 652px;
	background: url(images/main_h001.gif) no-repeat;
}

.entry_title h2	{
	float: left;
	width: 472px;
	padding-left: 40px;
	line-height: 30px;
	font-size: 1.2em;
	font-weight: bold;
}

#spring .entry_title h2 a,
#summer .entry_title h2 a,
#autumn .entry_title h2 a,
#winter .entry_title h2 a	{
	color: #ffffff;
	text-decoration: none;
}

.entry_title p	{
	float: right;
	width: 140px;
	line-height: 30px;
	text-align: center;
	color: #ffffff;
	font-size: 0.9em;
}

.entry_body	{
	padding: 30px 35px 0;
}

.entry_body p	{
	padding-bottom: 15px;
}

.entry_body strong	{
	color: #d72900;
	font-size: 1.1em;
}

.entry_meta	{
	width: auto;
	padding-top: 30px;
	text-align: center;
}

/* trackbacks
------------------------------------------------------------------------------------------ */
#trackbacks	{
	padding: 0px 35px;
}

#trackbacks h2	{
	padding-top: 20px;
	font-size: 1.2em;
	font-weight: bold;
}

/* comments
------------------------------------------------------------------------------------------ */
#comments	{
	padding: 0px 35px;
}

#comments h2	{
	padding-top: 20px;
	font-size: 1.2em;
	font-weight: bold;
}

/* ------------------------------------------------------------------------------------------
   sidebar
------------------------------------------------------------------------------------------ */
#sidebar	{
	float: left;
	width: 200px;
}

#sidebar dl	{
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: #f7f7f7 url(images/side_bg001.gif) no-repeat;
	background-position: left bottom;
}

#sidebar dl dt	{
	height: 33px;
	padding-bottom: 4px;
}

#sidebar dl dd	{
	padding: 5px;
}

#sidebar dl dd ul li	{
	padding-left: 10px;
}

/* season */
#spring #sidebar dl dt	{ background: url(images/spring/side_bg001.gif) no-repeat; background-position: left bottom; }
#summer #sidebar dl dt	{ background: url(images/summer/side_bg001.gif) no-repeat; background-position: left bottom; }
#autumn #sidebar dl dt	{ background: url(images/autumn/side_bg001.gif) no-repeat; background-position: left bottom; }
#winter #sidebar dl dt	{ background: url(images/winter/side_bg001.gif) no-repeat; background-position: left bottom; }

#spring #sidebar dl dd ul li	{ background: url(images/spring/side_ic001.gif) no-repeat; background-position: 0 8px; }
#summer #sidebar dl dd ul li	{ background: url(images/summer/side_ic001.gif) no-repeat; background-position: 0 8px; }
#autumn #sidebar dl dd ul li	{ background: url(images/autumn/side_ic001.gif) no-repeat; background-position: 0 8px; }
#winter #sidebar dl dd ul li	{ background: url(images/winter/side_ic001.gif) no-repeat; background-position: 0 8px; }


/* calendar
------------------------------------------------------------------------------------------ */
#calendar dd p	{
	width: 190px;
	text-align: center;
}

#calendar dd table	{
	width: 170px;
	margin-left: 10px;
}

#calendar dd table tr th,
#calendar dd table tr td	{
	text-align: center;
}


/* counter
------------------------------------------------------------------------------------------ */
#countList span	{
	float: left;
	display: block;
	width: 27px;
	margin-right: 3px;
	background: url(images/counter_bg001.gif) no-repeat;
	line-height: 27px;
	color: #ffffff;
	text-align: center;
}

/* banner
------------------------------------------------------------------------------------------ */
#banner li	{
	width: 200px;
	text-align: center;
}


/* ------------------------------------------------------------------------------------------
   footer
------------------------------------------------------------------------------------------ */
#footer	{
	width: 880px;
	height: 45px;
	padding-top: 15px;
	background: #717171 url(images/footer_bg001.gif) no-repeat;
}

#footer address	{
	color: #f6f4f0;
	text-align: center;
}


/* ------------------------------------------------------------------------------------------
   clearfix
------------------------------------------------------------------------------------------ */
#contents:after,
.entry_title:after,
#countList:after	{
	content: ".";
	display: block;
	clear: both; 
	height: 0;
	visibility: hidden;
}

#contents,
.entry_title,
#countList	{
	display: block;
	#display: inline-block;
}