body{
	font-family: verdana, arial, helvetica, Sans-Serif;
	font-size: small;
	margin: 0;
	padding: 0;
	border-top: 5px solid #f00;
}

a img{
	border: none;
}

hr{
	display:none;
}

h1{
	font-size: x-large;
	font-family: times, "Time New Roman" serif;
	margin: 0;
	padding: 25px;
}
h1 em{
	font-style: normal;
	color:#f00;
}
h1 img{
	margin-right: 7px;
	vertical-align: middle;
}
#header{
	position: relative;
}
#header p#arklogo{
	position: absolute;
	top: 0px;
	right: 10px;
}

h2{
	font-size: 100%;
	font-family: times, "Time New Roman" selif;
}


#content {
	font-size: 110%;
	margin: 0 0 50px;
	padding: 20px 25px 50px;
	line-height: 1.5;
	background: url(bg2.gif) repeat-x;
}
#content #main{
	width: 70%;
	float: left;
}
#content #sub{
	width: 25%;
	float: right;
}
#content #sub #book a img{
	border: 1px solid #ccc;
	padding: 4px;
}
#content #sub #lunch{
	border: 1px solid #ccc;
	padding: 4px;
	width: 150px;
}




#content #blogAtWP dl{
	margin-bottom: 2.5em;
}
#content #blogAtWP dl dt span{
	color :#999;
	font-weight: bold;
	font-size: 80%;
}
#content #blogAtWP dl dt{
	border-left: 2px solid #f00;
	padding-left: 10px;
	margin-bottom: 10px;
}

#content #blogAtWP dl dt a{
	color :#f00;
/*	font-size: 110%;
	font-weight: bold;*/
	text-decoration: none;
}
#content #blogAtWP dl dt a:hover{
	text-decoration: underline;
}
#content #blogAtWP dl dd{
	margin: 0.2em 0 2.5em;
}
#content #blogAtWP dl dd a{
	color :#f00;
}
#content #blogAtWP p#notice{
	font-size: 80%;
	color :#999;
}
#content #blogAtWP p#notice a{
	color: #999;
}

#footer{
	padding: 5px 10px;
	color: #999;
	border-top: 1px solid #ccc;
	clear: both;
}