@charset "utf-8";
/* 一般 */
body {
	background:#e4f7fc;
}

/*--------------------------
           header
--------------------------*/
#header {
	background:#00a0e5;
	border-top: 6px solid #f90;
	border-bottom:1px solid #bacbd1;
}
/*------------------header下--*/
/*------------------検索--*/
.search-box {
	background:#e6f6fc;
	border-color:#0093d3;
}

input.searchin {
	background:#e6f6fc;
	/** color:#9ab3ba; */
	color:#000000;
}

input.searchbtn {
	background: #e6f6fc url(../img/icon_searchbox.png) no-repeat;
}

input.searchbtn:hover, input.searchbtn:active {
	background: #e6f6fc url(../img/icon_searchbox_on.png) no-repeat;
}

/*------------------ナビゲーション--*/
/*------------------読者・作家・出版社 R18--*/
.navi li a:hover, .navi li a:active {
	background:#e7fffc;
}

/*--R18--*/
.r18btn {
	background: rgb(242,67,154); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(242,67,154,1) 0%, rgba(243,80,163,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,67,154,1)), color-stop(100%,rgba(243,80,163,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(242,67,154,1) 0%,rgba(243,80,163,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(242,67,154,1) 0%,rgba(243,80,163,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(242,67,154,1) 0%,rgba(243,80,163,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(242,67,154,1) 0%,rgba(243,80,163,1) 100%); /* W3C */
}

.r18btn a:hover, .r18btn a:active {
	background:#f27cb7;
}

.r18btn .icon {
	padding: 2px 50px 0 0;
	background:url(../img/icon_r18.png) no-repeat right;
}

.r18btn a:hover .icon, .r18btn a:active .icon {
	background:url(../img/icon_r18_on.png) no-repeat right;
}

/*--------------------------
           メインカラム
           （TOPから共通）
---------------------------*/
.topmain-box {
	border-color:#d0e2e6;
}
/*------------------タイトルh2--*/
.topmain-ttl {
	color:#00a0e5;
}

/*------------------タイトルh3--*/
.topmain-subttl {
	border-bottom:2px solid #d6f3fc;
}

.subttl_br {
	display:block;
	border-bottom:2px solid #00b7ee;
}

.topmain-subttl strong {
	background:#00b7ee;
}

/*------------------最新登録タグ--*/
.newtagList a {
	background:#00b7ee;
}

.newtagList a:hover, .newtagList a:active {
	background:#2fc1ed;
}

/*--------------------------
           メインカラム
           （階層ページ）
--------------------------*/
/*------------------◆作品説明
--------------------(margin左右変--*/
/*--作品タイトル--*/
.bibliography-titlel {
	color:#00b7ee;
}

/*------------------登録タグ--*/
/*--タグリンク--*/
.taglink:hover, .taglink:active {
	color:#00a0e5;
}

/*------------------◆PDF説明
--------------------(margin左右変--*/
/*--見出しタイトル--*/
.main-ttl {
	color:#00a0e5;
}

/*--------------------------
           右カラム
--------------------------*/
/*------------------探す--*/
.searchList-box {
	border-color:#d0e2e6;
}

/*------------------タイトル--*/
.searchList-ttl {
	color:#444;
}

.searchList-ttl .icon {
	background:url(../img/icon_search.png) no-repeat left center;
}

/*------------------サブタイトル--*/
.searchList-subttl {
	background:#00b7ee;
	border:1px #3ccaf4 solid;
}

/*------------------リスト--*/
.searchList li a:hover, .searchList li a:active {
	color:#00B7EE;
}

/*--------------------------
           左カラム
--------------------------*/
/*------------------総数--*/
.total-number {
	border-color:#d0e2e6;
}

/*------------------ランキング--*/
.ranking-ttl {
	color:#444;
}

.ranking-ttl .icon {
	background:url(../img/icon_ranking.png) no-repeat left center;
}

/*--タブ選択--*/
.ranking-tab {
	border-color:#d0e2e6;
}

.ranking-tab li {
	border-right:1px #d0e2e6 solid;
}

.ranking-tab a {
	color:#24a1c7;
}

.ranking-tab a:hover, .ranking-tab a:active {
	background:#4cd5ff;
	color:#fff;
}

/*--選択されているタブ--*/
.tab-on a {
	background:#00b7ee;
	color:#fff;
}


/*--ランキング内容--*/
.rankingList li {
	border-color:#d0e2e6;
}

/*--順位--*/
/*--4位以降--*/
.ranking-4 {
	background:#00b7ee;
}

/*--著者--*/
.ranking-writer {
	color:#5a9aad;
}

a:hover .ranking-writer, a:hover .ranking-writer {
	color:#7bb5c7;
}

/*--------------------------
           footer
--------------------------*/
#footerwrap {
	border-top:7px #00b7ee solid;
}

/*------------------会社情報--*/
.company li a:hover, .company li a:active {
	color:#00B7EE;
}