* {
	margin: 0;
	padding: 0;
}
body {
	margin: 20px 0px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka";
	font-size: 85%;
	line-height: 140%;
	color: #333333;
	text-align: center;
	background-color: #eeeecf;
}
h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-weight: normal;
}

a:link    { color:#3d3d8b; text-decoration: none; }
a:visited { color:#3d3d8b; text-decoration: none; }
a:active  { color:#3d3d8b; text-decoration: none; }
a:hover   { color:#1b1b59; text-decoration: underline; }

#site-title {
	display: none;
}
.disappear {
	display: none;
}

/* container */
#container {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/* center */
#center {
	width: 530px;
	float: right;
}
	/* head */
#head {
	height: 125px;
	background-image: url(http://www.haramu.net/img/head-image.gif);
	background-repeat: no-repeat;
	margin-bottom:10px;
}
#head-taku {
	height: 125px;
	background-image: url(http://www.haramu.net/img/head-taku.gif);
	background-repeat: no-repeat;
	margin-bottom:10px;
}
#head-lib {
	height: 125px;
	background-image: url(http://www.haramu.net/img/head-lib.gif);
	background-repeat: no-repeat;
	margin-bottom:10px;
}
#head-sibai {
	height: 125px;
	background-image: url(http://www.haramu.net/img/head-sibai.gif);
	background-repeat: no-repeat;
	margin-bottom:10px;
}
#head-sagaya {
	height: 125px;
	background-image: url(http://www.haramu.net/img/head-sagaya.gif);
	background-repeat: no-repeat;
	margin-bottom:10px;
}
#head-yakuba {
	height: 125px;
	background-image: url(http://www.haramu.net/img/head-yakuba.gif);
	background-repeat: no-repeat;
	margin-bottom:10px;
}
	/* news */
#news {
	background-image: url(http://www.haramu.net/img/news-main.gif);
	background-repeat: repeat-y;
	padding: 0px 20px;
}
#news h2 {
	color: #5d4f19;
	font-size: 140%;
	font-weight: bold;
	padding-bottom: 10px;
}
#news img {
	width: 50px;
	height: 50px;
	margin: 0px 5px 0px 0px;
	border: 1px solid #000000;
	float: left;
}
.news-main {
	font-size: 90%;
	margin-left: 60px;
}
.news-top {
	height: 15px;
	background-image: url(http://www.haramu.net/img/news-top.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.news-bottom {
	height: 15px;
	background-image: url(http://www.haramu.net/img/news-bottom.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	margin-bottom: 10px;
}

	/* special */
#special {
	background-image: url(http://www.haramu.net/img/news-main.gif);
	background-repeat: repeat-y;
	padding: 0px 20px;
}
#special h2 {
	color: #5d4f19;
	font-size: 140%;
	font-weight: bold;
	padding-bottom: 10px;
}
#special img {
	margin: 0px 5px 0px 0px;
}
.special-main {
	font-size: 90%;
	margin-left: 0px;
}
.special-top {
	height: 15px;
	background-image: url(http://www.haramu.net/img/news-top.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.special-bottom {
	height: 15px;
	background-image: url(http://www.haramu.net/img/news-bottom.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	margin-bottom: 10px;
}

	/* information */
#information {
	margin: 0px 15px;
}
#information ul {
	list-style-type: none;
}
#information li {
	border-bottom: 1px dotted #000000;
	margin-top: 10px;
}
#information li h3 {
	color: #ff9f0e;
	font-size: 110%;
	font-weight: bold;
	margin-left: 5px;
	padding-bottom: 5px;
}
#information li p {
	font-size: 90%;
	margin-left: 15px;
	padding-bottom: 10px;
}
.h-info {
	height: 33px;
	background-image: url(http://www.haramu.net/img/h-info.gif);
	background-repeat: no-repeat;
}
	/* update */
#update {
	padding: 0px 15px;
}
#update ul {
	list-style-type: none;
}
#update li {
	font-size: 90%;
	border-bottom: 1px dotted #000000;
	margin-left: 15px;
	margin-top: 10px;
}
.h-update {
	height: 33px;
	background-image: url(http://www.haramu.net/img/h-update.gif);
	background-repeat: no-repeat;
}
.h-comment {
	height: 33px;
	background-image: url(http://www.haramu.net/img/h-comment.gif);
	background-repeat: no-repeat;
}
.center-top {
	height: 15px;
	background-image: url(http://www.haramu.net/img/center-top.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.center-main {
	background-image: url(http://www.haramu.net/img/center-main.gif);
	background-repeat: repeat-y;
	padding-bottom: 1px;
}
.center-bottom {
	height: 15px;
	background-image: url(http://www.haramu.net/img/center-bottom.gif);
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
	margin-bottom: 10px;
}

/* left */
#left {
	width: 160px;
	float: left;
}
#logo {
	height: 125px;
	background-image: url(http://www.haramu.net/img/logo.jpg);
	background-repeat: no-repeat;
	margin-bottom:10px;
}
div.img-link a {
	display: block;
	height: 125px;
	text-decoration: none;
}
#side {
}

#notice {
	background-image: url(http://www.haramu.net/img/left-main.gif);
	background-repeat: repeat-y;
	padding: 0px 10px;
}
.left-top {
	height: 15px;
	background-image: url(http://www.haramu.net/img/left-top.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.left-main {
	background-image: url(http://www.haramu.net/img/left-main.gif);
	background-repeat: repeat-y;
	padding: 0px 10px;
}
.left-bottom {
	height: 15px;
	background-image: url(http://www.haramu.net/img/left-bottom.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	margin-bottom: 10px;
}

.menu {

}
.menu ul {
	list-style-type: none;
}
.menu li {
	display: inline;
}

.menu #annai {
	width: 140px;
	height: 22px;
	background-image: url(http://www.haramu.net/img/menu-annai.gif);
	background-repeat: no-repeat;
	display: block;
}
.menu #soncho {
	width: 140px;
	height: 22px;
	background-image: url(http://www.haramu.net/img/menu-soncho.gif);
	background-repeat: no-repeat;
	display: block;
}
.menu #nikki a {
	width: 140px;
	height: 22px;
	background-image: url(http://www.haramu.net/img/menu-nikki.gif);
	background-repeat: no-repeat;
	display: block;
}
.menu #nikki a:hover {
	width: 140px;
	height: 22px;
	background-image: url(http://www.haramu.net/img/menu-nikki_on.gif);
	background-repeat: no-repeat;
	display: block;
}
.menu #gokigen a {
	width: 140px;
	height: 22px;
	background-image: url(http://www.haramu.net/img/menu-gokigen.gif);
	background-repeat: no-repeat;
	display: block;
}
.menu #gokigen a:hover {
	width: 140px;
	height: 22px;
	background-image: url(http://www.haramu.net/img/menu-gokigen_on.gif);
	background-repeat: no-repeat;
	display: block;
}
.menu #profile a {
	width: 140px;
	height: 22px;
	background-image: url(http://www.haramu.net/img/menu-profile.gif);
	background-repeat: no-repeat;
	display: block;
}
.menu #profile a:hover {
	width: 140px;
	height: 22px;
	background-image: url(http://www.haramu.net/img/menu-profile_on.gif);
	background-repeat: no-repeat;
	display: block;
}
.menu #library {
	width: 140px;
	height: 22px;
	background-image: url(http://www.haramu.net/img/menu-library.gif);
	background-repeat: no-repeat;
	display: block;
}
.menu #list a {
	width: 140px;
	height: 22px;
	background-image: url(http://www.haramu.net/img/menu-list.gif);
	background-repeat: no-repeat;
	display: block;
}
.menu #list a:hover {
	width: 140px;
	height: 22px;
	background-image: url(http://www.haramu.net/img/menu-list_on.gif);
	background-repeat: no-repeat;
	display: block;
}
.menu #susumeru a {
	width: 140px;
	height: 22px;
	background-image: url(http://www.haramu.net/img/menu-susumeru.gif);
	background-repeat: no-repeat;
	display: block;
}
.menu #susumeru a:hover {
	width: 140px;
	height: 22px;
	background-image: url(http://www.haramu.net/img/menu-susumeru_on.gif);
	background-repeat: no-repeat;
	display: block;
}
.menu #spike a {
	width: 140px;
	height: 22px;
	background-image: url(http://www.haramu.net/img/menu-spike.gif);
	background-repeat: no-repeat;
	display: block;
}
.menu #spike a:hover {
	width: 140px;
	height: 22px;
	background-image: url(http://www.haramu.net/img/menu-spike_on.gif);
	background-repeat: no-repeat;
	display: block;
}
.menu #kancho a {
	width: 140px;
	height: 22px;
	background-image: url(http://www.haramu.net/img/menu-kancho.gif);
	background-repeat: no-repeat;
	display: block;
}
.menu #kancho a:hover {
	width: 140px;
	height: 22px;
	background-image: url(http://www.haramu.net/img/menu-kancho_on.gif);
	background-repeat: no-repeat;
	display: block;
}
.menu #shibai a {
	width: 140px;
	height: 22px;
	background-image: url(http://www.haramu.net/img/menu-shibai.gif);
	background-repeat: no-repeat;
	display: block;
}
.menu #shibai a:hover {
	width: 140px;
	height: 22px;
	background-image: url(http://www.haramu.net/img/menu-shibai_on.gif);
	background-repeat: no-repeat;
	display: block;
}
.menu #sagaya a {
	width: 140px;
	height: 22px;
	background-image: url(http://www.haramu.net/img/menu-sagaya.gif);
	background-repeat: no-repeat;
	display: block;
}
.menu #sagaya a:hover {
	width: 140px;
	height: 22px;
	background-image: url(http://www.haramu.net/img/menu-sagaya_on.gif);
	background-repeat: no-repeat;
	display: block;
}
.menu #yakuba {
	width: 140px;
	height: 22px;
	background-image: url(http://www.haramu.net/img/menu-yakuba.gif);
	background-repeat: no-repeat;
	display: block;
}
.menu #bbs a {
	width: 140px;
	height: 22px;
	background-image: url(http://www.haramu.net/img/menu-bbs.gif);
	background-repeat: no-repeat;
	display: block;
}
.menu #bbs a:hover {
	width: 140px;
	height: 22px;
	background-image: url(http://www.haramu.net/img/menu-bbs_on.gif);
	background-repeat: no-repeat;
	display: block;
}
.menu #aruki a {
	width: 140px;
	height: 22px;
	background-image: url(http://www.haramu.net/img/menu-aruki.gif);
	background-repeat: no-repeat;
	display: block;
}
.menu #aruki a:hover {
	width: 140px;
	height: 22px;
	background-image: url(http://www.haramu.net/img/menu-aruki_on.gif);
	background-repeat: no-repeat;
	display: block;
}
.menu #faq a {
	width: 140px;
	height: 22px;
	background-image: url(http://www.haramu.net/img/menu-faq.gif);
	background-repeat: no-repeat;
	display: block;
}
.menu #faq a:hover {
	width: 140px;
	height: 22px;
	background-image: url(http://www.haramu.net/img/menu-faq_on.gif);
	background-repeat: no-repeat;
	display: block;
}
.disable {
	display: none;
}

/* diary */
div.diaryBody img {
background-color:#ffffff;
background-image:url(http://www.haramu.net/img/shadow.png);
background-repeat:no-repeat;
background-position:right bottom;
padding: 5px 10px 10px 5px;
margin-right:3px;
}
* html div.diaryBody img {
background-color:#ffffff;
background-image:none;
padding: 5px 5px 5px 5px;
margin-right:3px;
border-right:3px solid #cccccc;
border-bottom:3px solid #cccccc;
}
div.diaryBody img.noneShadow {
background-image:none;
padding: 0;
margin-right:3px;
}
* html div.diaryBody img.noneShadow {
padding: 0;
margin-right:3px;
background-image:none;
border:none;
}

img.shadow {
background-color:#ffffff;
background-image:url(http://www.haramu.net/img/shadow.png);
background-repeat:no-repeat;
background-position:right bottom;
padding: 5px 10px 10px 5px;
}
* html img.shadow {
background-color:#ffffff;
background-image:none;
padding: 5px 5px 5px 5px;
border-right:3px solid #cccccc;
border-bottom:3px solid #cccccc;
}

/* footer */
#footer {
	clear:both;
	height: 40px;
	background-image: url(http://www.haramu.net/img/foot-bg.jpg);
	background-repeat: no-repeat;
	text-align: center;
	line-height: 40px;
	vertical-align: middle;
	font-size:90%;
}


.posted {
	color: #666666;
	font-size: 75%;
}
.line {
	border-top: 1px dotted #999999;
}