@charset 'utf-8';

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

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

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

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


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

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 dl {
	margin-bottom: 20px;
}

div#contents dt {
	margin-left: 40px;
	font-weight: bold;
}

div#contents dd {
	margin-left: 60px;
}


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

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

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

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

ul#bunrui li {
	margin: 3px 0px 0px 0px;
	list-style-type: none;
	background: url(http://mhnovels.cocoron.info/img/folder.gif) no-repeat left top;
	padding-left: 20px;
}

ul#bunrui li ul {
	margin: 0px 0px 0px -10px;
}

ul#bunrui li ul li{
	margin: 3px 0px 0px 0px;
	list-style-type: none;
	background: url(http://mhnovels.cocoron.info/img/page.gif) no-repeat left center;
	padding-left: 20px;
}

ul#log li {
	margin: 3px 0px 0px 0px;
	list-style-type: none;
	background: url(http://mhnovels.cocoron.info/img/search.gif) no-repeat left center;
	padding-left: 20px;
}

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

div#navigation dl dt {
}

div#navigation dl dd {
}

div#navigation form dl {
}

div#navigation form dl dt {
	display: none;
}

div#navigation form dl dd {
}

div#navigation form p {
	margin-left: 10px;
	margin-bottom: 0px;
}

div#navigation table {
	width: 180px;
	margin: -2px 0px 7px 7px;
	border: 0px solid #aaaaaa;
}

@media screen {
	div#navigation table {
        	margin: -2px auto 7px auto;
        }
}

div#navigation table tr th {
	padding: 5px;
	border: 0px solid #aaaaaa;
	background-color: #ffffff;
	text-align: left;
}

div#navigation table tr td {
	padding: 3px;
	border: 0px solid #aaaaaa;
	text-align: center;
}

@media screen {
	div#navigation table tr td {
        	padding: 5px;
        }
}

div#navigation .day {
	color: #444444;
}

div#navigation .satday {
	color: #4444cc;
}

div#navigation .sunday {
	color: #cc4444;
}
div#navigation .today {
	background-color: #eeeeee;
}

div#navigation .calender {
	margin: 2px 10px;
}

div#navigation .calender li {
	display: inline;
	margin-right: 10px;
}

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


/* ----- その他 -------------------------------- */

span {
	font-weight: bold;
	color: #ff0000;
}