@charset "utf-8";
/* CSS Document */
#dialog-overlay {
	width:100%;
	height:100%;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	background:#FFF;
	position:absolute;
	top:0;
	left:0;
	z-index:3000;
	display:none;
	overflow:hidden;
}
#dialog-box {
	position:absolute;
	z-index:5000;
	width:400px;
	display:none;
}
.pc #dialog-box {
	position:absolute;
	z-index:5000;
	width:400px;
	display:none;
}
.ipad #dialog-box {
	position:absolute;
	z-index:5000;
	width:400px;
	display:none;
}
.dialog-content {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border:1px solid #ccc;
	background:#FFF;
	color:#666;
	font-size:12px;
	margin: 0px;
}
#dialog-title {
	font-size:12px;
  background: #F7F7F4;
	padding:10px;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
	text-align:center;
}
#dialog-title::after {
	content: "";
	display: block;
	clear: both;
}
#dialog-title td {
	height:35px;
	vertical-align:middle;
}
#dialog-message {
	text-align: left;
	height:120px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:10px;
	overflow:hidden;
}
#dialog-message ul {	/*height: 1000px;*/
}
#dialog-message li {
	font-size:12px;	/*margin:0 10px 0 -30px;*/
	margin:0 10px 0 0;	/*border-bottom:1px dotted #999;*/
	list-style-type: none;
	padding:5px;
}
#dialog-message-no-scroll {
	text-align: left;
	width:398px;	/*height:120px;*/
	border-top:1px solid #ccc;
	padding:10px;
}
#dialog-message-no-scroll ul {	/*height: 1000px;*/	/*margin-left:-30px;*/
	padding-top:10px;
}
#dialog-message-no-scroll li {
	font-size:12px;
	margin:0 10px 0 10px;	/*margin:0 10px 0 -30px;*/
	list-style-type: none;
	padding:4px;
}
#dialog-message-no-scroll li:last-child {
	border-bottom:none;
}
#dialog-message-middle {
	text-align: left;
	height:180px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:10px;
	padding-left: 0;
}
#dialog-message-middile ul {
	height: 1000px;
}
#dialog-message-middle li {
	font-size:12px;	/*margin:0 10px 20px -30px;*/
	margin:0 0 20px 0;	/*border-bottom:1px dotted #999;*/
	list-style-type: none;	/*padding:5px;*/
}
#dialog-message-long {
	text-align: left;
	height:230px;
	border-top:1px solid #ccc;
	padding: 10px;
	overflow:hidden;
}
#dialog-message-long ul {	/*padding: 0 0 12px 10px;*/
	padding: 0 10px 12px 10px;
}
#dialog-message-long li {
	font-size:12px;	/*margin:0 10px 0 -30px;*/	/*margin:0 10px 0 0;*/	/*border-bottom:1px dotted #999;*/
	list-style-type: none;	/*padding:5px;*/
	line-height: 19.5px;
}
#dialog-message-long li:last-child {
	border-bottom:none;
}
#dialog-message-long ul.no_line li, #dialog-message-no-scroll ul.no_line li, #dialog-message-middle ul.no_line li {
	border-bottom:none;
}
#b_btn {
	width:398px;
	border-top:1px solid #ccc;
	background: #F7F7F4;
	padding:5px 0;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}
a.button, a.button:hover {
	margin:10px auto 0 auto;
	padding: 5px 20px 6px;
	text-align:center;
	display: block;
	width:50px;
	color: #333;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	background: #FFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
.d_cell {
	vertical-align:middle;
	text-align:left;
/*	padding-left:30px;*/
	line-height: 27px;
	font-size: 16px;
	font-weight: bold;
}
.x_btn {	/*display:table-cell;*/
	vertical-align:middle;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
  border: 1px solid rgba(0,0,0,0.25);
	background: #FFF;
	width:25px;
	height:25px;
}
.x_btn img {
	margin-top:5px;
	cursor: pointer;
}/* extra styling */
ul li .ReadTitle {
	font-size: 14px;
	font-weight: bold;
	color: #F90;
}
ul li .ReadTitleStn {
	color: #666;
	padding: 6px 0 0 0;
}
ul li #pop_title {
	color: #666;
	padding: 6px 0 0 0;
}
ul li .ReadTitleStnArt {
	color: #F00;
	margin-top:0;
	padding: 0 10px;
}
.ReadTitleStnKiyaku {
	color: #666;
	font-weight:bold;
	padding: 6px 0 12px 0;
}/*未購入タイトル*/
#dialog-message-no-scroll {	/*padding:10px 10px 10px 20px;*/
	padding:10px 0 0;
}
#dialog-message-no-scroll .book_title {	/*margin:5px 0 35px -20px;*/
	margin:5px 0 35px 0;
}
ul li .ReadTitleStnTop {
	font-size: 14px;
	font-weight: bold;
	color: #FF9933;
	padding: 12px 0;
}
ul li .ReadTitleStn img {
	margin-right: auto;
	margin-left: auto;
}/*ボタン*/
ul li .BtnBox a {
	border:1px solid #ccc;
	padding:7px 20px;
	margin:0 5px;
	font-size:14px;
	color: #4C4646;
	font-weight:bold;
	text-decoration:none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	behavior: url(/pc/js/pie/PIE.htc);
}
/*赤ボタン*/
ul li a.button_red {
  background: -webkit-gradient(linear, left top, left bottom, from(#fb6161), to(#a90504))
}
ul li a.button_red:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#a90504), to(#fb6161))
}
/*灰ボタン*/
ul li a.button_gray {
  background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#DDDDDD));
}
ul li a.button_gray:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#EEEEEE))
}
/*青ボタン*/
ul li a.button_blue {
  background: -webkit-gradient(linear, center top, center bottom, from(#0CF), to(#09C))
}
ul li a.button_blue:hover {
  background: -webkit-gradient(linear, center top, center bottom, from(#09C), to(#0CF))
}

ul li a.large {
	width:130px;
	margin:-6px auto;
	display:block;
}/*OKボタン*/
.BtnBoxPass a {
	border:1px solid #CCC;
	padding:7px 20px;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	-webkit-border-radius: 3px;
}
ul li .BtnBox p {
	margin:0 0 10px 0;
}
ul li .BtnBox p a {
	width:180px;
	display:block;
	margin:0 auto;
}
.pw_box {
	width:80%;
	height:2em;
	color:#555;
	font-size:12px;
	padding:5px;
	border:1px solid #888;
	border-radius:10px;
  background: -webkit-gradient(linear,center top, center bottom, from(#EEE), to(#FFF));
	-webkit-box-sizing:border-box;
	vertical-align:baseline;
	margin: -6px 0 0 0;
}
.BtnBox {
	text-align: center;
	width: 100%;
	padding: 0 0 20px 0;
}
.BtnBoxPass {
	text-align: center;
	width: 100%;
	margin: 0 0 20px 0;	/*margin-top: 10px;	/*margin-left: 10px;*/
}
.x_btnBox {
	padding: 0px;
	text-align:center;
	width: 27px;
	margin: 0px;
	float: right;
	height: 27px;
}
.MoveBox {
	border: 1px solid #999;
	padding: 3px;
	margin: 10px 10px;
	overflow:scroll;	/*overflow-x:hidden;	overflow-y:auto;*/
}
#dialog-message-long .MoveBox {
	margin-bottom:20px;
}
.titleLeft {
	float: left;
	text-align: left;
}
#dialog-message .overview {
	list-style: none;
	height:130px;
	overflow:scroll;
	padding:10px;
}
#dialog-message-no-scroll .text {
	margin:5px 0 25px 0;
}
#dialog-message-long .no_line2 {	/*padding: 0 0 12px 10px;*/
	padding: 0;
	margin: -10px 0 0 0;
}
#dialog-message-long ul.no_line2 li {
	border-bottom:none;
}
.h_left {
	text-align:left
}
.tranfer_shelf {
	text-align:left;
	margin-left:10px;
	font-size:1.2em;
	margin-top:10px;
}
.arrow_m_pop {
	vertical-align:middle;
	width:14px;
	margin-right:5px;
}
.pop_t_img0601 {
	vertical-align:middle;
	margin-bottom:5px;
	margin-right:5px;
}