@charset "UTF-8";

/*  Basic Elements
----------------------------------------------*/

/*------------------------------------------------
   link
------------------------------------------------*/


a:link, a:visited, a:active {
	color: #93383c
}

a:hover {
	color: #93383c
	text-decoration: none;
}


/*================================================
 *  header
 ================================================*/


header {
	background-color: #FFA300;
	color: #333;
}

#headerBlockR {
	float: right;
	background-color: #FFA300;
}

header h1.siteLogo, header div.siteLogo {
	color: #333;
}

header div.siteLogo a {
	color: #333;
}

header div.siteLogo a:hover {
	color: #333;
}

/*headerNav*/

.headerNav a {
	color: #333;
}

.main-nav {
	position: relative;
	color: #333;
}

.activePrimary:after {
	color: #FFA300;
}

.activeMega:before {
	color: #FFA300;
}

/* navi */

.change_btn {
	color: #333;
	background-color: #FFA300;
}

.change_btn.active {
	color: #333;
}

ul#headerLink li a {
	color: #333;
	text-decoration: none;
}

#utilityBox a {
	color: #333;
	text-decoration: none;
}

#utilityBox a:hover {
	color: #333;
	text-decoration: underline;
}

.utilityLogin a {
	background-color: #fff;
	border: 1px solid #FFC02B;
}

.utilityDispOn a{
	background-color: #fff;
	border: 1px solid #FFC02B;
}

.utilityDispOff a{
	background-color: #fff;
	border: 1px solid #FFC02B;
}

/*================================================
 *  index
 ================================================*/

.index h3, .index h4 {
	color: #333;
}

#index_recommend h2, #index_reservation h2, #index_rental h2, #index_search h2 {
	color: #333;
}

/* top bookcard */

.bookcard_item {
	background-color: #fff;
	border-top: 2px solid #FFA300;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.bookcard_genre {
	background-color: #FFA300;
	color: #333;
}

.index_more_btn {
	background-color: #FFA300;
	border: 3px solid #FFA300;
}

.index_more_btn a {
	color: #333;
}

.index_more_btn a:hover {
	background: #fff;
	color: #FFA300;
}

/*index_search*/

.search_wrapper legend {
	color: #333;
}

table.searchListTbl_top th {
	color: #333;
	border-bottom: 1px solid #fff;
	background: #FFA300;
}

/* form */

.index button.search, .index button.reset {
	background: #FFA300;
	color: #333;
	border: 1px solid #FFA300;
}

.index button.search:hover, .index button.reset:hover {
	background-color: #fff;
	color: #333;
	border: 1px solid #FFA300;
}

/* pagenation */

.pagination a { 
	border: 2px solid #FFA300;
	color: rgba(51,51,51,.85); 
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,.35);
}

.pagination li {
	background-color: #FFA300;
	}

.pagination li:not([class*="current"]) a:hover { 
	background-color: #fff;
	color: #333;
}

.pagination li.current a { 
	color: #333;
	background-color: #fff;
	box-shadow: inset 0px 2px 1px 0px rgba(0,0,0,.25);
}

/*btn*/

.cartBtn, .reservationBtn {
	color: #333;
	border: solid 2px #FFA300;
	background: #FFA300;
}

.cartBtn:hover, .reservationBtn:hover {
	background: #fff;
	color: #333;
}

.changeBtn:hover {
	background: #fff;
	color: #333;
}

.viweCard, .viweSimple,
.viweCard_on, .viweSimple_on {
	color: #FFA300;
	border: 1px solid #ccc;
	background: #fff;
}


.viweCard_on, .viweSimple_on {
    background: #efefef;
}

.viweCard:before,
.viweCard_on:before {
	content: url(../images/icn_viwe_card_orange.png);
}

.viweSimple:before,
.viweSimple_on:before {
	content: url(../images/icn_viwe_simple_orange.png);
}

/*list table*/

table.searchListTbl th {
	color: #333;
	border-right: 1px solid #fff;
	background: #FFA300;
}

table.searchListTbl2 th {
	color: #333;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #FFA300;
}

table.searchListTbl2 th a {
	color: #333;
}

table.searchListTbl3 th {
	color: #333;
	padding: 8px 6px 8px 6px;
	border-right: 1px solid #fff;
	background: #FFA300;
}

/*detail*/

.bookState strong {
	color: #005795;
}

/* Reservation */

table.reservationListTbl th {
	color: #333;
	border-right: 1px solid #fff;
	background: #FFA300;
}

table.reservationListTbl th a {
	color: #333;
}

table.reservationListTbl tr:nth-child(even) {
	background: #333!important;
}

/* Favorite */

table.favoriteListTbl th {
	color: #333;
	border-right: 1px solid #fff;
	background: #FFA300;
}


/* Recommend */

table.recommendListTbl th {
	color: #333;
	border-right: 1px solid #fff;
	background: #FFA300;
}

/* Review */

table.reviewListTbl th {
	color: #333;
	border-right: 1px solid #fff;
	background: #FFA300;
}

.putBtn {
	color: #333;
	border: solid 2px #FFA300;
	background: #FFA300;
}

.putBtn:hover, .putBtn.selected {
	background: #fff;
	color: #333;
}

/*list table*/

.myreviewBtn {
	color: #333;
	border: solid 2px #FFA300;
	background: #FFA300;
}

.myreviewBtn:hover {
	background: #fff;
	color: #333;
}

/*================================================
 *  sidebar
 ================================================*/

.categoryTtl {
	background: #FFA300;
	color: #333;
	font-size: 110%;
	margin-top: 0;
	padding: .2em .5em;
}

/*================================================
 *  予約カート
 ================================================*/

.anotherBtn, .shortBtn, .loginBtn, .cartClearBtn, .nextBtn, .cansellBtn, .completionBtn, .resetBtn {
	color: #333;
	border: solid 2px #FFA300;
	background: #FFA300;
}

.anotherBtn:hover, .shortBtn:hover, .loginBtn:hover, .cartClearBtn:hover, .nextBtn:hover, .cansellBtn:hover, .completionBtn:hover, .resetBtn:hover {
	background: #fff;
	color: #333;
}


/* lend */

table.lendListTbl th {
	color: #333;
	border-right: 1px solid #fff;
	background: #FFA300;
}


/* reserve */

table.reserveListTbl th {
	color: #333;
	border-right: 1px solid #fff;
	background: #FFA300;
}


/*================================================
 *  カレンダー
 ================================================*/

.calNav ul li a {
	color: #333;
	border: solid 2px #FFA300;
	background: #FFA300;
}

.calNav ul li.current a { 
	color: #333;
}

.calNav ul li.active a {
	color: #FFA300;
	background-color: #333;
	box-shadow: inset 0px 2px 1px 0px rgba(0,0,0,.25);
}

.calNav ul li a:hover {
	background: #fff;
	color: #333;
}

/*================================================
 *  portal
 ================================================*/

.moduleFrame input {
	color: #333;
	border: solid 2px #FFA300;
	background: #FFA300;
}

.moduleFrame input:hover {
	background: #fff;
	color: #FFA300;
}

.moduleTitle {
	color: #333;
	font-size: 148%;
	background-color: #efefef;
}

/*================================================
 *  user
 ================================================*/

.loginWrap legend {
	color: #FFA300;
}

table.loginTbl th {
	color: #333;
	border-bottom: 1px solid #fff;
	background: #FFA300;
}

.userWrap h2 {
	color: #333;
}

.extensionBtn, .backBtn, .printBtn, .cancelBtn, .changeBtn2, .pointingBtn, .deleteBtn, .removeBtn, .reviewBtn, .commentBtn, .commentBtn2, .setBtn, .loginBtn, .searchBtn, .agreeBtn, .registerBtn, .referenceBtn, .sendBtn, .clearBtn {
	color: #333;
	border: solid 2px #FFA300;
	background: #FFA300;
}

.extensionBtn:hover, .backBtn:hover, .printBtn:hover, .cancelBtn:hover, .changeBtn2:hover, .pointingBtn:hover, .deleteBtn:hover, .removeBtn:hover, .reviewBtn:hover, .commentBtn:hover, .commentBtn2:hover,.setBtn:hover, .loginBtn:hover, .searchBtn:hover, .agreeBtn:hover, .registerBtn:hover, .referenceBtn:hover, .sendBtn:hover, .clearBtn:hover {
	background: #fff;
	color: #333;
}

/* 読書マラソン 順位 */

.marathonBtn {
	color: #333;
	border: solid 2px #FFA300;
	background: #FFA300;
}

.marathonBtn:hover {
	background: #fff;
	color: #333;
}

/*================================================
 *  book shelf
 ================================================*/

.bookshelf_item_wrapper h3 a, .bookshelf_item_wrapper h4 a {
	color: #333;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}

/*================================================
 *  footer
 ================================================*/
 

#footerContainer {
	background-color: #FFA300;
}

.footerBlock {
	color: #333;
}

#footerContainerL ul li a {
	color: #333;
}

/*================================================
 *  form
 ================================================*/

select {
	border: 1px solid #FFA300!important;
}

input {
	border: 1px solid #FFA300!important;
}

/*checkbox*/

.checkStyle:hover:after {
	border-color: #f5bc00;
}


.checkStyle:after {
	border: 3px solid #FFA300;
}

/*================================================
 *  lording
 ================================================*/

.stopBtn {
	color: #333;
	border: solid 2px #FFA300;
	background: #FFA300;
}

.stopBtn:hover {
	background: #fff;
	color: #333;
}

/*================================================
 *  mail magazine
 ================================================*/


.address_display {
	border: 1px solid #ccc;
	background: #fff;
	color: #005795;
}

/*================================================
 *  reference
 ================================================*/

.referenceNav ul li a {
	color: #333;
	border: solid 2px #FFA300;
	background: #FFA300;
}

.referenceNav ul li a:hover {
	background: #fff;
	color: #FFA300;
}

/*================================================
 *  open top
 ================================================*/

ul.topList li a {
	border: solid 1px #FFA300;
	color: #333;
	background: #fff;
}

ul.topList li a:hover {
	background: #FFA300;
	color: #333;
}


/*================================================
 *  popup
 ================================================*/
#inline-wrap {
    background: #333;
	border: 3px solid #efefef;
}

.inl_ttl02, .inl_ttl03, .inl_ttl04, .inl_ttl05, .inl_ttl06, .inl_ttl07 {
	/*border-left: 6px solid #FFA300;*/
	background-color: #FFA300;
	color: #333;
}

/*================================================
 *  予約関連テーブル
 ================================================*/

table.reserveListTbl2 th {
	color: #333;
	border-right: 1px solid #fff;
	background: #FFA300;
}

/*================================================
 *  ファセット
 ================================================*/
.facetSelected {
	color: #fff;
	background-color: #4D7A1B;
	padding: 0em;
}

/* mybookShelf */
table.mybookShelfTbl th {
	color: #333;
	border-right: 1px solid #fff;
	background: #FFA300;
}

/*================================================
 *  セルフ貸出
 ================================================*/
 table.selfLendTbl th {
    color: #fff;
	border-right: 1px solid #fff;
    background-color: #FFA300;    /* 背景色指定 */
}