@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      bookcart.css
 Style Info:     販売ページ
----------------------------------------------------------- */

/*----------------------------------------------------
 * 
 * タブとよくある質問の指定ココから▽▽▽
 * 
----------------------------------------------------*/

ul#simple-menu{list-style-type:none;width:680px;position:relative;height:27px;font-family:"Trebuchet MS",Arial,sans-serif;font-size:13px;font-weight:bold;margin:0;padding:0 0 0 0;}

ul#simple-menu li{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	display:block;float:left;margin:0 0 0 4px;height:27px;}

ul#simple-menu li.left{margin:0;}

ul#simple-menu li a{display:block;float:left;color:#fff;background:#4A6867;line-height:27px;text-decoration:none;padding:0 17px 0 18px;height:27px;}

ul#simple-menu li a.right{padding-right:19px;}

ul#simple-menu li a:hover{background:#2E4560;}

ul#simple-menu li a.current{color:#2E4560;background:#fff;}

ul#simple-menu li a.current:hover{color:#2E4560;background:#fff;}

.tabContainer {
	width: 660px;
	border:1px solid #ccc;
	background: #fafafa;
}


/* 本リスト */
.tabContainer dl {
	width: 650px;
	padding: 25px 15px 15px 15px;
	/*background: url(../img/qa/bg_qa.gif) no-repeat;*/
}

/* 本１０件 */
.tabContainer dl dt {
	padding: 10px;
	/*background: url(../img/qa/q.gif) no-repeat;*/
	width: 615px;
	background-color: #d5e8ff;
	font-weight: bold;
}

.tabContainer dl dt:hover {
	background-color: #f2ffb7;
	font-weight: bold;
}

.tabContainer dl dt a{
	color: #ffc1bc;
}

/* 本詳細 */
.tabContainer dl dd {
	margin-bottom: 15px;
	padding: 10px;
	/*background: url(../img/qa/a.gif) no-repeat 0px 0px;*/
	border-bottom: 1px dotted #CCC;
	width: 615px;
}

/*----------------------------------------------------
 * 
 * タブとよくある質問の指定ココまで△△△
 * 
----------------------------------------------------*/


/*----------------------------------------------------
 * 
 * 雑誌リスト・詳細ページのレイアウト
 * 
----------------------------------------------------*/

/*-------bookindex--------*/

img{
	border:none;
	}

a img{
	border: none;
	color: #bbbbbb;
	background: transparent;
}

#content div{
	font: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin-left: auto;
	margin-right: auto;
}

#bookindex{
	font: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	width: 680px;
}
#bookindex button{
	border: 0;
}

#bookindex a{
	color: #186FC7;
}

#bookindex a:hover{
	color: #186FC7;
	text-decoration: underline;
}

h2.book_title{
	font-size: 20px;
	color: #186FC7;
}

span.book_num{
	font-size: 11px;
	color: #666;
	
}

.bookimg_s{
	padding:10px;
	border: solid 1px #ccc;
}

.bookinfo{
	width:620px;
}

div.bookline{
	background:url(/img/bookcart/line_l.gif) no-repeat top left;
	height:2px;
}

.bookleft{
	float:left;
	width:130px;
}

.bookright{
	float:left;
	width:460px;
	padding-left: 20px;
}

.bookright div.bookcart{
	vertical-align: bottom;
}

* + html body .book_read{
	margin:10px 0 20px 0;
}

.book_read{
	margin:10px 0;
	color: #333;
	font-size: 12px;
}

.bookcart{
	height:55px;
	background:url(/img/bookcart/book_back1.gif) no-repeat top left;
	vertical-align:middle;
}

.bookcart div{
	vertical-align:middle;
}

.bookcart{
	padding:0px 10px 0px 15px;
	font-size: 13px;
}

div.bookmoney{
	font-size: 24px;
	padding: 13px 20px 0 0;
	color:#666;
	font-family: "Lucida Grande", "Verdana";
	float:left;
}

#bookindex .book_account,
#bookindex .choices{
	border: 0;
}

#bookindex .book_account span {
  background: 0 -32px no-repeat;
  float: left;
  margin:11px 0 0 2px;
  width: 113px;
  height: 32px;
  text-align: center;
  position: relative;
}
#bookindex .book_account span a {
  cursor: pointer;
  background: 0 0 no-repeat;
  display: block;
  width: 113px;
  height: 32px;
  position: absolute;
  top: 0;
  left: 0;
}

#bookindex .book_account span a:hover,
#bookindex .book_account span a.sfhover {
  background: transparent !important;
}

#bookindex .book_account .choice2,
#bookindex .book_account .choice2 a {
  background-image: url(/img/bookcart/miru.gif);
}

#bookindex .book_volume {
  float: left;
  margin:17px 0 0 0;
  text-align: right;
  font-size:13px;
  width: 90px;
  height: 32px;
}

#bookindex .choices span {
  background: 0 -32px no-repeat;
  float: left;
  margin:11px 0 0 0;
  width: 113px;
  height: 32px;
  text-align: center;
  position: relative;
}

#bookindex .choices span button {
  cursor: pointer;
  background: 0 0 no-repeat;
  display: block;
  width: 113px;
  height: 32px;
  position: absolute;
  top: 0;
  left: 0;
}


#bookindex .choices span button:hover,
#bookindex .choices span button.sfhover {
	background: transparent !important;
}


#bookindex .choices .choice1,
#bookindex .choices .choice1 button {
  background-image: url(/img/bookcart/cart.gif);
}

#bookindex .book_account a,
button {
  text-indent: -999em;
}

.bookclear{
	clear: both;
}



/*-------bookindex_b--------*/

#bookindex_b{
	font: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

.bookimg_b{
	padding:10px;
	border: solid 1px #ccc;
}

#bookindex_b a{
	color: #186FC7;
}

#bookindex_b a:hover{
	color: #186FC7;
	text-decoration: underline;
}

.bookinfo_b{
	width:650px;
}

.bookleft_b{
	float:left;
	width:200px;
}

.bookright_b{
	float:right;
	width:430px;
	padding-left: 10px;
}

.bookright_b div.bookcart{
	vertical-align: bottom;
}

.book_content{
	margin: 15px 0 0 0;
}

.book_content h3{
	color: #186FC7;
}

ul{
	list-style: none;
}

div.tab-content {
	padding: 25px 10px;
	border:1px solid #e6e6dc;
	background-color:#fafafa;
	border-top:3px solid #e6e6dc;
}


#bookindex_c button{
	border: 0;
}

#bookindex_c a{
	color: #186FC7;
}

#bookindex_c a:hover{
	color: #186FC7;
	text-decoration: underline;
}

#bookindex_c .book_account,
#bookindex_c .choices{
	border: 0;
}

#bookindex_c .book_account span {
  background: 0 -32px no-repeat;
  float: left;
  margin:11px 0 0 2px;
  width: 113px;
  height: 32px;
  text-align: center;
  position: relative;
}
#bookindex_c .book_account span a {
  cursor: pointer;
  background: 0 0 no-repeat;
  display: block;
  width: 113px;
  height: 32px;
  position: absolute;
  top: 0;
  left: 0;
}

#bookindex_c .book_account span a:hover,
#bookindex_c .book_account span a.sfhover {
  background: transparent !important;
}

#bookindex_c .book_account .choice2,
#bookindex_c .book_account .choice2 a {
  background-image: url(/img/bookcart/miru.gif);
}

#bookindex_c p.book_volume {
  float: left;
  margin:17px 0 0 0;
  text-align: right;
  font-size:13px;
  width: 130px;
  height: 32px;
}

#bookindex_c .choices span {
  background: 0 -32px no-repeat;
  float: left;
  margin:11px 0 0 0;
  width: 113px;
  height: 32px;
  text-align: center;
  position: relative;
}

#bookindex_c .choices span button {
  cursor: pointer;
  background: 0 0 no-repeat;
  display: block;
  width: 113px;
  height: 32px;
  position: absolute;
  top: 0;
  left: 0;
}


#bookindex_c .choices span button:hover,
#bookindex_c .choices span button.sfhover {
	background: transparent !important;
}


#bookindex_c .choices .choice1,
#bookindex_c .choices .choice1 button {
  background-image: url(/img/bookcart/cart.gif);
}

#bookindex_c .book_account a,
button {
  text-indent: -999em;
}

.tokutei{
	margin: 20px;
}

#bookindex table{
	padding: 20px;
}

#bookindex td{
	padding: 10px;
}

#bookindex td{
	padding: 10px;
}



/*-- #sub
----------------------------------------------------*/

#contents_sub p.sub_box{
	line-height: 0;
}

#contents_sub .top-title{
	line-height: 0;
}

.sub_top{
	margin: 0 0 10px 0;
}

p.sub_box{
	margin: 3px 0 10px 0;
	background: rgba(255,255,255,0.7);/*t'll look nice semi-transparent */
}

div.sub_box{
	border: 1px dotted #999;
	margin: 3px 0 10px 0;
	background: rgba(255,255,255,0.7);/*t'll look nice semi-transparent */
}

.side_imgL{
	float: left;
	margin: 0 3px 0 0;	
}

div.sub_box3{
	border: 3px solid #e6e6dc;
	background-color:#fafafa;
}

#sub .sub_box2{
	margin: 3px 0 10px 0;
}

div.top_news2{
	width:248px;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	border: 1px dotted #999;
	background:#fff;
}

div.top_news2 dt{
	margin: 5px 0 1px 0;
	padding:0 0 0 10px;
}

div.top_news2 dd a{
	display:block;
	padding:0 2px 2px 10px;
	border: none;
	border-bottom: dotted 1px #ccc;
}

p.rep_news_all2 a{
	border: none;
}

p.rep_news_all2{
	text-align:right;
	border: none;
	margin: 3px 0 0 0;
}

/* sub h2 題名 */
#sub h2{
	font-size:1.2em;
	font-weight: normal;
	padding-left: 25px;
}