@charset "Shift_JIS";

/* -------------------------------------------------------------------- */
/* bookplace style.css ------------------------------------------- */
/* -------------------------------------------------------------------- */
/*-- general --*/
#wrap{
	width:auto;
}
#bookPlace {
	color:#333333;
}
.fL, .fR {display:inline;}
.smallAt li {
	padding:0 0 3px 1em;
	text-indent:-1em;
	line-height:1.2;
}
.bpMoreLink {
	clear:both;
	text-align:right;
	padding:15px 0 20px;
}
.bpMoreLink a {
	background: url(../images/icon_arrow.gif) 0 50% no-repeat;
	padding:0 0 0 12px;
	font-weight:bold;
	zoom:1;
}
.bpMoreLink img {
	vertical-align:middle;
}
.figureR {
	float:right;
	font-size:10px;
}
.figureR img {
	display:block;
	margin:0 0 5px;
}
.fmtFigure {
	width:157px;
}
.fmtFigureSub {
	width:157px;
	margin:12px 0 0 20px;
}

.fmtFigureSub2 {
	width:97px;
	margin:12px 0 0 20px;
}



/*-- common --*/
#bpHeader {
	background: url(../images/head.gif) 0 0 repeat-x;
	height:84px;
}
#bpHeaderInr {
	width:760px;
	margin:14px auto 0 auto;
	text-align:left;
}
#bpLogo {
	width:149px;
	float:left;
}
#bpNavi {
	width:609px;
	float:left;
}
#bpNavi li {
	display:inline;
	float:left;
}
#bpMain {
	background: url(../images/top_main_bg.jpg) 0 0 repeat-x;
}
#bpbook {
	background: url(../images/bookMainbg.jpg) 0 0 repeat-x;
	padding:33px 0 0 0;
}
#bpMainInr {
	width:760px;
	height:340px;
	margin:0 auto;
	position:relative;
}
#bpContents {
	width:760px;
	margin:0 auto;
	text-align:left;
}
#pagetop {
	text-align:right;
	padding:26px 0 10px;
}
.pagetop {
	text-align:right;
}
#pagetop a ,
.pagetop a {
	background: url(../images/icon_pagetop.gif) 6px 2px no-repeat #fff;
	padding:0 0 0 20px;
	zoom:1;
}
/*.pageLine {
	background: url(../images/pagetop_line.gif) 0 34px repeat-x;
}*/


/* format */
#fmtMainImg {
	position:absolute;
	top:18px;
	left:1px;
}
.dotLine {
	background: url(../images/line_dot_bgm.gif) 0 0 repeat-y;
	zoom:1;
}
.dotLineInr {
	background: url(../images/line_dot_bgt.gif) 0 0 no-repeat;
}
.dotLineUdr {
	background: url(../images/line_dot_bgb.gif) 0 100% no-repeat;
}

/* top js */
#mainJSArea {
	position:relative;
	width:760px;
	margin:0 auto;
	text-align:left;
}
#topMainBlockBase ,
#topMainBlockKey {
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}
.topMainImgArea {
	position:relative;
	width:760px;
	height:307px;
}
.topMainImgs {
	position:relative;
}
#topMainNavNext {
	position:absolute;
	bottom:0;
	right:0;
}
#topMainNavPrev {
	position:absolute;
	bottom:0;
	left:0;
}
#topMainCampaign {
	position:absolute;
	top:9px;
	right:6px;
}










/* top */
li.NoYoutube{
	margin-top:0 !important;
}
#topMainImg {
	position:relative;
}

#topPickUp {
	width:500px;
	float:left;
}
#topMainPick {
	background: url(../images/dot_bg.gif) 0 0 repeat;
	padding:5px 0;
}
#topMainPick h3 {
	padding:0 6px 6px;
}
.topPickAt {
	padding:5px 8px;
}
#topSubPick {
	margin:10px 0;
}

#bpSide {
	width:250px;
	float:right;
}
.sideYTAt {
	margin:5px 0 10px;
}
#sideBnrList li {
	margin:10px 0;
}

#topFootContent {
	clear:both;
	padding:30px 0 0;
	zoom:1;
}
#topRelArea {
	border-top:1px solid #dedede;
	border-bottom:1px solid #dedede;
	padding:26px 0;
}
#topRelArea li {
	width:240px;
	float:left;
	margin:0 0 0 18px;
	display:inline;
}
#topRelArea .firstChild {
	margin:0;
}
.topRelBody {
	margin:0 0 0 105px;
	line-height:1.2;
} 
.topRelBody h3 {
	font-weight:bold;
}
.topRelBody p {
	margin:3px 0 0;
}

#topRecBooks {
	background: url(../images/top_recommend_bgm.gif) 0 0 repeat-y;
	zoom:1;
}
#topRecBooksInr {
	background: url(../images/top_recommend_bgb.gif) 0 100% no-repeat;
}

#topRecBooksList {
	padding:24px 0 38px;
}
#topRecBooksList li {
	width:152px;
	height:222px;
	float:left;
	background: url(../images/top_recommend_bdr.gif) 0 0 repeat-y;
	line-height:1.2;
}
#topRecBooksList h4 {
	padding:20px 18px 5px;
	font-weight:bold;
}
#topRecBooksList h4 img {
	vertical-align:middle;
}
#topRecBooksList p {
	padding:0 18px;
}
#topRecBooksList a:link {
	color:#6c6407;
}
/* buy */
#buyMainBtn {
	position:absolute;
	top:200px;
	left:63px;
} 
.buySectionBody {
	width:575px;
	float:left;
}
.buySectionBody p {
	padding:10px 0;
}
.buyTitleSection {
	padding:46px 0 20px;
}

.buyCols {
	width:782px;
	margin:20px -22px 30px 0;
}
.buyCols li {
	width:369px;
	float:left;
	margin:0 22px 0 0;
	overflow:hidden;
	zoom:1;
}
.buyCols .lastChild {
	/*clear:both;
	width:100%;
	padding:30px 0 50px;*/
	background: url(../images/buy_sub_img6.gif) 0 40px no-repeat;
	/*padding-top:50px;*/
	_height:264px;
	min-height:264px;
}
.buyCols h4 {
	padding:0 0 16px;
}
.buyCols p {
	padding:0 0 16px;
}

.buyCols .fR {
	margin:0 0 0 10px;
}

#buyStep {
	list-style:none;
	padding:20px 0 10px;
}
#buyStep li {
	width:270px;
	float:left;
	background: url(../images/buy_icon_arrow.gif) 20px 50% no-repeat;
	text-align:right;
}
#buyStep .firstChild {
	width:219px;
}

#buyWifi {
	padding:14px 18px;
}
.buyWifiCap {
	padding:20px 0 0;
}

#buyCampaign {
	background: url(../images/point_bg.gif) 0 0 repeat-y;
	margin:30px 0 0;
	zoom:1;
}
#buyCampaignInr {
	background: url(../images/point_bg.gif) 0 100% no-repeat;
	overflow:hidden;
	zoom:1;
}
#buyCampaignInr .fL {
	padding:0 1px 3px;
}
#buyCampaignInr p {
	margin:30px 16px 10px 110px;
	padding-top:0px;
}
#buyCampaignInr .fs10 {
	margin-top:0;
}
#buyCampaignInr strong {
	color:#c0121b;
	font-weight:bold;
}

.backImg .w_575{
	width:575px;
}

.backImg .w_490{
	width:490px;
}

.buyCols .w_200{
	width:200px;
}

.backImg{
	width:760px;
	background: url(../images/buy_img2.jpg) 100% 0 no-repeat;
	_height:255px;
	min-height:261px;
}

.safeSerch{
	float:left;
	width: 151px;
}

.safeSerch img{
	display:block;
}


.safeSerchLeft{
	width:210px;
	float:left;
	margin-right:8px;
}

/* read */
#readChoice ,
#readTitle {
	position:relative;
}
.readBodyChoice {
	position:absolute;
	top:60px;
	left:0;
	width:486px;
}
#readTouch ,
#readSound {
	margin:50px 0;
}
#readTouch p {
	padding:10px 0 20px;
}
#readSound .buySectionBody {
	width:490px;
}
.readSoundfR {
	float:right;
	margin:10px 0 0 16px;
}


/* takeout */
#takeList {
	margin:50px 0 0;
}
#takeList h4 {
	padding:0 0 10px;
}


/* keeps */
#keepSection {
	padding:40px 0 30px;
	border-bottom:1px solid #56b3a7;
}
#keepEcoLine {
	padding:20px 0 0 50px;
}
#keepEcoImg {
	background: url(../images/keep_eco_img.jpg) 457px 0 no-repeat;
	zoom:1;
}
#keepEco {
	background: url(../images/keep_eco_bgm.gif) 0 0 repeat-y;
}
#keepEcoInr {
	background: url(../images/keep_eco_bgb.gif) 0 100% no-repeat;
}
#keepEcoBody {
	padding:0 0 16px 33px;
}
#keepEcoCap {
	width:410px;
}

/* internet */
.internetCols {
	width:782px;
	margin:0 -22px 0 0;
}
.internetCols li {
	width:369px;
	float:left;
	margin:0 22px 0 0;
	overflow:hidden;
	zoom:1;
}
.internetCols .fR {
	margin:0 0 0 16px;
}
.internetEven {
	margin:30px 0 0;
}
.internetEven p {
	margin:5px 0;
}
.internetR{
	width:150px;
	float:right;
	padding-left: 10px;
}
.internetR2{
	width:139px;
	float:right;
	padding-left: 10px;
}

.internetPDF{
	background:#eeeeee;
	padding:10px;
}

.internetPDF strong{
	color:#444444;
	font-weight:bold;
}

/* useful */
.usefulTitle {
	margin:0 0 10px;
}
.usefulMarginB30{
    margin:0 0 30px 0;
}
.usefulCols {
	width:782px;
	margin:0 -22px 0 0;
}
.usefulLine {
	padding:0 0 30px;
}
.usefulCols li {
	width:369px;
	float:left;
	margin:0 22px 20px 0;
	overflow:hidden;
	zoom:1;
}
.usefulCols h4 {
	padding:0 0 5px;
}
.usefulCols .fR {
	margin:6px 0 0 16px;
}
.usefulCols p {
	padding:6px 0 0;
}
.usefulEven {
	margin:30px 0 0;
}
.usefulEven p {
	margin:5px 0;
}



/* spec */
#specMain {
	background: url(../images/fmt_shadow.gif) 0 0 repeat-x;
	padding:35px 0 0;
}
#specInterface {
	padding:30px 0 20px;
}
#specOption {
	padding:50px 0 20px;
}
#specOptionBlock {
	padding:0 30px;
}
#specOptionBlock .tC {
	margin:0 0 30px;
}

.specOptionCap {
	padding:0 0 32px;
	font-weight:bold;
}
.specCoverBtn {
	margin:0 0 5px 0;
	text-align:center;
	background:#fafafa;
}
#specHard {
	padding:50px 0 0;
	clear: both;
}
#hardSpec {
	padding:0 20px;
}
#hardSpec li {
	padding:30px 0 20px;
	overflow:hidden;
	zoom:1;
	border-bottom:1px solid #d0d0d0;
}
#hardSpec h5 {
	width:150px;
	float:left;
	font-weight:bold;
}
#hardSpec p {
	margin:0 0 0 150px;
}
#hardSpec sup ,
.specCol sup {
	color:#f00;
}
#hardSpec .sfcap {
	font-weight:normal;
}
#hardSpec .fL ,
#hardSpec .fR {
	width:340px;
}
#hardSpec .cancel {
	clear:both;
}

#specAtList {
	padding:30px 20px 0;
	list-style:none;
}
.specMicroSDAt {
	font-size:84%;
	list-style:none;
}
#specAtList li ,
.specMicroSDAt li {
	overflow:hidden;
	zoom:1;
}
#specAtList .specNum ,
.specMicroSDAt .specNum {
	color:#f00;
	float:left;
}
#specAtList .specAt ,
.specMicroSDAt .specAt {
	display:block;
	margin:0 0 0 2.5em;
}

#specMicroSD {
	padding:50px 0 20px;
}
#specMicroSDBlock {
	padding-left: 30px;



}

.specColTable {
	width:340px;
	float:left;
	border:1px solid #d0d0d0;
	margin-left: 92px;
	_margin-left: 46px;
}

.specColTableLast {
	float:left;
	border:1px solid #d0d0d0;
	width: 340px;
}

.specColTable th ,
.specColTable td {
	padding:4px 16px;
	border:1px solid #d0d0d0;
}

.specColTableLast th ,
.specColTableLast td {
	padding:4px 16px;
	border:1px solid #d0d0d0;
}

.specColTable th {

}
.specProduct {
	width:220px;
}
.specColBody {
	width:161px;
	float:left;
	padding-left: 17px;
}

.WindowIcon{
background: url("../images/sp_icon_window.gif") no-repeat scroll right center transparent;
    padding-right: 1.2em;
	}

.specColBodyLast {
	width:340px;
	float: left;
	padding-left: 20px;
}
.specCell{
	background-color:#fafafa;
}

.specTxtRed{
	color:#FF0000;
}

.specLastBtn{
	padding:0.5em;
	background-color:#f7f7f7;
	clear: both;
	text-align:center;
	border: 2px solid #999;
	margin-top: 40px;
	}
	
.specLastBtn img{
	vertical-align:middle;
}


/* support */
#supportMain {
	background: url(../images/fmt_shadow.gif) 0 0 repeat-x;
	padding:35px 0 0;
}
.supportTitle {
	margin:30px 0 20px;
}
.supportBlock {
	padding:0 30px;
}
.supportAt {
	margin:5px 0;
	font-size:84%;
	color:#f00;
}
#supportBtn {
	text-align:center;
	padding:24px 0;
}

#supportManual {
	border:1px solid #e2e2e2;
	padding:30px;
	margin:0 0 50px;
}
#supportManualBody {
	width:530px;
	float:left;
}
#supportManualBody p {
	margin:1.2em 0;
	letter-spacing:.15em
}
.supportUrlCap{
	margin:1.2em 26px;
}

.supportUrlCap a{
	background:url(../images/sp_icon_window.gif) no-repeat right center;
	padding-right:1.2em;
	
}

.supportUrlCap strong {
	color:#f00;
	margin:0 2px 0 0;
}
.supportUrlCap img {
	vertical-align:middle;
}



/* faq */
#faqMain {
	background: url(../images/fmt_shadow.gif) 0 0 repeat-x;
}
#faqNav {
	background: url(../images/faq_head_bg.gif) 0 0 no-repeat;
	padding:40px 0 0;
}
#faqLocalNav {
	padding:85px 0 0 0;
	margin:0 0 17px 17px;
	_margin-bottom:26px;
	float: left;
	display: inline;
}
#faqLocalNav li {
	display:inline;
	float:left;
	margin:0 12px 9px 0;
}

#faq-ad {
	border:2px solid #d7d7d7;
}
#faqAdList {
	padding:0 20px 30px;
}
#faqAdList li {
	padding:10px 0 10px;
	background: url(../images/faq_ad_dot.gif) 0 100% repeat-x;
}
.faqAdQ {
	font-size:117%;
	background: url(../images/faq_ad_q.gif) 0 50% no-repeat;
	padding:6px 0 6px 70px;
	font-weight:bold;
}
.faqAdBody {
	padding:10px 0 10px 70px;
	background: url(../images/faq_ad_figure.gif) 0 6px no-repeat;
}
.faqAdA {
	background: url(../images/faq_icon_a.gif) 23px 30px no-repeat #fff9f9;
	padding:26px 26px 26px 60px;
	min-height:40px;
	_height:40px;
}

.faqSubTitle {
	padding:30px 0 10px;
}
.faqListAc {
	border-top:1px solid #e3e3e3;
	margin:0 0 18px;
}
.faqListAc dt {
	padding:3px 10px;
	border-bottom:1px solid #e3e3e3;
	background: url(../images/faq_sub_title.gif) 712px 50% no-repeat;
}
.faqListAc .hover {
	background-color:#fafafa;
	background-image:url(../images/faq_sub_title_o.gif);
}
.faqListAc .on {
	background-color:#fafafa;
	background-image:url(../images/faq_sub_title_c.gif);
}
.faqAcTitle {
	padding:8px 60px 8px 38px;
	font-size:117%;
	font-weight:bold;
	display:block;
}
.faqListAc dd {
	background: url(../images/faq_sub_figure.gif) 0 37px no-repeat;
	padding:16px 0 16px 70px;
	border-bottom:1px solid #e3e3e3;
}
.faqAcA {
	background: url(../images/faq_sub_a.gif) 23px 26px no-repeat #fdfaf3;
	padding:26px 26px 26px 60px;
	min-height:40px;
	_height:40px;
}

.faqTxtRed{
	color:#FF0000;
}

.btnRight{
	width:364px;
	float: left;
	margin: 0 0 0 13px;
}

.qaBtn{
	width:349px;
	float:left;
	padding: 50px 0 0 16px;
}
.pdfBtn li.manuBtnL{
	float:left;
	background: url(../images/faq_link_bg_l.gif) no-repeat;
	width:155px;
	height:95px;
}
.pdfBtn li.manuBtnR{
	float:left;
	background: url(../images/faq_link_bg_r.gif) no-repeat;
	width:195px;
	height:95px;
}

#pdfBtnBox{
	margin-right:12px;
}

#catapdf_txt{
	margin:10px 0 24px 9px;
}

#catapdf_link{
	margin-left:9px;
}



#manupdf_txt{
	margin:10px 0 13px 9px;
}

#manupdf_link01{
	margin-left:9px;
}

#manupdf_link02{
	margin:6px 0 0 9px;
}

.line{
	background: url(../images/hr_dot.gif) 50% 50% repeat-x;
	padding:30px;
}

#faqBuy .faqAcTitle {background: url(../images/faq_buy_q.gif) 0 50% no-repeat;}
#faqRead .faqAcTitle {background: url(../images/faq_read_q.gif) 0 50% no-repeat;}
#faqTake .faqAcTitle {background: url(../images/faq_take_q.gif) 0 50% no-repeat;}
#faqKeeps .faqAcTitle {background: url(../images/faq_keep_q.gif) 0 50% no-repeat;}
#faqOther .faqAcTitle {background: url(../images/faq_other_q.gif) 0 50% no-repeat;}

#faqBuy .hover .faqAcTitle ,
#faqBuy .on .faqAcTitle {background-image: url(../images/faq_buy_q_o.gif);}
#faqRead .hover .faqAcTitle ,
#faqRead .on .faqAcTitle {background-image: url(../images/faq_read_q_o.gif);}
#faqTake .hover .faqAcTitle ,
#faqTake .on .faqAcTitle {background-image: url(../images/faq_take_q_o.gif) ;}
#faqKeeps .hover .faqAcTitle ,
#faqKeeps .on .faqAcTitle {background-image: url(../images/faq_keep_q_o.gif);}
#faqOther .hover .faqAcTitle ,
#faqOther .on .faqAcTitle {background-image: url(../images/faq_other_q_o.gif);}
.shueisha_topMainImgArea {
	position:relative;
	width:760px;
}
#bookList {
}
#bookList ul {
	clear: both;
	padding: 20px 20px 0 20px;
}
#bookList ul li {
	float: left;
	margin: 0 20px 0 0;
}
#bookList ul li.end {
	margin: 0px;
}
#storeBtn {
	clear: both;
	margin: 30px auto 0 auto;
	width: 700px;
}


#bpMainInr_book {
	width:760px;
	margin:0 auto;
	position:relative;
}
#color_contents {
	width: 760px;
	margin: 0 auto;
	background: url(../images/bg_color_contents.jpg) left top repeat-x;
	height: 391px;
	text-align: left;
}
#color_contents ul {
	clear: both;
	padding: 18px 30px 0 30px;
}
#color_contents ul li.onepiece {
	float: left;
	margin: 0 53px 0 0;
}
#color_contents ul li.naruto {
	float: left;
	margin: 0 40px 0 0;
}
#color_contents ul li.rurouni {
	float: left;
	margin: 0 56px 0 0;
}
#color_contents ul li.end {
	margin: 0px;
}
#color_contents p.btn {
	clear: both;
	padding-left: 32px;
	width: 710px;
}

#book_list {
	width: 760px;
	background: url(../images/bg_bpContents_bottom.gif) left bottom no-repeat;
	padding: 0 0 5px 0;
}
#book_line {
	border-left: solid 1px #f3f3f3;
	border-right:	 solid 1px #f3f3f3;
	zoom: 1;
}
#book_line div.series {
	background: url(../images/bg_book_list.jpg) left top repeat-x;
	height: 465px;
	width: 758px;
}
#book_line div.series ul.first {
	clear: both;
	padding: 30px 0 0 34px;
}
#book_line div.series ul.first li.book_01 {
	float: left;
	margin: 0 43px 0 0;
}
#book_line div.series ul.first li.book_02 {
	float: left;
	margin: 0 42px 0 0;
}
#book_line div.series ul.first li.book_03 {
	float: left;
	margin: 0 45px 0 0;
}
#book_line div.series ul.first li.book_04 {
	float: left;
	margin: 0 40px 0 0;
}
#book_line div.series ul.second {
	clear: both;
	padding: 23px 0 0 34px;
}
#book_line div.series ul.second li.book_01 {
	float: left;
	margin: 0 47px 0 0;
}
#book_line div.series ul.second li.book_02 {
	float: left;
	margin: 0 42px 0 0;
}
#book_line div.series ul.first li.end,
#book_line div.series ul.second li.end {
	margin: 0px;
}