@charset "UTF-8";

/*
common
*********************************************************************************************/
*{ 
	font-family:"Lucida Grande","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","メイリオ",Meiryo, Arial, Verdana, sans-serif !important;
	margin:0;
}

.fepon  {ime-mode:active}

.fepoff {ime-mode:inactive}

body, html{
	height:100%;
}
body{
	font-size:14px;
	width:100%;
	color:#000;
	background-color:#fff;
 }
html{
    -webkit-text-size-adjust:none;
}
article, aside, figure, footer, header,hgroup, nav, section{
	display:block;
}
a{
	color:#0033cc;
}

/*
layout
*********************************************************************************************/
.wrap{
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -36px;
	padding:0;
	line-height:143%;/*edit-140221*/
}
footer, .push{
	height:36px;
}
header{
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	width:100%;
	height:36px;
	text-align:center;
	font-weight:bold;
	background-color:#4f9e71;
	z-index:10;
	webkit-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	-ms-border-radius:0 0 5px 5px;
	-o-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
}

section{}
section.sub-header{
	position:relative;
	width:100%;
	z-index:1;
}
section.main{
	padding-bottom:20px;
	color:#666;
}

article{
	clear:both;
}

nav{}

footer{
	clear:both;
	position:relative;
	text-align:center;
	font-weight:bold;
	background-color:#4f9e71;
	webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-ms-border-radius:5px 5px 0 0;
	-o-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
}


/*
header
*********************************************************************************************/
header h1{
	color:#fff;
	font-size:18px;
	text-align:center;
	width:100%;
	padding-top:7px;
}

header .header_nav{
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

header .header_nav .navHome{
	float:left;
}
header .header_nav .navMenu,
header .header_nav .navLanguage{
	float:right;
}
header .header_nav .navHome a{
	background-color:#4f9e71;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	border:1px solid #fff;
	display:block;
	margin:5px 0 0 10px;
	padding:2px 3px 1px 3px;
	text-align:center;
	text-decoration:none;
}

header .header_nav .navLanguage a{
	background-color:#4f9e71;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	border:1px solid #fff;
	display:block;
	margin:5px 5px 0 0;
	padding:3px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:12px;
}

header .header_nav .navMenu a.dl-trigger{
	background-color:#4f9e71;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	border:1px solid #fff;
	display:block;
	margin:5px 10px 0 0;
	padding:3px 3px 0 3px;
	text-align:center;
	text-decoration:none;
}

.dl-menuwrapper .dl-menu {
	float : right;
	margin: 0 0 0 0;
	position: absolute;
	width: 280px;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateX(-255px);
	-moz-transform: translateX(-255px);
	transform: translateX(-255px);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}
.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateX(-255px);
	-moz-transform: translateX(-255px);
	transform: translateX(-255px);
}

.dl-menuwrapper {
	width: 100%;
}
.dl-menuwrapper:first-child {
}

.dl-menuwrapper ul {
	background-color:#fff;
	padding:5px;
}
.dl-menuwrapper li {
	background-color:#f3eff0;
	border:1px solid #cccccc;
	float:left;
	margin:5px;
	padding:5px;
    height: auto; 
}
.dl-menuwrapper li.on{
	background-color:#d7f3e4;
}
.dl-menuwrapper li:hover{
	background-color:#d7f3e4;
}
.dl-menuwrapper li p{
	display:table-cell;  
    text-align:center;  
    vertical-align:middle;  
	width:71px;
    height:70px;
}
.dl-menuwrapper li p a{
	color:#333;
	font-weight:normal;
	text-decoration:none;
}

/*login state, reservation button*/
.hLogin{
	clear:both;
	background-color:#f3eff0;
	border-bottom:1px solid #dcdcdc;
	padding:43px 10px 8px 10px;
}
.hLogout{
	clear:both;
	background-color:#fbe4e4;
	border-bottom:1px solid #dcdcdc;
	padding:43px 10px 8px 10px;
}
.hBasket{
	clear:both;
	background-color:#f3eff0;
	border-bottom:1px solid #dcdcdc;
	padding:8px;
}

.hLogin .logState,
.hLogout .logState,
.hBasket .bookCount{
	float:left;
}
.hLogin .hbtnLogin,
.hLogout .hbtnLogout,
.hBasket .hbtnRsrv{
	float:right;
}

.hLogin .logState span,
.hLogout .logState span,
.hBasket .bookCount span{
	color:#666;
	padding-right:2px;
}
.hLogin .hbtnLogin a{
	background:#435b37 url(../img/ops/common/arrow_wh.png) no-repeat 5px 4px;
	-webkit-background-size:5px 11px;
	-moz-background-size:5px 11px;
	-o-background-size:5px 11px;
	background-size:5px 11px;
	color:#fff;
	text-decoration:none;
	padding:3px 3px 3px 13px;
	font-size:12px;
	font-weight:bold;
}
.hLogout .hbtnLogout a{
	background:#cd995b url(../img/ops/common/arrow_wh.png) no-repeat 5px 4px;
	-webkit-background-size:5px 11px;
	-moz-background-size:5px 11px;
	-o-background-size:5px 11px;
	background-size:5px 11px;
	color:#fff;
	text-decoration:none;
	padding:3px 3px 3px 13px;
	font-size:12px;
	font-weight:bold;
}
.hBasket .hbtnRsrv a{
	background:#9a4824 url(../img/ops/common/icn_basket.png) no-repeat 5px 5px;
	-webkit-background-size:10px 10px;
	-moz-background-size:10px 10px;
	-o-background-size:10px 10px;
	background-size:10px 10px;
	color:#fff;
	text-decoration:none;
	padding:3px 3px 3px 18px;
	font-size:12px;
	font-weight:bold;
}

/*
footer
*********************************************************************************************/
footer h1{
	color:#fff;
	font-size:18px;
	text-align:center;
	width:100%;
	padding-top:18px;
}

footer .footer_nav{
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

footer .footer_nav .navHome{
	float:left;
	height:24px;
}
footer .footer_nav .navPagetop{
	float:right;
	height:24px;
}
footer .footer_nav .navHelp{
	float:right;
	height:24px;
}

footer .footer_nav .navHome a{
	background-color:#4f9e71;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	border:1px solid #fff;
	display:block;
	margin:5px 0 0 10px;
	padding:2px 3px 4px 3px;
	text-align:center;
	text-decoration:none;
}
footer .footer_nav .navHelp a{
	background-color:#4f9e71;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	border:1px solid #fff;
	display:block;
	margin:5px 5px 0 0;
	padding:12px 5px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:12px;
}
footer .footer_nav .navPagetop a{
	background-color:#4f9e71;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	border:1px solid #fff;
	display:block;
	margin:5px 10px 0 0;
	padding:3px 3px 4px 3px;
	text-align:center;
	text-decoration:none;
}

.toPc{
	background:#f2efef url(../img/ops/common/icn_topc.png) no-repeat 10px 8px;
	-webkit-background-size:21px 21px;
	-o-background-size:21px 21px;
	background-size:21px 21px;
	padding:10px 10px 10px 17px;
	line-height:133%;
}
.toPc a{
	background:url(../img/ops/common/arrow_gn.png) no-repeat right center;
	webkit-background-size:15px 15px;
	-moz-background-size:15px 15px;
	-o-background-size:15px 15px;
	background-size:15px 15px;
	display:block;
	text-decoration:none;
	color:#685f5e;
	padding-left:20px;
}

/*
nav
*********************************************************************************************/
nav ul{}
nav li{
	border-bottom:1px solid #dcdcdc;
	padding:8px 10px 5px 10px;
}
nav li a{
	clear:right;
	display:block;
	color:#666;
	text-decoration:none;
	height:21px;
	padding:1px 0 1px 27px;
}

nav li a.nGuide{
	background:url(../img/ops/nav/n_guide.png) no-repeat 0 0;
	-webkit-background-size:21px 21px;
	-moz-background-size:21px 21px;
	-o-background-size:21px 21px;
	background-size:21px 21px;
}
nav li a.nFaq{
	background:url(../img/ops/nav/n_faq.png) no-repeat 0 0;
	-webkit-background-size:21px 21px;
	-moz-background-size:21px 21px;
	-o-background-size:21px 21px;
	background-size:21px 21px;
}
nav li a.nLab{
	background:url(../img/ops/nav/n_library.png) no-repeat 0 0;
	-webkit-background-size:21px 21px;
	-moz-background-size:21px 21px;
	-o-background-size:21px 21px;
	background-size:21px 21px;
}
nav li a.nCalendar{
	background:url(../img/ops/nav/n_calendar.png) no-repeat 0 0;
	-webkit-background-size:21px 21px;
	-moz-background-size:21px 21px;
	-o-background-size:21px 21px;
	background-size:21px 21px;
}
nav li a.nSearch{
	background:url(../img/ops/nav/n_search.png) no-repeat 0 0;
	-webkit-background-size:21px 21px;
	-moz-background-size:21px 21px;
	-o-background-size:21px 21px;
	background-size:21px 21px;
}

/*
section, article
*********************************************************************************************/
/*title*/
h2{
	background-color:#4f9e71;
	padding:3px 0;
	color:#fff;
	height:28px;
}
h2 p{
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	padding:3px 10px 5px 30px;
}
h2 p.ttlSearch{
	background:url(../img/ops/common/icn_search.png) no-repeat 10px 4px;
	-webkit-background-size:16px 16px;
	-moz-background-size:16px 16px;
	-o-background-size:16px 16px;
	background-size:16px 16px;
}
h2 p.ttlNews{
	background:url(../img/ops/common/icn_news.png) no-repeat 10px 6px;
	-webkit-background-size:16px 16px;
	-moz-background-size:16px 16px;
	-o-background-size:16px 16px;
	background-size:16px 16px;
}
h2 p.ttlEvent{
	background:url(../img/ops/common/icn_event.png) no-repeat 10px 6px;
	-webkit-background-size:16px 16px;
	-moz-background-size:16px 16px;
	-o-background-size:16px 16px;
	background-size:16px 16px;
}
h2 p.ttlKeyword{
	background:url(../img/ops/common/icn_keyword.png) no-repeat 10px 5px;
	-webkit-background-size:16px 16px;
	-moz-background-size:16px 16px;
	-o-background-size:16px 16px;
	background-size:16px 16px;
}
h2 p.ttlNew{
	background:url(../img/ops/common/icn_new.png) no-repeat 10px 4px;
	-webkit-background-size:16px 16px;
	-moz-background-size:16px 16px;
	-o-background-size:16px 16px;
	background-size:16px 16px;
}
h2 p.ttlReader{
	background:url(../img/ops/common/icn_reader.png) no-repeat 10px 6px;
	-webkit-background-size:16px 16px;
	-moz-background-size:16px 16px;
	-o-background-size:16px 16px;
	background-size:16px 16px;
}
h2 p.ttlOrder{
	background:url(../img/ops/common/icn_order.png) no-repeat 10px 6px;
	-webkit-background-size:16px 16px;
	-moz-background-size:16px 16px;
	-o-background-size:16px 16px;
	background-size:16px 16px;
}
h2 p.ttlUserinfo{
	background:url(../img/ops/common/icn_userinfo.png) no-repeat 10px 5px;
	-webkit-background-size:12px 12px;
	-moz-background-size:12px 12px;
	-o-background-size:12px 12px;
	background-size:12px 12px;
}
h2 p.ttluserbox{
	background:url(../img/ops/common/icn_rsrv.png) no-repeat 10px 5px;
	-webkit-background-size:16px;
	-moz-background-size:16px;
	-o-background-size:16px;
	background-size:16px;
}

h2 a{
	float:right;
	background:#f39800 url(../img/ops/common/arrow_wh.png) no-repeat 4px 3px;
	-webkit-background-size:5px 11px;
	-moz-background-size:5px 11px;
	-o-background-size:5px 11px;
	background-size:5px 11px;
	color:#fff;
	text-decoration:none;
	border:1px solid #fff;
	font-weight:normal;
	padding:0 3px 0 10px;
	font-size:13px;
}

h3{
	background-color:#685f5e;
	padding:45px 10px 10px 10px;
	font-weight:bold;
	color:#fff;
	margin-bottom:5px;
}
h4{
	background-color:#685f5e;
	padding:10px;
	font-weight:bold;
	color:#fff;
}
h5{
	background-color:#b0cfb8;
	webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-ms-border-radius:5px 5px 0 0;
	-o-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	border:1px solid #128d48;
	padding:8px 10px;
}


/*form & buttons*/
.HighLight{background-color:yellow;}

.iptxt{
	border:1px solid #c9c9c9;
	padding:3px;
}
.ipL{
	width:98%;
}

.btnbox{
	text-align:center;
}
a.btnL,
a.btnM,
a.btnS{
	background:-o-linear-gradient(top, #F0F0E8 50%, #C7E0CD 50%, #AECEB7 100%);
	background:-moz-linear-gradient(top, #F0F0E8 50%, #C7E0CD 50%, #AECEB7 100%);
	background:-webkit-linear-gradient(top, #F0F0E8 50%, #C7E0CD 50%, #AECEB7 100%);
	background:-ms-linear-gradient(top, #F0F0E8 50%, #C7E0CD 50%, #AECEB7 100%);
	background:linear-gradient(to bottom, #F0F0E8 50%, #C7E0CD 50%, #AECEB7 100%);
	border:2px solid #00561f;
	webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	text-align:center;
	padding:5px;
	font-weight:bold;
	color:#685f5e;
	text-decoration:none;
}
a.btnL{
	display:block;
}
a.margin-b-15{
	margin-bottom: 15px;
}
a.btnM{
	display:inline-block;
	width:42%;
	float:left;
}
a.btnS{ padding:5px 10px;}

a.btnCancel{
	display:inline-block;
	width:42%;
	background:-o-linear-gradient(top, #FFFFFF 50%, #FCFAFB 50%, #EBE9EA 100%);
	background:-moz-linear-gradient(top, #FFFFFF 50%, #FCFAFB 50%, #EBE9EA 100%);
	background:-webkit-linear-gradient(top, #FFFFFF 50%, #FCFAFB 50%, #EBE9EA 100%);
	background:-ms-linear-gradient(top, #FFFFFF 50%, #FCFAFB 50%, #EBE9EA 100%);
	background:linear-gradient(to bottom, #FFFFFF 50%, #FCFAFB 50%, #EBE9EA 100%);
	border:2px solid #00561f;
	webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	text-align:center;
	padding:5px;
	font-weight:bold;
	color:#685f5e;
	text-decoration:none;
	float:right;
}
a.btnDEL{
	float:right;
	background:#cccccc  no-repeat 5px 4px;
	-webkit-background-size:5px 11px;
	-moz-background-size:5px 11px;
	-o-background-size:5px 11px;
	background-size:5px 11px;
	color:#fff;
	text-decoration:none;
	padding:1px 12px 1px 17px;
	font-weight:bold;
}
a.btnCHG{
	background-color:#ff9933;
	color:#fff;
	padding:3px 10px 4px 10px;
	float:right;
	text-decoration:none;
	font-weight:bold;
}
a.btnPageBack{
	display:inline-block;
	width:42%;
	float:left;
	background:-o-linear-gradient(top, #F0F0E8 50%, #C7E0CD 50%, #AECEB7 100%);
	background:-moz-linear-gradient(top, #F0F0E8 50%, #C7E0CD 50%, #AECEB7 100%);
	background:-webkit-linear-gradient(top, #F0F0E8 50%, #C7E0CD 50%, #AECEB7 100%);
	background:-ms-linear-gradient(top, #F0F0E8 50%, #C7E0CD 50%, #AECEB7 100%);
	background:linear-gradient(to bottom, #F0F0E8 50%, #C7E0CD 50%, #AECEB7 100%);
	border:2px solid #00561f;
	webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	text-align:center;
	padding:5px;
	font-weight:bold;
	color:#685f5e;
	text-decoration:none;
}
a.btnPageNext{
	display:inline-block;
	width:42%;
	background:-o-linear-gradient(top, #F0F0E8 50%, #C7E0CD 50%, #AECEB7 100%);
	background:-moz-linear-gradient(top, #F0F0E8 50%, #C7E0CD 50%, #AECEB7 100%);
	background:-webkit-linear-gradient(top, #F0F0E8 50%, #C7E0CD 50%, #AECEB7 100%);
	background:-ms-linear-gradient(top, #F0F0E8 50%, #C7E0CD 50%, #AECEB7 100%);
	background:linear-gradient(to bottom, #F0F0E8 50%, #C7E0CD 50%, #AECEB7 100%);
	border:2px solid #00561f;
	webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	text-align:center;
	padding:5px;
	font-weight:bold;
	color:#685f5e;
	text-decoration:none;
	float:right;
}
a.btnNext{
	float:right;
	background:#685f5e url(../img/ops/common/arrow_wh.png) no-repeat 5px 4px;
	-webkit-background-size:5px 11px;
	-moz-background-size:5px 11px;
	-o-background-size:5px 11px;
	background-size:5px 11px;
	color:#fff;
	text-decoration:none;
	padding:1px 12px 1px 17px;
	font-weight:bold;
}

.errorMsg{
	color:#ff0000;
	padding-bottom:10px;
	text-align:center;
}

/*top page*/
.top-search{
	padding-bottom:12px;
}
.top-search ul{
	margin:0px 10px 0px 10px;
}
.top-search li{
	padding:5px 5px 5px 5px;
}

.top-list{}
.top-list ul{
	margin:10px;
	border-top:1px solid #999;
}
.top-list li{
	border:1px solid #999;
	border-top:none;
	padding:10px;
}
.top-list li.clr{
	background-color:#f6f3f3;
}
.top-list li a{
	display:block;
	background:url(../img/ops/common/arrow_gn.png) no-repeat right center;
	-webkit-background-size:15px 15px;
	-moz-background-size:15px 15px;
	-o-background-size:15px 15px;
	background-size:15px 15px;
	text-decoration:none;
	color:#666;
}
.top-list li p{
	padding-right:20px;
}

.top-word{}
.top-word ul{
	margin:10px;
}
.top-word li{
	float:left;
	border:1px solid #999;
	margin:0 10px 7px 0;
}
.top-word li a{
	text-decoration:none;
	color:#666;
	padding:5px;
}
.top-word p.com{
	margin:10px;
}

/*login page*/
.login-box{
	padding:10px 10px 0 10px;
	margin-bottom:30px;
}
.login-box p{
	margin:0  5px 10px 5px;
}
.login-box .loginbox{
	border:1px solid #00561f;
	webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	padding:10px 10px 0 10px;
	margin-bottom:20px;
}
.login-box .loginbox li{
	margin-bottom:10px;
}

/*dataset page*/
.basket-box{
	padding:10px;
}
table.flow{
	width:100%;
	margin:20px 0;
}
table.flow td{
	width:30%;
}
table.flow td.spc{
	width:5%;
	background:url(../img/ops/page/bg_flow.png) repeat-x center center;
}
table.flow td p{
	display:block;
	border:1px solid #a0a0a0;
	webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
	text-align:center;
}
table.flow td p.crrnt{
	background-color:#fff799;
}

.basket-box ul{
	margin:15px 0;
}
.basket-box li{
	background-color:#f6f3f3;
	border:1px solid #999;
	border-top:none;
	padding:5px 10px;
}
.basket-box li.clr{
	background-color:#fafafa;
}
.basket-box li.formTop{
	border:1px solid #999;
	webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-ms-border-radius:5px 5px 0 0;
	-o-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
}
.basket-box li.formBttm{
	border:1px solid #999;
	webkit-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	-ms-border-radius:0 0 5px 5px;
	-o-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
	border-top:none;
}
.basket-box li.formCenter{
	border:1px solid #999;
	webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-ms-border-radius:5px 5px 5px 5px;
	-o-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
}

/*予約登録　シリーズ予約指定*/

table.rsvbookTbl{
	width:100%;
}
table.rsvbookTbl td{
	padding:1px;
	text-align:left;
}

table.mypagechgTbl{
	width:100%;
}
table.mypagechgTbl td{
	width:49%;
	text-align:center;
	border:10px solid #ffffff;
}
table.mypagechgTbl td.btn{
	background-color:#f6f3f3;
	width:49%;
	text-align:center;
	border:10px solid #ffffff;
}
table.mypagechgTbl td.btnNoOvr{
	width:49%;
	text-align:center;
	color:red;
}
table.mypagechgTbl td a{
	display:block;
	padding:5px;
	color:#685f5e;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}

/*mypage*/

.user-box{
	margin:10px;
	border:1px solid #4f9e71;
	border-top:none;
}
.user-box p.userinfo{
	color:#666;
	padding:10px;
}

.menu-box{
	padding:10px;
}
.menu-box ul{}
.menu-box li{
	border:1px solid #685f5e;
	border-top:none;
	padding:7px;
}
.menu-box li.clr{
	background-color:#f6f3f3;
}
.menu-box li a{
	display:block;
	background:url(../img/ops/common/arrow_gn.png) no-repeat right center;
	-webkit-background-size:15px 15px;
	-moz-background-size:15px 15px;
	-o-background-size:15px 15px;
	background-size:15px 15px;
	text-decoration:none;
	color:#666;
}
.menu-box p{
	padding-right:25px;
}
.menu-box p img{
	margin-top:2px;
}
.menuTop{
	background-color:#685f5e;
	color:#fff;
	font-weight:bold;
	padding:5px 10px;
	webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-ms-border-radius:5px 5px 0 0;
	-o-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
}
.menuBttm{
	background-color:#685f5e;
	webkit-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	-ms-border-radius:0 0 5px 5px;
	-o-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
	height:24px;	
}

/*mypage　一覧切替*/

.mypagelist-tab{
	margin-top:15px;
	border-bottom:4px solid #6eafa9;
}
.mypagelist-tab ul{
	margin:0 10px;
	border-left:1px solid #6eafa9;
}
.mypagelist-tab li{
	float:left;
	width:133px;
	text-align:center;
	border-top:1px solid #6eafa9;
	border-right:1px solid #6eafa9;
}
.mypagelist-tab li a{
	display:block;
	padding:8px;
	background-color:#fff;
	text-decoration:none;
	color:#666;
}
.mypagelist-tab li a.on{
	background-color:#d6e4d6;
}


/*basic page*/

.box{
	padding:7px 10px 10px 10px;
}

/*guidence message*/

.msg-box{
	color:#666;
	margin:7px 10px 0 10px;
}

/*page back*/

.top-btn-box{
	text-align:center;
	border-bottom:1px solid #6eafa9;
	padding:15px 0;
}

/*message*/
.bookstatus{
	width:100%;
}

.CountContents{
	margin-top:5px;
	margin-bottom:5px;
	font-weight:bold;
}

.Message{
	border:1px solid #00561f;
	webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	padding:7px 10px 0px 10px;
	margin-top:7px;
	margin-bottom:7px;
}
.MessageHeader{
	font-weight:bold;
	font-size:16px;
}
.MessageContents{
	margin-top:5px;
	margin-bottom:5px;
}
.MessageDocuments{
}
.MessagePicture{
}
.MessageSNS{
	padding:0px 10px 0px 10px;
	margin-bottom:10px;
}
.agree{
	display:inline-block;
	width:40%;
	text-align:center;
	padding:4px;
	float:center;
}

/*calender*/

.Opentime{
	border:1px solid #00561f;
	webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	padding:10px 10px 10px 10px;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
}
.Calender {
	background:#f5f5f5;
	padding:5px 5px 5px 5px;
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;
}
.Calender .month {
	text-align:center;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	font-size:16px;
	font-weight:bold;
}
table.Calender{
	width:95%;
	border:1px solid #00561f;
	text-align:center;
}
table.Calender th{
	background:#cccccc;
	font-weight:bold;
	border:1px solid #00561f;
}
table.Calender th.sun{
	color:red;
	font-weight:bold;
	border:1px solid #00561f;
}
table.Calender td.sun{
	color:red;
	font-weight:bold;
	border:1px solid #00561f;
}
table.Calender td.sunclose{
	background:pink;
	color:red;
	font-weight:bold;
	border:1px solid #00561f;
}
table.Calender th.sat{
	color:blue;
	font-weight:bold;
	border:1px solid #00561f;
}
table.Calender td.sat{
	color:blue;
	font-weight:bold;
	border:1px solid #00561f;
}
table.Calender td.satclose{
	background:pink;
	color:blue;
	font-weight:bold;
	border:1px solid #00561f;
}
table.Calender td.dtype1{
	background:pink;
	border:1px solid #00561f;
}
table.Calender td.dtype{
	border:1px solid #00561f;
}

/*accordion*/

.search-detail{
	margin:0 10px;
}

div.facet-count{
	float:right;
	backGround:#fff;
	color:#000;
	border: 1px solid #000;
	padding:2px 6px;
	border-radius:1em;
}
div.facet-remove{
	float:right;
	backGround:#fff;
	color:#000;
	border: 1px solid #000;
	padding:2px 6px;
	margin-left:2px;
	border-radius:1em;
}

ul.accordion {
	width:100%;
	background-color:#fff;
	border-bottom:1px solid #b8b7b7;
	margin-bottom:15px;
}
ul.accordion span {
	display:block;
	padding:8px 0 8px 35px;
	background-position:1% center;
	background-repeat:no-repeat;
}
ul.accordion ul { display:none; }
ul.accordion > li {}
ul.accordion > li > p { background-color:#f6f3f3; border:1px solid #b8b7b7; border-bottom:none; }
ul.accordion > li > p span {
	background-image:url(../img/ops/page/icn_plus.png);
	-webkit-background-size:19px;
	-moz-background-size:19px;
	-o-background-size:19px;
	background-size:19px;
}
ul.accordion > li > p span.open {
	background-image:url(../img/ops/page/icn_minus.png);
	-webkit-background-size:19px;
	-moz-background-size:19px;
	-o-background-size:19px;
	background-size:19px;
}
ul.accordion > li > ul > li {}

ul.accordionON {
	width:100%;
	background-color:#fff;
	border-bottom:1px solid #b8b7b7;
	margin-bottom:15px;
}
ul.accordionON span {
	display:block;
	padding:8px 0 8px 35px;
	background-position:3% center;
	background-repeat:no-repeat;
}
ul.accordionON ul {  }
ul.accordionON > li {}
ul.accordionON > li > p { background-color:#f6f3f3; border:1px solid #b8b7b7; border-bottom:none; }
ul.accordionON > li > p span {
	background-image:url(../img/ops/page/icn_minus.png);
	-webkit-background-size:19px;
	-moz-background-size:19px;
	-o-background-size:19px;
	background-size:19px;
}
ul.accordionON > li > p span.open {
	background-image:url(../img/ops/page/icn_plus.png);
	-webkit-background-size:19px;
	-moz-background-size:19px;
	-o-background-size:19px;
	background-size:19px;
}
ul.accordionON > li > ul > li {}


/*search page*/

.search-menu{
	background-color:#6eafa9;
	padding:5px;
}
.search-menu li{
	float:left;
	text-align:center;
	margin:2px;
	font-size:12px;
}
.search-menu a{
	display:block;
	background-color:#fbfbfb;
	color:#666;
	width:91px;
	padding:4px;
	text-decoration:none;
}
.search-menu a.on{
	background-color:#d6e4d6;
}
.narrow{
	padding:10px;
	border-bottom:1px solid #6EAFA9;
}
.search-box{
	padding:20px 10px;
}
.search-input{
	background-color:#f6f3f3;
	padding:10px;
	margin-top:15px;
	border:1px solid #b8b7b7;
	webkit-border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	-ms-border-radius:4px 4px 0 0;
	-o-border-radius:4px 4px 0 0;
	border-radius:4px 4px 0 0;
}
.search-input-B{
	background-color:#f6f3f3;
	padding:10px;
	margin:15px 0;
	border:1px solid #b8b7b7;
	webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
}
.selcode{
	background-color:#FFFFFF;
	padding:10px;
	margin:15px 0;
	border:1px solid #b8b7b7;
	webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
}
.searchbar{
	background:#fff url(../img/ops/page/icn_search.png) no-repeat 3px 4px;
	-webkit-background-size:14px;
	-moz-background-size:14px;
	-o-background-size:14px;
	background-size:14px;
}
.search-input-B table{
	width:100%;
}
.search-input-B td{
	padding:2px;
}
.srchdtl{
	width:95.5%;
}
.srchslt{
	width:auto;
}

/*よみがな検索*/

.yomiganacom{
	padding:10px; 
	border:1px solid #b8b7b7; 
	border-bottom:none;
}
table.yomigana{
	width:100%;
	border:1px solid #999;
	margin-top:10px;
}
table.yomigana td{
	width:20%;
	border:1px solid #999;
	text-align:center;
}
table.yomigana td a{
	display:block;
	padding:10px;
	text-decoration:none;
	color:#666;
}
table.searchinputB{
	margin-bottom:5px;
}

/*区分チェックボックス*/

table.srchck{
	border:1px solid #b8b7b7;
	border-top:none;
	width:100%;
	margin-bottom:15px;
}
table.srchck td{
	border:1px solid #b8b7b7;
	border-top:none;
	padding:10px;
	width:50%;
}

/*pager*/

.pager{
	background-color:#e6f4f3;
	line-height:0;
	margin:5px 10px;
}
.pager a.off{
	padding:4px 8px;
	border:1px solid #ccc;
	text-decoration:none;
	color:#666;
	margin:0 1px;
}
.pager a.on{
	padding:4px 8px;
	border:1px solid #ccc;
	text-decoration:none;
	color:#666;
	margin:0 1px;

	border:1px solid #685f5e;
}
.pager table{
	width:100%;
}
.pager td{
	vertical-align:middle;
}
.pager td.btn{
	text-decoration:none;
	width:30px;
	height:30px;
}

/*検索結果一覧からのリンク*/
.listttl{
	font-weight:bold;
	font-size:16px;
}


.btnRsrv{
	background:#9a4824 url(../img/ops/common/icn_basket.png) no-repeat 10px 12px;
	-webkit-background-size:15px;
	-moz-background-size:15px;
	-o-background-size:115px;
	background-size:15px;
	width:100%;
	text-align:center;
	margin-bottom:7px;
}
.btnBkmrk{
	background:#7fa57c url(../img/ops/page/icn_dl.png) no-repeat 10px 12px;
	-webkit-background-size:15px;
	-moz-background-size:15px;
	-o-background-size:15px;
	background-size:15px;
	width:100%;
	text-align:center;
	margin-bottom:7px;
}
.btnOvr{
	background-color:#f6f3f3;
	text-align:center;
	width:100%;
}

.btnOvr a{
	display:block;
	padding:10px;
	color:#685f5e;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	margin-bottom:7px;
}

.btnNoOvr{
	background-color:white;
	text-align:center;
	width:100%;
	color:red;
}

.btnRsrv a,
.btnBkmrk a{
	display:block;
	padding:10px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}



/*書誌情報見出し*/

.bookslide{
	padding:10px 0 6px 0;
	border-bottom:1px solid #6eafa9;
}
.bookslide table{
	width:100%;
}
.bookslide table td.bookttltd{
	padding:10px;
	vertical-align:middle;
}
.bookslide .bookttl{}
.bookslide .bookttl .ttl{
	font-weight:bold;
	font-size:18px;
}

/*再検索リンク*/

a.bookttl{
	font-weight:bold;
	font-size:16px;
	color:#669933;
	text-decoration:none;
}

/*書誌詳細　書影など*/

.book-box{
	padding: 10px 10px 0 10px;
	font-size:13px;
}
.book-box table{
	width:100%;
}
.book-box td{
	padding:5px;
}
p.bookspec{
	margin:3px 0;
	padding:3px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

/*外部サイト検索*/

table.bookdtl{
	border:1px solid #666;
	margin-bottom:5px;
	width:100%;
}
table.bookdtl td{
	border:1px solid #666;
	font-size:11px;
}
table.bookdtl td a{
	display:block;
	padding-left:17px;
	text-decoration:none;
	color:#666;
}
table.bookdtl td a.amzn{
	padding-left:56px;
}
.bookdtlclr{
	background-color:#f6f3f3;
	font-weight:bold;
}
table.bookdtl td.noanc{
	border:0px  solid white;
	font-size:11px;
	color:red;
	background-color:white;
}

/*書誌詳細からのリンク*/

a.amzn{
	background:url(../img/ops/page/icn_amzn.jpg) no-repeat 0 center;
}
a.WebcatPlus{
	background:url(../img/ops/page/icn_webcatp.jpg) no-repeat 0 center;
}
a.CiNii{
	background:url(../img/ops/page/icn_cinii.jpg) no-repeat 0 center;
}
a.booklog{
	background:url(../img/ops/page/icn_booklog.jpg) no-repeat 0 center;
}
a.NDL{
	background:url(../img/ops/page/icn_kokurit.jpg) no-repeat 0 center;
}
a.calil{
	background:url(../img/ops/page/icn_calil.jpg) no-repeat 0 center;
}
a.bookmeter{
	background:url(../img/ops/page/icn_bookmeter.png) no-repeat 0 center;
}
a.rsrv{
	background:url(../img/ops/page/icn_rsrv.jpg) no-repeat 0 center;
}
a.bkmrk{
	background:url(../img/ops/page/icn_bkmrk.jpg) no-repeat 0 center;
}
a.review{
	background:url(../img/ops/page/icn_review.jpg) no-repeat 0 center;
}
a.map{
	background:url(../img/ops/page/icn_map.jpg) no-repeat 0 center;
}
a.pcsite{
	background:url(../img/ops/page/icn_pc.jpg) no-repeat 0 center;
}

a.amzn{
	-webkit-background-size:54px 12px;
	-moz-background-size:54px 12px;
	-o-background-size:54px 12px;
	background-size:54px 12px;
}
a.WebcatPlus,
a.CiNii,
a.booklog,
a.NDL,
a.calil,
a.bookmeter,
a.rsrv,
a.bkmrk,
a.review,
a.map,
a.pcsite{
	-webkit-background-size:14px;
	-moz-background-size:14px;
	-o-background-size:14px;
	background-size:14px;
}

a.btnReqpc{
	border:1px solid #999;
	background-color:#d6e4d5;
	display:block;
	padding:8px 10px;
	text-align:center;
	text-decoration:none;
	color:#666;
	margin:20px 0 15px 0;
}
a.btnReqpc span{
	background:url(../img/ops/common/icn_pc.png) no-repeat 0 0;
	-webkit-background-size:18px;
	-moz-background-size:18px;
	-o-background-size:18px;
	background-size:18px;
	padding-left:24px;
}



table.dtlTbl{
	width:100%;
	background-color:#fff; 
	border-top:1px solid #b8b7b7;
}
table.dtlTbl th{
	background-color:#f6f3f3;
	border:1px solid #b8b7b7;
	padding:3px 10px;
	text-align:left;
	font-weight:normal;
}
table.dtlTbl td{
	border:1px solid #b8b7b7;
	border-top:none;
	padding:8px 10px;
	width:50%;
}
table.dtlTbl td.last{
	border-bottom:none;
}
table.dtlTbl td p{
	padding-left:17px;
}
table.dtlTbl td a{
	display:block;
	text-decoration:none;
	color:#666;
	padding:0 0 0 25px;
}
table.dtlTbl td a.research{
	text-decoration:underline;
	color:blue;
	/*padding:0 0 0 0;*/
}
table.dtlTbl td p.wrtr{
	color:#9a4823;
	font-weight:bold;
	padding-left:0px;
}
table.srchdtlTblKey{
	width:100%;
	background-color:#fff; 
	border-top:1px solid #b8b7b7;
}
table.srchdtlTblKey th{
	background-color:#f6f3f3;
	border:1px solid #b8b7b7;
	padding:8px 10px;
	text-align:left;
}
table.srchdtlTblKey td{
	border:1px solid #b8b7b7;
	border-top:none;
	border-bottom:none;
	padding:4px 10px;
	width:50%;
}

/*書誌情報　詳細*/
table.srchdtlTbl{
	width:100%;
	background-color:#fff; 
	border-top:1px solid #b8b7b7;
}
table.srchdtlTbl th{
	background-color:#f6f3f3;
	border:1px solid #b8b7b7;
	padding:3px 10px;
	text-align:left;
	font-weight:normal;
}
table.srchdtlTbl td{
	border:1px solid #b8b7b7;
	border-top:none;
	padding:8px 10px;
	width:50%;
}
table.srchdtlTbl td.last{
	border-bottom:none;
}
table.srchdtlTbl td p{
	padding-left:17px;
}
table.srchdtlTbl td a{
	text-decoration:underline;
	color:blue;
	padding:0 0 0 0;
}

table.srchdtlTbl td p.wrtr{
	color:#9a4823;
	font-weight:bold;
	padding-left:0px;
}

/*リスト全般*/

/*巻号一覧*/

table.vollist{
	width:100%;
	background-color:#fff; 
	border:1px solid #b8b7b7;
	margin-bottom:15px;
}
table.vollist th{
	background-color:#f6f3f3;
	border:1px solid #b8b7b7;
	padding:8px 10px;
	text-align:left;
}
table.vollist td{
	border-bottom:1px solid #b8b7b7;
	padding:8px 10px;
}
table.vollist td.num{
	padding:8px 0px 8px 10px;
	width:13px;
}



/*利用者のページ一覧*/

table.listTblB{
	width:100%;
	background-color:#fff; 
	margin-bottom:3px;
}
table.listTblB td{
	padding:3px 0 8px 10px;
}
table.listTblB td.num{
	padding:3px 0px;
	width:70px;
}
table.listTblB td.num2{
	padding:8px 0px;
	width:20px;
}

/*mypage　一覧*/

ul.mypageList{
	border-top:1px solid #6eafa9;
	margin:5px 0;
}
ul.mypageList li{
	border-bottom:1px solid #6eafa9;
	padding:5px 0 3px;
}
ul.mypageList a.listanchor{
	text-decoration:none;
	color:#666;
}

/*mypage　一覧からの遷移*/

table.mypageListBtn{
	margin-bottom:5px;
}
table.mypageListBtn td{
	font-size:11px;
}
table.mypageListBtn td a{
	display:block;
	padding-left:17px;
	text-decoration:none;
	color:#666;
	background-color:#f6f3f3;
	font-weight:bold;
	padding:5px 10px;
	border-top:1px solid #666;
	border-left:1px solid #666;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
}
table.mypageListBtn td.noclick{
	padding:5px 10px;
}

/*見出し付一覧*/

ul.categtypeList{
	webkit-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	-ms-border-radius:0 0 5px 5px;
	-o-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
	border:1px solid #128d48;
	border-top:none;
	padding:0 10px;
	margin-bottom:20px;
}
ul.categtypeList li{
	border-bottom:1px solid #ccc;
	padding:10px 0;
}
ul.categtypeList li:last-child{
}


/*見出し一覧（分類表、お知らせ一覧）*/

ul.headlist{
	border-top:1px solid #999;
	 margin-top:15px;
}
ul.headlist li{
	background-color:#f6f3f3;
	border:1px solid #999;
	border-top:none;
	display:block;
	padding:8px 10px;
}
ul.headlist li p{
	float:left;
	padding:1px 0;
}

/*年間貸出数*/
.yearlendlist{
	padding:10px; 
	border:1px solid #b8b7b7; 
	border-bottom:none;
}
table.yearlend{
	width:100%;
	border:1px solid #999;
	margin-top:10px;
}
table.yearlend td{
	border:1px solid #999;
	text-align:center;
}
table.yearlend td a{
	display:block;
	padding:10px;
	text-decoration:none;
	color:#666;
}

/*ここに1024px以上のCSSを記述 ★次期対応

@media screen and (min-width : 1024px) {

.wrap {
overflow : hidden;
float : left;
width : 100%} 
.wrap .top-left,
.wrap .top-center,
.wrap .top-right{
float : left;
margin:50px 10px 10px 10px
}
.wrap .top-left {width:20%}
.wrap .top-center {width:50%}
.wrap .top-right {
width:20%

}

.toPc {
width : 20%;
float : left;
}

header {
width : 100%;
}

footer {
width : 100%;
float : left;
}

}

*/


/*利用券バーコード*/

.usercardbar-detail{
 margin:0 10px;
}
.barspace{
	padding:10px; 
	border:1px solid #b8b7b7; 
	border-bottom:none;
}
.card {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 5px #ccc;
  border:1px solid black;
  margin:5px 9px 5px 7px;
}
.card-title {
  padding-top: 7px;
  padding-bottom: 5px;
  font-size: 1.5em;
  text-align: center;
  color:white;
  font-weight:bold;
  background-color :#4f9e71;
}
.card-text {
  text-align    : center; 
}
.card-footer {
  font-size:1.0em;
  text-align    : center; 
  padding-bottom: 5px;
}

/*レビューを見る*/
#bookmeterreview{
 display:none;
}
.srch-loader {
  text-align: center;
}
.bookmeter-error-mes,
.bookmeter-nohit-mes{
 font-weight:bold;
}
.bookmeter-reviews-user-name{
 font-weight:bold;
 font-size:1.1em;
}
.bookmeter-book-url{
 text-align:right;
 padding: 10px 0;
}
.bookmeter-powered{
 text-align:right;
}