@charset "shift_jis";
/* CSS Document */

.browse_all img { border:none; }
.browse_all a:hover img{ opacity:0.65; filter: alpha(opacity=65); }

.browse_all h1 {margin:0 0 20px 0;}

/* breadcrumbs */
#BreadCrumbs { margin: 10px 0; width: 950px; background-color: #f3f4ef;	text-align: left; font-size: 12px; }
#BreadCrumbs div.BreadCrumbsBox { padding: 5px 10px; background-color: #f3f4ef; }
#BreadCrumbs li { display: inline; }


.browse_all #mainContent { position:relative; width: 950px; margin-bottom: 40px; }
.browse_all #mainContent a { color: #643519; }
.browse_all #mainContent a:hover { color: #ff6600; text-decolation: underline; }


/* main visual signed out */
/*.signedOut #m_mainVisual { position: relative; margin-bottom: 8px; }
.signedOut #m_mainVisual #signIn { position: absolute; top: 131px; right: 26px; outline: none; }

.signedOut #m_mainVisual .amount01 { display: block; position: absolute; top: 168px; right: 422px; width: 100px; line-height: 40px; font-size: 220%; font-weight: bold; color: #ff9900; text-align: right; }
.signedOut #m_mainVisual .amount02 { display: block; position: absolute; top: 206px; right: 422px; width: 100px; line-height: 40px; font-size: 220%; font-weight: bold; color: #99cc00; text-align: right; }*/


/* main visual signed in */
/*.signedIn #m_mainVisual { position: relative; margin-bottom: 8px; }

.signedIn #m_mainVisual .amount01 { display: block; position: absolute; top: 167px; right: 260px; width: 100px; line-height: 40px; font-size: 220%; font-weight: bold; color: #ff9900; text-align: right; }
.signedIn #m_mainVisual .amount02 { display: block; position: absolute; top: 212px; right: 272px; width: 100px; line-height: 40px; font-size: 220%; font-weight: bold; color: #99cc00; text-align: right; }*/


/* リンク位置変更　20120608 */
/*#m_mainVisual .relatedLink_v2 { width: 950px; height:20px; text-align:right; border-top: 2px solid #663300; padding-top: 10px; }
#m_mainVisual .relatedLink_v2 li { float: right; margin-right: 8px; }
#m_mainVisual .relatedLink_v2 li a { background: url(../browse_all/_img/icon_arrow_right_or.gif) no-repeat top left; padding-left: 20px; }*/

#m_mainVisual { position: relative; width: 950px; height: 57px; }
#m_mainVisual .amount01 { position: absolute; top: 14px; right: 290px; display: block; position: absolute; line-height: 40px; font-size: 220%; font-weight: bold; color: #ff9900; text-align: right; }
#m_mainVisual .amount02 { position: absolute; top: 14px; right: 28px; display: block; position: absolute; line-height: 40px; font-size: 200%; font-weight: bold; color: #99cc00; text-align: right; }

#m_merit_mainVisual { margin-bottom: 5px; }
#m_merit_mainVisual li { float: left; margin-right: 8px; }
#m_merit_mainVisual li a { background: url(../browse_all/_img/icon_arrow_right_or.gif) no-repeat top left; padding-left: 20px; }






#m_browseAll_tab { margin-bottom: 20px; }


/* 上部タブ・スライド・カルーセル */

#m_block_browseAll_signedOut, #m_block_browseAll_signedIn { width: 950px; height: 520px; margin: 0 auto; margin-bottom: 20px;}

.signedOut #m_tab_browseAll li { height: 71px; float: left; border-bottom: 8px solid #99cc00; cursor: pointer; }
.signedIn #m_tab_browseAll li { height: 71px; float: left; border-bottom: 8px solid #ff9900; cursor: pointer; }
#m_tab_browseAll li img { vertical-align: bottom; outline: none; }


#m_tab_browseAll li a { color: #fff; }

#m_content_browseAll { position: relative; width: 950px; height: 421px; }
#m_content_browseAll .m_tab_content { position: absolute; top: 0; left: 0; width: 950px; height: 250px; background-color:#000; }
#m_content_browseAll .complete, #m_content_browseAll .readMore { background-color: #fff; }

#m_content_browseAll .m_spread_browseAll { position: relative; width: 950px; height: 250px; } /* spread area */
#m_content_browseAll .m_spread_browseAll img { display: block; /*vertical-align: bottom !important;*/ }

#m_tab_browseAll {  }

.m_thumb_browseAll { position: relative; height: 171px; width: 950px; background-color: #dfdbd2; }
.m_thumb_browseAll .sliderWrap { position: absolute; top: -22px; left: 51px; width: 848px; height: 182px; /*background-color:#fff;*/ overflow: hidden; }
.m_thumb_browseAll .sliderWrap ul { width: 900px; }
.m_thumb_browseAll .sliderWrap ul li { position: relative; float: left; width: 170px; height: 182px; background: url(../browse_all/_img/bg_slider_item-trans.png) no-repeat top center; vertical-align: middle; }
.m_thumb_browseAll .sliderWrap ul li.current { background: url(../browse_all/_img/bg_slider_current-trans.png) no-repeat top center; }
.m_thumb_browseAll .sliderWrap ul li img { margin-top: 48px; }

.m_thumb_browseAll .prevButton { position: absolute; top: 51px; left: 0px; }
.m_thumb_browseAll .nextButton { position: absolute; top: 51px; right: 0px; }


/* カルーセルインフォ　20120608追加 */
.m_info_browseAll { text-align: right; }


/* 下部タブ・カルーセル */

#m_block_category_browseAll { margin-bottom: 40px; padding-bottom: 14px; background: url(../browse_all/_img/bg_category_slider_bottom.png) no-repeat bottom center; }

#m_tab_category_browseAll { width: 950px; border-bottom: 8px solid #663300; }
#m_tab_category_browseAll li { height: 38px; float: left; cursor: pointer; }
#m_tab_category_browseAll li img { vertical-align: bottom; outline: none; }




.tab_category_content { background: #dfdbd2 url(../browse_all/_img/bg_category_slider-trans.png) repeat-y top center; }
.tab_category_content .tab_category { padding: 16px; }
.tab_category_content .tab_category li { float: left; margin-right: 6px; margin-bottom: 6px; padding: 4px 8px; border: 1px solid #663300; background-color: #fff; }
.tab_category_content .tab_category li a { text-decoration: none; color: #663300; line-height: 20px; height: 20px; word-break: keep-all !important; }
.tab_category_content .tab_category li a:hover { text-decoration: none; color: #a87e53; }
.tab_category_content .tab_category li.current { background-color: #663300; }
.tab_category_content .tab_category li.current a { color: #fff !important; }


.tab_category_slider { position: relative; margin: 0 auto; width: 948px; height: 208px; background-color: #fff; }
.tab_category_slider .categorySliderWrap { position: absolute; top: 12px; left: 54px; width: 841px; height: 162px; overflow: hidden; }
.tab_category_slider .categorySliderWrap ul { width: 1000px; }
.tab_category_slider .categorySliderWrap ul li { position: relative; float: left; width: 140px; height: 162px; background: url(../browse_all/_img/dashed_line.png) no-repeat top left; }
.tab_category_slider .categorySliderWrap ul li span { display: block; padding: 12px; }
.tab_category_slider .categorySliderWrap ul li .done { display: block; position: absolute; top: 0px; left: 1px; }
.tab_category_slider .categorySliderWrap ul li .title { display: block; position: absolute; top: 122px; left: 16px; width: 108px; text-align: left; line-height: 150%; padding: 2px; }

.tab_category_slider .pager { width: 78px; position: absolute; bottom: 4px; left: 50%; margin-left: -38px; }
.tab_category_slider .pager li { float: left; }
.tab_category_slider .pager li img { vertical-align: bottom; }


.categoryPrevButton { position: absolute; top: 73px; left: 14px; }
.categoryNextButton { position: absolute; top: 73px; right: 14px; }

.categoryIchiran { position: absolute; top: 185px; right: 14px;}



#m_searchBox_browseAll { position: relative; height: 78px; border: 1px solid #630; background-color: #eae7e2; margin-bottom: 30px; }
#m_searchBox_browseAll img { display: block; position: absolute; top: 32px; left: 25px; }

#m_searchBox_browseAll .m_search_browseAll { position: absolute; top: 10px; left: 232px; width:700px; _width:714px; height: 56px; border-left: 1px dotted #630; }
#m_searchBox_browseAll .m_search_browseAll input { ime-mode:active; }
#m_searchBox_browseAll .m_search_browseAll .m_freeword  { position: absolute; top: 0px; left: 16px; width:445px; background:url(/_img/ehonnavi_home/m_freeword_bg.gif) no-repeat 0 0; vertical-align:middle; zoom:1; }
/*#m_searchBox_browseAll .m_search_browseAll .m_freeword .m_freeword_txt { width:263px !important; min-height:22px; _height:22px; margin: 3px 0 5px 25px; border:none; color:#999999; font-size:100%; vertical-align:top; _line-height:1.8; }*/
#m_searchBox_browseAll .m_search_browseAll .m_freeword .m_freeword_txt { width:290px !important; min-height:22px; _height:22px; margin: 3px 0 5px 25px; border:none; color:#999999; font-size:100%; vertical-align:top; _line-height:1.8; }
#m_searchBox_browseAll .m_search_browseAll .m_freeword .m_freeword_btn { margin: 3px 0 0 0; }
#m_searchBox_browseAll .m_search_browseAll .m_freeword_radio { vertical-align:middle; }
#m_searchBox_browseAll .m_search_browseAll label { margin:0 0 0 5px; vertical-align:middle; font-size:83%; }
#m_searchBox_browseAll .m_search_browseAll .m_link { position: absolute; top: 3px; left: 378px; width: 300px; background:url(../browse_all/_img/i_arrow_search_browseAll.gif) no-repeat left 7px; padding-left: 12px; line-height: 22px; }

#m_searchBox_browseAll .m_characterList_browseAll { position: absolute; top: 48px; left: 254px; width: 600px; }
#m_searchBox_browseAll .m_characterList_browseAll ul {  width: 600px; }
#m_searchBox_browseAll .m_characterList_browseAll li { float: left; margin-right: 10px; }



/* 検索窓設置　20120608 */

#m_searchBox_browseAll_v2 { position: relative; height: 100px; background-color: #ECE6DF; margin-bottom: 30px; }
#m_searchBox_browseAll_v2 img { display: block; position: absolute; top: 33px; right: 64px; }

#m_searchBox_browseAll_v2 .m_search_browseAll { position: absolute; top: 16px; left: 50px; width:580px; _width:580px; height: 56px; border-right: 1px dotted #630; }
#m_searchBox_browseAll_v2 .m_search_browseAll input { ime-mode:active; }
#m_searchBox_browseAll_v2 .m_search_browseAll .m_freeword  { position: absolute; top: 0px; left: 16px; width:445px; background:url(/_img/ehonnavi_home/m_freeword_bg.gif) no-repeat 0 0; vertical-align:middle; zoom:1; }
/*#m_searchBox_browseAll .m_search_browseAll .m_freeword .m_freeword_txt { width:263px !important; min-height:22px; _height:22px; margin: 3px 0 5px 25px; border:none; color:#999999; font-size:100%; vertical-align:top; _line-height:1.8; }*/
#m_searchBox_browseAll_v2 .m_search_browseAll .m_freeword .m_freeword_txt { width:290px !important; min-height:22px; _height:22px; margin: 3px 0 5px 25px; border:none; color:#333; font-size:100%; vertical-align:top; _line-height:1.8; }
#m_searchBox_browseAll_v2 .m_search_browseAll .m_freeword .m_freeword_btn { margin: 3px 0 0 0; }
#m_searchBox_browseAll_v2 .m_search_browseAll .m_freeword_radio { vertical-align:middle; }
#m_searchBox_browseAll_v2 .m_search_browseAll label { margin:0 0 0 5px; vertical-align:middle; font-size:83%; }
#m_searchBox_browseAll_v2 .m_search_browseAll .m_link { position: absolute; top: 3px; left: 378px; width: 300px; background:url(../browse_all/_img/i_arrow_search_browseAll.gif) no-repeat left 7px; padding-left: 12px; line-height: 22px; }

#m_searchBox_browseAll_v2 .m_characterList_browseAll { position: absolute; bottom: 10px; left: 70px; width: 600px; }
#m_searchBox_browseAll_v2 .m_characterList_browseAll ul {  width: 600px; }
#m_searchBox_browseAll_v2 .m_characterList_browseAll li { float: left; margin-right: 10px; }

#m_searchBox_browseAll_v2 .txt_inst { position: absolute; top: 46px; left: 64px; font-size: 11px; color: #666; width: 383px; text-align: center; }



/*---- 下部カラム ----*/

/* この企画をお楽しみいただくために */
#m_browseAll_caution_v2 { position:relative; width: 100%; }
#m_browseAll_caution_v2 h3 { margin:0; padding: 20px 0 0 20px; }
#m_browseAll_caution_v2 dt { height: 34px; background-color: #b39b81; color: #fff; font-weight: bold; line-height: 34px; font-size: 16px; }
#m_browseAll_caution_v2 dd { border: 1px solid #b39b80; border-top: none; font-size: 12px; }
#m_browseAll_caution_v2 dd ul { text-align: left; padding: 12px 50px 24px 50px; line-height:150%; }
#m_browseAll_caution_v2 dd ul li { list-style-image: url('_img/dot_1.png'); padding-bottom: 12px; }

/* 協力出版社 */
#m_browseAll_publisher_v2 { position:relative;  }
#m_browseAll_publisher_v2 dt { height: 34px; background-color: #ffcc67; color: #fff; font-weight: bold; line-height: 34px; font-size: 16px; }
#m_browseAll_publisher_v2 dd { text-align: left; padding: 15px; padding-bottom: 4px; border: 1px solid #fc6; border-top: none; }


/*-- 追加しました -- */
#m_content_browseAll .m_tab_content { display: none; }
#m_content_browseAll .m_spread_browseAll img { opacity:0; filter: alpha(opacity=0); }
#m_content_browseAll .m_spread_browseAll img.current { opacity:1; filter: alpha(opacity=1); }

#m_block_category_content { position: relative; }

.tab_category_slider .pager li { width: 26px; height: 25px; }
.tab_category_slider .pager li.current { background: url(../browse_all/_img/btn_pager_slider_current.png) no-repeat center center; }
.tab_category_slider .pager li.current a { display: none; }
.tab_category_slider .categorySliderWrap ul { position: relative; top: 0; left: 0; }




/* 全ページためしよみとは */
.about_browse_all img { border:none; vertical-align: bottom; }
.about_browse_all a:hover img{ opacity:0.65; filter: alpha(opacity=65); }
.about_browse_all h1 {margin:0 0 20px 0;}

.about_browse_all #mainContent { position:relative; width: 950px; margin-bottom: 40px; text-align: center; }
.about_browse_all #mainContent a { color: #643519; }
.about_browse_all #mainContent a:hover { color: #ff6600; text-decolation: underline; }

.about_browse_all .contentInner { width: 882px; margin: 0 auto; text-align: left; }

.about_browse_all #m_mainVisual { margin-bottom: 50px; }

.about_browse_all #m_flow_signup { position: relative; width: 882px; margin-bottom: 8px; }
.about_browse_all #m_flow_signup .signUpBtn { display: block; width: 211px; height: 56px; position: absolute; top: 136px; left: 334px; }

.about_browse_all .note { color: #666; text-indent: -1em; padding-left: 1em; margin-bottom: 32px; }


.about_browse_all #m_about { padding-bottom: 20px; background: url(../browse_all/_img/bg_about_browseAll_bottom.gif) no-repeat bottom center; }
.about_browse_all #m_about dd { padding: 28px 36px 8px 36px; background: url(../browse_all/_img/bg_about_browseAll.gif) repeat-y top center; }
.about_browse_all #m_about dd span { display: block; margin-bottom: 16px; }









.c_txtOr { color: #f63; }

/* 旬のテーマ */
.browse_all #m_block_browseAll_theme{
	margin : 5px 0 0 ;
	padding : 0 0 13px ;
	background : url("../browse_all/_img/bg_theme_bottom.gif") center bottom no-repeat ;
	text-align : left ;
}
.browse_all #m_block_browseAll_theme dl{
	padding : 11px 17px 0 ;
	background : url("../browse_all/_img/bg_theme_top.gif") center top no-repeat ;
}
.browse_all #m_block_browseAll_theme dl dt{
	margin : 0 0 5px ;
	padding : 2px 0 0 93px ;
	background : url("../browse_all/_img/ico_theme_title.gif") left center no-repeat ;
	font-weight : bold ;
	font-size : 133.3% ;
	color : #643419 ;
}

/* ランキングから探す */
.browse_all #m_browseAll_searchRanking{
	margin : 0 0 35px ;
	text-align : left ;
}
.browse_all #m_browseAll_searchRanking p.title{
	margin : 0 5px 10px ;
}
.browse_all #m_browseAll_searchRanking dl{
	float : left ;
	width : 468px ;
	padding : 0 0 5px ;
	border : #dfdbd2 1px solid ;
}
.browse_all #m_browseAll_searchRanking dl.best{
	float : right ;
}
.browse_all #m_browseAll_searchRanking dl dt{
	padding : 5px 0 ;
	margin : 0 0 5px ;
	border-bottom : #dfdbd2 1px solid ;
	background : #ece6df ;
	text-align : center ;
}
.browse_all #m_browseAll_searchRanking dl dt img{
	vertical-align : bottom ;
}
.browse_all #m_browseAll_searchRanking dl dd{
	float : left ;
	width : 220px ;
	margin : 0 0 0 9px ;
	_margin-left : 4px ;
}
.browse_all #m_browseAll_searchRanking dl dd ol{
	display : table ;
	width : 100% ;
	*display : block ;
}
.browse_all #m_browseAll_searchRanking dl dd ol li{
	display : table-row ;
	width : 100% ;
	min-height : 50px ;
	*display : block ;
	_border-bottom : #ccc 1px dotted ;
}
.browse_all #m_browseAll_searchRanking dl dd ol li.last{
	_border-bottom : none ;
}
.browse_all #m_browseAll_searchRanking dl dd ol li a.title{
	display : table-cell ;
	min-height : 50px ;
	padding : 5px 0 6px 10px ;
	vertical-align : middle ;
	background : url("../browse_all/_img/dotline_rankingsearch.gif") left bottom repeat-x ;
	*display : block ;
	*float : left ;
	*width : 120px ;
	_margin-right : -3px ;
	_background : none ;
}
.browse_all #m_browseAll_searchRanking dl dd ol li span.rank{
	display : table-cell ;
	min-height : 50px ;
	width : 40px ;
	padding : 5px 0 6px ;
	background : url("../browse_all/_img/dotline_rankingsearch.gif") left bottom repeat-x ;
	vertical-align : middle ;
	text-align : center ;
	*display : block ;
	*float : left ;
	_background : none ;
}
.browse_all #m_browseAll_searchRanking dl dd ol li span.thumbnail{
	display : table-cell ;
	height : 50px ;
	width : 50px ;
	padding : 5px 0 6px ;
	background : url("../browse_all/_img/dotline_rankingsearch.gif") left bottom repeat-x ;
	vertical-align : middle ;
	*display : block ;
	*float : left ;
	_background : none ;
}
.browse_all #m_browseAll_searchRanking dl dd ol li span.thumbnail img{
	vertical-align : middle ;
}
.browse_all #m_browseAll_searchRanking dl dd ol li span.thumbnail a{
	display : table-cell ;
	height : 50px ;
	width : 50px ;
	vertical-align : middle ;
	text-align : center ;
	*display : block ;
	*float : left ;
}
.browse_all #m_browseAll_searchRanking dl dd ol li.last a.title,
.browse_all #m_browseAll_searchRanking dl dd ol li.last span.rank,
.browse_all #m_browseAll_searchRanking dl dd ol li.last span.thumbnail{
	padding-bottom : 5px ;
	background-image : none ;
}