@charset "utf-8";

/* ****************************************************
Title: top.css
Created: 2008-07-03
Last Modified: 2009-03-26
Editor(s): tsutsu
Last Editor: tsutsu
***************************************************** */


/* Table Of Contents
----------------------------------------

#01 General Elements
#02 header
#03 pageBody
#04 sidebar
#05 content
#09 clearfix
#10 common classes

----------------------------------------*/


/* #01 General Elements
---------------------------------------------------------------------------- */


/* #02 header
---------------------------------------------------------------------------- */

div#header {
	border: none;
}

div#header ul#gNavi li#gNaviHome,
div#header ul#gNavi li#gNaviHome a {
	background: url(../common/images/gnavi_home_o.gif) no-repeat left top;
}


/* #03 pageBody
---------------------------------------------------------------------------- */

div#pageBody a {
	color: #666666;
}

div#pageBody a:hover {
	color: #000099;
}

div#pageBody p.pagetop {
	display: none;
}


/* #04 sidebar
---------------------------------------------------------------------------- */

div#sidebar {
	float: left;
	width: 175px;
}

div#sidebar p {
	margin: 0 0 5px 0;
}

div#sidebar ul#sNavi {
}

div#sidebar ul#sNavi li {
	margin: 0 0 10px 0;
}

div#sidebar ul#sNavi li#aboutLink {
	overflow: hidden;
	text-indent: -9999px;
}

div#sidebar ul#sNavi li#aboutLink a {
	background: url(../common/images/btn_about.gif) no-repeat left top;
	display: block;
	height: 45px;
	width: 175px;
}

div#sidebar ul#sNavi li#aboutLink a:hover {
	background: url(../common/images/btn_about_o.gif) no-repeat left top;
}

div#sidebar dl#news {
	margin: 0 auto 20px;
	width: 160px;
}

div#sidebar dl#news dt {
	border-bottom: dotted 1px #ceb69c;
	color: #866443;
	font-weight: bold;
	font-size: 120%;
	margin: 0 0 5px 0;
	padding: 0 0 3px 0;
}

div#sidebar dl#news dd ul li {
	border-bottom: dotted 1px #ceb69c;
	margin: 0 0 5px 0;
}

div#sidebar dl#news dd ul li p.magazine {
	font-weight: bold;
	margin: 0;
}

div#sidebar dl#news dd ul li p.magazine,
div#sidebar dl#news dd ul li p.magazine a {
	color: #866443;
}

div#sidebar div.banner {
	clear: both;
}

div#sidebar div.banner ul p,
div#sidebar div.banner ul li {
	color: #866443;
	margin: 0 0 10px 0;
}


/* #05 content
---------------------------------------------------------------------------- */

div#content {
	float: right;
	width: 740px;
}

div#content div#primary {
	float: left;
	width: 551px;
}

div#content div#secondary {
	float: right;
	width: 175px;
}

div#content p.backnumber {
	font-size: 90%;
	margin: -1.6em 10px 18px 0;
	text-align: right;
}

div#content p.backnumber a {
	color: #313031;
}

div#content ul.entryList li {
	float: left;
}

div#content ul.entryList li p {
	margin: 0;
	text-align: left;
}

div#content ul.entryList li p.magazine,
div#content ul.entryList li p.magazine a {
	color: #866443;
	font-weight: bold;
}

div#content div#toptopics {
	width: 551px;
}

div#content div#toptopics ul.entryList {
	margin: 0 0 0 -14px;
	width: 565px;
}

div#content div#toptopics ul.entryList li {
	display: inline;
	margin: 0 0 10px 14px;
	padding: 0 0 10px 0;
	width: 174px;
}

div#content div#toptopics ul.entryList li p.thumb {
	margin: 0 0 5px 0;
}

div#content div#toptopics ul.entryList li p.magazine {
	margin: 0;
}

div#content div#toptopics ul.entryList li.latest {
	border-bottom: dotted 1px #ceb69c;
	width: auto;
}

div#content div#toptopics ul.entryList li.latest p.magazine {
	float: left;
	font-size: 140%;
	height: auto;
	width: 275px;
}

div#content div#toptopics ul.entryList li.latest p.title {
	float: left;
}

div#content div#house {
	clear: both;
}

div#content div#house ul.entryList {
	margin: 0;
}

div#content div#house ul.entryList li {
	border-bottom: dotted 1px #ceb69c;
	float: left;
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
	min-height: 65px;
	height: 8em;
	width: 274px;
}

div#content div#house ul.entryList li p.thumb {
	float: left;
	margin: 0;
	width: 148px;
}

div#content div#house ul.entryList li p.magazine {
	float: left;
	margin: 0;
	width: 120px;
}

div#content div#house ul.entryList li p.title {
	float: left;
	width: 120px;
}

div#content div#house ul.entryList li.latest {
	height: auto;
	padding: 0 0 15px 0;
	width: 551px;
}

div#content div#house ul.entryList li.latest p.thumb {
	width: 370px;
}

div#content div#house ul.entryList li.latest p.magazine {
	float: left;
	font-size: 120%;
	height: 105px;
	margin: 0;
	width: 180px;
}

div#content div#house ul.entryList li.latest p.title {
	float: left;
	width: 180px;
}

div#content div.banner {
	margin: 0 0 10px 0;
}

div#content div#information,
div#content div#bookreview {
	border: solid 1px #ceb69c;
	clear: both;
	margin: 0 0 10px 0;
	padding: 6px;
	width: 161px;
}

div#content div#information h2,
div#content div#bookreview h2 {
	margin: 0 0 15px 0;
}

div#content div#information p.backnumber,
div#content div#bookreview p.backnumber {
	clear: both;
	margin: -10px 0 0 0;
	position: relative;
	text-align: right;
}

div#content div#information p.backnumber a,
div#content div#bookreview p.backnumber a {
	color: #866443;
}

div#content div#information ul li,
div#content div#bookreview ul li {
	clear: both;
	float: left;
	margin: 0 0 10px 0;
	width: 159px;
}

div#content div#information ul li p.thumb,
div#content div#bookreview ul li p.thumb {
	display: inline;
	float: left;
	margin: 0 6px 0 0;
	text-align: center;
	width: 63px;
}

div#content div#information ul li p.title,
div#content div#bookreview ul li p.title {
	display: inline;
	float: left;
	width: 90px;
}

div#content div#essay {
	clear: both;
	margin: 0 0 20px 0;
}

div#content div#essay p.backnumber {
	margin-right: 5px;
	margin-bottom: 5px;
}

div#content div#essay ul.entryList {
	margin: 0;
}

div#content div#essay ul.entryList li {
	background: #f4e8d5;
	border-bottom: solid 1px #FFFFFF;
	clear: both;
	float: left;
	margin: 0;
	padding: 6px;
	width: 163px;
}

div#content div#essay ul.entryList li p.thumb {
	float: left;
	margin: 0;
	width: 53px;
}

div#content div#essay ul.entryList li p.magazine {
	margin: 0 0 3px 0;
}

div#content div#essay ul.entryList li p.title {
	float: left;
	width: 109px;
}


/* #10 common classes
---------------------------------------------------------------------------- */

img.newIcon {
	margin: 0 0 0 5px;
	vertical-align: middle;
}