/* ================================================================ *
	トップページ用 CSS
	
	最終更新日：09.08.27 oseki
 * ================================================================ */

/* -- レイアウト -- */
body, div, h1, h2, h3, h4, h5, ul, li, ol, dl {
	margin: 0;
	padding: 0;
}
li {
	list-style: none;
}
body {
	background: #FFF url(../top_img/bg.gif) repeat-x left top;
}

#container {
	width: 850px;
	margin: 0 auto;
}
#header {
}
#header div {
	text-align: right;
	margin-top: 25px;
	margin-bottom: 10px;
	width: 490px;
	height: auto;
	float: right;
}

#header a img {
	border: none;
}
#main_contents:after{
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}
#main_contents {
	display:inline-block;
	min-height:1%;  /* for IE 7 and MacIE5.5*/
	margin-top: 20px;
	clear:left;
}
/* Hides from IE-mac \*/
*html #main_contents{height: 1%;}
#main_contents{display: block;}
/* for ie5,6*/

.column_left {
	float: left;
	width: 564px;
	margin-top:20px;
}
.column_right {
	float: right;
	width:278px;
	margin-top:20px;
}
.column_right img {
	margin-top: 10px;
}
.column_right h2 img {
	/*margin-top: 0;*/
	margin-top: 10px;
}
.column_right a img {
	border: none;
}
/* -- フラッシュエリア -- */
#top_flash {
	margin-bottom: 20px;
	border: none;
}

div.rcm_area{
	margin:0;
	padding:0;
}

div.rcm_area img{
	border-style:none;
}

div.rcm_area a{
	text-decoration: none;
}

div.rcm_area a:link{
	text-decoration: none;
}

div.rcm_area a:visited{
	text-decoration: none;
}

div.rcm_area a:hover{
	text-decoration: none;
}

/* -- 本のリスト -- */
.books {
	width: 570px;
	margin-top: 10px;
}
.books p a {
	margin: 10px 0 0 0;
}
.books li {
	display: block;
	width: 168px;
	float: left;
}
.books .top_booklist {
	padding: 10px;
}
.books .top_booklist table {
	border: none;
	width: 168px;
	height: 168px;
	text-align: center;
	border-collapse: collapse;
}
.books .top_booklist table td {
	margin: 0;
	vertical-align: middle;
}
.books .top_booklist table img {
	border: solid 1px #c8c8c8;
}
.books .gray {
	background-color: #f5f5f5;
}
/*.books .gray {
	background-color: #f5f5f5;
}
	.book_list_img {
		border-collapse: collapse;
		width: 168px;
	}
		.book_list_img p {
			display: table-cell;
			text-align: center;
			vertical-align: middle;
			width: 168px !important;
			width: auto;
			height: 168px !important;
			height: auto;
		}
			.book_list_img p img {
				border: solid 1px #c8c8c8;
			}*/

/* -- スライダー -- */
#wrapper {
	width:850px;
	margin:0 auto;
}
#slider {
	float:left;
	position:relative;
	overflow:auto;
	width:850px;
	height:331px;
	background:#fff;
}
#slider ul {
	position:absolute;
	list-style:none;
	top:0;
	left:0;
}
#slider li {
	float:left;
	width:850px;
	height:331px;
	padding-right:10px;
}

div#navi{
	margin:0 auto;
	padding:0;
	text-align:center;
}
.pagination {
	list-style:none;
	height:25px;
	margin:0 auto;
	text-align:center;
}
.pagination li {
	float:left;
	cursor:pointer;
	padding:2px 7px;
	background:#2d1919;
	margin:0 4px 0 0;
	text-align:center;
	color:#fff;
	font-size:10px;
}
.pagination li:hover {
	background:#2d1919;
	color:#87ccce;
}
li.current {
	background:#2d1919;
	color:#87ccce;
}

/* -- ニュース -- */
#top_news {
	background-color: #ebebeb;
	padding:15px 15px 10px 15px;
	margin-top: 3px;
}
#top_news li {
	background: url(../top_img/dot_line.gif) no-repeat bottom;
	padding-bottom: 0.2em;
	font-size: 84%; /*10px指定*/
}
#top_news li p a {
	display: block;
	width: 238px;
	background-color: #ffffff;
	padding: 5px;
	font-size: 120%; /*12px指定*/
	margin-bottom: 3px;
}
p .news_category {
	background: url(../top_img/icon_arrow.gif) no-repeat left center;
	padding: 0px 5px 0px 10px;
}
p .news_date {
	background: url(../top_img/icon_date.gif) no-repeat left center;
	padding-left: 10px;
	margin-left: 10px;
}

span.sub_ttl{
	font-size:10px;
}

#info{
	margin:100px 0 0 0;
	padding:0;
	height:331px;
	background: url(../top_img/orphen_info.gif) no-repeat left center;	
}

#info img{
	margin:250px 0 0 700px;
	padding:0;
	border-style:none;
}

#info a{
	outline: none;
}

#info a img{
	border-style:none;
}

/* -- フッターエリア -- */
#footer {
	margin-top: 15px;
}