@charset "utf-8";
/*----------------------------------------------------
	基本設定
----------------------------------------------------*/
body {
	line-height:1.5;
	background:url(../img/body_bg.gif) repeat-y left #f3f3f3;
	color:#333;
}
a {
	color:#333;
}
a:hover {
	color:#6c9c0b;
	text-decoration:none;
}
a:active {
	color:#9bcb3b;
}
p {
	margin:0 0 0.5em 0;
}
h2 {
	font-size:117%;
}
strong {
	font-weight:bold;
}
table {
	line-height:1.5;
	border-collapse:collapse;
	border-spacing:0;
	vertical-align:top;
	margin:0 0 10px 0;
}
table th {
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
	padding:5px 10px;
	border:1px solid #CCC;
	background:#edf4fa;
}
table td {
	vertical-align:top;
	padding:5px 8px;
	border:1px solid #CCC;
	background:#F8F8F8;
	word-break:break-all;
}
table p {
	margin:0;
}
table ul, table ol {
	margin-top:0;
	margin-bottom:-0.2em;
}
table dl {
	margin-top:-0.5em;
	margin-bottom:-0.2em;
}
ul {
	margin:0 0 0.5em 20px;
}
ul li {
	list-style-type:disc;
	margin:0 0 0.2em 0;
}
ol ul li {
	list-style-type:disc;
	margin:0 0 0.2em 0;
}
ol {
	margin:0 0 0.5em 30px;
}
ol li {
	list-style-type:decimal;
	margin:0 0 0.2em 0;
}
ul ol li {
	list-style-type:decimal;
	margin:0 0 0.2em 0;
}
.compact {
	margin:0.5em 0;
}
ul.compact li {
	display:inline;
	margin:0 10px 0 0;
	padding:0 0 0 8px;
	background:url(../img/li_mini.gif) no-repeat left;
}
dl {
	margin:0 0 0.5em 0;
}
dt {
	margin:0 0 0.2em 0;
	font-weight:bold;
}
dd {
	margin:0 0 0.5em 0;
}
dl.compact dt {
	display:inline;
}
dl.compact dd {
	display:inline;
	margin:0 10px 0 0;
}
blockquote {
	white-space:pre;
	white-space:pre-wrap;
	white-space:pre-line;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-hp-pre-wrap;
	word-wrap:break-word;
}
/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.imgR {
	float:right;
	margin:0 0 10px 10px;
}
.imgL {
	float:left;
	margin:0 10px 10px 0;
}
.txtR {
	text-align:right;
}
.txtL {
	text-align:left;
}
.txtC {
	text-align:center;
}
.colleft {
	float:left;
	width:420px;
}
.colright {
	float:right;
	width:420px;
}
.clear {
	clear:both;
}
.mini {
	font-size:86%;
}
.red {
	color:#C00;
}
.block {
	clear:both;
	width:860px;
	padding:10px 40px 20px 40px;
}
.hr {
	clear:both;
	border-top:1px solid #CCC;
}
.space {
	padding:0 0 15px 0;
}
.oneline label {
	margin:0 15px 0 0;
}
.inputtxt {
	background-color:#FFF;
	border-color:#777 #CCC #CCC #777;
	border-style:solid;
	border-width:1px;
	padding:4px;
	margin:0 0 5px 0;
}
table .inputtxt {
	margin:0;
}
.inputcheck {
}
.inputradio {
}
.inputfire {
	margin:0 0 5px 0;
}
.w50 {
	width:50px;
}
.w75 {
	width:75px;
}
.w100 {
	width:100px;
}
.w120 {
	width:120px;
}
.w150 {
	width:150px;
}
.w180 {
	width:180px;
}
.w200 {
	width:200px;
}
.w300 {
	width:300px;
}
.w350 {
	width:350px;
}
.w400 {
	width:400px;
}
.w500 {
	width:500px;
}
.btl {
	display:inline-block;
	width:84px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:url(../img/btl.png) no-repeat;
	text-decoration:none;
	vertical-align:middle;
	font-size:117%;
	font-weight:bold;
}
.btl:hover {
	background-position:0 -30px;
}
.btl:active {
	background-position:0 -60px;
}
.btlo {
	display:inline-block;
	width:84px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:url(../img/btl_orange.png) no-repeat;
	text-decoration:none;
	vertical-align:middle;
	font-size:117%;
	font-weight:bold;
	color:#ffffff;
}
.btlo:hover {
	background-position:0 -30px;
}
.btlo:active {
	background-position:0 -60px;
}
.btlg {
	display:inline-block;
	width:84px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:url(../img/btl_gray.png) no-repeat;
	text-decoration:none;
	vertical-align:middle;
	font-size:117%;
	font-weight:bold;
}
.btlg:hover {
	background-position:0 -30px;
}
.btlg:active {
	background-position:0 -60px;
}

.btlepub {
	display:inline-block;
	width:70px;
	height:30px;
	padding: 0 0 0 14px;
	line-height:30px;
	text-align:center;
	background:url(../img/btl_epub.png) no-repeat;
	text-decoration:none;
	vertical-align:middle;
	font-size:117%;
	font-weight:bold;
}
.btlepub:hover {
	background-position:0 -30px;
}
.btlepub:active {
	background-position:0 -60px;
}
.btlmovie {
	display:inline-block;
	width:70px;
	height:30px;
	padding: 0 0 0 14px;
	line-height:30px;
	text-align:center;
	background:url(../img/btl_movie.png) no-repeat;
	text-decoration:none;
	vertical-align:middle;
	font-size:117%;
	font-weight:bold;
}
.btlmovie:hover {
	background-position:0 -30px;
}
.btlmovie:active {
	background-position:0 -60px;
}

.btldis {
	display:inline-block;
	width:84px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:url(../img/btl_dis.png) no-repeat;
	text-decoration:none;
	vertical-align:middle;
	font-size:117%;
	font-weight:bold;
	color:#999;
	pointer-events:none;
}

.btm {
	display:inline-block;
	width:100px;
	height:27px;
	line-height:27px;
	text-align:center;
	background:url(../img/btm.png) no-repeat;
	text-decoration:none;
	vertical-align:middle;
	font-weight:bold;
}
.btm:hover {
	background-position:0 -27px;
}
.btm:active {
	background-position:0 -54px;
}
.btmm {
	display:inline-block;
	width:174px;
	height:27px;
	line-height:27px;
	text-align:center;
	background:url(../img/btmm.png) no-repeat;
	text-decoration:none;
	vertical-align:middle;
	font-weight:bold;
}
.btmm:hover {
	background-position:0 -27px;
}
.btmm:active {
	background-position:0 -54px;
}
.bts {
	display:inline-block;
	width:70px;
	height:27px;
	line-height:27px;
	text-align:center;
	background:url(../img/bts.png) no-repeat;
	text-decoration:none;
	vertical-align:middle;
	font-weight:bold;
}
.bts:hover {
	background-position:0 -27px;
}
.bts:active {
	background-position:0 -54px;
}
.btss {
	display:inline-block;
	width:60px;
	height:27px;
	line-height:27px;
	text-align:center;
	background:url(../img/btss.png) no-repeat;
	text-decoration:none;
	vertical-align:middle;
	font-weight:bold;
}
.btss:hover {
	background-position:0 -27px;
}
.btss:active {
	background-position:0 -54px;
}

.btshowall {
	display:inline-block;
	width:102px;
	height:30px;
	padding:0 0 0 12px;
	line-height:30px;
	text-align:center;
	background:url(../img/bt_showall.png) no-repeat;
	text-decoration:none;
	vertical-align:middle;
	font-size:117%;
}
.btshowall:hover {
	background-position:0 -30px;
}
.btshowall:active {
	background-position:0 -60px;
}
.btblue {
	display:inline-block;
	width:104px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:url(../img/bt_blue.png) no-repeat;
	text-decoration:none;
	vertical-align:middle;
	font-size:117%;
	font-weight:bold;
	color:#ffffff;
}
.btblue:hover {
	background-position:0 -30px;
}
.btblue:active {
	background-position:0 -60px;
}
.sidebts {
	display:inline-block;
	width:55px;
	height:23px;
	line-height:23px;
	text-align:center;
	background:url(../img/sidebt_s.gif) no-repeat;
	text-decoration:none;
	vertical-align:middle;
}
.sidebtm {
	display:inline-block;
	width:75px;
	height:23px;
	line-height:23px;
	text-align:center;
	background:url(../img/sidebt_m.gif) no-repeat;
	text-decoration:none;
	vertical-align:middle;
	font-size:84%;
	letter-spacing:-1px;
}
.sidebts:hover,
.sidebtm:hover {
	background-position:0 -23px;
}
.sidebts:active,
.sidebtm:active {
	background-position:0 -46px;
}
.sidebt .current{
	background:url(../img/sidebt_mon.gif) no-repeat;
	color:#999;
}
.controlbox {
	position:relative;
	width:100%;
	background:url(../img/control_shadow_t.gif) repeat-x #e1e1e1;
}
.controlboxinner {
	background:url(../img/control_shadow_b.gif) repeat-x bottom;
	padding:10px 20px 10px 20px;
}
.controlboxinner h3 {
	color:#9bcb3b;
	background:url(../img/icon_arrow.png) no-repeat 12px 50%;
	padding:0 0 0 30px;
	margin:0 0 0.5em 0;
}
.sharecontrol dt {
	float:left;
	width:100px;
	padding:0 10px 5px 0;
	margin:0;
	text-align:right;
	clear:left;
	font-weight:normal;
	color:#000;
}
.sharecontrol dd {
	margin:0;
	padding:0 0 5px 0;
	margin:0 0 0 110px;
}
.sharebooktitle, .sharebookurl, .pageurl {
	height:27px;
	line-height:27px;
	width: 550px;
}
.softcontrol dt {
	float:left;
	width:180px;
	height:27px;
	line-height:27px;
	padding:0 10px 5px 0;
	margin:0;
	text-align:right;
	clear:left;
	font-weight:normal;
	color:#000;
}
.softcontrol dd {
	height:27px;
	line-height:27px;
	margin:0;
	padding:0 0 5px 0;
	margin:0 0 0 110px;
}
.printsave {
	float:left;
}
.printsave li {
	list-style:none;
	padding:0 10px 0 0;
}
.printsavebt {
	float:left;
	padding: 0;
}

.hidebt {
	position:absolute;
	right:10px;
	bottom:0;
	background:#e8e8e8;
}
.hidebt a {
	display:block;
	padding:2px 5px;
	text-decoration:none;
	font-size:84%;
}
.sharetitle {
	background:url(../img/icon_share.png) no-repeat left;
	padding:0 0 0 30px;
	margin:0 0 0.5em 0;
}
.exptitle {
	background:url(../img/icon_exp.png) no-repeat left;
	padding:0 0 0 30px;
	margin:0 0 0.5em 0;
}
.printtitle {
	background:url(../img/icon_print.png) no-repeat left;
	padding:0 0 0 30px;
	margin:0 0 0.5em 0;
}
.errorbox {
	width:100%;
	background:url(../img/error_shadow_t.gif) repeat-x #f5d7d7;
}
.errorboxinner {
	background:url(../img/error_shadow_b.gif) repeat-x bottom;
	padding:10px 20px;
	color:#C00;
}
.errortitle {
	background:url(../img/icon_error.png) no-repeat left;
	padding:0 0 0 30px;
	margin:0 0 0.5em 0;
}
.warningbox {
	width:100%;
	background:url(../img/error_shadow_t.gif) repeat-x #f5d7d7;
}
.warningboxinner {
	background:url(../img/error_shadow_b.gif) repeat-x bottom;
	padding:10px 20px;
	color:#C00;
}
.warningtitle {
	background:url(../img/icon_error.png) no-repeat left;
	padding:0 0 0 30px;
	margin:0 0 0.5em 0;
	float:left;
}
.warningmsgs {
	margin: 0 0 0 30px;
}
.infobox {
	width:100%;
}
.infoboxinner {
	padding:10px 10px;
	color:#00E;
}
.feedbackPanelERROR {
	color:#E00;
}
.feedbackPanelINFO {
	color:#00E;
}
.listnum {
	padding:0 25px 0 0;
	margin:-10px 0;
	text-align:right;
	line-height:1;
	color:#666;
}
/* pager */
.pager {
	margin:15px 0;
	text-align: center;
	clear:both;
	font-size:117%;
	font-family:Arial, Helvetica, sans-serif;
}
.pager a {
	padding: 2px 6px;
	border: #bfc0c0 1px solid;
	text-decoration: none;
	color:#666;
	font-weight:bold;
}
.pager a:hover {
	border: #999 1px solid;
	color:#6c9c0b;
}
.pager a:active {
	border: #999 1px solid;
	color:#9bcb3b;
}
.pager .current {
	padding: 2px 6px;
	border: #9bcb3b 1px solid;
	color: #fff;
	background: #9bcb3b;
	font-weight:bold;
	pointer-events:none;
}
.pager .disabled {
	padding: 2px 6px;
	border: #bfc0c0 1px solid;
	color: #999;
	background:#CCC;
	pointer-events:none;
}
.pager .pagenav {
	padding:4px 10px 2px 10px;
	font-weight:normal;
	font-size:84%;
}
.hide {
	display:none;
}
.highlight {
	background:#FF0;
}
.cancelevents {
	pointer-events:none;
}
.unselect,
.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.select {
	-webkit-touch-callout: default;
	-webkit-user-select: element;
	-khtml-user-select: element;
	-moz-user-select: element;
	-ms-user-select: element;
	user-select: element;
}
/* -----------------------------------------------------------
	レイアウト
----------------------------------------------------------- */
#wrapper,
#wrapper2 {
	text-align: left;
	width: 100%;
	min-width:1160px; /* origin:960px */
}
#header {
	height:74px;
	margin:10px 10px 6px 20px;
	padding:6px 0 0 0;
	background:#FFF;
}
#logo_mrzn {
	margin-left:16px;
	width:110px;
	height:65px;
	background:url(../img/logo_m.gif) no-repeat left;
	float:left;
}
#header h1 span {
	padding:0 0 0 20px;
	line-height:67px;
}
#viewerhead {
	height:auto;
	background:none;
	margin:0;
	padding:5px 0 0 0;
}
#container {
	width: 100%;
	float: right;
	margin-left: -230px;
	clear:both;
}
#container2 {
	width: 100%;
	float: right;
	margin-left: -332px;
	clear:both;
}
#contents {
	margin: 0 0 0 230px;
	padding:0 0 0 10px;
	background:url(../img/shadow_l.gif) repeat-y #FFF;
}
#container2 #contents {
	margin: 0 0 0 332px;
}
.main {
	background:url(../img/shadow_b.gif) repeat-x bottom;
}
.mainbottom {
	margin:0 0 0 -10px;
	padding:0 0 10px 10px;
	background:url(../img/main_b.gif) no-repeat left bottom;
}
#sidebar {
	width: 220px;
	float: left;
	padding:4px 0 0 10px;
}
#sidebar2 {
	width: 322px;
	float: left;
	padding:4px 0 0 10px;
}
#footer {
	clear: both;
	width: 100%;
	text-align: right;
	color: #666;
}
#footer p {
	padding:0 20px 0 0;
}
.search {
	width: 100%;
}
.searchtop {
	margin:0 0 0 -10px;
	padding:10px 10px 10px 30px;
	background:url(../img/search_t.gif) no-repeat;
}
.searchtop label {
	margin:0 20px 0 0;
}
.searchPurchasedAll {
	background:url(../img/icon_book_green.png) no-repeat left;
	padding:13px 0 5px 22px;
}
.searchformleft {
	float:left;
}
.searchformright {
	overflow: hidden;
	width: 250px;
	margin-left:auto;
}
/*.greentext {
	color: #88bb33;
	font-size:117%;
}*/
.backnavi {
	background:url(../img/backnavi_bg.gif) repeat-x bottom #f8f8f8;
}
.backnavitop {
	margin:0 0 0 -10px;
	padding:4px 0 0 10px;
	background:url(../img/backnavi_t.gif) no-repeat;
	height:30px;
}
.backnavimid {
	margin:0;
}
.gotop {
	display:inline-block;
	width:90px;
	height:30px;
	padding:0 0 0 30px;
	line-height:30px;
	text-align:center;
	background:url(../img/bt_gotop.png) no-repeat;
	text-decoration:none;
	vertical-align:middle;
	font-size:117%;
}
.backbt {
	display:inline-block;
	width:50px;
	height:30px;
	padding:0 0 0 30px;
	line-height:30px;
	text-align:center;
	background:url(../img/bt_back.png) no-repeat;
	text-decoration:none;
	vertical-align:middle;
	font-size:117%;
}
.goseries {
	display:inline-block;
	width:120px;
	height:30px;
	padding:0 0 0 20px;
	line-height:30px;
	text-align:center;
	background:url(../img/bt_goseries.png) no-repeat;
	text-decoration:none;
	vertical-align:middle;
	font-size:117%;
}
.gotop:hover,
.backbt:hover,
.goseries:hover {
	background-position:0 -30px;
}
.gotop:active,
.backbt:active,
.goseries:active {
	background-position:0 -60px;
}
.logo {
	padding:14px 10px 0 0;
	float:right;
}
.logobox {
	overflow:hidden;
}
h1 {
	float:left;
	margin:0;
}
.headnavi {
	float:right;
	padding:0 10px 0 0;
}
.navibutton {
	float:right;
	display:block;
	width:75px;
	height:23px;
	background:url(../img/sidebt_m.gif) no-repeat;
	line-height:23px;
	text-align:center;
	text-decoration:none;
	font-size:84%;
}
.navibutton a:hover {
	background-position:0 -23px;
}
.navibutton a:active {
	background-position:0 -46px;
}
.navibuttons {
	display:block;
	margin:40px 0 0 0;
}
.newsbox {
	margin:10px 20px 5px 30px;
}
.newsbox dl {
	margin:0 0 0 30px;
	padding:5px 0;
}
.newsbox dt {
	float:left;
	width:180px;
	margin:0 0 5px 0;
	clear:both;
}
.newsbox dd {
	margin:0 0 5px 180px;
}
.newsbox h2 {
	color:#9bcb3b;
	background:url(../img/icon_arrow.png) no-repeat 12px 50%;
	padding:0 0 0 30px;
}
.genrebox {
	margin:20px;
	border:1px solid #d3d3d3;
	background:url(../img/box_bg.gif) repeat-x bottom;
}
.genrebox h2 {
	border-bottom:1px solid #d3d3d3;
	/*background:url(../img/icon_book_green.png) no-repeat 6px 50% #e7ebe1;*/
	padding:5px 0 5px 30px;
	margin:0 0 0.5em 0;
}
.genreSouki {
	background:url(../img/1_Souki.png) no-repeat 6px 50% #e7ebe1;
}
.genreJinbun {
	background:url(../img/2_Jinbun.png) no-repeat 6px 50% #e7ebe1;
}
.genreShakai {
	background:url(../img/3_Chikyugi.png) no-repeat 6px 50% #e7ebe1;
}
.genreRikou {
	background:url(../img/4_Rikou.png) no-repeat 6px 50% #e7ebe1;
}
.genreSeimei {
	background:url(../img/5_Igaku.png) no-repeat 6px 50% #e7ebe1;
}
.genreBook {
	background:url(../img/icon_book_green.png) no-repeat 6px 50% #e7ebe1;
}

.genrebox ul {
	margin:0;
}
.genrebox li {
	padding:0 0 0 30px;
	list-style:none;
	background:url(../img/dot_green.png) no-repeat 16px 0.5em;
}
.genrebox strong {
	font-size:117%;
}
.showall {
	text-align:right;
	padding:0 6px 0 0;
}
.bookbox {
	margin:20px;
	border:1px solid #d3d3d3;
	background:url(../img/box_bg.gif) repeat-x bottom;
	clear:both;
}
.sidebox {
	margin:0 10px 10px 10px;
	border-top:1px solid #d9d9d9;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	border-left:1px solid #d9d9d9;
}
.sideboxinner {
	border-top:1px solid #FFF;
	border-right:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	border-left:1px solid #FFF;
	color:#000;
}
.historytitle {
	color:#4d6915;
	padding:10px 0 10px 40px;
	background:url(../img/icon_history.png) no-repeat 10px 50%;
}
.emptyHist {
	padding:5px 0 5px 0;
	text-align:center;
}
.searchtitle {
	color:#4d6915;
	padding:10px 0 10px 40px;
	background:url(../img/icon_search.png) no-repeat 10px 50%;
}
.sideboxhead {
	background:url(../img/sideboxhead_bg.gif);
}
.sidebt {
	float:right;
	padding:3px 5px 3px 0;
}
.sideboxhead h3 {
	line-height:29px;
	padding:0 0 0 10px;
	font-size:117%;
}
.sideboxinner ul {
	margin:10px 5px 10px 0;
}
.sideboxinner li {
	padding:0 0 0 30px;
	list-style:none;
	background:url(../img/dot_gray.png) no-repeat 16px 0.5em;
}
.condition .current {
	font-weight:bold;
	color:#4d6915;
}
.hitnum {
    background-color: #a8a8a8;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-weight: bold;
    padding:0 3px;
	font-size:75%;
}
.sideshowall {
	text-align:right;
	font-size:84%;
}
.sideshowall a {
	display:block;
	padding:2px 10px 2px 0;
	text-decoration:none;
	background:#e8e8e8;
}
.sideshowall a:hover {
	background:#f8f8f8;
}
.recommendsideshowall {
	text-align:right;
	font-size:84%;
}
.recommendsideshowall a {
	display:block;
	padding:2px 10px 2px 0;
	text-decoration:none;
	background:#e8e8e8;
}
.recommendsideshowall a:hover {
	background:#f8f8f8;
}
.recommendsideshowlimited {
	text-align:right;
	font-size:84%;
}
.recommendsideshowlimited a {
	display:block;
	padding:2px 10px 2px 0;
	text-decoration:none;
	background:#e8e8e8;
}
.recommendsideshowlimited a:hover {
	background:#f8f8f8;
}
.tree {
	font-weight:bold;
}
.sideboxinner .tree li {
	padding:0 0 0 15px;
	list-style:none;
	background:none;
}
.sideboxinner .tree li li li {
	padding:0 0 0 30px;
	list-style:none;
	background:url(../img/dot_gray.png) no-repeat 16px 0.5em;
}
.treearrow {
	display:inline-block;
	width:12px;
	height:12px;
	vertical-align:middle;
	font-size:1px;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	background:url(../img/tree_arrow.gif) no-repeat;
}
.tree .current .treearrow {
	background-position:0 -24px;
}
.tree .current li .treearrow {
	background-position:0 0;
}
.tree .current .current .treearrow {
	background-position:0 -24px;
}
.tree .current {
	color:#4d6915;
}
.sideseries .current {
	font-weight:bold;
	color:#4d6915;
}

input[type=text],
input[type=password],
textarea,
select,
.uneditable-input {
	display: inline-block;
	margin: 0;
	padding: 4px;
	font-size: 13px;
	line-height: 18px;
	height: 18px;
	color: #666;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
input[type=text],
input[type=password],
select,
textarea {
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
select, input[type=file] {
	height: 27px;
	line-height: 27px;
}
textarea {
	height: auto;
}
.uneditable-input {
	background-color: #eee;
	display: block;
	border-color: #ccc;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
}
:-moz-placeholder {
	color: #bfbfbf;
}
::-webkit-input-placeholder {
	color: #bfbfbf;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus {
	outline: none;
	border-color: rgba(82, 168, 236, 0.8);
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
.bookimgl {
	width:302px;
	padding:0 10px 10px 10px;
}
.booksimgl {
	width:302px;
	padding:0 10px 10px 10px;
	background:url(../img/booksimgl_bg.gif) no-repeat bottom right;
}
.booksimgl img,
.bookimgl img {
	border:1px solid #9c9c9c;
}
.bookimgs {
	width:100px;
	float:left;
	padding:20px;
}
.booksimgs {
	width:100px;
	float:left;
	padding:20px;
	background:url(../img/booksimgs_bg.gif) no-repeat bottom right;
}
.bookimgs img,
.booksimgs img {
	border:1px solid #9c9c9c;
}
.bookinfo {
	overflow:auto;
	padding:20px 10px 0 0;
}
.belongseries {
	padding:0 0 0 20px;
	margin:0;
}
.bookinfo strong {
	font-size:117%;
}
.bookgreen {
	background:url(../img/icon_book_green.png) no-repeat left;
	padding:0 0 0 25px;
}
.bookgray {
	background:url(../img/icon_book_gray.png) no-repeat left;
	padding:0 0 0 25px;
}
.booksgreen {
	background:url(../img/icon_books_green.png) no-repeat left;
	padding:0 0 0 25px;
}
.booksgray {
	background:url(../img/icon_books_gray.png) no-repeat left;
	padding:0 0 0 25px;
}
.btview {
	margin:0 0 1em 0;
}
.btsview {
	padding:0 0 0 10px;
	margin:0;
}
.booksbtview {
	overflow:hidden;
	margin:0 0 1em 0;
}
.printable {
	float:left;
	background:url(../img/icon_print.png) no-repeat left;
	padding: 4px 0 0 30px;
	margin:0 0 0 10px;
}
.downloadable {
	float:left;
	background:url(../img/dl_icon.png) no-repeat left;
	padding: 4px 0 0 30px;
	margin:5px 0 5px 0;
}
.pchview {
	float:left;
	padding: 8px 0 0 45px;
	width: 100%;
}
.viewbtn {
	float:left;
}
.hits {
	overflow:auto;
	padding:5px 0 0 0;
}
.hit {
	overflow:auto;
	background:#f7f7f0;
	border:1px solid #d6d6d6;
	margin:0 0 10px 0;
	padding:10px;
}
.toclist {
	padding:0 0 0 20px;
}
.btviewpage {
	text-align:right;
	margin:0;
}
.bookpagetitlebox {
	margin:20px 20px 0 20px;
	padding:0 0 5px 0;
}
.bookpagetitlebox .belongseries {
	margin:0 0 1em 0;
}
.bookpagetitlebox .booksbtview {
	padding:0 0 0 25px;
	margin:0;
}
.introductionbox {
	margin:20px;
	border:1px solid #d3d3d3;
	clear:both;
}
.bookpageinfobox {
	position:relative;
	margin:0 20px 20px 20px;
	padding:5px 0 0 0;
}

.bookpagedetail {
	padding:5px 0 0 0;
}
.bookpagedetail dt {
	float:left;
	width:100px;
	padding:0 10px 0 0;
	margin:0;
	text-align:right;
	font-weight:normal;
	color:#808080;
}
.bookpagedetail dd {
	padding:0 10px 0 0;
	margin:0 0 0 110px;
	color:#000;
}
.introductionbox h2 {
	color:#9bcb3b;
	background:url(../img/icon_arrow.png) no-repeat 12px 50%;
	padding:5px 0 5px 30px;
	border-bottom:1px dashed #d3d3d3;
	margin:0 0 0.5em 0;
}
.introductionbox p {
	margin:0 20px 0.5em 30px;
}
.tabs {
	margin:20px;
}
#sidebar .tabs {
	margin:0 10px 10px 10px;
}
.tab {
	background:url(../img/tab_bg.gif) repeat-x bottom;
	margin:0;
	padding:0 0 0 20px;
}
#sidebar .tab {
	padding:0 0 0 10px;
}
.tab li {
	float: left;
	width:100px;
	margin:0;
	padding:2px 0 0 0;
	text-align:center;
	list-style: none;
	cursor: pointer;
	background:url(../img/tab.png) no-repeat top center;
}
#sidebar .tab li {
	width:60px;
}
.tab a {
	display:block;
	line-height:27px;
	border-right:1px solid #d3d3d3;
	text-decoration:none;
	color:#838383;
}
.tab a:hover {
	color:#6c9c0b;
}
.tab .select {
	background:url(../img/tab_select.png) no-repeat top center;
}
.tab .select a {
	color:#4d6915;
}
.tab li:first-child {
	background-position:top left;
}
.tab li:last-child {
	background-position:top right;
}
.tab li:last-child a {
	border-right:none;
}
.tabcontent {
	clear: left;
	padding:20px 20px 20px 30px;
	border-right:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
	border-left:1px solid #d3d3d3;
	background:#f7f7f0;
}
#sidebar .tabcontent {
	padding:10px 5px 10px 10px;
}
.indexlist {
	margin:0;
}
.indexlist li {
	list-style:none;
	text-indent:-1em;
	padding:0 0 0 1em;
}
.sectionmark {
	color:#6c9c0b;
}
.seriespagedetail {
	padding:5px 0 0 0;
}
.seriespagedetail dt {
	float:left;
	width:100px;
	padding:0 10px 0 0;
	margin:0;
	text-align:right;
	clear:left;
	font-weight:normal;
	color:#808080;
}
.seriespagedetail dd {
	width:360px;
	padding:0 10px 0 0;
	margin:0 0 0 110px;
	color:#000;
}
.seriessearchbox {
	position:absolute;
	bottom:0px; right:0px;
	width:380px;
}
.seriesbox {
	margin:20px;
	border:1px solid #d3d3d3;
	background:url(../img/box_bg.gif) repeat-x bottom;
	clear:both;
}
.seriesbox h2 {
	border-bottom:1px solid #d3d3d3;
	background:url(../img/icon_arrow.png) no-repeat 12px 50% #e7ebe1;
	padding:5px 0 5px 30px;
	margin:0 0 1em 0;
}
.seriesbox ul {
	margin:0 10px 1em 20px;
}
.seriesbox li {
	padding:0 0 0 30px;
	list-style:none;
}
.seriesbox strong {
	font-size:117%;
}
.btex {
	padding:10px 0 5px 20px;
}
.controlzoom {
	height:30px;
	float:left;
	margin:0 10px 0 0;
	background:url(../img/viewercontroler_bg.gif) repeat-x;
	line-height:30px;
}

.controlzoom select {
    height: 23px;
    line-height: 23px;
	padding:0;
	margin: 0 2px;
}
.controlview {
	height:30px;
	float:left;
	margin:0 10px 0 0;
	line-height:30px;
}
.singlebt {
	display:inline-block;
	width:52px;
	height:30px;
	background:url(../img/viewercontroler_single.gif) no-repeat;
	overflow:hidden;
	vertical-align:middle;
	font-size:0;
	line-height:0;
	color:transparent;
}
.doublebt {
	display:inline-block;
	width:52px;
	height:30px;
	background:url(../img/viewercontroler_double.gif) no-repeat;
	overflow:hidden;
	vertical-align:middle;
	font-size:0;
	line-height:0;
	color:transparent;
}
.controlpage {
	height:30px;
	float:left;
	margin:0 10px 0 0;
	background:url(../img/viewercontroler_bg.gif) repeat-x;
	line-height:30px;
}
.prevbt {
	display:inline-block;
	width:33px;
	height:30px;
	background:url(../img/viewercontroler_prev.gif) no-repeat;
	overflow:hidden;
	vertical-align:middle;
	font-size:0;
	line-height:0;
	color:transparent;
}
.nextbt {
	display:inline-block;
	width:33px;
	height:30px;
	background:url(../img/viewercontroler_next.gif) no-repeat;
	overflow:hidden;
	vertical-align:middle;
	font-size:0;
	line-height:0;
	color:transparent;
}
.movebt {
	display:inline-block;
	width:60px;
	height:30px;
	background:url(../img/viewercontroler_move.gif) no-repeat;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	font-size:117%;
}
.viewercontroler {
	padding:0 0 10px 0;
}
.viewercontroler .controlpage input {
    height: 17px;
    line-height: 17px;
	padding:0;
	text-align:right;
	margin:0 2px;
}
.viewercontroler a:hover {
	background-position:0 -30px;
}
.viewercontroler a:active {
	background-position:0 -60px;
}
.allpageno {
	display:inline-block;
    line-height:1;
	margin:0 2px 0 0;
}
.sidesearch {
	margin:0 0 5px 0;
}
.sidehit {
	margin:10px 0 15px 0;
	line-height:1.2;
}
.sidehit a {
	color:#6c9c0b;
}
#sidebar .wordindex {
	margin:0 0 0.5em 5px;
}
.wordindex li {
	list-style:none;
	float:left;
	width:auto;
	margin:0 5px 5px 0;
}
/* 2012.02.23 [KIKAN_CTE-141] 変更  width:20px -> auto*/
.wordindex a {
	display:block;
	width:auto;
	height:20px;
	line-height:20px;
	text-align:center;
    background-color: #FFF;
    border-radius: 3px 3px 3px 3px;
	text-decoration:none;
}
.wordindex a:hover {
	background-color:#DBDBDB;
}
.wordindextitle {
	clear:both;
	padding:0 0 0 15px;
	margin:0 0 0.5em 0;
	background:url(../img/icon_arrow.png) no-repeat left;
}
.words {
	padding:0 0 0 10px;
}
.words dt {
	float:left;
	clear:left;
	height:20px;
	line-height:20px;
	margin:0 15px 5px -10px;
}
.words dd {
	float:left;
	margin:0 5px 5px 0;
}
.words a {
	display:block;
	height:20px;
	padding:0 5px;
	line-height:20px;
	text-align:center;
    background-color: #FFF;
    border-radius: 3px 3px 3px 3px;
	text-decoration:none;
}
.words a:hover {
	background-color:#DBDBDB;
}
.adminbt {
	padding:0 20px 0 0;
	height:43px;
}
.adminbt a {
	display:block;
	float:right;
	width:120px;
	height:33px;
	background:url(../img/bt_admin.gif) no-repeat;
	line-height:33px;
	text-align:center;
	text-decoration:none;
}
.adminbt a:hover {
	background-position:0 -33px;
}
.adminbt a:active {
	background-position:0 -66px;
}
.unavailable {
	width:320px;
	height:130px;
	margin:100px auto;
	padding:40px 10px 0 40px;
	background:url(../img/unavailable_bg.gif) no-repeat;
	color:#C00;
}
.unavailable h2 {
	padding:0 0 40px 50px;
}
.sharebt {
	display:inline-block;
	width:40px;
	height:30px;
	padding:0 0 0 32px;
	line-height:30px;
	font-size:117%;
	text-decoration:none;
	background:url(../img/controlbt_share.gif) no-repeat;
	vertical-align:middle;
}
.expbt {
	display:inline-block;
	width:100px;
	height:30px;
	padding:0 0 0 32px;
	line-height:30px;
	font-size:117%;
	text-decoration:none;
	background:url(../img/controlbt_exp.gif) no-repeat;
	vertical-align:middle;
}
.btex .expbt {
	width:88px;
	background:url(../img/controlbt_expv.gif) no-repeat;
}
.printbt {
	display:inline-block;
	width:80px;
	height:30px;
	padding:0 0 0 32px;
	line-height:30px;
	font-size:117%;
	text-decoration:none;
	background:url(../img/controlbt_print.gif) no-repeat;
	vertical-align:middle;
}
.sharebt:hover,
.expbt:hover,
.printbt:hover {
	background-position:0 -30px;
}
.btex .exptemp {
	width:100px;
	background:url(../img/controlbt_exp.gif) no-repeat;
}
.btex .printtemp {
	visibility: hidden;
}
.push,
.btex .push {
	background-position:0 -60px;
	color:#6c9c0b;
}

/* Treeview */
#tree {
	margin:10px 5px 10px 10px;
}
#tree li {
	width:175px;
}
#tree li li {
	width:159px;
}
#tree li li li {
	width:143px;
}
#tree .current {
	font-weight:bold;
	color:#4d6915;
}
.treeview, .treeview ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.treeview ul {
	margin-top: 4px;
}
.treeview .hitarea {
	background: url(../img/treeview.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}
.treeview li {
	margin: 0 0 0.2em 0;
	padding:0 0 0 16px;
	background:url(../img/dot_gray.png) no-repeat 4px 0.5em;
}
.treeview a.selected {
	background-color: #eee;
}
.treeview li.collapsable, .treeview li.expandable {
	background-position: 0 -176px;
}
.treeview .expandable-hitarea {
	background-position: -80px -3px;
}
.treeview li.lastCollapsable, .treeview li.lastExpandable {
	background-image: url(../img/treeview.gif);
}
.treeview li.lastCollapsable {
	background-position: 0 -111px
}
.treeview li.lastExpandable {
	background-position: -32px -67px
}
.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea {
	background-position: 0;
}

.adminlogin {
	clear:both;
	width:370px;
	margin:100px auto;
	background:url(../img/adminlogin_bg.gif) no-repeat;
}
.adminlogininner {
	background:url(../img/adminlogin_b.gif) no-repeat bottom;
	padding:15px 5px;
}
.loginbt {
	text-align:center;
	padding:0 0 10px 0;
	clear:both;
}
.adminlogintitle {
	color:#9bcb3b;
	background:url(../img/icon_arrow.png) no-repeat 12px 50%;
	padding:5px 0 5px 30px;
}
.adminlogininner dl {
	margin:0;
	padding:10px 0;
}
.adminlogininner dt {
	float:left;
	width:100px;
	height:32px;
	line-height:32px;
	text-align:right;
	clear:both;
}
.adminlogininner dd {
	float:left;
	width:250px;
	height:32px;
	line-height:32px;
}
.clickedLine {
	font-weight:bold;
	color:#6c9c0b;
	text-decoration:none;
}
/*----------------------------------------------------
	索引タブ（2012.03.01 [KIKAN_CTE-141]）
----------------------------------------------------*/
div#wordboxArea {
/*	overflow: hidden;*/
	height: auto;
}
div#wordboxArea div {
    float: left;
	padding-bottom: auto;
    margin-bottom: auto;
}
div#wordboxArea div#one {
	line-height:18px;
/*	white-space: nowrap;*/
    clear: left;
	margin:0 0 0.1em 0;
}
div#wordboxArea div#two {
	width:auto;
}
div#two a {
	text-decoration:underline;
}
div#two a:hover {
	color:#6c9c0b;
	text-decoration:none;
}
div#two a.clickedLine {
	font-weight:bold;
	color:#6c9c0b;
	text-decoration:none;
}
div#wordboxArea div#two a {
	display:block;
	line-height:18px;
	margin:0 0 0.1em 5px;
	padding:0 0px;
	text-align:center;
    background-color: #FFF;
	background: transparent;
}

.recommendbox {
	margin:20px;
	border:1px solid #d3d3d3;
	background:url(../img/box_bg.gif) repeat-x bottom;
}
div.recommendbox > h2 {
	background:6px 50% #e7ebe1;
	border-bottom:1px solid #d3d3d3;
	padding:5px 0 5px 6px;
	margin:0 0 0.5em 0;
}
.recommendbox ul {
	margin:0;
}
.recommendbox li {
	padding:0 0 0 30px;
	list-style:none;
}
.recommendbox strong {
	font-size:117%;
}
.connectionCount {
	display : inline-flex;
	padding : 4px 0 0 30px;
	margin  : 5px 0 5px 5px;
	background : url(../img/connection_count.png) no-repeat left;
}
.tatebt {
        display:inline-block;
        width:52px;
        height:30px;
        background:url(../img/viewercontroler_tate.gif) no-repeat;
        overflow:hidden;
        vertical-align:middle;
        font-size:0;
        line-height:0;
        color:transparent;
}
.yokobt {
        display:inline-block;
        width:52px;
        height:30px;
        background:url(../img/viewercontroler_yoko.gif) no-repeat;
        overflow:hidden;
        vertical-align:middle;
        font-size:0;
        line-height:0;
        color:transparent;
}