@charset "utf-8";



/* --------トップページ用CSS------- */



#top h1 {

	width: 107px;

	position: absolute;

	padding: 18px 0px 0px 30px;

}



#top h2 {

	padding-bottom: 8px;

}



/* --------ヘッダーエリア-------- */

#top #headerArea {

	width: 920px;

	height: 96px;

	background: url(/img/common/headerBgTop.jpg) no-repeat top left;

}



/* --------ヘッダー「ホーム」消去-------- */



#top #headerNaviArea li.home {

	visibility: hidden;

}



/* --------フラッシュエリア-------- */



#top #flashArea {

	width: 920px;

	height: 468px;

	margin-bottom: 15px;

	margin-top: -3px;

	z-index: 1;

	position: relative;

}



/* --------sideA-------- */



#top #contentsArea #sideA {

	width: 210px;

	float: left;

}



#top #contentsArea #sideA .sideBox {

	background: url(/img/top/sideA_boxBg.gif) no-repeat bottom left;

	width: 190px;

	_width: 210px;

	padding: 10px 10px 8px 10px;

	margin-bottom: 20px;

}



#top #contentsArea #sideA .sideBox dl {

	border-top: #EEEEEE 1px solid;

	padding-top: 6px;

	margin-top: 4px;

	font-size: 84.5%;

	width: 190px;

	clear: both;

}



#top #contentsArea #sideA .sideBox dl:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}



#top #contentsArea #sideA .sideBox dl.no1 {

	border-top: none;

	margin-top: -6px;

}



#top #contentsArea #sideA .sideBox dt {

	width: 52px;

	float: left;

}



#top #contentsArea #sideA .sideBox dd {

	font-weight: bold;

	line-height: 1.4;

	width: 135px;

	float: left;

}



#top #contentsArea #sideA .sideBox dd p {

	margin-bottom: 2px;

}



#top #contentsArea #sideA .sideBox dd span {

	font-weight: normal;

	display: block;

}



/* --------ランキングの色-------- */

#top #contentsArea #sideA .sideBox dd span.color_rank {

	background: #6D6D6D;

	display: inline;

	padding: 2px;

	color: #FFFFFF;

}

/* --------ジャンルの色（書籍）-------- */

#top #contentsArea #sideA .sideBox dd span.color_shoseki {

	background: #5BB0A9;

	display: inline;

	padding: 2px;

	color: #FFFFFF;

	margin-bottom: 5px;

}

/* --------ジャンルの色（文庫）-------- */

#top #contentsArea #sideA .sideBox dd span.color_bunko {

	background: #CBBC5D;

	display: inline;

	padding: 2px;

	color: #FFFFFF;

	margin-bottom: 5px;

}

/* --------ジャンルの色（新書）-------- */

#top #contentsArea #sideA .sideBox dd span.color_shinsho {

	background: #78BA50;

	display: inline;

	padding: 2px;

	color: #FFFFFF;

	margin-bottom: 5px;

}



/* --------「光文社の文学賞について」のリスト-------- */

#top #contentsArea #sideA .sideBox li {

	list-style: none;

	background: url(/img/common/ico_arrow.gif) no-repeat center left;

	padding: 4px 0px 4px 20px;

	margin: 0px 0px 0px -2px;

	font-size: 84.5%;

	line-height: 1.2;

}



#top #contentsArea #sideA .sideBox li.blank {

	background: url(/img/common/ico_blankS.gif) no-repeat 7px center;

}



/* --------「光文社の文学賞について」のリスト（上部の線あり版）-------- */

#top #contentsArea #sideA .sideBox .line {

	border-top: solid #EEEEEE 1px;

	margin: 4px 0px 0px -2px;

	padding: 6px 0px 4px 20px;

	line-height: 1.3;

}



/* --------sideB-------- */

#top #contentsArea #sideB {

	width: 381px;

	float: right;

}



#top #contentsArea #sideB dl {

	border-bottom: solid #DDDDDD 1px;

	padding-bottom: 5px;

	margin-bottom: 5px;

	font-size: 84.5%;

	padding-left: 3px;

	line-height: 1.2;

	_line-height: 1.3;

}



#top #contentsArea #sideB dt {

	color: #989898;

	padding-bottom: 1px;

}



#top #contentsArea #sideB dt img {

	margin-left: 5px;

}



#top #contentsArea #sideB .rss {

	background: url(/img/common/ico_rss_s.gif) no-repeat center left;

	padding: 5px 0px 4px 17px;

	margin: 7px 0px 0px 7px;

	font-size: 84.5%;

	line-height: 1.2;

}



/* --------sideAB-------- */



#top #contentsArea #sideAB {

	width: 620px;

	float: left;

	margin-bottom: 30px;

}



/* --------sideC-------- */

#top #contentsArea #sideC {

	width: 210px;

	float: right;

}



#top #contentsArea #sideC ul {

	border-top: solid #DDDDDD 1px;

	padding-top: 10px;

	margin: 20px 0px 0px 0px;

}



#top #contentsArea #sideC ul li {

	list-style: none;

	padding: 0px 0px 7px 7px;

}



#top #contentsArea #sideC ul li img {

	vertical-align: bottom;

}



/* --------sideC dateArea -------- */



#top #contentsArea #sideC .dateArea {

	border-top: solid #DDDDDD 1px;

	font-size: 84.5%;

	padding-top: 10px;

	margin-top: 6px;

}



#top #contentsArea #sideC .dateArea p {

	border-left: solid #1071BA 2px;

	padding: 2px 0px 2px 8px;

}



#top #contentsArea #sideC .dateArea p img {

	margin-bottom: 4px;

}



#top #contentsArea #sideC .dateArea p span {

	font-weight: bold;

}



/* --------バナーエリア-------- */

#top #contentsArea #bannerArea {

      width: 860px;

	border-top: solid #E0E0E0 1pt;

	clear: both;

	padding: 9px 0px 9px 0px;

	height: 32px;

}



/* --------バナーエリア-------- */

#top #contentsArea #bannerArea li {

	float: left;

	list-style: none;

	padding-right: 8px;

}



#top #contentsArea #bannerArea img {

	display: block;

}



#top #contentsArea #bannerArea .padNone {

	padding-right: 0px;

}



/* --------バナーエリア2-------- */

#top #contentsArea #bannerArea2 {

      width: 860px;

	clear: both;

	padding: 0px 0px 9px 0px;

	height: 32px;

}



/* --------バナーエリア2-------- */

#top #contentsArea #bannerArea2 li {

	float: left;

	list-style: none;

	padding-right: 8px;

}



#top #contentsArea #bannerArea2 img {

	display: block;

}



#top #contentsArea #bannerArea2 .padNone {

	padding-right: 0px;

}



/* --------フッターエリア-------- */

#top #footerArea {

	margin: 0px 30px 0px 30px;

}