@charset "UTF-8";

#top-maincontents, #top-contents-area, #top-contents-area2, .top-twitter-area {
	width: 860px;
}

#top-maincontents {
	background-color: #F6F5EE;
	margin: 0 auto;
	padding: 0 50px 25px 50px;
	overflow:hidden;
}

#top-contents-area, #top-contents-area2 {
	overflow: hidden;
	margin: 40px 0 0 0;
}

.top-left-side, .top-righ-side {
	width: 410px;
	height: 100%;
}

.top-left-side {
	float: left;
}

.top-right-side {
	float: right;
}

.top-left-side-article, .top-left-side-article2 {
	width: 410px;
	padding: 0;
}

.top-left-side-article {
	margin: 0 0 30px 0;
}

.top-left-side-article2 {
	margin: 0;
}

.top-right-side-article {
    width: 410px;
	margin: 0 0 30px 0;
	overflow: hidden;
}

.top-right-side-article2 {
    width: 386px;
	margin: 0;
	padding: 0 0 0 24px;
}

ul.top-contents-1 {
	background-image: url(../images/top/top-left-side-article-dot.png);
	background-repeat: repeat;
	background-position: 0 0;
}

ul.top-contents-1 {
	padding: 0;
}

ul.top-contents-1 li {
	font-size: 0.8em;
	margin: 0;
	line-height: 26px;
}

ul.top-contents-1 li a {
	color: #000;
	text-decoration: none;
}

ul.top-contents-1 li a:hover {
	color: #b2b2b2;
}


/*****************************************************************
recommend books
*****************************************************************/
ul.top-contents-2 {
	padding: 0 0 0 14px;
	position: relative;
}

li.recommend-left-side-arrow {
	position: absolute;
	left: 0px;
	top: 120px;
	width: 9px;
	height: 12px;
}

li.recommend-left-side-arrow a {
	width: 9px;
	height: 12px;
	display: block;
	background-image: url(../images/top/recommended-books-arrow-left.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
}

li.recommend-right-side-arrow {
	position: absolute;
	right: 0px;
	top: 120px;
	width: 9px;
	height: 12px;
}

li.recommend-right-side-arrow a {
	width: 9px;
	height: 12px;
	display: block;
	background-image: url(../images/top/recommended-books-arrow-right.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
}

li.recommend-books {
	width: 190px;
	height: 255px;
	float: left;
}


/*****************************************************************
twitter area
*****************************************************************/
p.special-contents-discription {
	font-size: 1em;
	margin: 0 0 0 10px;
	padding: 0;
	float: left;
}

p.special-contents-discription a {
	color: #000;
	text-decoration: none;
}

p.special-contents-discription a:hover {
	color: #b2b2b2;
}

h5.special-contents-theme {
	font-size: 1em;
	margin: 0 0 10px 0;
	padding: 0;
	clear: both;
	font-family: "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

h5.special-contents-theme-main {
	font-size: 24px;
	margin: 0;
	padding: 0 0 20px 0;
	background-image: url(../images/top/top-special-contents-dot.png);
	background-repeat: repeat-x;
	background-position: bottom left;
	font-family: "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.top-twitter-area {
	padding: 10px 0 10px 0;
	background-image: url(../images/top/top-special-contents-dot.png);
	background-repeat: repeat-x;
	background-position: bottom left;
	overflow: hidden;
}

.top-twitter-area-left {
	width: 60px;
	height: 60px;
	float: left;
}

.top-twitter-area-right {
	width: 785px;
	float: right;
}

p.top-twitter-text {
	font-size: 0.9em;
	margin: 0;
	line-height: 20px;
}


/*****************************************************************
top titles
*****************************************************************/
h3.title-information, h3.title-feauture, h3.title-twitter, h3.title-recommended-books {
	display: block;
	text-indent: -9999px;
	font-size: 0.5em;
	background-image: url(../images/top/top-titles.png);
	background-repeat: no-repeat;
	margin: 0 0 10px 0;
}

h3.title-information {
	width: 68px;
	height: 21px;
	background-position: 0 0;
}

h3.title-feauture {
	width: 96px;
	height: 21px;
	background-position: 0 -44px;
}

h3.title-twitter {
	width: 94px;
	height: 21px;
	background-position: 0 -66px;
}

h3.title-recommended-books {
	width: 91px;
	height: 21px;
	background-position: 0 -22px;
}

h2.title-special-contents {
	width: 260px;
	height: 21px;
	background-position: 0 -108px;
	margin: 0 0 15px 0;
	display: block;
	text-indent: -9999px;
	font-size: 0.5em;
	background-image: url(../images/top/top-titles.png);
	background-repeat: no-repeat;
}

h3.title-our-world {
	width: 87px;
	height: 19px;
	background-position: 0 -88px;
	float: left;
	margin: 0 0 20px 0;
	display: block;
	text-indent: -9999px;
	font-size: 0.5em;
	background-image: url(../images/top/top-titles.png);
	background-repeat: no-repeat;
}