@charset "UTF-8";

/*汎用設定*/


body
{
	color: #333;
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
	font-size: 12px;
	line-height: 1.6em;
	line-break: strict;
	word-break: break-all;
	text-align: justify;
	text-justify: distribute;
}
.mac.safari body,
.mac.gecko body,
.mac.chrome body
{
	color: #333;
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
	font-size: 12px;
	line-height: 1.5em;
}
body
{
	background: url(../images/common/bg.jpg) repeat-x #FFD4DF fixed;
}
a:link
{
	text-decoration: none;
	color: #FF7EBF;
}
a:visited
{
	text-decoration: none;
	color: #FF7EBF;
}
a:hover
{
	text-decoration: underline;
	color: #ff9900;
}


/*エリア指定*/

#header-bg
{
	width: 100%;
	height: 170px;
	background: url(../images/common/header_bg.png) repeat-x;
	z-index: 9999;
	position: fixed;
}
#header
{
	width: 1010px;
	height: 170px;
	background: url(../images/common/header.png) no-repeat;
	position: relative;
	margin: 0px auto;
}
#header .logo a
{
	width: 324px;
	height: 48px;
	top: 10px;
	left: 5px;
	display: block;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
}
#header .navi01 a
{
	width: 120px;
	height: 85px;
	top: 65px;
	left: 5px;
	background: url(../images/common/navi01.png) no-repeat;
	display: block;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
}
#header .navi02 a
{
	width: 120px;
	height: 85px;
	top: 65px;
	left: 130px;
	background: url(../images/common/navi02.png) no-repeat;
	display: block;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
}
#header .navi03 a
{
	width: 120px;
	height: 85px;
	top: 65px;
	left: 255px;
	background: url(../images/common/navi03.png) no-repeat;
	display: block;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
}
#header .navi04 a
{
	width: 120px;
	height: 85px;
	top: 65px;
	left: 380px;
	background: url(../images/common/navi04.png) no-repeat;
	display: block;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
}
#header .navi05 a
{
	width: 120px;
	height: 85px;
	top: 65px;
	left: 505px;
	background: url(../images/common/navi05.png) no-repeat;
	display: block;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
}
#header .navi06 a
{
	width: 120px;
	height: 85px;
	top: 65px;
	left: 630px;
	background: url(../images/common/navi06.png) no-repeat;
	display: block;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
}
#header .navi07 a
{
	width: 120px;
	height: 85px;
	top: 65px;
	left: 755px;
	background: url(../images/common/navi07.png) no-repeat;
	display: block;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
}
#header .navi01 a:hover,
#header .navi02 a:hover,
#header .navi03 a:hover,
#header .navi04 a:hover,
#header .navi05 a:hover,
#header .navi06 a:hover,
#header .navi07 a:hover
{
	background: none;
}
#header .social
{
	top: 79px;
	left: 891px;
	width: 100px;
	position: absolute;
}
#header .social div
{
	margin-bottom: 5px;
}

#wrapper
{
	width: 1000px;
	margin: 0px auto;
	background: url(../images/common/contents_bg.png) repeat-y;
	overflow: hidden;
	padding: 150px 5px 20px 5px;
}

#wrapper #left-column
{
	width: 200px;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	overflow: hidden;
}
#wrapper #right-column
{
	width: 740px;
	float: right;
	margin-right: 20px;
	margin-top: 20px;
	overflow: hidden;
}
#wrapper #right-column p
{
	margin-bottom: 1em;
}

/*slidebanner*/

#slide-banner
{
	margin-bottom: 20px;
}

/*wahtsnew*/

#wahtsnew
{
	width: 740px;
	height: 180px;
	background: url(../images/top/whatsnew.jpg) no-repeat;
	position: relative;
	margin-bottom: 20px;
}
#wahtsnew .info-area
{
	position: absolute;
	width: 710px;
	height: 120px;
	top: 35px;
	left: 5px;
	overflow: auto;
	overflow-x: none;
	padding: 10px; 
}
#wahtsnew .info-area dt
{
	float: left;
	width: 8em;
}
#wahtsnew .info-area dd
{
	margin: 0px 0px 0px 8em;
}

/*タブ切り替え（暫定）*/

#cover_tab
{
	margin: 0px 0px 20px 0px;
	width:740px;
}
#cover_tab ul
{
	list-style:none;
}

div#cover_tab ul#tab
{
	margin:0px;
	padding:0px;
	background-color:#fff;
	float:left;
	width:100%;
}

div#cover_tab ul#tab li.tab01
{
  cursor: pointer;
	margin: 0px 10px 0px 0px;
	float:left;
	height: 30px;
	width: 240px;
	text-indent: -9999px;
	background: url(../images/top/tab01b.jpg) no-repeat;
}
div#cover_tab ul#tab li.tab02
{
  cursor: pointer;
  margin: 0px 10px 0px 0px;
	float:left;
	height: 30px;
	width: 240px;
	text-indent: -9999px;
	background: url(../images/top/tab02b.jpg) no-repeat;
}
div#cover_tab ul#tab li.tab03
{
  cursor: pointer;
  margin: 0px;
	float: right;
	height: 30px;
	width: 240px;
	text-indent: -9999px;
	background: url(../images/top/tab03b.jpg) no-repeat;
}

div#cover_tab ul#tab li.selected01
{
  cursor: default;
  margin: 0px 10px 0px 0px;
	float:left;
	height: 30px;
	width: 240px;
	text-indent: -9999px;
	background: url(../images/top/tab01a.jpg) no-repeat;
}
div#cover_tab ul#tab li.selected02
{
  cursor: default;
  margin: 0px 10px 0px 0px;
	float:left;
	height: 30px;
	width: 240px;
	text-indent: -9999px;
	background: url(../images/top/tab02a.jpg) no-repeat;
}
div#cover_tab ul#tab li.selected03
{
  cursor: default;
  margin: 0px;
	float:right;
	height: 30px;
	width: 240px;
	text-indent: -9999px;
	background: url(../images/top/tab03a.jpg) no-repeat;
}

#page1,#page2,#page3
{
	border: 5px solid #69B5FF;
	padding: 10px 5px 5px 5px;
	clear: both;
	background: #FBF7EC;
}
#page1 .date,
#page2 .date,
#page3 .date
{
	font-weight: bold;
	margin: 0px 0px 10px 5px;
}
.cover-box
{
	overflow: hidden;
}
.cover-box .details
{
	float: left;
	margin: 0px 5px 10px 5px;
	width: 230px;
	font-size: 10px;
	line-height: 1.5em;
	letter-spacing: 1px;
	position: relative;
}
.cover-box .details .cover img
{
	width: 230px;
	height: 324px;
	margin-bottom: 5px;
}
.cover-box .details .sampleicon
{
	position: absolute;
	z-index: 100;
	right: 0px;
	top: 220px;
}
.cover-box .details span
{
	color:#FF1493;
}
.size46
{
	padding: 10px;
	box-sizing: border-box;
	background: #FFEFBF;
	border-radius: 5px;
	border: #FF7EBF solid 1px;
}
.cover-box .size46 .cover img
{
	width: 100%;
	height: auto;
}
.cover-box .size46 span
{
	color: #298CF6;
}

/*トップページリンク*/

.top-link-box
{
	overflow: hidden;
	margin-bottom: 10px;
}
.top-link-box .link-banner
{
	float: left;
	margin-right: 10px;
}

/*新刊情報*/

.newbook-box
{
	background: #FBF7EC;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 4px rgba(50, 50, 50, 0.7);
	overflow: hidden;
	padding: 1.5em 1.5em 0.5em 1.5em;
	margin: 0.5em 0.5em 2em 0.5em;
	position: relative;
}
.newbook-box .sampleicon
{
	z-index: 100;
	position: absolute;
	right: 260px;
	top: 80px;
}
.newbook-box .title
{
	font-size: 16px;
	font-weight: bold;
	color: #2C7FD3;
	line-height: 1.6em;
}
.newbook-box .spec
{
	font-size: 10px;
	line-height: 1.5em;
	letter-spacing: 1px;
	border-left: 5px solid #F90;
	padding-left: 5px;
}
.newbook-box .read
{
	font-size: 14px;
	font-weight: bold;
}
.newbook-box .btn,
.newbook-box2 .btn
{
	margin-bottom: 1em;
}
.newbook-box .btn img,
.newbook-box2 .btn img
{
	margin-bottom: 0.5em;
}
.newbook-box .cover,
.newbook-box2 .cover
{
	float: right;
	margin-bottom: 1em;
	margin-left: 2em;
}
.newbook-box .cover img,
.newbook-box2 .cover img
{
	width: 230px;
}
#newbooklink
{
	display: none;
}
.size46bg
{
	background: #FFEFBF;
}

/*シリーズ紹介*/

.si-box1
{
	border: 5px solid #BDF281;
	background: #FBF7EC;
	padding: 10px 5px 0px 5px;
	overflow: hidden;
	margin-bottom: 20px;
}
ul.series-list
{
	margin: 0px;
	padding-left: 17px;
}
ul.series-list li
{
	margin-bottom: 0px;
}


/*汎用リストボックス*/

.list-box
{
	width: 134px;
	margin: 0px 5px 10px 5px;
	float: left;
	font-size: 10px;
	line-height: 1.5em;
	letter-spacing: 1px;
}
.list-box div
{
	margin-bottom: 0.3em;
}
.list-box img.cover
{
	width: 134px;
	height: 190px;
}
.list-border
{
	width: 100%;
	border-bottom: 1px solid #DFDFCF;
	margin-bottom: 10px;
	overflow: hidden;
}


/*フッター*/

#footer
{
	width: 100%;
	background: #FF7EBF;
	padding: 20px 0px;
}
#footer #copyright
{
	width: 1000px;
	margin: 0px auto;
	color: #fff;
	font-size: 10px;
	line-height: 1.5em;
	letter-spacing: 1px;
}
#footer #copyright a:link
{
	text-decoration: none;
	color: #fff;
}
#footer #copyright a:visited
{
	text-decoration: none;
	color: #fff;
}
#footer #copyright a:hover
{
	text-decoration: underline;
	color: #f00;
}


/*枠装飾*/

.info-box
{
	background: #FBF7EC;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 4px rgba(50, 50, 50, 0.7);
	overflow: hidden;
	padding: 1.5em 1.5em 0.5em 1.5em;
	margin: 0.5em 0.5em 2em 0.5em;
}

/*文字装飾*/

.text-deco01
{
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #19CFAB;
	color: #19CFAB;
	padding-bottom: 5px;
}
.text-deco01 span.date
{
	font-size: 10px;
	letter-spacing: 1px;
	color: #F60;
}
.text-deco02
{
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #BCADD5;
	color: #BCADD5;
	padding-bottom: 5px;
}
.text-deco02 span.date
{
	font-size: 10px;
	letter-spacing: 1px;
	color: #F60;
}
.text-deco03
{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 1em;
}
.text-deco04
{
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #c90;
	color: #C90;
	padding-bottom: 5px;
}
.text-deco04 span.date
{
	font-size: 10px;
	letter-spacing: 1px;
	color: #F60;
}

/*検索関連*/

#search-result
{
	width: 740px;
	overflow: hidden;
	margin-bottom: 20px;
}
#search-result .result-text
{
	font-size: 16px;
	float: left;
}
#search-result .result-sort
{
	float: right;
	width: 150px;
}
#search-result .result-sort select
{
	width: 148px;
}
#search-result-pager
{
	width: 740px;
	margin: 20px 0px;
	overflow: hidden;
}
#search-result-pager .page-navi
{
	float: left;
	margin: 5px 5px 0px 0px;
}
#search-result-pager .page-navi span
{
  border: 1px solid #DFDFCF;
  padding: 2px 6px;
  display: block;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}
#search-result-pager .page-navi span.nb
{
  border: none;
}

#search-result-pager .page-navi a
{
	border: 1px solid #DFDFCF;
  padding: 2px 6px;
	display: block;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
#search-result-pager .page-navi a:hover
{
	border: 1px solid #DFDFCF;
	padding: 2px 6px;
	display: block;
	background: #FF7EBF;
	color: #fff;
	text-decoration: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
.search-box
{
	border: 5px solid #DFDFCF;
	background: #FBF7EC;
	padding: 10px 5px 0px 5px;
	overflow: hidden;
	margin-bottom: 20px;
}
#side-search-box
{
	border: 5px solid #DFDFCF;
	background: #FBF7EC;
	padding: 10px 10px 8px 10px;
	overflow: hidden;
	margin-bottom: 10px;
	
}
#side-search-box input
{
	vertical-align: 0;
}

.search_jacket {
  width: 134px;
  height: 190px;
  overflow: hidden;
  text-align: center;
}

/*余白*/

.mb10px
{
	margin-bottom: 10px;
}
.mb5px
{
	margin-bottom: 5px;
}
.mb20px
{
	margin-bottom: 20px;
}