@charset 'utf-8';

/* ----- 基本構造 -------------------------------------- */

div#side {
	width: 220px;
	float: right;
}

div#contents {
	float: left;
	width: 538px;
}

html>body div#contents {
	float: left;
	width: 540px;
}


/* ----- コンテンツ -------------------------------------- */

div#contents h2 {
	margin: 5px 20px 10px 20px;
	padding: 5px 5px 5px 10px;
	border-left: 5px solid #164a84;
	background-color: #ffffff;
}

div#contents h3 {
	margin: 0px 30px 15px 30px;
	padding: 5px 10px 5px 20px;
	border-bottom: 1px dotted #191970;
	background: url(http://mhnovels.cocoron.info/img/action_go.gif) no-repeat left center;
}

div#contents p {
	margin: 0px 30px 20px 45px;
}

div#contents ul {
	margin: 0px 30px 20px 40px;
}

div#contents ul li {
	list-style: none;
}


div#contents div.rei {
	margin: -10px 50px 20px 50px;
	border: 2px solid #191970;
	background-color: #ffffff;
}

div#contents div.rei p {
	margin: 5px 10px 5px 5px;
}

div#contents img {
	margin: 0px 0px 20px 50px;
}


/* ----- サイド -------------------------------- */

div#side h2 {
	margin: 5px 5px 10px 5px;
	padding: 5px 5px 5px 10px;
	color: #ffffff;
	background-color: #164a84;
}

div#side .block {
	margin-right: 15px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border: 1px solid #777777;
	text-align: center;
	background-color: #f7f7f7;
}

div#side .block p {
	margin: 0px 10px 0px 10px;
}

div#side ul {
	margin: 0px 10px 0px 10px;
}

div#side ul li {
	margin: 3px 0px 0px 0px;
	list-style: none;
}

div#side ul.info li {
	margin: 3px 0px 0px 0px;
	padding-left: 15px;
	background: url(http://mhnovels.cocoron.info/img/check-blue.gif) no-repeat left top;
}

div#side ul li ul {
	margin: 0px 0px 0px 20px;
}

div#side dl {
	margin: 0px 10px 0px 10px;
}

div#side dl dt {
}

div#side dl dd {
}