@charset "utf-8";

/* --------静的html用CSS-------- */


/* --------＜共通＞ クリア処理 -------- */
#company .genreCompany:after,
#history .yearList:after,
#publish .publishList:after,
#aboutSite .aboutSiteList:after,
#aboutSite ul#plugins:after,
#aboutSite #aboutHeader:after,
#aboutSite #aboutLocaleNavi:after,
#company dl:after,
#history dl:after,
#contest dl.contestDl:after,
#foundation dl.contestDl:after,
#misteryMuseum dl:after,
#sitemap #homes:after,
#sitemap #booksmagazines:after,
#sitemap #comapanies:after,
#sitemap #others:after,
#misteryPrize .awardedList:after,
#contest .awardedList:after,
#misteryPrize .misteryCont:after,
#misteryPrize .misteryCont dd dl:after,
#aboutSite .rssList li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#sitemap #homes,
#sitemap #booksmagazines,
#sitemap #comapanies,
#sitemap #others,
#aboutSite .aboutSiteList,
#aboutSite ul#plugins,
#aboutSite #aboutHeader,
#aboutSite #aboutLocaleNavi,
#foundation dl.contestDl,
#contest .awardedList,
#contest dl.contestDl,
#misteryPrize .awardedList,
#misteryPrize .misteryCont,
#misteryPrize .misteryCont dd dl,
#aboutSite .rssList li {
	zoom: 1;
}


/* --------＜共通＞ 背景グレー処理 -------- */
#company .bg,
#bookstore .bg,
#purchase .bg,
#contact .bg,
#contest .bg,
#foundation .bg {
	background: #F2F2F2;
	padding: 10px 10px 10px 10px;
	margin: 10px 0px 20px 0px;
	line-height: 1.5;
}

/* --------＜共通＞ mainArea内の「Page Top」へ-------- */
#mainArea .pageTop {
	clear: both;
	background: url(/img/common/ico_pageTop.gif) no-repeat top left;
	display: block;
	width: 70px;
	line-height: 1;
	padding-left: 14px;
	margin: 20px 0px 20px 550px;
}

/* ----------------------------------------------------------------- */
/* -------- company -------- */
/* ----------------------------------------------------------------- */
#company .date {
	text-align: right;
	font-size: 84.5%;
	margin-bottom: 15px;
}

#company dl {
	border-top: solid #DDDDDD 1px;
	clear: both;
	width: 620px;
}

#company dl.last {
	border-bottom: solid #DDDDDD 1px;
	margin-bottom: 20px;
}

#company dt {
	float: left;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
	width: 180px;
}

#company dd {
	float: right;
	padding: 5px 0px 5px 0px;
	width: 440px;
}

/* -------- ジャンル （横並びのリスト）-------- */
#company .genreCompany {
	padding-bottom: 20px;
}

#company .genreCompany li {
	list-style: none;
	background: url(/img/common/ico_arrowS.gif) no-repeat center left;
	float: left;
	padding: 2px 20px 0px 18px;
	line-height: 1;
}

/* ----------------------------------------------------------------- */
/* -------- denshishoseki --------
/* ----------------------------------------------------------------- */

#denshishoseki .onlineBox {
	width: 620px;
	overflow: auto;
	margin-bottom: 30px;
}

#denshishoseki .onlineBox .sideA {
	width: 390px;
	float: left;
}

#denshishoseki .onlineBox .sideB {
	width: 205px;
	float: right;
}

#denshishoseki .accessTable {
	width: 620px;
	font-size: 100%;
}

#denshishoseki .accessTableBgTop {
	background: url(/denshishoseki/img/accessTableBgTop.gif) no-repeat top left;
	width: 620px;
}

#denshishoseki .accessTableBgBottom {
	background: url(/denshishoseki/img/accessTableBgBotttom.gif) repeat-y bottom left;
	width: 620px;
}

#denshishoseki .accessTable th,
#denshishoseki .accessTable td {
	padding: 5px 0px 5px 0px;
	_padding: 10px 0px 5px 0px;
	width: 206px;
	text-align: center;
	font-size: 100%;
}

#denshishoseki .accessTable .root {
	padding: 2px 0px 10px 10px;
	text-align: left;
	font-size: 82%;
	_font-size: 84.5%;
	_line-height: 1.4;
}

/* ----------------------------------------------------------------- */
/* -------- privacy --------
/* ----------------------------------------------------------------- */

#privacy #mainArea h3 {
	margin-top: 14px;
}

#privacy ol,
#privacy ul.list {
	padding-top: 15px;
	padding-bottom: 15px;
}

#privacy ol li {
	font-weight: bold;
	margin: 0px 0px 5px 30px;
}

#privacy ul.list li {
	margin: 0px 0px 5px 30px;
}

#privacy ol li span {
	font-weight: normal;
}

/* ----------------------------------------------------------------- */
/* -------- social --------
/* ----------------------------------------------------------------- */

#social h2 {
	margin-top: 20px;
}

#social ul.list {
	padding-top: 0px;
	margin-bottom: 15px;
}

#social ul.list li {
	margin: 0px 0px 5px 24px;
}

#social .note {
    font-size: 84.5%;
}

/* ----------------------------------------------------------------- */
/* -------- contact --------
/* ----------------------------------------------------------------- */

#contact hr {
	color: #DDDDDD;
	border: 0;
	padding: 0;
	margin: 0px 0px 5px 0px;
	height: 1px;
	background: #DDDDDD;
}

#contact h2 a {
	text-decoration: none;
	color: #343434;
}

#contact ul.list {
	padding-top: 15px;
	padding-bottom: 15px;
}

#contact ul.list li {
	margin: 0px 0px 5px 24px;
}

#contact ul .arrow {
	list-style: none;
	margin: 0px 0px 5px 0px;
}

/* ----------------------------------------------------------------- */
/* -------- purchase --------
/* ----------------------------------------------------------------- */

#purchase ul.list {
	padding-top: 15px;
	padding-bottom: 15px;
}
#purchase ul.list li {
	margin: 0px 0px 5px 24px;
}

#purchase ol {
	padding-bottom: 15px;
}

#purchase ol li {
	margin: 0px 0px 5px 30px;
}

#purchase ol li ul li{
	margin: 5px 0px 5px 20px;
	list-style: disc;
}

#purchase .check {
	color: #C24260;
	text-indent: -1em;
	margin-left: 1em;
}

#purchase ul.padNone {
	padding: 0px 0px 0px 0px;
	margin-bottom: 0;
}

/* ----------------------------------------------------------------- */
/* -------- history -------- */
/* ----------------------------------------------------------------- */

#history .yearList,
#history dl {
	zoom: 1;
}

#history .yearList {
	margin-bottom: 15px;
}

#history .yearList li {
	list-style: none;
	background: url(/img/common/ico_genre.gif) no-repeat center left;
	float: left;
	font-size: 84.5%;
	padding: 2px 20px 0px 18px;
	line-height: 1;
}

#history h3 {
	margin-bottom: 15px;
	padding-bottom: 0px;
}

#history dl {
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: solid #DDDDDD 1px;
	width: 620px;
}

#history dl.last {
	margin-bottom: 20px;
}

#history dt {
	float: left;
	width: 170px;
}

#history dd {
	float: right;
	width: 450px;
}

/* ----------------------------------------------------------------- */
/* -------- publish -------- */
/* ----------------------------------------------------------------- */

#publish .yearList,
#publish dl {
	zoom: 1;
}

#publish h3 {
	margin-top: 0px;
}

#publish .publishList {
	margin-bottom: 10px;
}

#publish .publishList li {
	list-style: none;
	background: url(/img/common/ico_genre.gif) no-repeat center left;
	float: left;
	font-size: 84.5%;
	padding: 2px 20px 0px 18px;
	line-height: 1;
}

#publish table {
	margin-bottom: 15px;
	width: 620px;
	font-size: 100%;
}

#publish table.last {
	margin-bottom: 0px;
}

#publish th {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 145px;
	vertical-align: middle;
	border-bottom: solid #DDDDDD 1px;
}

#publish table.booksTable th {
		width: 163px;
}

#publish th p {
	padding-left: 60px;
	background: url(/img/common/sNaviBgArrow.gif) no-repeat center left;
	line-height: 1.2;
	text-align: center;
}

#publish table.booksTable th p {
	padding-left: 38px;
}

#publish th p.linkNone {
	background: none;
}

#publish td {
	padding: 10px 0px 10px 45px;
	width: 430px;
	border-bottom: solid #DDDDDD 1px;
	font-size: 84.5%;
	line-height: 1.4;
}

#publish table.booksTable td {
	padding: 10px 0px 10px 25px;
	width: 410px
}

#publish .topth {
	padding-top: 0px;
}

/* ----------------------------------------------------------------- */
/* -------- sitemap -------- */
/* ----------------------------------------------------------------- */

#sitemap #mainArea li {
	list-style: none;
	background: url(/img/common/sNaviBgArrow.gif) no-repeat 0px 0px;
	line-height: 1.2;
	padding: 8px 0px 8px 20px;
}

#sitemap #mainArea li.blankLink {
	list-style: none;
	background: url(/img/common/ico_blank.gif) no-repeat 3px 10px;
	line-height: 1.2;
	padding: 8px 0px 8px 20px;
}

#sitemap #homes {
	padding-bottom: 10px;
	margin-bottom: 10px;
	width: 620px;
	border-bottom: #DDD solid 1px;
}

#sitemap #home {
	border-left: #666 solid 2px;
}

#sitemap #homesLeft {
	float: left;
	width: 323px;
	border-left: #666 solid 2px;
}

#sitemap #homesRight {
	float: right;
	width: 295px; 
}

#sitemap #booksmagazines {
	clear: both;
	padding-bottom: 10px;
	margin-bottom: 10px;
	width: 620px;
	border-bottom: #DDD solid 1px;
}

#sitemap #magazinesLeft {
	float: left;
	width: 323px;
	border-left: #D16870 solid 2px;
}

#sitemap dt {
	padding-left: 10px;
	margin-bottom: 10px;
}

#sitemap dt strong.magazineDt {
	padding: 2px 5px;
	background: #767676;
	font-size: 84.5%;
	color: #FFF;
}

#sitemap dd {
	padding-left: 25px;
}

#sitemap #mainArea dd li {
	list-style: none;
	background: url(/sitemap/img/sitemap_navi.gif) no-repeat 0px 1px;
	padding: 0px;
	_padding-top: 0px;
	padding-left: 25px;
	margin-bottom: 10px;
}

#sitemap #mainArea dd li.blankLink {
	list-style: none;
	background: url(/sitemap/img/sitemap_navi_blank.gif) no-repeat 0px 1px;
	padding: 0px;
	_padding-top: 0px;
	padding-left: 30px;
	margin-bottom: 10px;
}

#sitemap .preparation {
	color: #888;
}

#sitemap #subscription {
	margin-top: 25px;
}

#sitemap #booksRight {
	float: right;
	width: 295px; 
}

#sitemap #booksRight dt {
	background: url(/img/common/sNaviBgArrow.gif) no-repeat 0px 1px;
	line-height: 1.2;
	padding: 8px 0px 0px 20px;
}

#sitemap #books {
	margin-bottom: 15px;
	border-left: #61A8A1 solid 2px;
}

#sitemap #paperback {
	margin-bottom: 15px;
	border-left: #9D964B solid 2px;
}

#sitemap #newbook {
	margin-bottom: 15px;
	border-left: #6EA53A solid 2px;
}

#sitemap #comic {
	margin-bottom: 15px;
	border-left: #E18844 solid 2px;
}

#sitemap #onlinebook {
	margin-bottom: 15px;
	border-left: #7381BC solid 2px;
}

#sitemap #newbook p,
#sitemap #comic p,
#sitemap #onlinebook p {
	background: url(/img/common/sNaviBgArrow.gif) no-repeat 0px 0px;
	line-height: 1.2;
	padding: 8px 0px 8px 20px;
}

#sitemap #comapanies {
	clear: both;
	padding-bottom: 10px;
	margin-bottom: 10px;
	width: 620px;
	border-bottom: #DDD solid 1px;
}

#sitemap #comapanyLeft {
	float: left;
	width: 325px;
}

#sitemap #companyGuidance {
	margin-bottom: 15px;
	border-left: #666 solid 2px;
}

#sitemap #companyGuidance dt {
	background: url(/img/common/sNaviBgArrow.gif) no-repeat 0px 1px;
	line-height: 1.2;
	padding: 8px 0px 0px 20px;
}

#sitemap #workGuidance {
	border-left: #666 solid 2px;
}

#sitemap #workGuidance p {
	background: url(/img/common/sNaviBgArrow.gif) no-repeat 0px 0px;
	line-height: 1.2;
	padding: 8px 0px 8px 20px;
}

#sitemap #companyRight {
	float: right;
	width: 295px;
}

#sitemap #companyRight #prizes {
	border-left: #666 solid 2px;
}

#sitemap #others {
	clear: both;
	width: 620px;
}

#sitemap #othersLeft {
	float: left;
	width: 325px;
}

#sitemap #othersRight {
	float: right;
	width: 295px;
}

#sitemap #other1 {
	border-left: #666 solid 2px;
}

#sitemap #other1 dt {
	background: url(/img/common/sNaviBgArrow.gif) no-repeat 0px 1px;
	line-height: 1.2;
	padding: 8px 0px 0px 20px;
}

#sitemap #homesLeft {
	float: left;
	width: 323px;
	border-left: #666 solid 2px;
}

#sitemap #othersRight #othre2 {
	border-left: #666 solid 2px;
}

#sitemap #mainArea dd li.last {
	margin-bottom: 0px;
}

#publish .publishList {
	margin-bottom: 10px;
}

/* ----------------------------------------------------------------- */
/* -------- aboutSite -------- */
/* ----------------------------------------------------------------- */

#aboutSite h3 {
	margin-bottom: 10px;
	padding-bottom: 0px;
}

#aboutSite #lead {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: #C6C6C6 solid 1px;
}

#aboutSite .aboutSiteList {
	margin-bottom: 20px;
}

#aboutSite .aboutSiteList li {
	list-style: none;
	background: url(/img/common/ico_genre.gif) no-repeat center left;
	float: left;
	font-size: 84.5%;
	padding: 2px 20px 0px 18px;
	line-height: 1;
}

#aboutSite .environmentDl dt {
	font-weight: bold;
}

#aboutSite .environmentDl ul,
#aboutSite .rssList {
	padding-left: 10px;
}

#aboutSite .environmentDl ul li {
	padding-left: 10px;
	background: url(/sitepolicy/img/list_bg_blk.gif) 0px 7px no-repeat;
	list-style: none;
}

#aboutSite .rssList li {
	padding-left: 10px;
	background: url(/sitepolicy/img/list_bg_blk.gif) 0px 7px no-repeat;
	list-style: none;
}

#aboutSite .rssList li#newTopics {
	_margin-bottom: 10px;
}

#aboutSite .rssList li p {
	float: left;
}

#aboutSite .rssList li p.rssIco {
	margin-left: 5px;
	padding-top: 1.5px;
}

#aboutSite .marBottom5 {
	margin-bottom: 5px;
}

#aboutSite .note {
	font-size: 84.5%;
}

#aboutSite ul#plugins {
	margin-bottom: 15px;
	width: 620px;
}

#aboutSite ul#plugins li {
	float: left;
	margin-right: 20px;
	background: none;
	list-style: none;
}

#aboutSite #aboutHeader {
	margin-bottom: 10px;
	width: 620px;
}

#aboutSite #aboutLocaleNavi {
	width: 620px;
}

#aboutSite #headerSearchImg {
	float: left;
	width: 361px;
}

#aboutSite #headerSearchImg2 {
	float: left;
	width: 230px;
}

#aboutSite #headerSearchTxt {
	padding-left: 20px;
	width: 239px; 
	float: right;
}

#aboutSite #headerSearchTxt2 {
	padding-left: 20px;
	width: 369px; 
	float: right;
}

#aboutSite .links {
	list-style: none;
	background: url(/img/common/sNaviBgArrow.gif) no-repeat 0px 0px;
	line-height: 1.2;
	padding: 8px 0px 8px 20px;
}

/* ----------------------------------------------------------------- */
/* -------- prize -------- */
/* ----------------------------------------------------------------- */

#misteryPrize h2 {
	margin-bottom: 15px;
}

#misteryPrize .links {
	list-style: none;
	background: url(/img/common/sNaviBgArrow.gif) no-repeat 0px 0px;
	line-height: 1.2;
	padding: 8px 0px 8px 20px;
}

#misteryPrize .awardedList {
	margin-bottom: 25px;
	width: 620px;
}

#misteryPrize .awardedList.newList {
	margin-bottom: 0px;
}

#misteryPrize .awardedList dt {
	float: left;
	margin-bottom: 2.5px;
	width: 3em;	
}

#misteryPrize .awardedList dd {
	margin-bottom: 2.5px;
}

#misteryPrize .misteryCont {
	padding-bottom: 15px;
	margin-bottom: 15px;
	width: 620px;
	border-bottom: #DDD solid 1px;
}

#misteryPrize .misteryCont.lastCont {
	margin-bottom: 0px;
}

#misteryPrize .photo {
	float: left;
	width: 152px;
}

#misteryPrize .photo img {
	border: #CCC solid 1px;
}

#misteryPrize dl.aboutPrize {
	float: right;
	padding-left: 25px;
	width: 443px;
}

#misteryPrize .misteryCont dt {
	width: 443px;
	font-weight: bold;
}

#misteryPrize .misteryCont dd dl {
	width: 443px;
}

#misteryPrize .misteryCont dd dt {
	float: left;
	width: 60px;
	font-weight: normal;
}

#misteryPrize .misteryCont dl.newPrize dd dt {
	width: 70px;	
}

#misteryPrize .misteryCont dd dd {
	float: left;
	width: 383px;
}

#misteryPrize .misteryCont dl.newPrize dd dd {
	width: 373px;
}

#misteryPrize .misteryCont dd dd ol {
	padding-left: 5px;
	list-style: inside decimal;
}

#misteryPrize .misteryCont dd dt.specialPrize {
	float: none;
}

#misteryPrize dl.prizeName dt,
#misteryPrize dl.prizeName dd {
	font-weight: bold;
}

#misteryPrize .misteryCont .selection {
	font-size: 84.5%;	
}

#misteryPrize .misteryCont .nameNote {
	font-weight: normal;
	font-size: 84.5%;
}

/* ----------------------------------------------------------------- */
/* -------- misteryMuseum -------- */
/* ----------------------------------------------------------------- */

#misteryMuseum h2 {
	margin-bottom: 15px;
}

#misteryMuseum dl {
	clear: both;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: solid #DDDDDD 1px;
	width: 620px;
}

#misteryMuseum dl.tops {
	clear: none;
}

#misteryMuseum dt {
	float: left;
	width: 190px;
	font-weight: bold;
}

#misteryMuseum dd {
	float: right;
	width: 430px;
}

#misteryMuseum dl.last {
	padding-bottom: 10px;
	margin-bottom: 30px;
}

#misteryMuseum dl ol {
	list-style: outside decimal;
	margin-left: 2em;
}

/* ----------------------------------------------------------------- */
/* -------- contest -------- */
/* ----------------------------------------------------------------- */

#contest #lead {
	margin-bottom: 25px;
}

#contest .awardedList {
	margin-bottom: 25px;
	width: 620px;
}

#contest .awardedList.newList {
	margin-bottom: 0px;
}

#contest .awardedList dt {
	float: left;
	margin-bottom: 2.5px;
	width: 3em;	
}

#contest .awardedList dt#selectionCommittee {
	width: 9.25em;
}

#contest .awardedList dd {
	margin-bottom: 2.5px;
}

#contest .links {
	list-style: none;
	background: url(/img/common/sNaviBgArrow.gif) no-repeat 0px 0px;
	line-height: 1.2;
	padding: 8px 0px 8px 20px;
}

#contest dl.contestDl {
	clear: both;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: solid #DDDDDD 1px;
	width: 620px;
}

#contest dl.contestDl.tops {
	clear: none;
}

#contest dl.contestDl dt {
	float: left;
	width: 85px;
	font-weight: bold;
}

#contest dl.contestDl dd {
	float: right;
	width: 535px;
}

#contest dl.contestDl.last {
	margin-bottom: 15px;
}

#contest .bg {
	margin-bottom: 0px;
}

#contest .bg ul {
	font-size: 84.5%;
	list-style: none;
}

#contest .bg ul li {
	padding-left: 1em;
	text-indent: -1em;
}

/* ----------------------------------------------------------------- */
/* -------- foundation -------- */
/* ----------------------------------------------------------------- */

#foundation h1 {
	padding-bottom: 20px;
}

#foundation dl.contestDl {
	clear: both;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: solid #DDDDDD 1px;
	width: 620px;
}

#foundation dl.contestDl.tops {
	clear: none;
}

#foundation dl.contestDl dt {
	float: left;
	width: 120px;
	font-weight: bold;
}

#foundation dl.contestDl dd {
	float: right;
	width: 500px;
}

#foundation dl.contestDl.last {
	margin-bottom: 25px;
}

#foundation dl.contestDl.last2 {
	margin-bottom: 15px;
}

#foundation .blank {
	padding: 8px 0px 8px 0px;
}

#foundation dl ol {
	list-style: outside decimal;
	margin-left: 2em;
}

#foundation dl ol ol {
	list-style: none;
	margin-left: 0em;
}

#foundation dl ol li {
	margin-bottom: 15px;
}

#foundation dl ol ol li,
#foundation dl ol li.lastNone {
	margin-bottom: 0px;
}

#foundation .bg {
	margin-bottom: 25px;
}

#foundation .marBottom5 {
	margin-bottom: 5px;
}