@charset "UTF-8";

/*	Reset
-------------------------------------------------------------*/
body,div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td,iframe {margin:0;padding:0;}

table {border:0;border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}

ol, ul {list-style:none;}

caption, th {text-align:left;}

h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;line-height: 1;margin:0px 0;}

body {
	position: relative;
	font-family: arial,'メイリオ',Meiryo,'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size: 14px;
	line-height: 1.5;
	background-color:#fff;
	color: #333333;
	text-align: left;
	-webkit-text-size-adjust: none;
}
input {
	font-family: arial,'メイリオ',Meiryo,'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	border: none;
}
table{ font-size: 100%; }

hr { display: none; }

a:focus, *:focus { outline:none; }
a {
	text-decoration: none;
	color: #333;
}
a:link {
	text-decoration: none;
	color: #565656;
}
a:visited {
	text-decoration: none;
	color: #333;
}
label:hover,
a:hover,
a img:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	zoom: 1;
	text-decoration: underline;
	cursor: pointer;
}
a img:hover {
	text-decoration: none;
	cursor: pointer;
}
a:active {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	zoom: 1;
	text-decoration: underline;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.btn:hover,
.btn img:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	zoom: 1;
	text-decoration: none;
}
.btn img:hover {
	text-decoration: none;
}
.btn:active {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	zoom: 1;
	text-decoration: underline;
}


/*common*/

html,body{
	min-width: 1000px;
	width: 100%;
}

#header {
	background: #265137;
	border-bottom: 1px solid #eee;
	text-align: center;
}
#header .content {
	margin: auto;
	min-width: 1000px;
	max-width: 1240px;
	position: relative;
	padding: 6px;
}

#logoWrapper {
	display: inline-block;
	margin: auto;
}
#logoWrapper .siteName {
	display: none;
}
#logoWrapper a {
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	min-height: 62px;
	line-height: 1;
	background: url(/image/front/logo.png) 50% 22px no-repeat;
	background-size: auto 40px;
	display: block;
	padding: 0px 0px 0px 0px;
}
#logoWrapper a:active,
#logoWrapper a:hover {
	text-decoration: none;
}
#logoWrapper a .siteCaption{
	font-size: 86%;
}

#header .loginWrapper {
	position: absolute;
	top: 14px;
	color: #fff;
	text-align: left;
	font-size: 86%;
	max-width: 280px;
	line-height: 1.4;
}
#header .loginWrapper .shisetsuNameWrapper {
	text-align: left;
	display: block;
	margin-bottom: 4px;
	background: url(/image/front/icon_shisetsu.png) no-repeat;
	background-size: 16px;
	background-position: 0 50%;
	padding-left: 24px;

}
#header .loginWrapper .userNameWrapper {
	text-align: left;
	display: block;
	margin-bottom: 8px;
	background: url(/image/front/icon_user.png) no-repeat;
	background-size: 16px;
	background-position: 0 50%;
	padding-left: 24px;
}
#header .loginWrapper .btn {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
}
#header .loginWrapper .btn.logout {
	background-color: #999;
	font-size: 79%;
	padding: 3px 6px;
	text-align: center;
}
#header .loginWrapper a {
	color: #ccc;
	display: block;
	margin-top: 4px;
}
#header .headerLinkBtnWrapper {
	position: absolute;
	top: 26px;
	right: 14px;
}
#header .headerLinkBtnWrapper .btn {
}
#header .headerLinkBtnWrapper .btn a {
	background-color: #fff;
	overflow: hidden;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-right: 10px;
	font-size: 100%;
	line-height:25px;
	height: 25px;
	padding: 1px 10px 0px 10px;
	border: none;
	display: inline-block;
}
#header .headerLinkBtnWrapper .btn a:hover,
#header .headerLinkBtnWrapper .btn a:active {
	text-decoration: none;
}
#header .searchTriggerWrapper {
	position: absolute;
	top: 26px;
	right: 14px;
	color: #265137;
	text-align: left;
	font-size: 122%;
	line-height:25px;
	height: 25px;
	padding: 1px 34px 0px 10px;
	border: none;
	background: url(/image/front/icon_search_trg.png) no-repeat;
	background-size: 16px 16px;
	background-position: 90% 50%;
	background-color: #fff;
	overflow: hidden;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-right: 20px;
}
#header .searchTriggerWrapper:hover,
#header .searchTriggerWrapper:active {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
}

#header .menuTriggerWrapper {
	display: none;
}
.menuInner {
	display: none;
}

/*serachBox*/

.index .searchBoxWrapper {
	display: block;
}
#searchBoxWrapperNarrow {
	display: block;
}
.itemList .narrowBox.close {
	margin: 8px 10px 4px;
	overflow: hidden;
}
.index .searchTriggerWrapper {
	display: none;
}
.searchBoxWrapper {
	display: none;
	background: #f8f8f8;
}
#subSearchBoxWrapper {
	padding: 10px;
}
.searchBoxWrapper .searchBox {
	margin: auto;
	width: 1000px;
	padding: 10px 64px;
}
#subSearchBoxWrapper .searchBox ul.tabNav li,
.searchBoxWrapper .searchBox ul.tabNav li {
	display: inline-block;
	padding: 0 10px;
	border-left: 1px solid #565656;
}
#subSearchBoxWrapper .searchBox ul.tabNav li:first-child,
.searchBoxWrapper .searchBox ul.tabNav li:first-child {
	border-left: none;
	padding-left: 0;
}
#subSearchBoxWrapper .searchBox ul.tabNav li a,
.searchBoxWrapper .searchBox ul.tabNav li a {
	display: block;
	font-size: 86%;
	line-height: 1;
}

#subSearchBoxWrapper .searchBox .inputSearchBox,
.searchBoxWrapper .searchBox .inputSearchBox {
	margin: 6px auto;
	width: 100%;
	overflow: hidden;
}
.searchBoxWrapper .searchBox .searchElementsBox,
#subSearchBoxWrapper .searchBox .inputSearchBox .inputKeyword,
#subSearchBoxWrapper .searchBox .inputSearchBox .selectbx,
#subSearchBoxWrapper .searchBox .inputSearchBox .btn,
.searchBoxWrapper .searchBox .inputSearchBox .inputKeyword,
.searchBoxWrapper .searchBox .inputSearchBox .selectbx,
.searchBoxWrapper .searchBox .inputSearchBox .btn {
	vertical-align: middle;
	display: inline-block;
}
.searchBoxWrapper .searchBox .searchElementsBox {
	width: 357px;
}
.searchBoxWrapper .searchBox .inputSearchBox .inputKeyword {
	width: 540px;
	padding: 3px 6px;
	font-size: 100%;
	height: 30px;
	line-height: 1;
	border: 1px solid #ccc;
}

.searchBoxWrapper .searchBox .inputSearchBox.volume .inputKeyword {
    padding-top: 0;
    padding-bottom: 0;
    width: 500px;
}

.searchBoxWrapper .searchBox .inputSearchBox .inputKeyword.short {
	width: 90px;
}

#subSearchBoxWrapper .searchBox .inputSearchBox .inputKeyword {
	width: 70%;
	padding: 3px 6px;
	font-size: 86%;
	height: 30px;
	line-height: 1;
	border: 1px solid #ccc;
}

#subSearchBoxWrapper .searchBox .inputSearchBox .btn,
.searchBoxWrapper .searchBox .inputSearchBox .btn {
	float: right;
	width: 70px;
	height: 30px;
	border: none;
	background: url(/image/front/icon_search.png) no-repeat;
	background-size: 20px 20px;
	background-position: 50% 50%;
	background-color: #265137;
	overflow: hidden;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#subSearchBoxWrapper .searchBox .inputSearchBox .btn span,
.searchBoxWrapper .searchBox .inputSearchBox .btn span {
	height: 0;
	padding-top: 75px;
	display: block;
}
#subSearchBoxWrapper .searchBox .inputSearchBox .btn.disabled,
.searchBoxWrapper .searchBox .inputSearchBox .btn.disabled {
    background-color: grey;
	opacity: 1;
	filter: none;
	-ms-filter: "none";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	zoom: 1;
	text-decoration: none;
	cursor: default;
}

#subSearchBoxWrapper .searchBox .subSearchBox ul,
.searchBoxWrapper .searchBox .subSearchBox ul {
	overflow: hidden;
}
#subSearchBoxWrapper .searchBox .subSearchBox ul li,
.searchBoxWrapper .searchBox .subSearchBox ul li {
	float: left;
	font-size: 86%;
	margin: 0 5px 0 4px;
}
#subSearchBoxWrapper .searchBox .subSearchBox ul li.contract,
.searchBoxWrapper .searchBox .subSearchBox ul li.contract {
	margin: 0 5px 0 24px;
}
#subSearchBoxWrapper .searchBox .subSearchBox ul li.echushi,
.searchBoxWrapper .searchBox .subSearchBox ul li.echushi {
	float: right;
}

#subSearchBoxWrapper .searchBox .subSearchBox ul li .radio,
#subSearchBoxWrapper .searchBox .subSearchBox ul li .checkbox,
.searchBoxWrapper .searchBox .subSearchBox ul li .radio,
.searchBoxWrapper .searchBox .subSearchBox ul li .checkbox {
	display: inline-block;
	overflow: hidden;
	min-height: 20px;
	line-height: 20px;
	cursor: pointer;
}




#subSearchBoxWrapper .searchBox select,
.searchBoxWrapper .searchBox select {
	border-radius: 0;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	font-size: inherit;
	color: inherit;
	box-sizing: content-box;
}

#subSearchBoxWrapper .searchBox select:not(#journalsForHeader),
.searchBoxWrapper .searchBox select:not(#journalsForHeader) {
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	background: none transparent;
}

.searchBoxWrapper .searchBox .selectbx {
	overflow: hidden;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: relative;
	border: 1px solid #ccc;
	background-color: #fff;
	width: 250px;
}
.searchBoxWrapper .searchBox .selectbx.long {
	width: 510px;
}
#subSearchBoxWrapper .searchBox .selectbx {
	overflow: hidden;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: relative;
	border: 1px solid #ccc;
	background-color: #fff;
	width: 28%;
}

.searchBoxWrapper .searchBox .selectbx > select {
	width: 130%;
	padding: 0 2.4em 0 0.6em;
	font-size: 86%;
	height: 28px;
	cursor: pointer;
}
#subSearchBoxWrapper .searchBox .selectbx > select {
	width: 130%;
	padding: 0 2.4em 0 0.6em;
	font-size: 86%;
	height: 28px;
	cursor: pointer;
}
#subSearchBoxWrapper .searchBox .selectbx:after,
.searchBoxWrapper .searchBox .selectbx:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 1.8em;
	display: block;
	content: "";
	background: #f8f8f8 url("/image/front/icon_arow_dw_green.png") center no-repeat;
	background-size: auto 5px;
	pointer-events: none;
	border-left: 1px solid #ccc;
}

#subSearchBoxWrapper .searchBox .addKeyword {
}
#subSearchBoxWrapper .searchBox .addKeyword:hover,
#subSearchBoxWrapper .searchBox .addKeyword:active {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	cursor: pointer;
}
#subSearchBoxWrapper .searchBox .addKeyword span {
	display: block;
	font-size: 86%;
	background: url(/image/front/icon_plus.png) 0 50% no-repeat;
	background-size: 16px auto;
	padding-left: 22px;
	height: 16px;
	line-height: 16px;
}

#subSearchBoxWrapper .inputDate {
	width: 30%;
	padding: 2px 6px;
	font-size: 100%;
	height: 26px;
	line-height: 1;
	border: 1px solid #ccc;
}
.itemList #secondary .secondaryInner #subSearchBoxWrapper ul li:hover {
}

.searchResult .inputSearchBox {
	margin: 10px 0;
}

.itemList #secondary .secondaryInner ul.subParentList {
	margin: 0px 10px 0;
}
.itemList #secondary .secondaryInner ul.subParentList.Journal {
	background-color: #e5ecf7;
}
.itemList #secondary .secondaryInner ul.subParentList.book {
	background-color: #d9eee7;
}
.itemList #secondary .secondaryInner ul.subParentList li {
	padding: 4px 0px 4px 0px;
	font-size: 86%;
	display: inline-block;
	cursor: pointer;
}
.itemList #secondary .secondaryInner ul.subParentList.disabled li,
.itemList #secondary .secondaryInner ul.subParentList.disabled li label:hover {
    opacity: 1;
    filter: none;
    -ms-filter: none;
    -moz-opacity: 1;
    -kthml-opacity: 1;
	cursor: default;
}

.itemList #secondary .secondaryInner ul.subParentList li label:hover {
	text-decoration: none;
}
.itemList #secondary .secondaryInner ul.subParentList li a {
}
.itemList #secondary .secondaryInner ul.subParentList li.current {
}
.itemList #secondary .secondaryInner ul.subParentList li.current {
}
.journal.itemList #secondary .secondaryInner ul.subParentList li.current {
}
.journal.itemList #secondary .secondaryInner ul.subParentList li.current {
}
.book.itemList #secondary .secondaryInner ul.subParentList li.current {
}
.itemList #secondary .secondaryInner ul li a {
	padding: 4px 10px 4px 13px;
	display: inline-block;
}

.itemList #secondary .secondaryInner ul.subParentList ul.childList {
	padding: 0px 0px;
	font-size: 100%;
	margin-bottom: 0px;
}
.itemList #secondary .secondaryInner ul.subParentList.Journal ul.childList {
	background-color: #edf2f9;
}
.itemList #secondary .secondaryInner ul.subParentList.book ul.childList {
	background-color: #eef5f3;
}
.itemList #secondary .secondaryInner ul.subParentList ul.childList li {
	padding: 0px 0px 0px 6px;

}
.itemList #secondary .secondaryInner ul.subParentList li:hover {
	background-color: transparent;
}

.subSearchBox .btn {
	width: auto;
	margin: 20px 10px;
	height: 40px;
	border: none;
	background: url(/image/front/icon_search.png) no-repeat;
	background-size: 27px 27px;
	background-position: 10% 50%;
	background-color: #265137;
	overflow: hidden;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.subSearchBox .btn span {
	color: #fff;
	display: block;
	font-size: 122%;
	height: 40px;
	line-height: 40px;
	text-align: center;
}


.searchSubList {
	margin: 40px 10px 30px;
}

.searchSubset {
	margin: -10px 10px 30px;
}
.searchSubset h4 {
	margin-bottom: 8px;
	font-size: 79%;
}
.searchSubset .searchSubsetInner {
	padding: 8px 10px;
	border: 1px solid #ccc;
}
.searchSubset .searchSubsetInner .inputText {
	width: 100%;
	padding: 6px 10px;
	font-size: 86%;
	height: 30px;
	line-height: 1;
	border: 1px solid #ccc;
}
.searchSubset .searchSubsetInner .subSearchBox ul {
	overflow: hidden;
	margin: 6px auto;
}
.searchSubset .searchSubsetInner .subSearchBox ul li {
	float: left;
	font-size: 79%;
	margin: 0 5px 0 4px;
}
.searchSubset .btnSub {
	width: auto;
	margin: 0px auto;
	height: 30px;
	border: none;
	background-color: #265137;
	overflow: hidden;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.searchSubset .btnSub span {
	color: #fff;
	display: block;
	font-size: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
}





.searchSubList h4 {
	margin-bottom: 8px;
	font-size: 86%;
	background: url(/image/front/marker_ld.png) no-repeat;
	background-size: auto 6px;
	background-position: 6px 50%;
	padding-left: 14px;
	cursor: pointer;
}
.searchSubList.close h4 {
	margin-bottom: 8px;
	font-size: 86%;
	background: url(/image/front/marker_l.png) no-repeat;
	background-size: auto 6px;
	background-position: 6px 50%;
	padding-left: 14px;
	cursor: pointer;
}

.searchSubList .searchSubListInner {
	border: 1px solid #ccc;
}
.searchSubList .searchSubListInner th,
.searchSubList .searchSubListInner td {
	padding: 4px 6px;
}
.searchSubList .searchSubListInner th {
	color: #565656;
}

.searchSubList .searchSubListInner .searchSubListItem {
	font-size: 79%;
	line-height: 1.2;
	background-color: #fff;
}
.searchSubList .searchSubListInner .searchSubListItem .text {
}
.searchSubList .searchSubListInner .searchSubListItem th.text {
	text-align: center;
}
.searchSubList .searchSubListInner .searchSubListItem .dateText {
	text-align: center;
	white-space: nowrap;
}
.searchSubList .searchSubListInner .searchSubListItem .dateText span {
	display: block;
	white-space: nowrap;
}
.searchSubList .searchSubListInner .searchSubListItem .actLink {
	white-space: nowrap;
}
.searchSubList .searchSubListInner .searchSubListItem .actLink a {
	text-align: center;
	display: block;
}
.searchSubList .searchSubListInner .searchSubListItem tr:nth-child(odd) {
	background-color: #f8f8f8;
}


.searchSubList {
	margin: 40px 10px 30px;
}

.searchSubset {
	margin: -10px 10px 30px;
}
.searchSubset h4 {
	margin-bottom: 8px;
	font-size: 79%;
}
.searchSubset .searchSubsetInner {
	padding: 8px 10px;
	border: 1px solid #ccc;
}
.searchSubset .searchSubsetInner .inputText {
	width: 100%;
	padding: 6px 10px;
	font-size: 86%;
	height: 30px;
	line-height: 1;
	border: 1px solid #ccc;
}
.searchSubset .searchSubsetInner .subSearchBox ul {
	overflow: hidden;
	margin: 6px auto;
}
.searchSubset .searchSubsetInner .subSearchBox ul li {
	float: left;
	font-size: 79%;
	margin: 0 5px 0 4px;
}
.searchSubset .btnSub {
	width: auto;
	margin: 0px auto;
	height: 30px;
	border: none;
	background-color: #265137;
	overflow: hidden;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.searchSubset .btnSub span {
	color: #fff;
	display: block;
	font-size: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
}





.searchSubList h4 {
	margin-bottom: 8px;
	font-size: 86%;
	background: url(/image/front/marker_ld.png) no-repeat;
	background-size: auto 6px;
	background-position: 6px 50%;
	padding-left: 14px;
	cursor: pointer;
}
.searchSubList.close h4 {
	margin-bottom: 8px;
	font-size: 86%;
	background: url(/image/front/marker_l.png) no-repeat;
	background-size: auto 6px;
	background-position: 6px 50%;
	padding-left: 14px;
	cursor: pointer;
}

.searchSubList .searchSubListInner {
	border: 1px solid #ccc;
}
.searchSubList .searchSubListInner th,
.searchSubList .searchSubListInner td {
	padding: 4px 6px;
}
.searchSubList .searchSubListInner th {
	color: #565656;
}

.searchSubList .searchSubListInner .searchSubListItem {
	font-size: 79%;
	line-height: 1.2;
	background-color: #fff;
}
.searchSubList .searchSubListInner .searchSubListItem .text {
}
.searchSubList .searchSubListInner .searchSubListItem th.text {
	text-align: center;
}
.searchSubList .searchSubListInner .searchSubListItem .dateText {
	text-align: center;
	white-space: nowrap;
}
.searchSubList .searchSubListInner .searchSubListItem .dateText span {
	display: block;
	white-space: nowrap;
}
.searchSubList .searchSubListInner .searchSubListItem .actLink {
	white-space: nowrap;
}
.searchSubList .searchSubListInner .searchSubListItem .actLink a {
	text-align: center;
	display: block;
}
.searchSubList .searchSubListInner .searchSubListItem tr:nth-child(odd) {
	background-color: #f8f8f8;
}

.searchResultList .panelWrapper .panel {
	display: none;
}

.searchResultList .panelWrapper .panel .section {
	text-align: right;
}
.searchResultList .panelWrapper .panel .child.snippet {
	border-top: 1px #aaa solid;
}

.contentWrapper #primary .searchResultList .searchResultItem h3 {
	display: inline;
	font-size: 115%;
}

.searchResultList .searchResultItem em {
    font-weight: bold;
    font-style: normal;
    background-color: #ffea00;
}

.searchResultList .searchResultItem span.featureTitle {
	display: block;
	font-size: 86%;
	padding-left: 20px;
	color: #cc6699;
}
.searchResultList .searchResultItem span.featureTitle2nd {
	display: block;
	font-size: 86%;
	padding-left: 20px;
	color: #2234ab;
}
.searchResultList .searchResultItem .itemAuthor {
	display: block;
	font-size: 86%;
	padding-left: 20px;
	margin: 6px 0 4px;
}
.searchResultList .searchResultItem .itemKeyword,
.searchResultList .searchResultItem .itemJournalInfo {
	display: block;
	font-size: 86%;
	padding-left: 20px;
	margin: 0px 0 4px;
}

.searchResultList .searchResultItem.journal h3:before {
	font-size: 63%;
	content:"文献";
	display: inline-block;
	background-color: #127bb5;
	padding: 0 8px;
	height: 20px;
	margin-right: 10px;
	line-height: 20px;
	white-space: nowrap;
	color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.searchResultList .searchResultItem.book h3:before {
	font-size: 63%;
	content:"書籍";
	display: inline-block;
	background-color: #009060;
	padding: 0 8px;
	height: 20px;
	margin-right: 10px;
	line-height: 20px;
	white-space: nowrap;
	color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.searchResultList .searchResultItem.journalBook h3:before {
	font-size: 63%;
	content:"雑誌";
	display: inline-block;
	background-color: #9c7500;
	padding: 0 8px;
	height: 20px;
	margin-right: 10px;
	line-height: 20px;
	white-space: nowrap;
	color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}






input[type='checkbox'],
input[type='radio'] {
	margin: auto 4px auto;
	cursor: pointer;
}


/*topicPath*/

#topicPath {
	margin: 0 auto 10px;
	min-width: 1000px;
	max-width: 1240px;
	padding: 10px;
	font-size: 86%;
}
#topicPath .breadcrumbs {
	margin: 0;
	padding: 0;
	display: inline-block;
	list-style: none;
}
#topicPath .breadcrumbs li {
	display: inline;
}
#topicPath .breadcrumbs li:not(:last-child)::after {
	content:"＞";
	padding: 0 0.5em 0 1em;
}

#footer {
	margin-top: 60px;
}
#footer .upperFooter {
	background: #f8f8f8;
	border-bottom: 1px solid #eee;
}
#footer .content {
	margin: 0px auto;
	min-width: 1000px;
	max-width: 1240px;
	padding: 10px;
	font-size: 86%;
}
#footer .content ul {
	width: 100%;
	margin: 10px auto;
}
#footer .content ul li {
	display: inline-block;
	margin-right: 20px;
}
#footer .content .copyright {
	float: right;
	font-size: 79%;
	color: #565656;
	margin-bottom: 20px;
}
#footer .snsBox {
	margin: 0px auto;
	min-width: 1000px;
	max-width: 1240px;
	overflow: hidden;
}
#footer .snsBox > ul {
	overflow: hidden;
	float: right;
	margin-right: 20px;
	margin-top: 20px;
}
#footer .snsBox > ul li {
	display: inline-block;
}
#footer .snsBox > ul img {
	width: 26px;
}


/*contentWrapper*/

.contentWrapper. {
}
.contentWrapper .content {
	margin: 0 auto;
	min-width: 1000px;
	max-width: 1240px;
	padding: 0px;
	position: relative;
	display: table;
	direction: rtl;
	width: 100%;
}
.contentWrapper.typeMain #primary {
	display: block;
	direction: ltr;
	padding-left: 10px;
	padding-right: 10px;
	width: auto;
	margin-bottom: 40px;
}
.contentWrapper.typeSubmenu #primary {
	display: table-cell;
	direction: ltr;
	padding-left: 20px;
	padding-right: 10px;
	width: auto;
	margin-bottom: 40px;
	vertical-align: top;
}
.contentWrapper.typeSubmenu #secondary {
	direction: ltr;
	display: table-cell;
	width: 235px;
	padding-left: 10px;
	top: 0;
	left: 0;
	margin-bottom: 40px;
	vertical-align: top;
	padding-left: 10px;
}
.contentWrapper.typeSubmenu.searchResult #secondary {
	width: 390px;
}

.contentWrapper.typeSubcolumn .content {
	margin: 0 auto;
	min-width: 1000px;
	max-width: 1240px;
	padding: 0px;
	position: relative;
	display: table;
	direction: ltr;
	width: 100%;
}
.contentWrapper.typeSubcolumn.journal.itemContens .content {
	direction: rtl;
}
.contentWrapper.typeSubcolumn.journal.itemDetail .content {
	direction: rtl;
}

.contentWrapper.typeSubcolumn #primary {
	display: table-cell;
	padding-left: 10px;
	padding-right: 20px;
	width: auto;
	margin-bottom: 15px;
	vertical-align: top;
	direction: ltr;
}
.contentWrapper.typeSubcolumn #secondary {
	display: table-cell;
	width: 235px;
	padding-right: 10px;
	top: 0;
	left: 0;
	margin-bottom: 40px;
	vertical-align: top;
	direction: ltr;
	padding-left: 10px;
}

.contentWrapper #primary h1 {
	border-bottom: 1px solid #ccc;
}
.contentWrapper #primary h1 .headingText {
	font-size: 138%;
	border-left: 4px solid #999;
	padding: 2px 6px 2px 10px;
	margin-bottom: 10px;
	line-height: 1.2;
	display: block;
}

.contentWrapper #primary h2 {
}
.contentWrapper #primary h2 .headingText {
	font-size: 115%;
	padding: 2px 4px 2px 10px;
	margin-bottom: 6px;
	line-height: 1;
	display: block;
}

.contentWrapper #secondary h2 {
	margin: 6px 6px 2px;
	border-left: 4px solid #999;
	padding: 2px 6px 2px 6px;
	line-height: 1;
}

.contentWrapper.journal #secondary h2 {
	border-left: 4px solid #127bb5;
}

.contentWrapper.book #secondary h2 {
	border-left: 4px solid #009060;
}

.contentWrapper #primary h3 {
	font-size: 122%;
	margin: 10px 0 10px 10px;
	line-height: 1.2;
	display: block;
}


/*===============================================
inputBox
===============================================*/

.inputBox {
	margin-bottom: 20px;
}

.inputBox .inputSubBox {
	margin: 10px 0 10px;
}



.inputBox .inputLine {
	margin: 0 0 5px;
}
.inputBox .inputLine.inner {
	margin: 5px 0 5px;
}
.inputBox .inputLine.single {
}
.inputBox .inputLine.double {
	overflow: hidden;
}
.inputBox .inputLine.double dl {
	float: left;
	width: 50%;
}
.inputBox .inputLine.login {
	overflow: hidden;
	width: 60%;
	margin: 0 auto;
}

.inputBox .inputLine dl {
	display: table;
	width: 100%;
}
.inputBox .inputLine dl dt {
	display: table-cell;
	width: 200px;
	padding: 5px 5px;
	line-height: 1.2;
	vertical-align: middle;
	background-color: #f5f5f5;
}
.inputBox .inputLine dl dd {
	display: table-cell;
	padding: 0 0 0 10px;
	vertical-align: middle;
}
.inputBox .inputLine dl dd .btn.delete {
	display: inline-block;
}
.inputBox .inputLine dl dd .btn.delete a {
	padding: 0 10px 0 6px;
	color: #fff;
	background-color: #999;
	text-align: left;
	font-size: 86%;
	line-height: 22px;
	padding: 3px 16px;
	border: none;
	overflow: hidden;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-right: 20px;
	line-height: 1;
	text-align: center;
}
.inputBox .inputLine dl dd .btn.delete a:hover,
.inputBox .inputLine dl dd .btn.delete a:hover {
	text-decoration: none;
}

.inputBox .inputLine dl ul {
	overflow: hidden;
	display: inline-block;
}
.inputBox .inputLine dl ul li {
	float: left;
	margin: 5px 10px 5px 0;
}
.inputBox .inputLine dl ul li .radio,
.inputBox .inputLine dl ul li .checkBox {
	display: inline-block;
	overflow: hidden;
	min-height: 20px;
	padding: 0 0 0 25px;
	line-height: 20px;
	cursor: pointer;
}
.inputBox input[type='checkbox'],
.inputBox input[type='radio'] {
	margin-right: 4px;
}


.inputBox input[type='text'].inputMemNum {
	width: 10em;
}
.inputBox input[type='text'].inputPrice {
	width: 10em;
}
.inputBox input[type='text'].inputNum {
	width: 4em;
}
.inputBox select {
	font-size: 16px;
}

.inputBox input[type='text'].inputLength03 {width: 3em;}
.inputBox input[type='text'].inputLength04 {width: 4em;}
.inputBox input[type='text'].inputLength05 {width: 5em;}
.inputBox input[type='text'].inputLength06 {width: 6em;}
.inputBox input[type='text'].inputLength07 {width: 7em;}
.inputBox input[type='text'].inputLength08 {width: 8em;}
.inputBox input[type='text'].inputLength09 {width: 9em;}
.inputBox input[type='text'].inputLength10 {width: 10em;}
.inputBox input[type='text'].inputLength15 {width: 15em;}
.inputBox input[type='text'].inputLength20 {width: 20em;}
.inputBox input[type='text'].inputLengthMax {width: 94%;}
.inputBox input[type='text'].inputLengthHalf {width: 38%;margin-right:10px;}
.inputBox input[type='password'].inputLength03 {width: 3em;}
.inputBox input[type='password'].inputLength04 {width: 4em;}
.inputBox input[type='password'].inputLength05 {width: 5em;}
.inputBox input[type='password'].inputLength06 {width: 6em;}
.inputBox input[type='password'].inputLength07 {width: 7em;}
.inputBox input[type='password'].inputLength08 {width: 8em;}
.inputBox input[type='password'].inputLength09 {width: 9em;}
.inputBox input[type='password'].inputLength10 {width: 10em;}
.inputBox input[type='password'].inputLength15 {width: 15em;}
.inputBox input[type='password'].inputLength20 {width: 20em;}
.inputBox input[type='password'].inputLengthMax {width: 94%;}
.inputBox input[type='password'].inputLengthHalf {width: 38%;margin-right:10px;}

.inputBox .inputLine.flat dl ul {
	display: table-cell;
	vertical-align: middle;
}

.inputBox dd .caution {
	font-size: 86%;
	display: block;
	color: #565656;
}
.inputBox .submitBox {
	margin: 15px auto 40px;
	text-align: center;
}
.inputBox .submitBox .btn {
	color: #fff;
	background-color: #265137;
	text-align: left;
	font-size: 138%;
	line-height: 22px;
	padding: 14px 30px;
	border: none;
	overflow: hidden;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-right: 10px;
	margin-left: 10px;
	text-align: center;
}
.inputBox .submitBox .btn:active {
	text-decoration: none;
}

.inputBox .inputLine dl dt .em {
	color: #c33;
}
.inputBox label.radio,
.inputBox label.checkbox {
	margin-right: 20px;
}

/*table*/

table.listTable {
	font-size: 86%;
	margin-bottom: 20px;
	width: 100%;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	border-collapse: collapse;
	background: #fff;
}
table.listTable.narrow {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}

table.listTable th {
	font-weight: bold;
	border-bottom: 2px solid #BFBFBF;
	text-align: left;
	background: #f8f8f8;
	padding: 3px 6px;
	background: #f5f5f5;
	background: -moz-linear-gradient(top, #fafafa, #f5f5f5);
	background: -webkit-linear-gradient(top, #fafafa, #f5f5f5);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #f5f5f5));
	background: linear-gradient(top, #fafafa, #f5f5f5);
}

table.listTable tr td {
	text-align: left;
	padding: 7px 5px 10px 5px;
}
table.listTable tr:nth-child(even) td {
	background-color: #f8f8f8;
}

table.listTable tr th {
	white-space: nowrap;
}

table.listTable td em {
	font-weight: bold;
	color: #c02020;
}

table.listTable td.size01,
table.listTable th.size01 {
	width: 1em;
}

table.listTable td.size02,
table.listTable th.size02 {
	width: 2em;
}

table.listTable td.size03,
table.listTable th.size03 {
	width: 3em;
}

table.listTable td.size04,
table.listTable th.size04 {
	width: 4em;
}

table.listTable td.size05,
table.listTable th.size05 {
	width: 5em;
}

table.listTable td.size06,
table.listTable th.size06 {
	width: 6em;
}

table.listTable td.size07,
table.listTable th.size07 {
	width: 7em;
}

table.listTable td.size08,
table.listTable th.size08 {
	width: 8em;
}

table.listTable td.size09,
table.listTable th.size09 {
	width: 9em;
}

table.listTable td.size10,
table.listTable th.size010 {
	width: 10em;
}

table.listTable td.disable {
	color: #999;
}

table.listTable th.center,
table.listTable td.center {
	text-align: center;
}

table.listTable th.right,
table.listTable td.right {
	text-align: right;
}

table.listTable td.nobr {
	white-space: nowrap;
}

table.listTable td.middle {
	vertical-align: middle;
}

table.listTable a:hover,
table.listTable a:focus {
	cursor: pointer;
}



/*===============================================
インデックス
===============================================*/

.index .categoryWrapper {
	margin: 5px auto 0px;
	display: table;
	width: 100%;
}

.index.book .categoryWrapper,
.index.journal .categoryWrapper {
	margin: 0px auto 0px;
	display: table;
	width: 100%;
}

.index .categoryWrapper .category {
	display: table-cell;
	width: 50%;
	padding: 0 10px;
}

.index .categoryWrapper .category h2 {
	font-size: 165%;
	margin-bottom: 5px;
	min-height: 36px;
	line-height: 36px;
}

.index .categoryWrapper .category h3 {
	font-size: 128%;
	border-bottom: 1px solid #ccc;
	padding: 0 10px 4px 0;
	margin-bottom: 20px;
}
.index .categoryWrapper .category h3 span {
	padding: 3px 3px 3px 6px;
	display: block;
}
.index .categoryWrapper .category.journal h3 span {
	border-left: 5px solid #127bb5;
}
.index .categoryWrapper .category.book h3 span {
	border-left: 5px solid #009060;
}

.index .categoryWrapper .category.journal h2 {
	background: url(/image/front/icon_v_journal.png) 0 50% no-repeat;
	background-size: 40px auto;
	padding-left: 50px;
}
.index .categoryWrapper .category.book h2 {
	background: url(/image/front/icon_v_book.png) 0 50% no-repeat;
	background-size: 42px auto;
	padding-left: 56px;
}

.index .categoryWrapper .category .categoryBox {
	padding: 12px;
	text-align: center;
}

.index .categoryWrapper .category.journal .categoryBox {
	background-color: #e5ecf7;
}

.index .categoryWrapper .category.book .categoryBox {
	background-color: #d9eee7;
}

.index .categoryWrapper .category .vBtn {
	margin: 0 auto 10px;
	font-family: arial,'メイリオ',Meiryo,'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	border: none;
	display: inline-block;
	background-color:#3bb3e0;
	text-decoration:none;
	color:#fff;
	display: block;
	position:relative;
	cursor: pointer;
	text-align: center;
	line-height: 1;
}

.index .categoryWrapper .category .vBtn a {
	padding:10px 20px 10px;
	display: block;
	background: url(/image/front/icon_arw.png) 96% 50% no-repeat;
	background-size: 10px auto;
	text-decoration: none;
	color: #fff;
}

.index .categoryWrapper .category .vBtn .text01 {
	font-size: 150%;
}

.index .categoryWrapper .category .vBtn .text02 {
	font-size: 122%;
}

.index .categoryWrapper .category .vBtn .text03 {
	font-size: 150%;
}

.index .categoryWrapper .category.journal .vBtn a {
	display: block;
}

.index .categoryWrapper .category.journal .vBtn {
	background-image: linear-gradient(bottom, #147cb6 0%, #4195c4 100%);
	background-image: -o-linear-gradient(bottom, #147cb6 0%, #4195c4 100%);
	background-image: -moz-linear-gradient(bottom, #147cb6 0%, #4195c4 100%);
	background-image: -webkit-linear-gradient(bottom, #147cb6 0%, #4195c4 100%);
	background-image: -ms-linear-gradient(bottom, #147cb6 0%, #4195c4 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #147cb6),
	color-stop(1, #4195c4)
	);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 3px 0px #0f6391;
	-moz-box-shadow: 0px 3px 0px #0f6391;
	-o-box-shadow: 0px 3px 0px #0f6391;
	box-shadow: 0px 3px 0px #0f6391;
}

.index .categoryWrapper .category.journal .vBtn:active {
	top:2px;
	background-image: linear-gradient(bottom, #147cb6 0%, #4195c4 100%);
	background-image: -o-linear-gradient(bottom, #147cb6 0%, #4195c4 100%);
	background-image: -moz-linear-gradient(bottom, #147cb6 0%, #4195c4 100%);
	background-image: -webkit-linear-gradient(bottom, #147cb6 0%, #4195c4 100%);
	background-image: -ms-linear-gradient(bottom, #147cb6 0%, #4195c4 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #147cb6),
	color-stop(1, #4195c4)
	);
	-webkit-box-shadow: 0px 2px 0px #0f6391;
	-moz-box-shadow: 0px 2px 0px #0f6391;
	-o-box-shadow: 0px 2px 0px #0f6391;
	box-shadow:  0px 2px 0px #0f6391;
	cursor: pointer;
}

.index .categoryWrapper .category.book .vBtn {
	background-image: linear-gradient(bottom, #029161 0%, #33a680 100%);
	background-image: -o-linear-gradient(bottom, #029161 0%, #33a680 100%);
	background-image: -moz-linear-gradient(bottom, #029161 0%, #33a680 100%);
	background-image: -webkit-linear-gradient(bottom, #029161 0%, #33a680 100%);
	background-image: -ms-linear-gradient(bottom, #029161 0%, #33a680 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #029161),
	color-stop(1, #33a680)
	);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 3px 0px #00734d;
	-moz-box-shadow: 0px 3px 0px #00734d;
	-o-box-shadow: 0px 3px 0px #00734d;
	box-shadow: 0px 3px 0px #00734d;
	cursor: pointer;
	text-align: center;
	line-height: 1;
}

.index .categoryWrapper .category.book .vBtn:active {
	top:2px;
	background-image: linear-gradient(bottom, #029161 0%, #33a680 100%);
	background-image: -o-linear-gradient(bottom, #029161 0%, #33a680 100%);
	background-image: -moz-linear-gradient(bottom, #029161 0%, #33a680 100%);
	background-image: -webkit-linear-gradient(bottom, #029161 0%, #33a680 100%);
	background-image: -ms-linear-gradient(bottom, #029161 0%, #33a680 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #029161),
	color-stop(1, #33a680)
	);
	-webkit-box-shadow: 0px 2px 0px #00734d;
	-moz-box-shadow: 0px 2px 0px #00734d;
	-o-box-shadow: 0px 2px 0px #00734d;
	box-shadow:  0px 2px 0px #00734d;
	cursor: pointer;
}

.index .categoryWrapper .vBtn:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	cursor: pointer;
}

.index .categoryWrapper .categoryBoxInner {
	padding: 0 10px;
	text-align: left;
}
.index .categoryWrapper .categoryBoxInner ul li {
	display: inline-block;
	padding: 1px 0px;
}
.index .categoryWrapper .categoryBoxInner ul li:after {
	content: " ／ " ;
}
.index .categoryWrapper .categoryBoxInner ul li:last-child:after {
	content: "" ;
}
.index .categoryWrapper .contentsNum {
	text-align: right;
	padding-top: 4px;
	color: #565656;
}
.index .categoryWrapper .contentsNum .numText {
	font-size: 94%;
	display: inline-block;
	padding-left: 10px;
}
.index .categoryWrapper .contentsNum .dateText {
	font-size: 86%;
}



.index .listWrapper {
	overflow: hidden;
}

.index h3.ranking {
	margin-top: 80px;
}

.index .listWrapper .itemBox {
	display: table;
	padding: 0 20px 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	width: 100%;
}

.book.index .listWrapper .itemBox,
.journal.index .listWrapper .itemBox {
	width: 50%;
	float: left;
}
.book.index .listWrapper .itemBox:nth-child(2n),
.journal.index .listWrapper .itemBox:nth-child(2n) {
}


.index .listWrapper .itemBox:last-child {
	margin-bottom: 0px;
}

.index .listWrapper.ranking .itemBox {
	display: block;
}

.index .listWrapper .itemBox a {
	display: block;
}
.index .listWrapper .itemBox a:hover,
.index .listWrapper .itemBox a:active {
	text-decoration: none;
}
.index .listWrapper .itemBox .itemPict {
	display: table-cell;
	vertical-align: top;
}
.index .listWrapper .itemBox .itemPict img {
	width: 64px;
}
.index .listWrapper .itemBox .itemText {
	display: table-cell;
	vertical-align: top;
	width: 100%;
	padding-left: 10px;
}
.index .listWrapper.ranking .itemBox .itemText {
	display: block;
	padding-left: 0px;
}
.index .listWrapper .itemBox .itemText span {
	display: block;
}
.index .listWrapper .itemBox .itemText .itemName,
.index .listWrapper .itemBox .itemText .itemRank {
	font-weight: bold;
	font-size: 115%;
	margin-left: 0px;
}
.index .listWrapper .itemBox .itemText .date,
.index .listWrapper .itemBox .itemText .itemCopy, {
	color: #565656;
	font-size: 86%;
}

.index .lBtn span {
	cursor: pointer;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	padding: 10px 10px 10px 10px;
	line-height: 1;
	margin: 20px 10px 50px;
	display: block;
	text-align: center;
}
.index .category.journal .lBtn span {
	background-color: #127bb5;
}
.index .category.book .lBtn span {
	background-color: #009060;
}
.index .lBtn span:hover,
.index .lBtn span:active {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
}
.index .lBtn a {
	text-decoration: none!important;
}

.index .msgBox {
	margin: 15px auto;
	padding: 5px;
	width: 90%;
	border: 2px solid #265137;
}
.index .msgBox ul {
	width: 100%;
}
.index .msgBox ul li {
	width: 100%;
	display: table;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}
.index .msgBox ul li:last-child {
	padding-bottom: 0px;
	margin-bottom: 0px;
	border: none;
}
.index .msgBox ul li span {
	display: table-cell;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
}
.index .msgBox ul li span.date {
	white-space: nowrap;
	width: 10%;
}
.index .msgBox ul li span.text {
	width: 90%;
}


/*===============================================
バナー
===============================================*/
.bnBox {
	margin: 0;
	float: left;
	overflow: hidden;
}
.bnBox ul {
}
.bnBox ul li {
	display: inline-block;
	margin: 5px 10px 0;
}



/*===============================================
目次／詳細系
===============================================*/
.contentWrapper.itemContens #primary h1 .headingText {
	font-size: 136%;
	border-left: none;
	padding: 2px 6px 2px 6px;
	margin-bottom: 10px;
	line-height: 1.2;
	display: block;
}
.contentWrapper.itemContens.journal #primary h1 .headingText {
	border-left: 5px solid #127bb5;
}
.contentWrapper.itemContens.book #primary h1 .headingText {
	border-left: 5px solid #009060;
}
.contentWrapper.itemDetail #primary h1 {
	border: none;
}
.contentWrapper.itemDetail #primary h1 .headingText {
	border: none;
	padding: 2px 6px 0px 6px;
	margin-bottom: 5px;
	line-height: 1.2;
	display: block;
}
.contentWrapper.itemDetail.journal #primary h1 .headingText {
    border-left: 5px solid #127bb5;
}
.contentWrapper.itemDetail .itemBox,
.contentWrapper.itemContens .itemBox {
	display: table;
	margin: 0px auto 5px;
}
.contentWrapper.itemDetail .itemBox .itemPict,
.contentWrapper.itemContens .itemBox .itemPict {
	display: table-cell;
	vertical-align: top;
	padding: 10px 10px 5px 10px;
}

.contentWrapper.itemDetail .itemBox .itemPict > img,
.contentWrapper.itemContens .itemBox .itemPict > img {
	margin: 0 10px;
	width: 100px;
}
.contentWrapper.itemDetail .itemBox .itemText,
.contentWrapper.itemContens .itemBox .itemText {
	display: table-cell;
	vertical-align: top;
	width: 100%;
	padding: 2px 20px 5px 10px;
}
.contentWrapper.itemDetail .itemBox .itemText span,
.contentWrapper.itemContens .itemBox .itemText span {
	display: block;
}
.contentWrapper.itemDetail .itemBox .itemText .itemName,
.contentWrapper.itemContens .itemBox .itemText .itemName {
	font-weight: bold;
	font-size: 122%;
	margin-bottom: 10px;
}
.contentWrapper.itemDetail .itemBox .itemText .itemCopy,
.contentWrapper.itemContens .itemBox .itemText .itemCopy {
	margin-bottom: 8px;
}

.contentWrapper.itemContens .tocWrapper {
	margin: 15px 5px 10px;
}
.contentWrapper.itemContens .tocWrapper h3 {
	color: #cc3366;
	font-size:125%;
	margin-bottom: 20px;
}
.contentWrapper.itemContens .tocWrapper h3.featureTitle2nd {
	color: #565656!important;
	font-size:125%;
	margin-bottom: 20px;
}
.contentWrapper.itemContens .contentItem {
	display: table;
	padding-left: 10px;
}
.contentWrapper.itemContens .contentItem label {
	display: table-cell;
	vertical-align: top;
	padding: 0 8px;
}
.contentWrapper.itemContens .contentItem .contentItemInfo {
	display: table-cell;
	vertical-align: top;
}
.contentWrapper.itemContens .contentItem .contentItemInfo .contentTitle {
	display: block;
	font-size:113%;
	font-weight: bold;
}
.contentWrapper.itemContens .contentItem .contentItemInfo .contentAuther {
	display: block;
}
.contentWrapper.itemContens .contentItem .contentItemInfo .contentInfo {
	display: block;
}
.itemDetail .contentItemLink {
	margin-top: 10px;
}
.itemDetail .contentItemLink a:active,
.itemDetail .contentItemLink a:hover {
	text-decoration: none!important;
}



.loginInputWrapper {
	margin: 10px auto;
	border: 1px solid #ccc;
}
.loginInputWrapper h2 {
	background-color: #f0f0f0;
	font-size: 100%;
	padding: 10px 20px;
	margin-bottom: 5px;
}
.loginInputWrapper .subText {
	margin-bottom: 10px;
	padding: 10px 20px 0;
	text-align: center;
	display: block;
}
.loginInputWrapper .submitBox {
	margin-bottom: 10px;
}
.loginInputWrapper .linkText {
	padding: 0px 10px;
	margin-bottom: 10px;
	text-align: center;
	display: block;
}
.loginInputWrapper .linkText a {
	margin: 0 10px 10px;
	text-align: center;
	display: inline-block;
	font-size: 86%;
}

.inputBox input[type='password'],
.inputBox input[type='text'] {
	font-size: 16px;
	padding: 5px 10px;
	border: none;
	border: 1px solid #c0c0c0;
}
.loginInputWrapper.inputBox .submitBox .btn {
	font-size: 100%;
	padding: 10px 30px;
}


.itemLinkBox {
	margin: 10px auto;
	text-align: right;
}
.itemLinkBox .heading {
	display: inline-block;
	margin-right: 10px;
}
.itemLinkBox .link {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	background-color: #009060;
	color: #fff;
	margin-right: 10px;
	padding: 8px 10px 6px 10px;
	line-height: 1;
}
.itemLinkBox .link:hover,
.itemLinkBox .link:active {
	text-decoration: none!important;
}
.itemLinkBox .link.overview {
}
.itemLinkBox .link.overview span {
	background: url(/image/front/icon_view.png) no-repeat;
	background-size: auto 16px;
	background-position: 100% 50%;
	padding-right: 36px;
}
.itemLinkBox .link.download {
}
.itemLinkBox .link.download span {
	background: url(/image/front/icon_download.png) no-repeat;
	background-size: auto 16px;
	background-position: 100% 50%;
	padding-right: 26px;
}


.contentItemActionWrapper {
	margin: 10px auto 10px 16px;
	padding: 0 20px 5px 34px;
	border-bottom: 1px solid #ccc;
}

.contentItemActionWrapper .panelActionTriggerWrapper {
	display: table;
	direction: rtl;
}

.contentItemActionWrapper .panelActionTrigger {
	vertical-align: top;
	display: table-cell;
	overflow: hidden;
	direction: ltr;
}
.contentItemActionWrapper .panelActionTrigger li {
	float: left;
	display: block;
}
.contentItemLink .pdfTrigger,
.contentItemActionWrapper .panelActionTrigger li span {
	cursor: pointer;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	color: #fff;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 5px 6px 4px 6px;
	line-height: 1;
	font-size: 86%;
}
.contentItemActionWrapper .panelActionTrigger li span:hover,
.contentItemActionWrapper .panelActionTrigger li span:active {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
}
.contentItemActionWrapper .panelActionTrigger .highlight span {
	padding-left: 28px;
	background: url(/image/front/icon_highlight.png) no-repeat;
	background-size: auto 10px;
	background-position: 6% 50%;
	background-color: #8099af;
}
.contentItemActionWrapper .panelActionTrigger .overview span {
	padding-left: 22px;
    background: url(/image/front/icon_overview.png) no-repeat;
    background-size: auto 8px;
    background-position: 6% 50%;
    background-color: #8099af;
}
.contentItemActionWrapper .panelActionTrigger .bunken span {
	padding-left: 20px;
    background: url(/image/front/icon_bunken.png) no-repeat;
    background-size: auto 12px;
    background-position: 8% 50%;
    background-color: #8099af;
}
.contentItemActionWrapper .panelActionTrigger .html span {
    padding-left: 20px;
	background: url(/image/front/icon_html.png) no-repeat;
	background-size: auto 12px;
	background-position: 8% 50%;
	background-color: #8099af;
}
.contentItemLink .pdfTrigger {
	vertical-align: top;
	display: table-cell;
	padding-left: 20px;
	background: url(/image/front/icon_pdf.png) no-repeat;
	background-size: auto 12px;
	background-position: 8% 50%;
	background-color: #8099af;
}
.contentItemLink .pdfTrigger a {
	color: #fff;
}
.contentItemActionWrapper a:hover,
.contentItemActionWrapper a:active {
	text-decoration: none!important;
}
.contentItemActionWrapper .contentItemLink {
	direction: ltr;
	display: table;
}
.contentItemLink .pdfTrigger {
	display: table-cell;
	float: none;
}
.contentItemActionWrapper .panelWrapper {
	font-size: 86%;
	clear: both;
}



.contentItemLink ul.pdfAttribute {
	display: table-cell;
	margin-top: 6px;
	padding-left: 10px;
}
.contentItemLink ul.pdfAttribute li {
	display: inline-block;
	font-size: 86%;
	margin-left: 10px;
	vertical-align: middle;
}
.contentItemLink ul.pdfAttribute .accessible {
	background: url(/image/front/icon_unlock.png) no-repeat;
	background-size: auto 14px;
	background-position: 0 50%;
	padding-left: 22px;
}
.contentItemLink ul.pdfAttribute .payAccess {
	background: url(/image/front/icon_lock.png) no-repeat;
	background-size: auto 14px;
	background-position: 0 50%;
	padding-left: 18px;
}
.contentItemLink ul.pdfAttribute .freeAccess {
	background: url(/image/front/icon_free.png) no-repeat;
	background-size: auto 13px;
	background-position: 0 50%;
	padding-left: 24px;
}
.contentItemLink ul.pdfAttribute .openAccess {
	background: url(/image/front/icon_open.png) no-repeat;
	background-size: auto 13px;
	background-position: 0 50%;
	padding-left: 24px;
}
.contentItemLink ul.pdfAttribute .notSale {
	background: url(/image/front/icon_notsale.png) no-repeat;
	background-size: auto 16px;
	background-position: 0 50%;
	padding-left: 18px;
}
.contentItemLink ul.pdfAttribute .prePaid {
	font-size: 86%;
}
.contentItemLink ul.pdfAttribute .icon img {
	height: 15px;
	vertical-align: middle;
}

.contentWrapper.itemDetail .paperControlWrapper {
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	padding: 0;
	margin-bottom: 10px;
}

.contentWrapper.itemDetail .paperControl {
	float: right;
}
.contentWrapper.itemDetail .paperControl li {
	display: inline-block;
	margin-right: 10px;
	font-size: 86%;
}

.contentWrapper.itemDetail .paperDetailWrapper {
	padding: 0 20px;
}

.contentWrapper.itemDetail .paperDetailWrapper .itemTile {
	display: block;
	font-size: 138%;
}

.contentWrapper.itemDetail .paperDetailWrapper .itemAuthor {
	display: block;
	font-size: 86%;
}

.contentWrapper.itemDetail .paperDetailWrapper .itemDate {
	display: block;
	margin-top: 10px;
	font-size: 86%;
}

.paperDetailActionWrapper {
	padding: 20px;
	position: relative;
}
.paperDetailActionWrapper .panel {
	padding: 20px 30px 20px;
	top: 90px;
}
.paperDetailActionWrapper .paperDetailAction {

}
.paperDetailActionWrapper .panelActionTrigger {
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	width: 100%;
}
.paperDetailActionWrapper .panelActionTrigger li {
	float: left;
	display: block;
	padding: 10px 10px 0;
	text-align: center;
}
.paperDetailActionWrapper .panelActionTrigger li span {
	display: block;
	color: #808080;
	padding: 10px 30px 8px;
	border-top: 1px solid #f8f8f8;
	border-right: 1px solid #f8f8f8;
	border-left: 1px solid #f8f8f8;
	background-color: #f8f8f8;
	cursor: pointer;
}
.paperDetailActionWrapper .panelActionTrigger li.current span {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background-color: #fff;
	color: #333;
	cursor: default;
}



.contentWrapper.itemContens .journalControlWrapper {
	overflow: hidden;
	padding: 5px 0 0px;
}
.contentWrapper.itemContens .journalControl {
	float: right;
}
.contentWrapper.itemContens .journalControl li {
	display: inline-block;
	margin-right: 10px;
	font-size: 86%;
}


.book .itemBox .itemPict .buyBtn {
	margin-top: 10px;
}
.book .itemBox .itemPict .bookTextbtn {
	margin-top: 20px;
}
.book .itemBox .itemPict .buyBtn a,
.book .itemBox .itemPict .bookTextbtn a {
	width: 100%;
	cursor: pointer;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	display: block;
	color: #fff;
	text-align: center;
	padding: 8px 10px 6px 10px;
	line-height: 1;
	background-color: #009060;
}
.book .itemBox .itemPict .bookTextbtn a {
	background-color: #cc6699;
}
.book .itemBox .itemPict .buyBtn a:hover,
.book .itemBox .itemPict .buyBtn a:active,
.book .itemBox .itemPict .bookTextbtn a:hover,
.book .itemBox .itemPict .bookTextbtn a:active {
	text-decoration: none!important;
}

.book .bookDetailWrapper h2 {
	border-bottom: 1px solid #ccc;
	font-size: 115%;
	padding: 2px 20px 8px 10px;
}
.book .bookDetailWrapper .bookDetailText {
	padding: 10px 20px 5px;
	margin-bottom: 5px;
}



/*===============================================
一覧
===============================================*/
.itemList h1 .downloadBtn {
	position: absolute;
	top: 2px;
	right: 20px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	background-color: #009060;
	color: #fff;
	padding: 6px 10px 6px 10px;
	line-height: 1;
	font-size: 86%;
}
.itemList h1 .downloadBtn:hover,
.itemList h1 .downloadBtn:active {
	text-decoration: none!important;
}


.itemList #secondary .secondaryInner ul.parentList {
	padding: 4px 0px 2px 4px;
	margin-bottom: 10px;
}
.itemList #secondary .secondaryInner ul.parentList li {
	padding: 0px 0px 0px 0px;
	font-size: 93%;
	cursor: pointer;
}

.itemList #secondary .secondaryInner ul.parentList li.contract a:before {
 	font-size: 93%;
 	content:"";
 	display: inline-block;
 	line-height: 11px;
 	white-space: nowrap;
 	color: #009060;
 	width: 8px;
     height: 8px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     background-color: #009060;
     position: absolute;
     top: 7px;
     left: -2px;
 }

.itemList #secondary .secondaryInner span.contract:before{
 	font-size: 93%;
 	content:"";
 	display: inline-block;
 	line-height: 11px;
 	white-space: nowrap;
 	color: #009060;
 	width: 8px;
     height: 8px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     background-color: #009060;
     top: 7px;
     left: -2px;
 }

#secondary div.backnumber ul.parentList li.contract a.titleText:before {
  	font-size: 93%;
  	content:"";
  	display: inline-block;
  	line-height: 11px;
  	white-space: nowrap;
  	color: #009060;
  	width: 8px;
      height: 8px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      background-color: #009060;
    position: absolute;
    top: 4px;
    left: 10px;
}

#secondary div.backnumber span.contract:before {
  	font-size: 93%;
  	content:"";
  	display: inline-block;
  	line-height: 11px;
  	white-space: nowrap;
  	color: #009060;
  	width: 8px;
      height: 8px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      background-color: #009060;
    position: absolute;
    left: 116px;
    top: 5px;
}

.itemList #secondary .secondaryInner ul.parentList li.contract.old a:before {
    /*left: -12px;*/
}
.itemList #secondary .secondaryInner ul.parentList li a.largeName,
.itemList #secondary .secondaryInner ul.parentList li:first-child a{
	background: url(/image/front/marker_l.png) no-repeat;
	background-size: auto 6px;
	background-position: 6px 7px;
	display: block;
}
.itemList #secondary .secondaryInner ul.parentList li a.journalNameList{
	display: block;
	background: none;
	padding: 2px 10px 2px 8px;
	position: relative;
}

.itemList #secondary .secondaryInner ul.parentList li a,
.itemList #secondary .secondaryInner ul.subParentList li a{
	background: url(/image/front/marker_l.png) no-repeat;
	background-size: auto 6px;
	background-position: 6px 7px;
	display: block;
}
.itemList #secondary .secondaryInner ul.parentList li a.listOpen,
.itemList #secondary .secondaryInner ul.subParentList li a.listOpen {
	background: url(/image/front/marker_ld.png) no-repeat;
	background-size: auto 6px;
	background-position: 6px 50%;
}
.itemList #secondary .secondaryInner ul.parentList li.current {
	background: #f8f8f8;
}
.itemList #secondary .secondaryInner ul.childList li.current {
	background: #fefefe;
}
.journal.itemList #secondary .secondaryInner ul.parentList li.current {
	background: #e5ecf7;
}
.journal.itemList #secondary .secondaryInner ul.childList li.current {
	background: #f1f6fd;
}
.book.itemList #secondary .secondaryInner ul.parentList li.current {
	background: #abddc0;
}
.itemList #secondary .secondaryInner ul li a {
	padding: 2px 10px 2px 13px;
	display: inline-block;
}

.itemList #secondary .secondaryInner ul.childList {
	padding: 0px 0px;
	background-color: #fff;
	font-size: 100%;
	margin-bottom: 6px;
}
.itemList #secondary .secondaryInner ul.childList li {
	padding: 0 0 0 10px;
	font-size: 100%;
}
.itemList #secondary .secondaryInner ul.childList li.old {
    /*padding-left: 20px;*/
	font-size: 85%;
}
.itemList #secondary .secondaryInner ul.childList li.old a {
    /*color: #808080;*/
}

.itemList #secondary .secondaryInner ul.childList li span.small {
    font-size: 85%;
}

.itemList #secondary .secondaryInner ul.childList li.desc {
    padding-left: 20px;
	font-size: 85%;
	cursor: default;
}
.itemList #secondary .secondaryInner ul.childList li.desc a {
    padding: 0px;
    color: #808080;
    display: inline-block;
}

.itemList #secondary .secondaryInner ul li.desc span {
	padding: 4px 10px 4px 13px;
	display: inline-block;
	color: #808080;
}

.itemList #secondary .secondaryInner ul.childList li.sep {
}
.itemList #secondary .secondaryInner ul.childList li.sep:after {
    content: "";
    display: block;
    width: 100%;
    border-bottom: 1px dashed #808080;
}
.itemList #secondary .secondaryInner ul li:hover {
	background-color: #f0f0f0;
}

.itemList #secondary .secondaryInner ul.parentList div.catName {
	font-weight: bold;
}
.itemList #secondary .secondaryInner ul.parentList div.catName:before {
	content: "";
	display: block;
	margin-left: -4px;
	border-bottom: 1px solid #ccc;
}
.itemList #secondary .secondaryInner ul.parentList div.catName:after {
	content: "";
	display: block;
	margin-left: -4px;
	border-bottom: 1px solid #ccc;
}
.itemList #secondary .secondaryInner ul.parentList div.catName.first:before {
	display: none;
}
.itemList #secondary .secondaryInner ul.parentList div.listClose.catName:after {
	display: none;
}
.itemList #secondary .secondaryInner ul.parentList div.listClose.catName.last:after {
	display: block;
}

.itemList .narrowBox {
	margin: 0px 0px 4px;
	font-size: 86%;
	text-align: right;
}

.itemList .listInfoWrapper {
	margin: 8px 10px 4px;
	overflow: hidden;
}
.itemList .pageInfoWrapper .pageInfo {
	font-size: 86%;
}
.itemList .pageInfoWrapper {
	float: left;
}

.itemList .listViewType {
	float: right;
}
.itemList .listViewType ul.viewType {
	margin-left: 20px;
}
.itemList .listViewType ul.viewNum,
.itemList .listViewType ul.viewType {
	overflow: hidden;
	float: right;
	font-size: 86%;
}
.itemList .listViewType ul.viewType li {
	float: left;
	margin-left: 15px;
}
.itemList .listViewType ul.viewNum li {
	float: left;
	margin-left: 8px;
}
.itemList .listViewType ul.viewNum li.current span {
	text-decoration: underline;
}
.itemList .listViewType ul.viewNum li a {
	color: #808080;
}
.itemList .listViewType ul.viewType li.thumbnailType {
	padding: 0px 0px 0px 0px;
	width: 25px;
	height: 25px;
	display: block;
	overflow: hidden;
	background: url(/image/front/icon_listtype.png) no-repeat;
	background-size: 25px auto;
	background-position: 0px -25px;
	overflow: hidden;
	cursor: pointer;
}
.itemList .listViewType ul.viewType li.thumbnailType.current {
	background: url(/image/front/icon_listtype.png) no-repeat;
	background-size: 25px auto;
	background-position: 0px 0px;
}
.itemList .listViewType ul.viewType li.listType {
	padding: 0px 0px 0px 0px;
	width: 25px;
	height: 25px;
	display: block;
	overflow: hidden;
	background: url(/image/front/icon_listtype.png) no-repeat;
	background-size: 25px auto;
	background-position: 0px -75px;
	overflow: hidden;
	cursor: pointer;
}
.itemList .listViewType ul.viewType li.listType.current {
	background: url(/image/front/icon_listtype.png) no-repeat;
	background-size: 25px auto;
	background-position: 0px -50px;
}
.itemList .listViewType ul.viewType li.thumbnailType span,
.itemList .listViewType ul.viewType li.listType span {
	height: 0;
	padding-top: 30px;
	display: block;
}

.itemList .listWrapper {
	overflow: hidden;
}

.itemList .listWrapper.listType .itemBox {
	display: table;
}
.itemList .listWrapper.thumbnailType .itemBox {
	display: block;
	float: left;
}
.itemList .listWrapper.thumbnailType .itemBox {
	width: 16.6%;
}
.itemList .listWrapper.listType .itemBox {
	margin: 10px 2%;
	width: 44%;
	/**float: left; */
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	display: inline-block;
}
.itemList .listWrapper.thumbnailType .itemBox {
	text-align: center;
	padding: 5px 5px;
}
.itemList .listWrapper.listType .itemBox a {
	display: block;
}
.itemList .listWrapper.listType .itemBox a:hover,
.itemList .listWrapper.listType .itemBox a:active {
	text-decoration: none;
}
.itemList .listWrapper.listType .itemBox .itemPict {
	display: table-cell;
	vertical-align: top;
}
.itemList .listWrapper .itemBox .itemPict img {
	width: auto;
    height: 120px;
}
.index.journal.itemList .listWrapper .itemBox .itemPict img,
.index.book.itemList .listWrapper .itemBox .itemPict img {
	width: auto;
	height: 120px;
}
.itemList .listWrapper.listType .itemBox .itemText {
	display: table-cell;
	vertical-align: top;
	width: 100%;
	padding-left: 5px;
}
.itemList .listWrapper .itemBox .itemText span {
	display: block;
	margin-left: 10px;
}
.itemList .listWrapper .itemBox .itemText .itemName {
	margin-left: 10px;
	font-weight: bold;
	font-size: 115%;
	line-height: 1.3;
}
.itemList .listWrapper.thumbnailType .itemBox .itemText .itemName {
	font-weight: normal;
	font-size: 86%;
}
.itemList .listWrapper .itemBox .itemText .itemCaption,
.itemList .listWrapper .itemBox .itemText .itemSecondName,
.itemList .listWrapper .itemBox .itemText .itemCopy,
.itemList .listWrapper .itemBox .itemText .itemAuthor,
.itemList .listWrapper .itemBox .itemText .itemPublish,
.itemList .listWrapper .itemBox .itemText .itemJPublish,
.itemList .listWrapper .itemBox .itemText .itemISBNe,
.itemList .listWrapper .itemBox .itemText .itemISBNp,
.itemList .listWrapper .itemBox .itemText .itemAuthorArea {
	color: #565656;
	font-size: 86%;
	margin-left: 10px;
}
.itemList .listWrapper.thumbnailType .itemBox .itemText .itemCaption,
.itemList .listWrapper.thumbnailType .itemBox .itemText .itemSecondName,
.itemList .listWrapper.thumbnailType .itemBox .itemText .itemCopy,
.itemList .listWrapper.thumbnailType .itemBox .itemText .itemAuthor,
.itemList .listWrapper.thumbnailType .itemBox .itemText .itemPublish,
.itemList .listWrapper.thumbnailType .itemBox .itemText .itemJPublish,
.itemList .listWrapper.thumbnailType .itemBox .itemText .itemISBNe,
.itemList .listWrapper.thumbnailType .itemBox .itemText .itemISBNp {
	display: none;
}
.itemList .listWrapper .itemBox .itemText .itemCopy {
	margin-bottom: 8px;
}

.itemList .listWrapper .itemBox .itemText .itemAuthor,
.itemList .listWrapper .itemBox .itemText .itemJPublish {
	margin-top: 5px;
}

.itemList .listWrapper.thumbnailType .itemBox .itemText {
}




/*===============================================
マイページ
===============================================*/
.mypage #secondary .secondaryInner ul {
	padding: 0px;
	margin-bottom: 20px;
}
.mypage #secondary .secondaryInner ul li {
	padding: 6px 6px 6px 16px;
	font-size: 86%;
}
.mypage #secondary .secondaryInner ul li.current {
	background: #f8f8f8;
}
.mypage #secondary .secondaryInner ul li a {
	display: block;
}

.mypage .selectTabWrapper {
	width: 100%;
	border-bottom: 1px solid #ccc;
	margin: 20px auto;
}

@media screen and (max-width: 600px) {
    .mypage .selectTabWrapper {
	    width: 100%;
	    border-bottom: 1px solid #ccc;
	    margin: 20px auto;
	    font-size: 9px;
    }
}

.mypage .selectTabWrapper ul {
	overflow: hidden;
}
.mypage .selectTabWrapper ul li {
	float: left;
	margin: 0 10px;
}
.mypage .selectTabWrapper ul li a {
	display: block;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 10px;
	color: #999;
}
.mypage .selectTabWrapper ul li.current a {
	border-top: 3px solid #999;
	background: #f8f8f8;
	color: #333;
}
.mypage .pageMsg {
	margin: 0px auto 30px;
	padding: 10px;
	border: 3px solid #ccc;
	background-color: #f8f8f8;
}

.mypage .pageMsg.caution {
	border: 3px solid #c33;
	background-color: #fff8f8;
	color: #933;
}

.mypage .selectItemBox {
	background-color: #e5ecf7;
	font-size: 86%;
	padding: 6px 0px 12px;
	margin-bottom: 20px;
}
.mypage .selectItemBox li {
}

.mypage .selectItemBox .selectAll,
.mypage .selectItemBox .listOpen,
.mypage .selectItemBox .listClose {
	padding: 6px 6px 0px 16px;
	display: block;
}

.mypage .selectItemBox .listOpen:before {
	content: "−";
}
.mypage .selectItemBox .listClose:before {
	content: "＋";
}

.mypage .selectItemBox.journal {
}
.mypage .selectItemBox.journal ul.childList {
	padding: 6px 6px 6px 16px;
	background-color: #edf2f9;
}
.mypage .selectItemBox.journal ul.childList li {
	padding-right: 16px;
	display: inline-block;
}




/*pagenation*/
.pagination {
	margin: 0px;
	text-align: left;
}

.pagination span {
	margin-bottom: 4px;
}

.pagination .pageNum a {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	font-size: 86%;
	padding: 4px 8px;
	background: #eee;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.pagination .pageNum a:hover,
.pagination .pageNum a:focus {
	background: #e0e0e0;
	text-decoration: underline;
	cursor: pointer;
}

.pagination .pageNum.current {
	border: none;
	color: #c00000;
	display: inline-block;
	font-size: 100%;
	padding: 0.5ex 10px;
	text-decoration: none;
}

/*===============================================
セカンダリ
===============================================*/
#secondary .secondaryInner {
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

/*基本情報*/
#secondary .basicInfo {
}
#secondary .basicInfo .textInfo {
	font-size: 86%;
	line-height: 1.4;
	padding: 0 10px 6px;
	display: block;
}
#secondary .basicInfo .publishInfo {
	font-size: 79%;
	padding: 0 10px 0px;
	display: block;
}
#secondary .basicInfo .publishInfo:last-child {
	padding-bottom: 8px;
}
#secondary .basicInfo ul.links {
	padding: 10px 6px 6px;
}
#secondary .basicInfo ul.links li a {
	font-size: 82%;
	background: url(/image/front/marker_l.png) no-repeat;
	background-size: auto 6px;
	background-position: 6px 50%;
	display: block;
	padding: 0px 10px 2px 13px;
}
#secondary .basicInfo .subscriptionBtn {
	padding: 0 10px;
}
#secondary .basicInfo .subscriptionBtn a {
	width: 100%;
	cursor: pointer;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	display: block;
	color: #fff;
	text-align: center;
	margin-bottom: 5px;
	padding: 8px 10px 6px 10px;
	line-height: 1;
	background-color: #009060;
}
#secondary .basicInfo .subscriptionBtn a:hover,
#secondary .basicInfo .subscriptionBtn a:active {
	text-decoration: none!important;
}
#secondary .basicInfo .subscriptionBtn span {
}

/*前身誌／継続誌*/
#secondary .extendInfo {
}
#secondary .extendInfo h3 {
	font-size: 86%;
	line-height: 1;
	padding: 0 10px 6px;
	display: block;
}
#secondary .extendInfo ul.links {
	padding: 0px 6px 10px;
}
#secondary .extendInfo ul.links li a {
	font-size: 82%;
	background: url(/image/front/marker_l.png) no-repeat;
	background-size: auto 6px;
	background-position: 6px 50%;
	display: block;
	padding: 0px 10px 2px 13px;
}


/*バックナンバー*/
#secondary .backnumber {
}
#secondary .backnumber .allOpen {
	font-size: 79%;
	line-height: 1;
	padding: 0 10px 2px;
	display: block;
	text-align: right;
}
#secondary .backnumber ul {
	font-size: 88%;
	line-height: 1.4;
	padding: 0 6px 10px;
	display: block;
}
#secondary .backnumber ul li {
	margin: 2px 0 4px;
	display: block;
	padding: 0px 0px 1px 6px;
}
#secondary .backnumber ul ul {
	margin: 0px;
	display: none;
	padding: 0px;
}
#secondary .backnumber ul li ul li.current {
	background-color: #f8f8f8;
}


/*アクセスランキング*/
#secondary .accessRanking {
}
#secondary .accessRanking ul {
	margin: 0 10px;
}
#secondary .accessRanking ul li {
	font-size: 79%;
	padding: 8px 10px 8px;
	display: block;
	border-bottom: 1px solid #ccc;
}
#secondary .accessRanking li:last-child {
	border-bottom: none;
}
#secondary .accessRanking li span,
#secondary .accessRanking li a{
	display: block;
}

/*SNS*/
#secondary .sns {
}
#secondary .sns ul {
	margin: 0 10px 0px;
}
#secondary .sns ul li {
	display: inline-block;
}
#secondary .sns ul img {
	width: 36px;
}


/*ツール*/
#secondary .tool {
}
#secondary .tool ul {
	margin: 0 10px 15px;
}
#secondary .tool ul li {
	font-size: 86%;
	display: block;
}


/*関連論文*/
#secondary .kanren {
}
#secondary .kanren ul {
	margin: 0 10px;
}
#secondary .kanren ul li {
	font-size: 79%;
	padding: 8px 10px 8px;
	display: block;
	border-bottom: 1px solid #ccc;
}
#secondary .kanren li:last-child {
	border-bottom: none;
}
#secondary .kanren li span,
#secondary .kanren li a{
	display: block;
}


/*検索結果*/
.contentWrapper.typeSubmenu.searchResult #secondary {
	width: 390px;
	padding-left: 0px;
	background: #f8f8f8;
}
.contentWrapper.typeSubmenu.searchResult #secondary .secondaryInner {
	border: none;
	margin-bottom: 30px;
	position: relative;
}

/*ログイン*/

#loginArea {
	border-bottom: 1px solid #cccccc;
	margin-top: 20px;
	margin-bottom: 30px;
}

.loginMainWrapper {
	min-width: 1000px;
	max-width: 1240px;
	margin: 60px auto;
}
.loginSubWrapper {
	min-width: 1000px;
	max-width: 1240px;
	margin: 10px auto;
}
#loginArea .inputBox .submitBox {
	margin: 0px auto 20px;
	text-align: center;
}
#loginArea .inputBox .submitBox .btn {
	color: #fff;
	background-color: none;
	text-align: left;
	font-size: 115%;
	line-height: 1;
	padding: 6px 20px;
	border: none;
	overflow: hidden;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-right: 10px;
	margin-left: 10px;
	text-align: center;
}
#loginArea .inputBox .submitBox .btn.close {
	color: #565656;
	background-color: #fff;
	font-size: 100%;
}
.externalSearchResult #subSearchBoxWrapper .searchBox .inputSearchBox .inputKeyword {
	width: 80%;
	height: 40px;
}
.externalSearchResult #subSearchBoxWrapper .searchBox .inputSearchBox ul {
    display: table;
    margin-bottom: 4px;
}
.externalSearchResult #subSearchBoxWrapper .searchBox .inputSearchBox ul li {
    display: table-cell;
}
.externalSearchResult #subSearchBoxWrapper .searchBox .inputSearchBox ul li .selectbx {
    width: auto;
}
.externalSearchResult .secondaryInner ul.subParentList {
	border-bottom: 1px dotted #333;
}
.externalSearchResult .subSearchBox .subParentList fieldset {
    margin-left: 8px;
}
.externalSearchResult .subSearchBox .subParentList fieldset legend {
    margin-left: -6px;
}
.externalSearchResult .subSearchBox .subParentList fieldset legend a {
    font-size: 79%;
}
.externalSearchResult .subSearchBox .subParentList fieldset h3 {
    font-size: 79%;
    margin-bottom: 4px;
}
.externalSearchResult .subSearchBox .subParentList fieldset h4 {
    font-size: 79%;
    margin-left: 4px;
}
.externalSearchResult .subSearchBox .subParentList fieldset div div ul {
    margin-left: 8px;
}
.externalSearchResult .toggleTarget {
    display: none;
}

/*書誌情報ダウンロード*/

.export .captionExport {
	margin: 20px 10px;
	overflow: hidden;
}
.export .exportList {
	margin: 0px 20px 60px;
}
.export .exportItem {
	margin: 0px 0px 20px;
	display: table;
}
.export .exportItem .exportItemImage {
	width: 300px;
	display: table-cell;
	vertical-align: middle;
}
.export .exportItem .exportItemImage img {
	width: 100%;
}
.export .exportItem .exportItemBtn {
	width: 300px;
	display: table-cell;
	vertical-align: middle;
}
.export .exportItem .exportItemBtn button {
	font-family: arial,'メイリオ',Meiryo,'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	width: 300px;
	cursor: pointer;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border: none;
	display: block;
	color: #fff;
	text-align: center;
	padding: 8px 10px 8px 10px;
	line-height: 1;
	background-color: #265137;
	font-size: 100%;
}
.export .exportItem .exportItemBtn button.dl {
	padding: 14px 10px;
	background-color: #565656;
}
.export .exportItem .exportItemBtn button:hover,
.export .exportItem .exportItemBtn button:active {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
}

.export .dlList {
	margin: 0px 20px 40px;
}
.export .dlList ul {
	font-size: 86%;
	margin: 20px 0px 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
.export .dlList ul li {
	margin: 0px 15px 2px;
}

.searchBoxTrg {
	width: 100%;
	background: #c0c4b5;
	height: 16px;
	cursor: pointer;
}
.searchBoxTrg span.open {
	display: block;
	background: url(/image/front/marker_s.png) no-repeat;
	background-size: auto 12px;
	background-position: 50% 50%;
	height: 16px;
	transform: rotate(-90deg);
}
.searchBoxTrg span.close {
	display: block;
	background: url(/image/front/marker_s.png) no-repeat;
	background-size: auto 12px;
	background-position: 50% 50%;
	height: 16px;
	transform: rotate(90deg);
}
.searchBoxTrg:hover,
.searchBoxTrg:active {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	cursor: pointer;
}

/*===============================================
タブレット用
===============================================*/
@media screen and (max-width:1000px){

.contentWrapper.typeMain #primary {
	display: block;
	direction: ltr;
	padding-left: 10px;
	padding-right: 10px;
	width: auto;
	margin-bottom: 40px;
}

.contentWrapper.typeSubcolumn .content,
.contentWrapper .content {
	min-width: 100%;
	max-width: 100%;
	display: block;
}
.contentWrapper.typeSubcolumn #primary,
.contentWrapper.typeSubmenu #primary {
	display: block;
	padding-left: 20px;
	padding-right: 20px;
	width: 100%;
}
.contentWrapper.typeSubcolumn #secondary,
.contentWrapper.typeSubmenu #secondary {
	display: block;
	padding-left: 20px;
	padding-right: 20px;
	width: 100%;
}

/*serachBox*/
.searchBoxWrapper .searchBox {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
}
.searchBoxWrapper .searchBox .inputSearchBox {
	margin: 6px auto;
	width: 100%;
	overflow: hidden;
}
.searchBoxWrapper .searchBox .inputSearchBox .inputKeyword {
	width: 100%;
	padding: 6px 10px;
	margin-bottom: 4px;
}
.searchBoxWrapper .searchBox .inputSearchBox.volume .inputKeyword {
	width: 97%;
}

.searchBoxWrapper .searchBox .inputSearchBox .inputKeyword.short {
	margin-bottom: 0px;
}

.searchBoxWrapper .searchBox .inputSearchBox .btn {
}

.searchBoxWrapper .searchBox .selectbx {
	width: 78%;
}
.searchBoxWrapper .searchBox .inputSearchBox .btn {
	width: 20%;
	max-width: 70px;
}

.searchBoxWrapper .searchBox .selectbx > select {
	width: 130%;
}
.searchBoxWrapper .searchBox .selectbx:after {
}

.searchBoxWrapper .searchBox .selectbx.long {
	width: 50%;
}
.searchBoxWrapper .searchBox .searchElementsBox {
	width: 49%;
}
.searchBoxWrapper .searchBox .inputSearchBox .inputKeyword.short {
	width: 25%;
}


/*common*/

html,body{
	min-width: 100%;
	width: 100%;
}
#header .content {
	min-width: 100%;
	max-width: 100%;
}


#topicPath {
	min-width: 100%;
	max-width: 100%;
}

#footer .content {
	min-width: 100%;
	max-width: 100%;
}
#footer .snsBox {
	min-width: 100%;
	max-width: 100%;
}


#header .loginWrapper {
	display: none;
}
#header .menuTriggerWrapper {
	display: block;
	position: absolute;
	top: 16px;
	left: 14px;
}
#header .menuTriggerWrapper.cid {
	left: 54px;
}
#header .menuTriggerWrapper {
	height: 44px;
	width: 44px;
	padding: 10px;
	overflow: hidden;
	cursor: pointer;
	display: block;
}
#header .menuTriggerWrapper.mypage {
	background: url(/image/front/icon_menu.png) no-repeat;
	background-size: 27px 27px;
	background-position: 50% 50%;
}
#header .menuTriggerWrapper.cid {
	background: url(/image/front/icon_shisetsu.png) no-repeat;
	background-size: 27px 27px;
	background-position: 50% 50%;
}
#header .menuTriggerWrapper:hover,
#header .menuTriggerWrapper:active {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
}
#header .menuTriggerWrapper span {
	height: 0;
	padding-top: 30px;
	display: block;
}


.itemList .listWrapper.thumbnailType .itemBox {
	width: 25%;
}


.contentItemActionWrapper .panelActionTriggerWrapper {
	display: block;
	direction: ltr;
}
.contentItemActionWrapper .contentItemLink {
	margin-bottom: 10px;
}

.contentWrapper.typeSubmenu.searchResult #secondary {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
.inputBox .inputLine {
	margin: 0 0 5px;
}
.inputBox .inputLine dl dd {
	text-align: center;
}

.loginMainWrapper {
	min-width: auto;
	max-width: auto;
	margin: 60px auto;
}
.loginSubWrapper {
	min-width: auto;
	max-width: auto;
	margin: 10px auto;
}
.inputBox .inputLine.login {
	overflow: hidden;
	width: 90%;
	margin: 0 auto;
}


/*書誌情報ダウンロード*/

.export .captionExport {
	margin: 20px 10px;
	overflow: hidden;
}
.export .exportList {
	margin: 0px 4px 60px;
}
.export .exportItem {
	margin: 0px 0px 20px;
	display: table;
	width: 100%;
}
.export .exportItem .exportItemImage {
	width: 40%;
	display: table-cell;
	vertical-align: middle;
}
.export .exportItem .exportItemImage img {
	width: 100%;
}
.export .exportItem .exportItemBtn {
	width: 60%;
	display: table-cell;
	vertical-align: middle;
}
.export .exportItem .exportItemBtn button {
	width: 100%;
}
.export .dlList {
	margin: 0px 0px 40px;
}

.index .itemList .listWrapper .itemBox .itemPict img {
	width: 78px;
}

.index .listWrapper .itemBox .itemText {
	display: table-cell;
	vertical-align: top;
	width: 100%;
	padding-left: 10px;
}

.itemList #secondary .secondaryInner ul.childList {
	overflow: hidden;
	columns: 2;
}
.itemList .listWrapper.listType .itemBox {
	margin: 10px auto;
	width: 98%;
	float: none;
}
}

/*===============================================
スマートフォン用
===============================================*/
@media screen and (max-width:600px){

body {
	font-size: 14px;
}

.hideSp {
    display: none!important;
}

.contentWrapper.typeMain #primary {
	display: block;
	direction: ltr;
	padding-left: 1%;
	padding-right: 1%;
	width: auto;
	margin-bottom: 40px;
}

.contentWrapper.typeSubcolumn #primary,
.contentWrapper.typeSubmenu #primary {
	padding-left: 1%;
	padding-right: 1%;
}
.contentWrapper.typeSubcolumn #secondary,
.contentWrapper.typeSubmenu #secondary {
	padding-left: 1%;
	padding-right: 1%;
}
#header .content {
	margin: auto;
	padding: 4px;
}
#logoWrapper a .siteCaption{
	font-size: 79%;
}
#header .menuTriggerWrapper {
	display: block;
	position: absolute;
	top: 20px;
	left: 0px;
}
#header .menuTriggerWrapper.cid {
	left: 40px;
}

#logoWrapper a {
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	min-height: 60px;
	line-height: 1;
	background: url(/image/front/logo.png) 50% 20px no-repeat;
	background-size: auto 34px;
	display: block;
	padding: 0px 0px 0px 0px;
}


.searchBoxWrapper .searchBox {
	padding-left: 2%;
	padding-right: 2%;
}

#header .searchTriggerWrapper {
	height: 44px;
	width: 44px;
	background: url(/image/front/icon_search_trg.png) no-repeat;
	background-size: 27px 27px;
	background-position: 50% 50%;
	background-color: #fff;
	right: 0px;
}
#header .searchTriggerWrapper span {
	height: 0;
	padding-top: 175px;
	display: block;
}
.menuInner {
	display: block;
	margin-bottom: 20px;
}
.menuInner .loginWrapperInner {
}
.menuInner .loginWrapperInner .userNameWrapper,
.menuInner .loginWrapperInner .shisetsuNameWrapper {
	display: block;
	border-bottom: 1px solid #ccc;
	padding: 10px;
}
.menuInner .loginWrapperInner .shisetsuNameWrapper {
	text-align: left;
	display: block;
	background: url(/image/front/icon_shisetsu_list.png) no-repeat;
	background-size: 16px;
	background-position: 10px 50%;
	padding-left: 34px;

}
.menuInner .loginWrapperInner .userNameWrapper {
	text-align: left;
	display: block;
	background: url(/image/front/icon_user_list.png) no-repeat;
	background-size: 16px;
	background-position: 10px 50%;
	padding-left: 34px;
}
.menuInner .loginWrapperInner .logout {
	display: block;
	padding: 10px;
	padding-left: 34px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
.menuInner .loginWrapperInner .logout a {
	display: block;
	cursor: pointer;
}

.menuInner ul li:hover,
.menuInner ul li:active,
.menuInner .loginWrapperInner .logout:hover,
.menuInner .loginWrapperInner .logout:active {
	background: #f8f8f8;
}
.menuInner ul li {
	display: block;
	padding: 10px;
	padding-left: 34px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}



.mypage .selectItemBox .selectAll,
.mypage .selectItemBox .listOpen,
.mypage .selectItemBox .listClose {
	padding: 6px 6px 0px 6px;
	display: block;
}
.inputBox input[type='text'].inputLengthMax {width: 100%;}
.inputBox .inputLine dl {
	display: block;
	width: 100%;
}
.inputBox .inputLine dl dt {
	display: block;
	width: 100%;
	margin-bottom: 8px;
	padding-left: 2%;
	padding-right: 2%;
}
.inputBox .inputLine dl dd {
	display: block;
	width: 100%;
	margin-bottom: 18px;
	padding: 0;
}
#header .searchTriggerWrapper {
	top: 20px;
}

.searchBoxWrapper .searchBox .selectbx.long {
	width: 100%;
}
.searchBoxWrapper .searchBox .searchElementsBox {
	margin-top: 4px;
	width: 100%;
}
.searchBoxWrapper .searchBox .inputSearchBox .inputKeyword.short {
	width: 25%;
}

.searchBoxWrapper .searchBox .inputSearchBox.volume .inputKeyword {
	width: 90%;
}
.searchBoxWrapper .searchBox .inputSearchBox.volume .inputKeyword.short {
	width: 25%;
}


/*===============================================
インデックス
===============================================*/

.index .categoryWrapper {
	margin: 20px auto 0px;
}
.index .categoryWrapper .category {
	padding: 0 1%;
}

.index .categoryWrapper .category h2 {
	display: none;
}

.index .categoryWrapper .category .categoryBox {
	padding: 10px;
}

.index .categoryWrapper .category .vBtn {
}
.index .categoryWrapper .category .vBtn a {
	background: url(/image/front/icon_arw.png) 96% 50% no-repeat;
	background-size: 6px auto;
	text-decoration: none;
}
.index .categoryWrapper .category .vBtn .text01 {
	font-size: 122%;
}
.index .categoryWrapper .category .vBtn .text02,
.index .categoryWrapper .category .vBtn .text03 {
	display: none;
}

.index .categoryWrapper .categoryBoxInner {
	padding: 0 1%;
	text-align: left;
	font-size: 86%;
}

.index .categoryWrapper .categoryBoxInner ul li {
	display: inline;
}

.index .categoryWrapper .contentsNum {
	text-align: center;
}
.index .categoryWrapper .contentsNum .numText{
	padding: 0;
}
.index .categoryWrapper .contentsNum span {
	display: block;
}
.index .categoryWrapper.itemList {
	margin: 50px auto 0px;
	display: block;
	width: 100%;
}

.index .categoryWrapper.itemList .category {
	display: block;
	width: 100%;
	padding: 0 1%;
}

.index .itemList .listWrapper .itemBox .itemPict img {
	width: 78px;
}

.itemList .listInfoWrapper {
	margin: 8px 1% 4px;
	overflow: hidden;
}

.itemList #secondary .secondaryInner ul.parentList > li {
    width: 100%;
    float: none;
}

.itemList #secondary .secondaryInner ul.parentList li {
	padding: 0px 0px 0px 0px;
	font-size: 100%;
}

.itemList #secondary .secondaryInner ul.childList li {
	padding: 0px 0px 0px 10px;
	width: 100%;
	display: inline-block;
	font-size: 100%;
}

.itemList .listWrapper.thumbnailType .itemBox {
	width: 50%;
}

.itemList .listWrapper .itemBox .itemPict img {
	width: 100px;
}

.contentWrapper.itemDetail .itemBox,
.contentWrapper.itemContens .itemBox {
	display: block;
	margin: 0px auto 20px;
}
.contentWrapper.itemDetail .itemBox .itemPict,
.contentWrapper.itemContens .itemBox .itemPict {
	display: block;
	vertical-align: top;
	padding: 20px 2%;
	text-align: center;
}

.contentWrapper.itemDetail .itemBox .itemPict img,
.contentWrapper.itemContens .itemBox .itemPict img {
	margin: 0 auto;
	width: 50%;
}
.contentWrapper.itemDetail .itemBox .itemText,
.contentWrapper.itemContens .itemBox .itemText {
	display: block;
	vertical-align: top;
	width: 100%;
	padding: 20px 2%;
}

.inputBox .inputLine.login {
	width: 100%;
}
.loginInputWrapper.inputBox .submitBox .btn {
	font-size: 100%;
	padding: 10px 20px;
}

.itemLinkBox {
	padding-left: 2%;
	padding-right: 2%;
	text-align: center;
}
.itemLinkBox .heading {
	display: block;
}
.itemLinkBox .link {
	text-align: center;
	width: 100%;
	margin-bottom: 8px;
}

.contentWrapper.itemContens .tocWrapper {
	margin: 20px auto;
	padding-left: 2%;
	padding-right: 2%;
}
.contentItemActionWrapper {
	margin: 10px auto 10px auto;
	padding: 0 20px 5px 34px;
	border-bottom: 1px solid #ccc;
}
.contentWrapper.itemDetail .paperDetailWrapper {
	padding-left: 2%;
	padding-right: 2%;
}
.paperDetailActionWrapper {
	padding-left: 2%;
	padding-right: 2%;
}
.paperDetailActionWrapper .panel {
	padding-left: 2%;
	padding-right: 2%;
}
.paperDetailActionWrapper .panelActionTrigger {
	overflow: hidden;
	border-bottom: none;
	width: 100%;
}
.paperDetailActionWrapper .panelActionTrigger li {
	float: float;
	display: block;
	width: 50%;
	padding: 6px 6px 0;
	text-align: center;
}
.paperDetailActionWrapper .panelActionTrigger li span{
	border-top: 1px solid #f8f8f8;
	border-right: 1px solid #f8f8f8;
	border-left: 1px solid #f8f8f8;
	border-bottom: 1px solid #f8f8f8;
}
.paperDetailActionWrapper .panelActionTrigger li.current span {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
	color: #333;
	cursor: default;
}


.inputBox .submitBox .btn {
	font-size: 122%;
	line-height: 20px;
	padding: 12px 30px;
	border: none;
	overflow: hidden;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-right: 10px;
	margin-left: 10px;
	text-align: center;
}
.itemList #secondary .secondaryInner {
	border-bottom: none;
}
.itemList #secondary .secondaryInner ul.parentList {
	padding: 6px 0 0 0;
}
.itemList #secondary .secondaryInner ul.childList {
    columns: 1;
	border-bottom: 1px solid #ccc;
	margin: 0;
}
.itemList #secondary .secondaryInner ul.childList li {
	border-top: 1px dotted #ccc;
	padding: 0px;
}
.itemList #secondary .secondaryInner ul.childList li.sep {
    margin: 0;
    border-bottom: 1px dashed #808080;
}
.itemList #secondary .secondaryInner ul.childList li.sep:after {
    display: none;
}
.itemList #secondary .secondaryInner ul.childList li:first-child,
.itemList #secondary .secondaryInner ul.childList li.old,
.itemList #secondary .secondaryInner ul.childList li.sep + li {
	border-top: none;
}
.itemList #secondary .secondaryInner ul.childList li a {
	padding: 4px 10px 4px 13px;

}



.itemList #secondary .secondaryInner ul.childList li:last-child {
	border-bottom: none;
}
.itemList #secondary .secondaryInner ul.parentList li a.largeName.listClose {
	border-bottom: 1px solid #ccc;
}

#header .headerLinkBtnWrapper {
	position: absolute;
	top: 25px;
	right: 6px;
}

#header .headerLinkBtnWrapper .btn a {
	display: block;
	font-size: 86%;
	line-height:18px;
	height: 18px;
	margin-bottom: 6px;
	padding: 1px 10px 0px 10px;
	border: none;
}


}