/* -------------------------------
 * 2016 Rakuten Books
 *
 * Aside-section 1.1
 *
 * Author: Unknown
 * Update: ts-alex.tanabe@rakuten.com
 * -------------------------------
 */

div#extra {
  width: 300px;
  float: right;
  margin-left: -300px;
  position: relative;
}

div#contents div#extra div.box {
  margin-top: 10px;
  padding: 1px;
  border: 1px solid #BBB;
  text-align: center;
}
div#contents div#extra div.box h3 {
  font-weight: bold;
  color: #555;
  padding: 0px 7px;
  text-align: left;
  border-left: 4px solid #BF0000;
  margin: 10px 10px 7px;
}
div#contents div#extra div.box .moreLink {
  margin: 3px 0 0 0;
  background-color: #F8F8F8;
  padding: 7px;
  width: 282px;
  text-align: right;
}

/*20150604kotake*/

/*common*/
div#extra div.box h4.txtBox{
    text-align: left;
    margin: 0px 0px 8px 10px;
}

/*right-ad*/

div#extra div.box ul.rightAdLink li {
	border-top: 1px dashed #bbbbbb;
	padding: 8px 0;
	position:relative;
}

div#extra div.box ul.rightAdLink li> a.linkRightAd {
	position:absolute;
	width: 276px;
	height:67px;
	top:0;
	left:0;
}

div#extra div.box ul.rightAdLink li> a.linkRightAd:hover{
	background: url("//image.books.rakuten.co.jp/books/img/e-book/img/top/bgArrow.png") 0px 0px no-repeat;
	width: 276px;
	height:67px;
}

div#extra div.box ul.rightAdLink li > div {
	width: 276px;
}

div#extra div.box ul.rightAdLink li > div p{
	width: 50px;
	float: left;
}

div#extra div.box ul.rightAdLink li > div p.txtRightAd {
	width: 206px;
	text-align:left;
	line-height: 1.4;
}

div#extra div.box ul.rightAdLink li > div p.txtRightAd a {
	 display:block;
	 padding: 8px 0 0 20px;
}

/*right-app*/
div#extra div.box h4.txtBoxApp {
    text-align: left;
	width: 276px;
    margin: 0px 0px 8px 10px;
	padding: 7px 0 0;
	border-top: 1px dashed #bbbbbb;
}

div#extra div.box h4.txtBoxApp a {
	background: url("//image.books.rakuten.co.jp/books/img/common/main/bg_image_121120.gif") -130px -357px no-repeat;
    padding-left: 13px;
}

div#extra div.box ul.listBox {
	overflow:hidden;
	width: 276px;
	margin: 0 auto;
}

div#extra div.box ul.listBox li.imgDevice {
	width: 152px;
	float: left;
}

div#extra div.box ul.listBox li.appButton {
	width: 124px;
	float:left;
}

div#extra div.box ul.listBox li.appButton p{
	margin: 15px 0 0;
	text-align:left;
}

div#extra div.box ul.listBox li.appButton p.txtLink{
	border: 1px solid #bbbbbb;
	width: 108px;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #e7e7e7;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e7e7e7));
	background: -moz-linear-gradient(bottom, #fff, #e7e7e7);
    background: -webkit-linear-gradient(top, #fff, #e7e7e7);
    background: linear-gradient(to bottom, #fff, #e7e7e7);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7', GradientType=0)";
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 90%;
}

div#extra div.box ul.listBox li.appButton p.txtLink a {
	color: #000000;
	display:block;
	width: 110px;
	padding: 8px 0;
}

/*right-so*/
div#extra div.box div.mailMaga {
	width: 276px;
	margin: 0 auto;
	padding: 0 0 8px;
	overflow: hidden;
}

div#extra div.box div.mailMaga p.txtLink {
	border: 1px solid #bbbbbb;
	width: 200px;
	margin: 0 auto;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #e7e7e7;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e7e7e7));
	background: -moz-linear-gradient(bottom, #fff, #e7e7e7);
    background: -webkit-linear-gradient(top, #fff, #e7e7e7);
    background: linear-gradient(to bottom, #fff, #e7e7e7);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7', GradientType=0)";
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 90%;
}

div#extra div.box div.mailMaga p.txtLink a {
	color: #000000;
	display:block;
	width: 200px;
	padding: 10px 0;
}

div#extra div.box div.mailMaga input.txt {
	width: 250px;
	height: 30px;
	padding: 0 5px;
	margin: 5px auto 0;
	display: block;
	vertical-align: middle;
	border: 1px solid #888;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

div#extra div.box div.mailMaga input.btn {
	width: 150px;
	height: 25px;
	text-align:center;
	margin: 10px auto 0;
	display: block;
	vertical-align: middle;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

div#extra div.box div.mailMaga p {
	font-size: 90%;
	margin: 5px 0 0;
}

/*20150604kotake*/

/* 20161201 tanabe */

div#extra div.receipt p.txtLink {
	border: 1px solid #bbbbbb;
	width: 200px;
	margin: 0 auto 10px;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #e7e7e7;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e7e7e7));
	background: -moz-linear-gradient(bottom, #fff, #e7e7e7);
    background: -webkit-linear-gradient(top, #fff, #e7e7e7);
    background: linear-gradient(to bottom, #fff, #e7e7e7);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7', GradientType=0)";
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 90%;
}

div#extra div.receipt p.txtLink a {
	color: #000000;
	display:block;
	width: 200px;
	padding: 10px 0;
}

/* /20161201 tanabe */