﻿/* ==========================================================================

   セクションコメントブロック

   ========================================================================== */

/* サブ・セクションコメントブロック
   ========================================================================== */

/*
 * グループコメントブロック
 * 複数行になるドキュメントや説明の際に最適
 */

/* 基本コメント */


.text10_2 { font-size:10px; }
.text10_3 { font-size:12px; }
.text10 { font-size:77%;_font-size:11px; }
.text11 { font-size:85%;_font-size:11px; }
.text12 { font-size:93%;_font-size:12px; }
.text13 { font-size:100%;_font-size:13px; }
.text14 { font-size:108%;_font-size:14px; }
.text15 { font-size:116%;_font-size:15px; }
.text16 { font-size:123.1%;_font-size:16px; }
.text17 { font-size:131%;_font-size:17px; }
.text18 { font-size:138.5%;_font-size:18px; }
.text19 { font-size:146.5%;_font-size:19px; }
.text20 { font-size:153.9%;_font-size:20px; }
.text21 { font-size:161.6%;_font-size:21px; }
.text22 { font-size:167%;_font-size:22px; }
.text23 { font-size:174%;_font-size:23px; }
.text24 { font-size:182%;_font-size:24px; }
.text25 { font-size:189%;_font-size:25px; }
.text26 { font-size:197%;_font-size:26px; }

a{color:#7d7d7d; text-decoration:underline;}
a:hover{color:#7d7d7d; text-decoration:none;}


/* ==========================================================================

   オープニング

   ========================================================================== */
/*
div#wrapper_openning_outer {
	position: relative;
	width: 100%;

}

div#wrapper_openning
{
		width: 1905px;
		height: auto;
		position: absolute;
		z-index: 999;
		left: 50%;
		margin-left: -952px;
}

div#openning {
}
*/











/**/

div#wrap{width:900px; margin:0 auto 0 auto;text-align:left; position:relative;}
ul#headerWrap{width:900px; height:61px; background:#FFF;}
li#miraiLogo{ width:256px; height:32px; position:absolute; top:14px; left:11px; z-index:50;}


li#twitter{ width:39px; height:38px; float:right; margin:6px 5px 0 0;}


div#flashArea{width:900px; height:518px; overflow:hidden;}
div#contentsWarp{width:860px; margin-left:20px;}
div#contentsWarpSecond{width:900px; height:auto;}
div#contentsWarpThird{width:736px; padding:0 20px 0 82px;}
div#contentsWarpfourth{width:797px; padding:0 20px 0 82px;}
div#mainContentsWarpPopup{width:860px; padding:0 20px 0 20px;}

.relative{ position:relative;}
.absolute{ position:absolute;top:0; left:0;}

li#trainTriviaWarp{width:322px; height:331px;}

li#specialWrap{width:544px; height:520px;position:relative; margin-top:16px;}
li#specialWrap_one{width:544px; height:380px;position:relative; margin-top:16px;}

h3#top{width:544px; height:96px; position:absolute; clear:both; z-index:90;}
#rensai{ width:544px; height:346px; position:absolute;z-index:80; top:80px;}

#rensai_one{ width:544px; height:226px; position:absolute; z-index:80; top:90px;}


#specialBottom{width:544px; height:21px; position:absolute;z-index:100; bottom:0;}
#rensai_archiveLink{
    bottom: 40px;
    height: 59px;
	margin-left:35px;
    position: absolute;
    width: 281px;
    z-index: 100;
}
#rensai_archiveLink a{
	width: 281px;
	height: 0px;
	display:block;
	padding-top: 59px;
	background: url(../../images/img-toprensai_archiveLink.png) 0 0 no-repeat;
	overflow: hidden;
	margin-top: 15px;
}
#rensai_archiveLink a:hover{
	background-position: 0 -59px;
}

#rensai_one_archiveLink{
    bottom: 40px;
    height: 59px;
	margin-left:220px;
    position: absolute;
    width: 281px;
    z-index: 100;
}
#rensai_one_archiveLink a{
	width: 281px;
	height: 0px;
	display:block;
	padding-top: 59px;
	background: url(../../images/img-toprensai_archiveLink.png) 0 0 no-repeat;
	overflow: hidden;
	margin-top: 15px;
}
#rensai_one_archiveLink a:hover{
	background-position: 0 -59px;
}



li#nowonTop{width:422px; height:149px; margin:10px 0 0 50px;}
li#nowonTop a{ width:100%; height:100%; display:block; background:url(../../images/bt_nowon.png) 0 0 no-repeat; text-indent:-9999px;}
li#nowonTop a:hover{ background-position:0 -149px;}


li#etcWarp{ width:316px; height:294px;}
.forPrint{margin:0; padding:0; clear:both; display:none;}
#pageTop a{ width:135px; height:39px; background:url(../images/bt_pageTop.gif) 0 0 no-repeat; display:block; text-indent:-9999px; overflow:hidden; margin:10px 0 0 520px;}
#pageTop a:hover{background-position:0 -39px;}

.colorPink{color:#e73a8e;}
.colorPinkTwo{ color:#d62cac;}
.colorOrange{ color:#f38800;}
.colorBlue{ color:#00a0e9;}
.colorMurasaki{ color:#642e85;}
.colorRed{ color:#ed1c24;}
.colorRedTwo{color:#e60012;}

.marginOne{ margin:0 0 20px 0;}

#h2Set{ width:658px; height:53px; margin-top:10px;}
#h2SetTwo{ width:658px; height:167px; margin-top:10px; background:url(../../book/nowon/images/img_h2.png) 0 0 no-repeat;}
#h2SetTwo p{ font-size:12px; font-weight:normal; padding:50px 0 0 300px; line-height:1.8em;}


ul.column_left{ width:501px; float:left;}
ul.column_right{ width:316px; float:right;}



.formTextSet2{ width:150px; height:22px; background-color:#FFFFFF; border: #7d4f23 solid 1px;}
.formSet_two{ width:360px; height:30px; overflow:hidden;}
.formSet_two li{ float:left;}
.bookGrup_two h2{ width:360px;height:23px; background:url(../../search/images/img_searchIcon.gif) 0 0 no-repeat; font-size:12px; font-weight:normal; padding:3px 0 0 25px;}


li#taishou{ width:316px; height:186px;}
li#taishou a{ width:100%; height:100%; display:block; background:url(../../images/bt_taishou.jpg) 0 0 no-repeat; text-indent:-9999px;}
li#taishou a:hover{background-position:0 -186px;}

li#news{ width:269px; height:170px; background:url(../../images/img_newsBackGround.gif) 0 0 no-repeat;padding:50px 0 0 30px;}
ul#wrapNews{ width:250px; height:125px;overflow-y:auto;}
ul#wrapNews ul{ margin-bottom:10px; display:block; line-height:1.2em;}
.new{ color:#FFF; background-color:#d31479; line-height:1.2em;top:10px; left:0px; padding:0 2px 0 2px; font-size:93%;_font-size:12px;}


/*--------------------------
ヘッダーのキャンペーン（春読）　↓↓↓↓↓
---------------------------*/
#warpCampain3{position:absolute; top:-435px; left:45px; z-index:100;}
#campain3Contents{ width:812px; height:435px;}
#campainContents3 img{ margin-top:0px;}

#warpCampain3Button{position:absolute; width:204px; height:53px; top:0; left:0; z-index:20;}

#campain3Button{width:204px; height:53px; margin-left:450px;text-indent:-9999px;}

#campain3Button a{ display:block; width:100%; height:100%; background:url(../images/bt_campaign3.png) -204px 0 no-repeat; overflow:hidden;}



#campain3Button a:hover{ background-position:-204px -53px;}
#campain3Button a.current{display:block; width:100%; height:100%; background:url(../images/bt_campaign3.png) 0px 0px no-repeat; overflow:hidden;}
#campain3Button a.current:hover{background-position:0 -53px;}

/*--------------------------
ヘッダーのキャンペーン（春読）　↑↑↑↑↑
---------------------------*/


/*--------------------------
ヘッダーのキャンペーン（POPコンテスト）　↓↓↓↓↓
---------------------------*/
#warpCampain{position:absolute; top:-420px; left:45px; z-index:100;}
#campainContents{ width:812px; height:420px;}
#campainContents img{ margin-top:0px;}

#warpCampainButton{position:absolute; width:181px; height:53px; top:0; left:0; z-index:20;}

#campainButton{width:181px; height:52px; margin-left:480px;text-indent:-9999px;}

#campainButton a{ display:block; width:100%; height:100%; background:url(../images/bt_campaign.png) -181px 0 no-repeat; overflow:hidden;}



#campainButton a:hover{ background-position:-181px -53px;}
#campainButton a.current{display:block; width:100%; height:100%; background:url(../images/bt_campaign.png) 0px 0px no-repeat; overflow:hidden;}
#campainButton a.current:hover{background-position:0 -53px;}

/*--------------------------
ヘッダーのキャンペーン（POPコンテスト）　↑↑↑↑↑
---------------------------*/




/*--------------------------
ヘッダーの見学　↓↓↓↓↓
---------------------------*/
#warpCampain2{position:absolute; top:-385px; left:320px; z-index:90;}
#warpCampain2Button{position:absolute; width:194px; height:62px; top:0; left:0; z-index:30;}

#campain2Button{width:194px; height:54px; margin-left:660px;text-indent:-9999px;}
#campain2Button a{ display:block; width:100%; height:100%; background:url(../images/bt_kengaku.png) -194px -8px no-repeat; overflow:hidden;}
#campain2Button a:hover{ background-position:-194px -70px;}
#campain2Button a.current{display:block; width:100%; height:100%; background:url(../images/bt_kengaku.png) 0px -8px no-repeat; overflow:hidden;}
#campain2Button a.current:hover{background-position:0 -70px;}


/*--------------------------
ヘッダーの見学　↑↑↑↑↑
---------------------------*/


/*震災*/
#sinsai{
		width: 589px;
		border:#CCC 1px solid;
		margin: 0 0 0 0;
		padding:20px;
		padding-left: 60px;
		background-color:#FFF;
		font-size:12px;
		line-height:1.6em;
		overflow:hidden;
		position:relative;
		}
#sinsai #sinsaiBtcontainer{
		display:block !important;
		width: 150px;
		height: 64px;
		position: absolute;
		top: 0px;
		right: 60px;
		}
#sinsai #sinsaiBtcontainer a{
		width:100%;
		height:100%;
		display:block !important;
		text-indent:-9999px;
		background:url(../images/bt_sinsai.gif) -150px 0 no-repeat;
		}
#sinsai #sinsaiBtcontainer a:hover{
		background-position:-150px -64px;
		}
#sinsai #sinsaiBtcontainer a.current{
		display:block !important;
		width:100%;
		height:100%;
		background:url(../images/bt_sinsai.gif) 0 0 no-repeat; overflow:hidden;
		}
#sinsai #sinsaiBtcontainer a.current:hover{
		background-position:0 -64px;
		}


/*その他のボタン（購入はこちら）*/
.buyLink a{ display:block; line-height:1.5em;padding-top:5px; padding-bottom:5px; padding-left:0; font-weight: bold; color:#FF7200;}
.buyLink a:hover{color:#FF7200;}



/*その他のボタン（詳細はこちら）*/
.tameshiyomiLink{ display:block; line-height:1.5em;padding-top:5px; padding-bottom:5px; padding-left:33px; color:#FF7200;background:url(../../common/images/img_rensaiLinkcon.png) 0px 0px no-repeat;}
.tameshiyomiLink:hover{color:#FF7200;}




ul#top_button_group_1 {
	margin-top: 15px;
	overflow: hidden;
}

/*--------------------------
キッザニアレポートボタン
---------------------------*/
li.kizania_report{ width:344px; height:98px; overflow:hidden;}
li.kizania_report a{ width:344px; height:98px; display:block; background:url(../../images/bt_kidzania_report.gif) 0 0 no-repeat; text-indent:-9999px;}
li.kizania_report a:hover{background-position:0 -98px;}

/*--------------------------
popコンテストボタン
---------------------------*/
li.pop_contest {
	width: 157px;
	height: 84px;
	overflow: hidden;
	margin-top: 15px;
}
li.pop_contest a{
	width: 157px;
	height: 0;
	padding-top: 84px;
	background: url(../../images/bt_pop.png) 0 0 no-repeat;
	display: block;
	overflow: hidden;
}
li.pop_contest a:hover {
	background-position:0 -84px;
}

/*--------------------------
人気シリーズを大特集
---------------------------*/
li#special-book-title {
	margin-top: 10px;
}
li.special-book-contents-a a{
	width: 317px;
	height: 0px;
	display:block;
	padding-top: 126px;
	background: url(../../images/img_special_book_a.jpg) 0 0 no-repeat;
	overflow: hidden;
}
li.special-book-contents-a a:hover{
	background-position: 0 -126px;
}
li.special-book-contents-b a{
	width: 317px;
	height: 0px;
	display:block;
	padding-top: 126px;
	background: url(../../images/img_special_book_b.jpg) 0 0 no-repeat;
	overflow: hidden;
}
li.special-book-contents-b a:hover{
	background-position: 0 -126px;
}

li.popular-spBook-contents-a a{
	width: 305px;
	height: 0px;
	display:block;
	padding-top: 56px;
	background: url(../../images/img-popular_spBook.png) 0 0 no-repeat;
	overflow: hidden;
	margin-top: 15px;
	margin-left: 10px;
}
li.popular-spBook-contents-a a:hover{
	background-position: 0 -56px;
}


.spBook-archiveList li{float:left;	margin-top: 10px;}

.spBook-archiveBtn01 a{
	width: 153px;
	height: 0px;
	display:block;
	padding-top: 76px;
	background: url(../../special-book/images/btn_spBook-archive01.png) 0 0 no-repeat;
	overflow: hidden;
}
.spBook-archiveBtn01 a:hover{
	background-position: 0 -76px;
}
.spBook-archiveBtn02 a{
	width: 153px;
	height: 0px;
	display:block;
	padding-top: 76px;
	background: url(../../special-book/images/btn_spBook-archive02.png) 0 0 no-repeat;
	overflow: hidden;
	margin-right:10px;
}
.spBook-archiveBtn02 a:hover{
	background-position: 0 -76px;
}

.spBook-archiveBtn03 a{
	width: 153px;
	height: 0px;
	display:block;
	padding-top: 76px;
	background: url(../../special-book/images/btn_spBook-archive03.png) 0 0 no-repeat;
	overflow: hidden;
}
.spBook-archiveBtn03 a:hover{
	background-position: 0 -76px;
}

.spBook-archiveBtn04 a{
	width: 153px;
	height: 0px;
	display:block;
	padding-top: 76px;
	background: url(../../special-book/images/btn_spBook-archive04.png) 0 0 no-repeat;
	margin-right:10px;
	overflow: hidden;
}
.spBook-archiveBtn04 a:hover{
	background-position: 0 -76px;
}

.spBook-archiveBtn05 a{
	width: 152px;
	height: 0px;
	display:block;
	padding-top: 76px;
	background: url(../../special-book/images/btn_spBook-archive05.png) 0 0 no-repeat;
	overflow: hidden;
	margin-right:5px;
}
.spBook-archiveBtn05 a:hover{
	background-position: 0 -76px;
}

#outside_banner {
	width: 300px;
	margin: 16px;
	border-top: #cccccc 1px solid;
}

#outside_banner li#outside_shueisha {
	width: 245px;
	height: 56px;
	overflow: hidden;
	margin: 13px auto 0 auto;
}

#outside_banner li#outside_shueisha a{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 56px;
	background: url(../../images/bt_shueisha.jpg) 0 0 no-repeat;
}

#outside_banner li#outside_shueisha a:hover {
	background-position: 0 -56px;
}

#outside_banner li#outside_asahi {
	width: 245px;
	height: 56px;
	overflow: hidden;
	margin: 13px auto 0 auto;
}

#outside_banner li#outside_asahi a{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 56px;
	background: url(../../images/bt_asahi.jpg) 0 0 no-repeat;
}

#outside_banner li#outside_asahi a:hover {
	background-position: 0 -56px;
}




#character_one {
	position: absolute;
	width: 300px;
	height: 388px;
	background: url(../images/img_top_character_one.png) 0 0 no-repeat;
	top: 400px;
	left: 50%;
	margin-left: -450px;
	z-index: -100;
}


#character_two {
	position: absolute;
	width: 300px;
	height: 388px;
	background: url(../images/img_top_character_two.png) 0 0 no-repeat;
	top: 700px;
	right: 50%;
	margin-right: -450px;
	z-index: -101;
}



































div#shadowBack {
	width: 100%;
}

div#wrap {
	width: 900px;
	margin: 0 auto 0 auto;
	text-align: left;
	position: relative;
	background-color: #fafadc !important;
	/*
	overflow: hidden;
	*/
}


/* ==========================================================================

   ヘッダー

   ========================================================================== */



div#wrapper_header {
	width: 900px;
	background: url(/common/images/img_header_back.jpg) 0 0 no-repeat;
	position: relative;
}
div#wrapper_header ul#wrapper_global_nav {
	width: 900px;
	overflow: hidden;
}

div#wrapper_header ul#wrapper_global_nav li {
	float: left;
}

.wrapper_header_inner {
	height: 150px;
	margin-bottom: 0px;
}

p#twitter_logo {
		width: 46px;
		height: 45px;
		overflow: hidden;
		position: absolute;
		top: 0px;
		right: 21px;
}

p#twitter_logo a {
		display: block;
		width: 46px;
		height: 0;
		padding-top: 45px;
		background: url(/common/images/bt_twitter.gif) 0 0 no-repeat;
}

p#twitter_logo a:hover {
		background-position: 0 -45px;
}

.wrapper_h1 {
	width: 309px;
	height: 112px;
}
.header--etc {
	position: absolute;
}

.header--etc--01 {
	width: 520px;
	height: 150px;
	top: 0;
	left: 300px;
	background-color: white;
}

.header--etc--02 {
	width: 200px;
	height: 80px;
	top: 72px;
	left: 80px;
}




/* みらい文庫の本　リンク集
   ========================================================================== */
ul#wrapper_global_nav_three_links {
	 position: absolute;
	 top: 220px;
	 left: 50%;
	 margin-left: -451px;
	 z-index: 100;
	 text-align: left;
	 display: none;
}

ul#wrapper_global_nav_three_links span {
	 font-weight: normal;
	 font-size: 12px;
}

ul#wrapper_global_nav_three_links li#global_nav_three_links_container {
	 background: url(/common/images/img_grobal_nav_three_links_repeat_back.png) 0 0 repeat-y;
	 padding: 0 0 0 20px;
}

ul#wrapper_global_nav_three_links li#global_nav_three_links_container ul.links_inner {
	 width: 190px;
	 float: left;
	 margin-right: 35px;
}

ul#wrapper_global_nav_three_links li#global_nav_three_links_container ul.last{
	 width: 190px;
	 margin-right: 0;
	 float: left;
}


/*
 * 今月に出た本
 */

#wrapper_global_nav_three_links a {
	 text-decoration: none;
}

#wrapper_global_nav_three_links a:hover {
	 text-decoration: underline;
}

ul#wrapper_global_nav_three_links li#global_nav_three_links_container ul#links_type_a a {
	 display: block;
	 font-size: 12px;
	 line-height: 1.5;
	 margin-top: 10px;
	 font-weight: bold;
	 background: url(/common/images/img_icon_star_01_small.jpg) 0 5px no-repeat;
	 padding-left: 12px;
	 color: #4c3938;
}

ul#wrapper_global_nav_three_links li#global_nav_three_links_container ul#links_type_a li.links_title_type_a {
	 color: #ec4300;
	 font-weight: bold;
	 font-size: 16px;
}

ul#wrapper_global_nav_three_links li#global_nav_three_links_container ul#links_type_a li.links_title_type_a a {
	 background: none;
	 display: inline;
	 color: #ec4300;
	 font-weight: bold;
	 font-size: 16px;
	 margin: 0;
	 padding: 0;
	 line-height: 1;
}






/*
2015 12月用のムービー設置(今月に出た本-スライド-)
*/

li#wrapper-movie {
	position: relative;
	width: 650px !important;
	font-size: 0;
	margin-top: 5px !important;
	font-size: 0;
}

li#wrapper-movie .wrapper-movie-contents {
	display: inline-block;
	width: 300px;
	height: 240px;
	background-color: black;
	vertical-align: top;
}

li#wrapper-movie > p + .wrapper-movie-contents {
	margin-right: 12px;
	margin-left: 4px;
}

li#wrapper-movie p {
	color: #ff7e00;
	line-height: 1.3 !important;
	margin-top: 5px;
	color: #eb7d2a;
}

li#wrapper-movie p .movie-titel {
	font-weight: bold;
}

li#wrapper-movie p .movie-sub-titel {
	font-size: 12px;
}

p#wrapper-movie-title__02 {
	margin-top: 0 !important;
	background-color: #ff7e00;
	width: 609px;
	margin-left: 4px;
	margin-bottom: 3px;
	font-size: 14px;
	font-weight: bold;
	color: white !important;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;
   border-radius: 7px;
   padding: 2px;
   text-align: center;
}


p#wrapper-movie-title__01 {
	display: inline-block;
	font-size: 14px;
	margin-top: 0 !important;
	background-color: #ff7e00;
	width: 296px;
	margin-left: 4px;
	margin-bottom: 3px;
	font-size: 14px;
	font-weight: bold;
	color: white !important;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;
   border-radius: 7px;
   padding: 2px;
   text-align: center;
}

p#wrapper-movie-title__01:first-child {
	margin-right: 7px;
}

div#wholeContentsWrap div#contentsWarpSecond div#mainContentsWarpTwo ul#wrapper_book_contents_slide_inner li.wrapper_book {
	padding-top: 18px !important;
}


/*
2016 3月用のムービー設置(トップ独立コンテンツ)
*/
#wrapper_movie {
	position: relative;
	width: 650px !important;
	font-size: 0;
	margin-top: 5px !important;
	font-size: 0;
}

#wrapper_movie li {
	display: inline-block;
}

#wrapper_movie li:nth-child(2n) {
	margin-left: 40px;
}

#wrapper_movie li:nth-child(n+3) {
	margin-top: 20px;
}


li.wrapper-movie-2 .wrapper-movie-contents {
	display: inline-block;
	width: 300px;
	vertical-align: top;
}


li.wrapper-movie-2 .wrapper-movie-contents .movie {
	height: 180px;
	background-color: black;
}


li.wrapper-movie-2 > p + .wrapper-movie-contents {
	margin-right: 12px;
	margin-left: 4px;
}
li.wrapper-movie-2 > p + .wrapper-movie-contents {
	height: 300px;
}

li.wrapper-movie-2 p {
	font-size: 14px;
	color: #ff7e00;
	line-height: 1.3 !important;
	margin-top: 5px;
	color: #eb7d2a;
}

li.wrapper-movie-2 p .movie-titel {
	font-weight: bold;
}

li.wrapper-movie-2 p .movie-sub-titel {
	font-size: 12px;
}

p.wrapper-movie-title-2 {
	margin-top: 0 !important;
	background-color: #ff7e00;
	width: 609px;
	margin-left: 4px;
	margin-bottom: 3px;
	font-size: 14px;
	font-weight: bold;
	color: white !important;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;
   border-radius: 7px;
   padding: 2px;
   text-align: center;
}



/*
『発売中の最新刊』　『次に出る本』　『先月に出た本』の下のバナー
*/

.movieBannerType02 {
	width: 650px;
	font-size: 0;
	margin: 15px 0 0 20px;
}

.movieBannerType02 div {
	display: inline-block;
}

.movieBannerType02 div:nth-child(2n) {
	margin-left: 12px;
}

.movieBannerType02 div:nth-child(n+3) {
	margin-top: 10px;
}


/*
 * 来月に出る本
 */

ul#wrapper_global_nav_three_links li#global_nav_three_links_container ul#links_type_b a {
	 display: block;
	 font-size: 12px;
	 line-height: 1.5;
	 margin-top: 10px;
	 font-weight: bold;
	 background: url(/common/images/img_icon_star_02_small.jpg) 0 5px no-repeat;
	 padding-left: 12px;
	 color: #4c3938;
}
ul#wrapper_global_nav_three_links li#global_nav_three_links_container ul#links_type_b li.links_title_type_b {
	 color: #01aae2;
	 font-weight: bold;
	 font-size: 16px;
}
ul#wrapper_global_nav_three_links li#global_nav_three_links_container ul#links_type_b li.links_title_type_b a {
	 background: none;
	 display: inline;
	 color: #01aae2;
	 font-weight: bold;
	 font-size: 16px;
	 margin: 0;
	 padding: 0;
	 line-height: 1;
}


/*
 * 先月に出た本
 */

ul#wrapper_global_nav_three_links li#global_nav_three_links_container ul#links_type_c a {
	 display: block;
	 font-size: 12px;
	 line-height: 1.5;
	 margin-top: 10px;
	 font-weight: bold;
	 background: url(/common/images/img_icon_star_03_small.jpg) 0 5px no-repeat;
	 padding-left: 12px;
	 color: #4c3938;
}

ul#wrapper_global_nav_three_links li#global_nav_three_links_container ul#links_type_c li.links_title_type_c {
	 color: #ff6ca1;
	 font-weight: bold;
	 font-size: 16px;
}
ul#wrapper_global_nav_three_links li#global_nav_three_links_container ul#links_type_c li.links_title_type_c a {
	 background: none;
	 display: inline;
	 color: #ff6ca1;
	 font-weight: bold;
	 font-size: 16px;
	 margin: 0;
	 padding: 0;
	 line-height: 1;
}


/*
 * 読みたいグループから選ぶ
 */

ul#wrapper_global_nav_three_links li#global_nav_three_links_container li#links_type_d {
	 color: #4c3938;
	 font-weight: bold;
	 font-size: 16px;
	 text-indent: -1.5em;
	 padding-left: 1.5em;
	 line-height: 1.3;
}
ul#wrapper_global_nav_three_links li#global_nav_three_links_container li#links_type_d a {
	 background: none;
	 display: inline;
	 color: #4c3938;
	 font-weight: bold;
	 font-size: 16px;
	 margin: 0;
	 padding: 0;
	 line-height: 1;
}


/*
 * 表紙をチェック
 */

ul#wrapper_global_nav_three_links li#global_nav_three_links_container li#links_type_e {
	 color: #4c3938;
	 font-weight: bold;
	 font-size: 16px;
}
ul#wrapper_global_nav_three_links li#global_nav_three_links_container li#links_type_e a {
	 background: none;
	 display: inline;
	 color: #4c3938;
	 font-weight: bold;
	 font-size: 16px;
	 margin: 0;
	 padding: 0;
	 line-height: 1;
}


/*
 * 作品クローズアップ
 */

ul#wrapper_global_nav_three_links li#global_nav_three_links_container li#links_type_f li a {
	 display: block;
	 font-size: 12px;
	 line-height: 1.5;
	 margin-top: 10px;
	 font-weight: bold;
	 background: url(/common/images/img_icon_star_04_small.jpg) 0 5px no-repeat;
	 padding-left: 12px;
	 color: #4c3938;
}

ul#wrapper_global_nav_three_links li#global_nav_three_links_container li#links_type_f li.links_title_type_f {
	 color: #4c3938;
	 font-weight: bold;
	 font-size: 16px;
}
ul#wrapper_global_nav_three_links li#global_nav_three_links_container li#links_type_f li.links_title_type_f a {
	 background: none;
	 display: inline;
	 color: #4c3938;
	 font-weight: bold;
	 font-size: 16px;
	 margin: 0;
	 padding: 0;
	 line-height: 1;
}


ul#wrapper_global_nav_three_links li#global_nav_three_links_container ul.links_inner li.frist {
	 margin-top: 15px;
}

/* ためし読み連載　リンク集
   ========================================================================== */

ul#wrapper_global_nav_four_links {
	 position: absolute;
	 top: 152px;
	 left: 50%;
	 margin-left: 80px;
	 z-index: 101;
	 text-align: left;
	 display: none;
}

ul#wrapper_global_nav_four_links a {
	 text-decoration: none;
}

ul#wrapper_global_nav_four_links span {
	 font-weight: normal;
	 font-size: 12px;
}

ul#wrapper_global_nav_four_links a:hover {
	 text-decoration: underline;
}

ul#wrapper_global_nav_four_links li#global_nav_four_links_container {
	 background: url(/common/images/img_grobal_nav_four_links_repeat_back.png) 0 0 repeat-y;
	 padding: 0 0 0 20px;
}

ul#wrapper_global_nav_four_links li#global_nav_four_links_container ul.links_inner {
	 width: 190px;
	 margin-right: 35px;
}

ul#wrapper_global_nav_four_links li#global_nav_four_links_container li a {
	 display: block;
	 font-size: 12px;
	 line-height: 1.5;
	 margin-top: 10px;
	 font-weight: bold;
	 background: url(/common/images/img_icon_star_05_small.jpg) 0 5px no-repeat;
	 padding-left: 12px;
	 color: #4c3938;
}

ul#wrapper_global_nav_four_links li#global_nav_four_links_container li.links_title {
	 color: #72c400;
	 font-weight: bold;
	 font-size: 16px;
}
ul#wrapper_global_nav_four_links li#global_nav_four_links_container li.links_title a {
	 background: none;
	 display: inline;
	 color: #72c400;
	 font-weight: bold;
	 font-size: 16px;
	 margin: 0;
	 padding: 0;
	 line-height: 1;
}


/* プレゼント　リンク集
   ========================================================================== */


ul#wrapper_global_nav_five_links {
	 position: absolute;
	 top: 220px;
	 left: 50%;
	 margin-left: 270px;
	 z-index: 102;
	 text-align: left;
	 display: none;
}

ul#wrapper_global_nav_five_links a {
	 text-decoration: none;
}

ul#wrapper_global_nav_five_links span {
	 font-weight: normal;
	 font-size: 12px;
}

ul#wrapper_global_nav_five_links a:hover {
	 text-decoration: underline;
}

ul#wrapper_global_nav_five_links li#global_nav_five_links_container {
	 background: url(/common/images/img_grobal_nav_five_links_repeat_back.png) 0 0 repeat-y;
	 padding: 0 0 0 20px;
}

ul#wrapper_global_nav_five_links li#global_nav_five_links_container ul.links_inner {
	 width: 150px;
	 margin-right: 35px;
}

ul#wrapper_global_nav_five_links li#global_nav_five_links_container li a {
	 display: block;
	 font-size: 12px;
	 line-height: 1.5;
	 margin-top: 10px;
	 font-weight: bold;
	 background: url(/common/images/img_icon_star_06_small.jpg) 0 5px no-repeat;
	 padding-left: 12px;
	 color: #4c3938;
}

ul#wrapper_global_nav_five_links li#global_nav_five_links_container li.links_title {
	 color: #ec4300;
	 font-weight: bold;
	 font-size: 16px;
}
ul#wrapper_global_nav_five_links li#global_nav_five_links_container li.links_title a {
	 background: none;
	 display: inline;
	 color: #ec4300;
	 font-weight: bold;
	 font-size: 16px;
	 margin: 0;
	 padding: 0;
	 line-height: 1;
}








/* ==========================================================================

   右・左森背景設定

   ========================================================================== */

div#shadowBack ul#wrapper_background_forest {
	width: 100%;
	position: relative;
}

div#shadowBack ul#wrapper_background_forest li#left {
	width: 372px;
	height: 856px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: auto;
}

div#shadowBack ul#wrapper_background_forest li#right {
	width: 371px;
	height: 856px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: auto;
}


/* ==========================================================================

   メインコンテンツ設定

   ========================================================================== */
div#wholeContentsWrap {
	width: 900px;
	overflow: hidden;
}


div#wholeContentsWrap div#contentsWarpSecond div#mainContentsWarpTwo {
	float:right;
	width:671px;
}


/* 今月に出た本、来月に出る本、先月に出た本
   ========================================================================== */


/*
 * ナビゲーション
 */


div#wholeContentsWrap div#contentsWarpSecond div#mainContentsWarpTwo ul#wrapper_book_contents_nav {
	width: 650px;
	overflow: hidden;
}

div#wholeContentsWrap div#contentsWarpSecond div#mainContentsWarpTwo ul#wrapper_book_contents_nav li {
	float: left;
}

div#wholeContentsWrap div#contentsWarpSecond div#mainContentsWarpTwo ul#wrapper_book_contents_nav li#this_month_book_nav {
	width: 208px;
	height: 59px;
}

div#wholeContentsWrap div#contentsWarpSecond div#mainContentsWarpTwo ul#wrapper_book_contents_nav li#next_month_book_nav {
	width: 190px;
	height: 59px;
}

div#wholeContentsWrap div#contentsWarpSecond div#mainContentsWarpTwo ul#wrapper_book_contents_nav li#last_month_book_nav {
	width: 167px;
	height: 59px;
}






/*
 * 共通
 */

div#wholeContentsWrap div#contentsWarpSecond div#mainContentsWarpTwo div#wrapper_book_contents_slide {
	width: 650px;
	margin-top: 7px;
	overflow: hidden;
}

div#wholeContentsWrap div#contentsWarpSecond div#mainContentsWarpTwo ul#wrapper_book_contents_slide_inner {
	width: 1950px;

/* 『次に出る本』 をデフォルト状態にする */
/*
	margin-left: -650px;
*/
}

div#wholeContentsWrap div#contentsWarpSecond div#mainContentsWarpTwo ul#wrapper_book_contents_slide_inner li.wrapper_book {
	float: left;
	width: 637px;
	height: 487px;
	padding: 28px 0 0 13px;
	overflow: hidden;
}

div#wholeContentsWrap div#contentsWarpSecond div#mainContentsWarpTwo ul#wrapper_book_contents_slide_inner li.wrapper_book li {
	float: left;
	width: 152px;
	height: 230px;
	margin: 0px 0 0 4px;
}
div#wholeContentsWrap div#contentsWarpSecond div#mainContentsWarpTwo ul#wrapper_book_contents_slide_inner li.wrapper_book li a {
	display:block;
	width: 142px;
	height: 220px;
	padding:5px;
}
div#wholeContentsWrap div#contentsWarpSecond div#mainContentsWarpTwo ul#wrapper_book_contents_slide_inner li.wrapper_book li a:hover {
	background-color:#71E1FD;
}

/* 今月に出た本 */

div#wholeContentsWrap div#contentsWarpSecond div#mainContentsWarpTwo ul#wrapper_book_contents_slide_inner li#wrapper_this_month_book {
	background: url(/images/img_this_month_book_back.jpg) 0 0 no-repeat;
	position: relative;
}

li.special-banner {
	width: 610px !important;
	height: 191px !important;
	position: absolute;
	left: 15px;
	bottom: 40px;
}

li.special-banner a:hover ,li.special-banner-02 a:hover {
	background-color: transparent !important;
}


/* 大きさ　中 */
li.special-banner-02 {
	width: 454px !important;
	height: 220px !important;
	position: absolute;
	left: 169px;
	bottom: 38px;
}

/* 大きさ　大 */
li.special-banner-03 {
	width: 454px !important;
	height: 220px !important;
	position: absolute;
	left: 13px;
	bottom: 38px;
}


/* 来月に出る本 */

div#wholeContentsWrap div#contentsWarpSecond div#mainContentsWarpTwo ul#wrapper_book_contents_slide_inner li#wrapper_next_month_book {
	background: url(/images/img_next_month_book_back.jpg) 0 0 no-repeat;
}

div#wholeContentsWrap div#contentsWarpSecond div#mainContentsWarpTwo ul#wrapper_book_contents_slide_inner li#wrapper_next_month_book li {
	background-color: rgba(255,255,255,0);
	line-height: 1.3;
}

div#wholeContentsWrap div#contentsWarpSecond div#mainContentsWarpTwo ul#wrapper_book_contents_slide_inner li#wrapper_next_month_book li a {
	text-decoration: none;
}

div#wholeContentsWrap div#contentsWarpSecond div#mainContentsWarpTwo ul#wrapper_book_contents_slide_inner li#wrapper_next_month_book li span {
	display: block;
}


div#wholeContentsWrap div#contentsWarpSecond div#mainContentsWarpTwo ul#wrapper_book_contents_slide_inner li#wrapper_next_month_book li span.title {
	font-weight: bold;
	padding: 5px 0;
}

div#wholeContentsWrap div#contentsWarpSecond div#mainContentsWarpTwo ul#wrapper_book_contents_slide_inner li#wrapper_next_month_book li span.sub_2 {
	padding-top: 5px;
}




/* 先月に出た本 */

div#wholeContentsWrap div#contentsWarpSecond div#mainContentsWarpTwo ul#wrapper_book_contents_slide_inner li#wrapper_last_month_book {
	background: url(/images/img_last_month_book_back.jpg) 0 0 no-repeat;
}





/* ==========================================================================

   作品クローズアップ

   ========================================================================== */

div#wrapper_book_closeup {
	width: 650px;
	margin: 11px 0 0 0;
	overflow: hidden;
}

div#wrapper_book_closeup ul#wrapper_book_closeup_title {
	width: 650px;
	height: 50px;
	position: relative;
}

div#wrapper_book_closeup ul#wrapper_book_closeup_title li.book_closeup_title{
	position: absolute;
	width: 100px;
	height: 50px;
	top: 0;
	left: 0;
}

div#wrapper_book_closeup ul#wrapper_book_closeup_title li.archive {
	position: absolute;
	width: 117px;
	height: 18px;
	top: 10px;
	right: 0;
}

div#wrapper_book_closeup ul#contents_book_closeup {
	width: 675px;
	margin-left: -25px;
}

div#wrapper_book_closeup ul#contents_book_closeup li {
	float: left;
	width: 200px;
	height: 90px;
	margin: 13px 0 0 25px;
}

div#wrapper_book_closeup ul#contents_book_closeup li.first {
	margin-left: 0;
}

/* ==========================================================================

   バナーコンテンツ設定

   ========================================================================== */

div#wholeContentsWrap div#contentsWarpSecond div#newbookWrapContainer {
	float: left;
	width: 210px;
	margin: 0 0 0 10px;
	position: relative;
}

#recommended-read {
	 position: absolute;
	 top: -250px;
	 left: -26px;
	 z-index: 10;
}

/* ==========================================================================

   ニュース

   ========================================================================== */

div#wrapper_news {
	width: 650px;
}

div#wrapper_news div#contents_news {
	width: 100%;
	height: 210px;
	overflow-y: auto;
	background-color: #FFFFF5;
}

div#contents_news table {
	margin: 10px 0 0 25px;
	border-collapse: separate;
	border-spacing	:0 7px;

}

div#contents_news tr {
	padding-top: 10px;
}

div#contents_news td {
	vertical-align: top;
	line-height: 1.5;
}

div#contents_news td.icon_new {

	padding: 4px 0 0 0;
	margin-left: 20px;
	text-align: center;
	color: #fff;
	font-weight: bold;
}
div#contents_news td.new_date {
	padding: 2px 0 0 15px;
	text-align: center;
}

div#contents_news td.news_text {
	padding: 2px 15px 0 10px;
}

/* ==========================================================================

   ためし読み連載

   ========================================================================== */

div#wrapper_prepaging ul#contents_prepaging li {
	display:-moz-inline-box;
	display:inline-block;
	*display:inline;
	*zoom:1;
}


/* ==========================================================================

   今まで出た本、これから出る本

   ========================================================================== */

div#wrapper_etc_type_a ul#contents_etc_type_a li {
	display:-moz-inline-box;
	display:inline-block;
	*display:inline;
	*zoom:1;
}


/* ==========================================================================

   おすすめコンテンツ

   ========================================================================== */

div#wrapper_recommended {
	 position: relative;
}

div#wrapper_recommended .jCarouselLite {
	width: 546px !important;
	margin: 0 auto 0 auto;
}

div#wrapper_recommended a.next {
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 11;
}

div#wrapper_recommended a.prev {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 10;
}


/* ==========================================================================

   左バナー

   ========================================================================== */


div#newbookWrapContainer li#bookSearch {
	 position: relative;
}
div#newbookWrapContainer ul.formSet {
	 position: absolute;
	 top: 65px;
	 left: 25px;
}

div#newbookWrapContainer ul.formSet .formBtn {
	 margin: 4px 0 0 48px;
}


/* オススメの本
   ========================================================================== */

div#newbookWrapContainer li#wrapper_banner_recommended {
	 background: url(/common/images/banner/img_banner_recommended_repet_back.jpg) 0 0 repeat-y;
}


div#newbookWrapContainer li#wrapper_banner_recommended ul.banner_recommended_contents li,
div#newbookWrapContainer li#wrapper_banner_campain ul.banner_campain_contents li,
div#newbookWrapContainer li#wrapper_banner_closeup ul.banner_closeup_contents li {
	 margin-top: 5px;
}

/* キャンペーン
   ========================================================================== */

div#newbookWrapContainer li#wrapper_banner_campain {
	 background: url(/common/images/banner/img_banner_campain_repet_back.jpg) 0 0 repeat-y;
}



/* 作品クローズアップ
   ========================================================================== */

div#newbookWrapContainer li#wrapper_banner_closeup {
	 background: url(/common/images/banner/img_banner_closeup_repet_back.jpg) 0 0 repeat-y;
}





/* ==========================================================================

   footer

   ========================================================================== */

div#footerWrap {
	overflow: hidden;
	width: 100%;
   height: 397px;
   background: url(/common/images/img_footer_back.png) center 0 no-repeat;
	color: #fff;
}

div#footerWrap a {
	text-decoration: none;
	color: #fff;
}

div#footerWrap a:hover {
	text-decoration: underline;
}

div#footerWrap ul#footer_links {
	width: 869px;
	height: 27px;
	overflow: hidden;
	margin: 310px auto 0 auto;
	text-align: center;
}

div#footerWrap ul#footer_links li {
	float: left;
}



div#footerWrap ul#footer_links_etc {
	overflow: hidden;
	width: 869px;
	margin: 25px auto 0 auto;
}

div#footerWrap ul#footer_links_etc li#footer_links_etc_left {
	float: left;
}

div#footerWrap ul#footer_links_etc li#footer_links_etc_right {
	float: right;
	margin-right: 30px;
}

div#footerWrap ul#footer_links_etc li#footer_links_etc_left ul {

}

div#footerWrap ul#footer_links_etc li#footer_links_etc_left ul li {
	display:-moz-inline-box;
	display:inline-block;
	*display:inline; *zoom:1;
	margin-right: 20px;
}


/* ==========================================================================

   トップのふきだし

   ========================================================================== */



/* 今月に出た本
   ========================================================================== */
ul#wrapper_top_hukidasi,ul#wrapper_left_banner_hukidasi {
	 position: absolute;
	 top: 0;
	 left: 0;
	 z-index: auto;
	 line-height: 1.3;
	 font-weight: bold;
	 color: #4c3938;
}

ul#wrapper_top_hukidasi li#wrapper_this_month_hukidasi {
	 position: relative;
}

ul#wrapper_top_hukidasi li#wrapper_this_month_hukidasi ul li {
	 width: 134px;
	 height: 90px;
	 position: absolute;
	 top: 0;
	 left: 0;
	 z-index: 100;
	 display: none;
}
ul#wrapper_top_hukidasi li#wrapper_this_month_hukidasi ul li#this_month_hukidasi_01 {
	 background: url(/images/img_this_month_hukidasi_01_.png) 0 0 no-repeat;
	 padding: 40px 10px 0 15px;
	 top: 265px;
	 left: 124px;
}
ul#wrapper_top_hukidasi li#wrapper_this_month_hukidasi ul li#this_month_hukidasi_02 {
	 background: url(/images/img_this_month_hukidasi_02_.png) 0 0 no-repeat;
	 padding: 40px 10px 0 15px;
	 top: 192px;
	 left: 281px;
}
ul#wrapper_top_hukidasi li#wrapper_this_month_hukidasi ul li#this_month_hukidasi_03 {
	 background: url(/images/img_this_month_hukidasi_03_.png) 0 0 no-repeat;
	 padding: 40px 10px 0 15px;
	 top: 161px;
	 left: 620px;
}
ul#wrapper_top_hukidasi li#wrapper_this_month_hukidasi ul li#this_month_hukidasi_04 {
	 background: url(/images/img_this_month_hukidasi_04_.png) 0 0 no-repeat;
	 padding: 40px 10px 0 15px;
	 top: 274px;
	 left: 836px;
}
ul#wrapper_top_hukidasi li#wrapper_this_month_hukidasi ul li#this_month_hukidasi_05 {
	 width: 134px;
	 height: 80px;
	 background: url(/images/img_this_month_hukidasi_05_.png) 0 0 no-repeat;
	 padding: 50px 10px 0 15px;
	 top: 639px;
	 left: 167px;
}
ul#wrapper_top_hukidasi li#wrapper_this_month_hukidasi ul li#this_month_hukidasi_06 {
	 background: url(/images/img_this_month_hukidasi_06_.png) 0 0 no-repeat;
	 padding: 40px 10px 0 15px;
	 top: 410px;
	 left: 494px;
}
ul#wrapper_top_hukidasi li#wrapper_this_month_hukidasi ul li#this_month_hukidasi_07 {
	 background: url(/images/img_this_month_hukidasi_06_.png) 0 0 no-repeat;
	 padding: 40px 10px 0 15px;
	 top: 460px;
	 left: 680px;
}
ul#wrapper_top_hukidasi li#wrapper_this_month_hukidasi ul li#this_month_hukidasi_08 {
	 background: url(/images/img_this_month_hukidasi_07_.png) 0 0 no-repeat;
	 padding: 40px 10px 0 15px;
	 top: 660px;
	 left: 830px;
}



/* ためしよみ
   ========================================================================== */

ul#wrapper_top_hukidasi li#rapper_prepaging_hukidasi ul li {
	 width: 134px;
	 height: 90px;
	 position: absolute;
	 top: 0;
	 left: 0;
	 z-index: auto;
	 display: none;
}



ul#wrapper_top_hukidasi li#rapper_prepaging_hukidasi ul li#prepaging_hukidasi_01 {
	 background: url(/images/img_this_month_hukidasi_03_.png) 0 0 no-repeat;
	 padding: 40px 10px 0 15px;
	 top: 0;
	 left: 429px;
}

ul#wrapper_top_hukidasi li#rapper_prepaging_hukidasi ul li#prepaging_hukidasi_02 {
	 background: url(/images/img_this_month_hukidasi_03_.png) 0 0 no-repeat;
	 padding: 40px 10px 0 15px;
	 top: 0;
	 left: 739px;
}


/* 集英社みらい文庫大賞
   ========================================================================== */



ul#wrapper_left_banner_hukidasi li {
	 width: 134px;
	 height: 90px;
	 position: absolute;
	 top: 0;
	 left: 0;
	 z-index: auto;
	 display: none;
}

ul#wrapper_left_banner_hukidasi li#boshu_hukidasi {
	 background: url(/images/img_this_month_hukidasi_06_.png) 0 0 no-repeat;
	 padding: 40px 10px 0 15px;
	 top: 0;
	 left: 161px;
}








.sp-book_mini {
		margin-top: 20px;
}










/* ==========================================================================

   キャンペーン

   ========================================================================== */

div#wrapper_campain {
		width: 865px;
		padding: 0;
		margin: 0 0 0 -432px;
		position: absolute;
		z-index: 600;
		text-align: left;
		top: 0;
		left: 50%;
		display: none;
}

div#wrapper_campain ul#campain_inner {
		position: relative;
}

div#wrapper_campain ul#campain_inner li {
		position: absolute;
}

div#wrapper_campain ul#campain_inner li.campain_close {
		width: 40px;
		height: 55px;
		top: 40px;
		right: 0;
}

div#wrapper_campain ul#campain_inner li.campain_contents {
		width: 825px;
		height: 465px;
}

/* ==========================================================================

   見学受付中

   ========================================================================== */

div#wrapper_kengaku {
		width: 572px;
		padding: 0;
		margin: 0 0 0 -286px;
		position: absolute;
		z-index: 600;
		text-align: left;
		top: 100px;
		left: 50%;
		display: none;

}

div#wrapper_kengaku ul#kengaku_inner {
		position: relative;
}

div#wrapper_kengaku ul#kengaku_inner li {
		position: absolute;
}

div#wrapper_kengaku ul#kengaku_inner li.kengaku_close {
		width: 40px;
		height: 55px;
		top: 40px;
		right: 0;
}

div#wrapper_kengaku ul#kengaku_inner li.kengaku_contents {
		width: 532px;
		height: 385px;
}



/* ライトボックス　背景
   ========================================================================== */

div#light_box_back {
		position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
		background: url(/common/images/img_campain_back.png) 0 0 repeat;
		z-index: 599;
		display: none;
}
