@charset "utf-8";

/*-------------------------------------------------------------
  Blog Top Style @ CateNaviBlog
  by hokuto@
  Last Update 2007-09-29
-------------------------------------------------------------*/

div.header {
	min-width: 700px;
}

div.header p.fukidashi {
	display: block;
	position: absolute;
	top: 0px;
	left: 185px;
	z-index: 3;
}

div.content {
	float: left;
	width: 40em;
}

div.menu {
	float: right;
	width: 16em;
}

div.container p#siteintro {
	margin-bottom: 20px;
	min-width: 760px;
	background-image: url("../images/members.gif");
	background-repeat: no-repeat;
	background-position: top right;
}

div.container h2 {
	margin-bottom: 10px;
	font-size: 131%;
	font-weight: bold;
	color: #333333;
	letter-spacing: 0.2em;
}

/* for Search Page */
div.container h2.search {
	margin-top:  30px;
	margin-bottom: 30px;
}

div.entryhead {
	margin-bottom: 20px;
	border-bottom: 3px solid #C8DC55;
	padding-bottom: 5px;
	height: 70px;
}

div.entryhead p.topic {
	margin-top: -60px;
	margin-left: 80px;
	font-size: 108%;
}

div.entryhead h3 {
	margin-top: 3px;
	margin-left: 80px;
	font-size: 153.9%;
}

div.entryhead h3 a {
	text-decoration: none;
	color: #33AF2C;
}

div.entrybody p,
div.entrybody ul li,
div.entrybody ol li,
div.entrybody dl dd {
	font-size: 123.1%;
}

div.entrybody p br {
	display: none;
}

div.entrybody dl {
	margin-top: 2em;
}

div.entrybody dl dt {
	margin-bottom: 0.5em;
	border-left: 5px solid #C8DC55;
	padding-left: 5px;
	font-size: 123.1%;
	font-weight: bold;
	color: #333333;
}

div.entrybody dl dd {
	margin-bottom: 2em;
}

div.entrybody p.illust {
	text-align: center;
	margin-bottom: 2em;
}

div.entrybody p.carekun {
	margin-top: 2em;
	margin-bottom: 2em;
	padding-left: 40px;
	background-image: url("../images/reibun_s_carekun.gif");
	background-repeat: no-repeat;
	font-size: 138.5%;
}

div.entrybody p.book {
	padding-left: 0.5em;
	border-left: 8px solid #C8DC55;
	background-color: #FAFFE4;
}
	
div.menu h2 {
	font-size: 123.1%;
}
	
ul#siteinfo {
	margin-bottom: 30px;
}

ul#siteinfo li {
	margin-bottom: 5px;
	height: 32px;
	list-style-type: none;
	font-size: 108%;
	background-image: url("../images/siteinfobtn.gif");
	background-repeat: no-repeat;
}

ul#siteinfo li a {
	display: block;
	width: 207px;
	height: 26px;
	padding: 6px 0 0;
	text-align: center;
	text-decoration: none;
	color: #000000;
	background-image: url("../images/siteinfobtn.gif");
	background-repeat: no-repeat;
}

ul#siteinfo li a:hover {
	background-position: 0 -32px;
}

div#saying h2 {
	margin-top: 30px;
	margin-left: 60px;
}

div#saying dl {
	margin-top: -65px;
}

div#saying dl dt {
	margin-left: 10px;
}

div#saying dl dd {
	height: 4em;
	padding: 28px 0 0;
	background-image: url("../images/sayingbox.gif");
	background-repeat: no-repeat;
	text-indent: 20px;
	font-size: 131%;
}
	
dl#newentrylist {
	margin-bottom: 40px;
}

dl#newentrylist dt {
	color: #666666;
	font-size: 100%;
}

dl#newentrylist dd {
	margin-bottom: 1em;
	border-left: #C8DC55 solid 5px;
	padding-left: 5px;
	font-size: 108%;
}

ul#navi li {
	margin-bottom: 10px;
	width: 207px;
	height: 36px;
	list-style-type: none;
	background-image: url("../images/navibtn.gif");
	background-repeat: no-repeat;
}

ul#navi li a {
	display: block;
	width: 207px;
	height: 27px;
	padding: 9px 0 0;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url("../images/navibtn.gif");
	background-repeat: no-repeat;
}

ul#navi li a:hover {
	color: #000000;
	background-position: 0 -36px;
}

ul#banner {
	margin: 40px 0 30px;
}

ul#banner li {
	list-style-type: none;
	margin-bottom: 10px;
	margin-left: 10px;
}