@charset "utf-8";

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


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

#01 General Elements
#02 body
#03 layout
#04 header
#06 pageBody
#07 content
#09 footer
#10 clearfix
#11 common classes

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


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

a    { color: #000099; text-decoration: none; }
a:link    {  }
a:visited {  }
a:hover   { text-decoration: underline; }
a:active  {  }

h1 { margin: 0 0 13px 0; }
h2 {  }
h3 {  }
h4 {  }
p { margin: 0 0 15px 0; }


/* #02 body
---------------------------------------------------------------------------- */

body {
	background: #FFFFFF;
	color: #666666;
	text-align: center;
}


/* #03 layout
---------------------------------------------------------------------------- */

div#layout {
	margin: 0 auto;
	text-align: left;
	width: 928px;
}


/* #04 header
---------------------------------------------------------------------------- */

div#header {
	border-bottom: solid 1px #ceba9c;
	margin: 0 0 10px 0;
/*	padding: 25px 0 0 0;	*/
	padding: 45px 0 0 0;
	position: relative;
}

div#header #logo {
	height: 39px;
	margin: 0;
	overflow: hidden;
/*	padding: 0 0 20px 0;	*/
	padding: 0 0 30px 0;
	text-indent: -9999px;
	width: 248px;
}

div#header #logo a {
	background: url(../images/logo.gif) no-repeat left top;
	display: block;
	height: 39px;
	width: 248px;
}

div#header p#tagline {
	color: #3C3535;
/*	font-size: 90%;	*/
	font-size: 70%;
	margin: 0 0 3px 0;
	padding: 0;
}

div#header #adBanner {
	position: absolute;
	top: 25px;
	right: 0;
}

div#header ul#gNavi {
	float: left;
	list-style: none;
}

div#header ul#gNavi li,
div#header ul#gNavi li a {
	height: 14px;
}

div#header ul#gNavi li {
	display: inline;
	float: left;
	overflow: hidden;
	text-indent: -9999px;
}

div#header ul#gNavi li a {
	display: block;
}

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

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

div#header ul#gNavi li#gNaviToptopics,
div#header ul#gNavi li#gNaviToptopics a {
	background: url(../images/gnavi_toptopics.gif) no-repeat left top;
	width: 90px;
}

div#header ul#gNavi li#gNaviToptopics a:hover {
	background: url(../images/gnavi_toptopics_o.gif) no-repeat left top;
}

div#header ul#gNavi li#gNaviHouse,
div#header ul#gNavi li#gNaviHouse a {
	background: url(../images/gnavi_house.gif) no-repeat left top;
	width: 88px;
}

div#header ul#gNavi li#gNaviHouse a:hover {
	background: url(../images/gnavi_house_o.gif) no-repeat left top;
}

div#header ul#gNavi li#gNaviEssay,
div#header ul#gNavi li#gNaviEssay a {
	background: url(../images/gnavi_essay.gif) no-repeat left top;
	width: 95px;
}

div#header ul#gNavi li#gNaviEssay a:hover {
	background: url(../images/gnavi_essay_o.gif) no-repeat left top;
}

div#header ul#gNavi li#gNaviInformation,
div#header ul#gNavi li#gNaviInformation a {
	background: url(../images/gnavi_information.gif) no-repeat left top;
	width: 100px;
}

div#header ul#gNavi li#gNaviInformation a:hover {
	background: url(../images/gnavi_information_o.gif) no-repeat left top;
}

div#header ul#gNavi li#gNaviBookreview,
div#header ul#gNavi li#gNaviBookreview a {
	background: url(../images/gnavi_bookreview.gif) no-repeat left top;
	width: 97px;
}

div#header ul#gNavi li#gNaviBookreview a:hover {
	background: url(../images/gnavi_bookreview_o.gif) no-repeat left top;
}

div#header ul#gNavi li#gNaviMailmagazine,
div#header ul#gNavi li#gNaviMailmagazine a {
	background: url(../images/gnavi_mailmagazine.gif) no-repeat left top;
	width: 82px;
}

div#header ul#gNavi li#gNaviMailmagazine a:hover {
	background: url(../images/gnavi_mailmagazine_o.gif) no-repeat left top;
}

div#header p#hBanner {
	position: absolute;
	right: 0;
	top: 33px;
}

div#header div#hSearch {
	float: right;
	margin: 0 0 5px 0;
}

div#header div#hSearch p {
	margin: 0;
}

div#header div#hSearch input {
	vertical-align: middle;
}

div#header div#hSearch input#srchInput {
	background: url(../images/bg_ysearch.gif) center center no-repeat;
	border: 1px solid #a5acb2;
	height: 18px;
	padding: 1px 5px;
	width: 134px;
}

div#header div#hSearch input.focus {
	background: none !important;
}


/* #06 pageBody
---------------------------------------------------------------------------- */

div#pageBody {
	clear: both;
	padding: 0;
	width: 928px;
}

div#pageBody ol#topicPath {
	float: left;
	font-size: 90%;
	margin: 0 0 10px 0;
}

div#pageBody ol#topicPath li {
	background: url(../images/ico_topicpath.gif) no-repeat right center;
	display: inline;
	float: left;
	margin: 0 11px 0 0;
	padding: 0 20px 0 0;
}

div#pageBody ol#topicPath li.here {
	background: none;
	margin: 0;
	padding: 0;
}

div#pageBody ol#topicPath li a {
	color: #8c6542;
}

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

div#pageBody p.backnumber a {
	color: #4a4d4a;
}

div#pageBody p#hBacknumber a {
	background: #666666;
	color: #FFFFFF;
	padding: 5px;
}

div#pageBody p#hBacknumber a:hover {
	background: #000099;
}

div#pageBody div.entryNavi {
	clear: both;
	margin: 15px 0;
}

div#pageBody div.entryNavi ul {
	margin: 0 auto;
	text-align: center;
	width: 15em;
}

div#pageBody div.entryNavi ul li {
	display: -moz-inline-box;
	display: inline-block;
}

div#pageBody div.entryNavi ul li a {
	color: #886544;
}

div#pageBody div.entryNavi ul li.back {
	float: left;
}

div#pageBody div.entryNavi ul li.back a {
	background: url(../images/ico_back.gif) no-repeat right center;
	padding: 0 12px 0 0;
}

div#pageBody div.entryNavi ul li.next {
	float: right;
}

div#pageBody div.entryNavi ul li.next a {
	background: url(../images/ico_next.gif) no-repeat left center;
	padding: 0 0 0 12px;
}

div#pageBody div#relationship {
	float: left;
	margin: 0 0 25px 0;
	width: 449px;
}

div#pageBody div#relationship h2 {
	margin: 0 0 5px 0;
}

div#pageBody div#relationship ul li {
	border-bottom: dotted 1px #ceb69c;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
}

div#pageBody div#relationship ul li a {
	color: #666666;
}

div#pageBody div#relationship ul li a:hover {
	color: #000099;
}

div#pageBody div#relationship ul li p {
	margin: 0;
}

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

div#pageBody div#bbanner {
	float: right;
	margin: 0 0 25px 0;
	width: 449px;
}

div#pageBody div#bbanner ul li {
	margin: 0 0 10px 0;
}

div#pageBody p.pagetop {
	clear: both;
	margin: 0 0 15px 0;
	text-align: right;
}

div#pageBody p.pagetop a {
	background: url(../images/ico_pagetop.gif) no-repeat left center;
	color: #666666;
	padding: 0 0 0 9px;
}

div#pageBody p.pagetop a:hover {
	color: #000099;
}


/* #07 content
---------------------------------------------------------------------------- */

div#content {
	clear: both;
}

body.oneColumn div#content {
	float: none;
	width: auto;
}

div#content p,
div#content li,
div#content dd {
	text-align: justify;
	text-justify: inter-ideograph;
}

div#content div#list {
	margin: 0 auto;
	padding: 11px 0 0 0;
	width: 843px;
}

div#content div#list h1 {
	border-bottom: solid 1px #918B8A;
	padding: 0 0 7px 0;
}

div#content div#list ol#backnumberList {
	list-style: none;
	margin: 0 0 15px;
}

div#content div#list ol#backnumberList li {
	border-bottom: solid 1px #DADADA;
	clear: both;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}

div#content div#list ol#backnumberList li h2 {
	float: right;
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
	width: 548px;
}

div#content div#list ol#backnumberList li p {
	margin: 0;
}

div#content div#list ol#backnumberList li p.picture {
	float: left;
}

div#content div#list ol#backnumberList li p.description {
	clear: right;
	float: right;
	margin: 0 0 5px 0;
	width: 548px;
}

div#content div#list ol#backnumberList li p.readmore {
	clear: right;
	text-align: right;
}


/* #09 footer
---------------------------------------------------------------------------- */

div#footer {
	border-top: solid 1px #ceb69c;
	clear: both;
	font-size: 90%;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
}

div#footer p#copyright {
	clear: both;
	margin: 0 0 20px 0;
}

div#footer ul#fNavi {
	list-style: none;
}

div#footer ul#fNavi li {
	border-left: solid 1px #ceb69c;
	border-right: solid 1px #ceb69c;
	display: inline;
	float: left;
	line-height: 1.1;
	margin: 0 -1px 10px 0;
	padding: 0 12px;
}

div#footer ul#fNavi li a {
	color: #666666;
}


/* #10 clearfix
---------------------------------------------------------------------------- */

div#header:after,
div#pageBody:after,
div#pageBody div.entryNavi:after,
div#content div#list ol#backnumberList li:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div#header,
div#pageBody,
div#pageBody div.entryNavi,
div#content div#list ol#backnumberList li {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html div#header,
* html div#pageBody,
* html div#pageBody div.entryNavi,
* html div#content div#list ol#backnumberList li {
	height: 1%;
}
div#header,
div#pageBody,
div#pageBody div.entryNavi,
div#content div#list ol#backnumberList li {
	display: block;
}
/* End hide from IE-mac */


/* #11 common classes
---------------------------------------------------------------------------- */

#visual {
	margin: 0 0 30px 0;
}

.commonMHead {
	color: #000000;
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 12px 0;
}

.commonDate {
	font-size: 90%;
	margin: 0;
	text-align: right;
}

div.bottomCategory {
	border-top: solid 1px #ceba9c;
	clear: both;
	overflow: hidden;
	padding: 24px 0 0 0;
	width: 928px;
}

ul.topicsList {
	list-style: none;
	width: 936px;
}

ul.topicsList li {
	float: left;
	margin: 0 9px 22px 0;
	width: 225px;
}

ul.topicsList li p {
	margin: 0;
}

/* Hides from IE-mac \*/
*:first-child+html ul.topicsList {
	margin-bottom: 22px;
}

*:first-child+html ul.topicsList li {
	margin-bottom: 0;
}
/* End hide from IE-mac */

ul.topicsList li p.title {
	font-size: 120%;
	font-weight: bold;
}

ul.topicsList li p.title img {
	margin: 0 0 5px 0;
}

ul.houseList {
	clear: both;
	list-style: none;
	width: 936px;
}

ul.houseList li {
	display: inline;
	float: left;
	margin: 0 7px 7px 0;
	width: 149px;
}

/* Hides from IE-mac \*/
*:first-child+html ul.houseList {
	margin-bottom: 7px;
}

*:first-child+html ul.houseList li {
	margin-bottom: 0;
}
/* End hide from IE-mac */

ul.houseList li p {
	margin: 0;
}

ul.houseList li p.title {
	font-weight: bold;
}

ul.houseList li p.title img {
	margin: 0 0 5px 0;
}

p.pagetop {
	clear: both;
	margin: 0 0 15px 0;
	text-align: right;
}

ol.pager {
	clear: both;
	line-height: 1.1;
	list-style: none;
	margin: 0 0 15px 0;
	padding: 0 0 0 0.5em;
	text-align: center;
}

ol.pager li {
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
	display: inline;
	margin: 0 0 0 -1px;
	padding: 0 7px;
}

/* Hides from IE-mac \*/
* html ol.pager li {
	margin: 0 0 0 -1px;
	zoom: 1;
}
*:first-child+html ol.pager li {
	margin: 0 0 0 -1px;
	zoom: 1;
}
/* End hide from IE-mac */

ol.pager li.here {
	font-weight: bold;
}

ol.pager li.before,
ol.pager li.next {
	border: none;
}