@charset "shift_jis";

/* ****************************************************************** 

	@This stylesheet Information{
		CSS File Name: contents.css

		Setting of: Contents area
			1: contentsTop setting
			2: contents setting
			3: mainContents setting
			4: contentsBtm setting
			5: socialplugins setting
	}

****************************************************************** */


/*===================================================================
	1: contentsTop setting
===================================================================*/
#contentsTop {
width:880px;
margin:0 10px 10px;
}

#contentsTop h2 {margin:0 0 5px;}

#contentsTop div.pkg {margin:0 0 4px;}

/* .keyword */
#contentsTop div.keyword {
width:530px;
padding:5px 0 0;
float:left;
zoom:1;
}
#contentsTop div.keyword dt {
width:92px;
float:left;
zoom:1;
}
#contentsTop div.keyword dd {
padding:2px 0 0;
margin:0 0 0 100px;
zoom:1;
}
#contentsTop div.keyword dd li {
font-size:.86em;
display:inline;
margin:0 10px 0 0;
}

/* #searchKeyword */
#contentsTop form {
width:300px;
background:#e8dec6 url(/img/bg_search_keyword.gif) no-repeat 0 0;
float:right;
zoom:1;
}
#contentsTop form div {
padding:5px;
background:url(/img/bg_search_keyword.gif) no-repeat -300px 100%;
}
#contentsTop form img,
#contentsTop form input {vertical-align:middle;}
#contentsTop form input#searchKeyword {width:140px;margin:0 3px 0 0;}

/* .genre */
#contentsTop div.genre {
background:#f6f2eb;
border:1px solid #b5a680;
padding:5px;
clear:both;
zoom:1;
}
#contentsTop div.genre dl {width:864px;}
#contentsTop div.genre dt {
width:76px;
float:left;
}
#contentsTop div.genre dd {
width:690px;
padding:2px 0 0 10px;
float:left;
}
#contentsTop div.genre dd#adult {
width:80px;
padding:2px 0 0;
float:right;
}
#contentsTop div.genre dd#subgenre {
width:780px;
padding:2px 0 0;
float:right;
}
#contentsTop div.genre dd li {
font-size:.86em;
display:inline;
margin:0 10px 0 0;
}
#contentsTop div.genre dd li span {font-weight:bold;}

#contentsTop div.genre dl.subGenre {
width:auto;
background:#ffffff;
padding:4px;
margin:4px 0 0;
} 
#contentsTop div.genre dl.subGenre li {
line-height:1.1em;
}
#contentsTop div.genre dl.subGenre a {white-space:nowrap;}

/*===================================================================
	2: contents setting
===================================================================*/
#contents {
width:880px;
margin:0 10px 19px;
}
#contents:after{
	content:"";
	display:block;
	clear:both;
	height:0.1px;
}

#contents {display:inline-block;zoom:1;}

/* no ie mac \*/
* html #contents {height:1%;}
#contents{display:block;}
/* */


/*===================================================================
	3: mainContents setting
===================================================================*/

/*-------------------------------------------------------------------
	common
-------------------------------------------------------------------*/

/* body.column1
------------------------------------------------------------------ */
body.column1 #mainContents {}

/* body.column2
------------------------------------------------------------------ */
body.column2 #mainContents {
width:560px;
float:left;
}

/* .unit
------------------------------------------------------------------ */
.unit {margin-bottom:10px;}
.unitInner {margin:0 0 10px;}


/* title
------------------------------------------------------------------ */
/* .orange */
.orange {
background:url(/img/bg_title_orange.gif) repeat-y 0 0;
margin:0 0 10px;
}
body#mv .orange {margin:0;}

.orange div.inner {
background:url(/img/bg_title_orange.gif) no-repeat -560px 100%;
padding:0 0 4px;
}
.orange div.inner h3 {
background:url(/img/bg_title_orange.gif) no-repeat -1120px 0;
padding:10px 10px 6px;
}
.orange div.inner h3 span {
border-left:4px solid #f5ccab;
color:#ffffff;
font-size:1.28em;
font-weight:bold;
padding:0 0 0 6px;
}

/* yellow */
.yellow {background:url(/img/bg_title_yellow.gif) repeat-y 0 0;}
.yellow div.inner {
background:url(/img/bg_title_yellow.gif) no-repeat -560px 100%;
padding:0 0 2px;
}
.yellow div.inner h4 {
background:url(/img/bg_title_yellow.gif) no-repeat -1120px 0;
padding:7px 10px 5px;
}
.yellow div.inner h4 span {
border-left:4px solid #f6e5b8;
font-size:1.12em;
font-weight:bold;
padding:0 0 0 6px;
}

/* table.clubit
------------------------------------------------------------------ */
div.clubit table{
	margin:5px 0;}

div.clubit table td.left{
	padding-right:4px;
	border-right:dotted 1px #999;}
	
div.clubit table td.right{
	padding-left:4px;}

div.clubit table td img{
	padding:1px;
	border:solid 1px #DEC8BC;}

div.clubit table td span{
	display:block;}
	
div.clubit p{
	text-align:right;
	font-size:85%;
	margin-bottom:5px;}


/* thumbnail
------------------------------------------------------------------ */
.thumbnail {
background: #ffffff;
border-top: 1px solid #dec8bc;
border-bottom: 1px solid #dec8bc;
margin: 0px 1px;
}
.thumbnail a {
background: #ffffff;
border-left: 1px solid #dec8bc;
border-right: 1px solid #dec8bc;
display:block;
padding:1px;
margin: 0px -1px;
}


/* .indexNav
------------------------------------------------------------------ */
.indexNav {margin:0 0 11px;}
.indexNav dt {
width:61px;
float:left;
}
.indexNav dl.keyword dt {
width:92px;
float:left;
}
.indexNav dd {margin:0 0 0 70px;}
.indexNav dl.keyword dd {margin:0 0 0 101px;}
.indexNav dd li {
border-left:1px solid #b0b0b0;
font-weight:bold;
padding:0 10px;
float:left;
zoom:1;
}

.indexNav dl.keyword dd li {
border:none;padding:0 20px 0 0;
white-space:nowrap;
}
.indexNav dd li.first {
border-left:none;
padding:0 10px 0 0;
}
.indexNav dl.keyword dd li.first {padding:0 20px 0 0;}
.indexNav .keyword {margin:0 0 7px;}
.indexNav .sort {margin:7px 0 0;}
.indexNav .sort li {border:none;}
.indexNav .sort a,
.indexNav .sort span {margin:0 0 0 10px;zoom:1;}
.indexNav .sort a.first,
.indexNav .sort span.first {margin:0;zoom:1;}

/* .listIndex
------------------------------------------------------------------ */
.listIndex {
border:1px solid #b38306;
border-top:none;
}
.listIndex li {
background:url(/img/bg_dotline_list.gif) repeat-x 0 0;
padding:6px 10px 5px;
}
.listIndex li.first {background:none;padding:5px 10px;}
.listIndex li.even { background-color:#fdfbf4;}

.listIndex .thumbnail {
background: #ffffff;
border-top: 1px solid #dec8bc;
border-bottom: 1px solid #dec8bc;
margin: 0px 1px;
}
.listIndex .thumbnail a {
background: #ffffff;
border-left: 1px solid #dec8bc;
border-right: 1px solid #dec8bc;
display:block;
padding:1px;
margin: 0px -1px;
}
.listIndex div.left {width:79px;float:left;}
.listIndex dl {margin:0 0 0 86px;}
.listIndex dt {font-weight:bold;}
.listIndex dt a {margin:0 5px 0 0;}
.listIndex dt img {vertical-align:middle;margin:0 2px 0 0;}
.listIndex p.more {
background:url(/img/bg_dotline_list.gif) repeat-x 0 0;
text-align:right;
padding:5px 8px 13px;
}
.listIndex p.more span {
background:url(/img/icon_arrow01.gif) no-repeat 0 .3em;
padding:2px 0 3px 18px;
margin:0 0 0 10px;
}
.listIndex p.more a {zoom:1;}

/* .tableIndex
------------------------------------------------------------------ */
.tableIndex {
width:100%;
background:url(/img/bg_dotline_table.gif) repeat-y 0 0;
border:1px solid #b38306;
border-top:none;
}

.tableIndex td {
width:112px;
background:url(/img/bg_dotline_list.gif) repeat-x 0 0;
padding:10px 15px;
}
.tableIndex td.first {width:111px;}
.tableIndex td.last {width:111px;}
.tableIndex tr.first td {background:none;}
.tableIndex td div.inner {width:79px;}

.tableIndex .thumbnail {
background: #ffffff;
border-top: 1px solid #dec8bc;
border-bottom: 1px solid #dec8bc;
margin: 0px 1px;
}
.tableIndex .thumbnail a {
background: #ffffff;
border-left: 1px solid #dec8bc;
border-right: 1px solid #dec8bc;
display:block;
padding:1px;
margin: 0px -1px;
}
.tableIndex .caption {
line-height:1.15em;
margin:2px 0 0;
}
.tableIndex .caption a {
font-weight:bold;
}



/* .paging
------------------------------------------------------------------ */
.paging {
background:#ece7dd;
line-height:1.1em;
padding:6px;
margin:0 0 11px;
}
.paging a,
.paging b,
.paging span {width:auto;zoom:1;}
.paging .pageNo {text-align:right;}
.paging .pageNo span.next {margin-left:5px;white-space:nowrap;}
.paging .pageNo span.rev {margin-right:5px;white-space:nowrap;}
.paging .pageNo span a {
border:none;
margin:0;
padding:0;
}
.paging .pageNo b {
font-weight:normal;
margin:0 -1px;
}
.paging .pageNo a {
font-weight:normal;
margin:0 -1px;
}


/*-------------------------------------------------------------------
	body#top
-------------------------------------------------------------------*/

/* #lead
------------------------------------------------------------------ */
#lead {
line-height:1.26em;
margin:0 0 8px;
}

/* #hotContents
------------------------------------------------------------------ */
#hotContents div.unitInner {
border:8px solid #e8be50;
padding:10px;
margin:0;
overflow:hidden;
}

#hotContents .thumbnail {
background: #ffffff;
border-top: 1px solid #dec8bc;
border-bottom: 1px solid #dec8bc;
margin: 0px 1px;
}
#hotContents .thumbnail a {
background: #ffffff;
border-left: 1px solid #dec8bc;
border-right: 1px solid #dec8bc;
display:block;
padding:1px;
margin: 0px -1px;
}

#hotContents ol {width:524px;}
#hotContents p.icon img {margin:0 2px 0 0;}
#hotContents a {font-weight:bold;}
#hotContents div.wrap {
background:url(/img/bg_dotline.gif) repeat-x 0 0;
padding:9px 0 0;
}

/* top */
#hotContents ol.first {background:url(/img/bg_hot_contents01.gif) repeat-y 0 0;margin:0 0 7px}
#hotContents ol.first li {
width:254px;
float:left;
margin:0 16px 0 0;
}
#hotContents ol.first li.last {margin:0;}
#hotContents ol.first p.icon {margin:6px 0 0;}

/* bottom */
#hotContents ol.last {background:url(/img/bg_hot_contents02.gif) repeat-y 0 0;}
#hotContents ol.last li {
width:166px;
margin:0 13px 0 0;
float:left;
}
#hotContents ol.last li.last {margin:0;}
#hotContents ol.last div.pkg {width:166px;margin:0 0 3px;}
#hotContents ol.last div.left {
width:79px;
float:left;
}
#hotContents ol.last div.right {
width:84px;
float:right;
}
#hotContents ol.last p.title {line-height:1.15em;}
#hotContents ol.last p.text {line-height:1.26em;}


/* #movieContents
------------------------------------------------------------------ */
#movieContents {
border:5px solid #e8be50;
padding:10px;
}
#movieContents div.left {
width:254px;
float:left;
}
#movieContents p.thumbnail,
#movieContents p.thumbnail a {
border-color:#bca395;
}
#movieContents div.left ul {
border:1px solid #cfc2a2;
background:#f6f2eb;
padding:8px 6px;
margin:5px 0 2px;
}
#movieContents div.left li {
width:239px;
background:url(/img/bg_dotline_list.gif) repeat-x 0 100%;
padding:8px 0;
}
#movieContents div.left li.first {padding:0 0 8px;}
#movieContents div.left li.price {font-weight:bold;}
#movieContents div.left li.btn {
background:none;
text-align:center;
padding:8px 0 0;
}
#movieContents div.left li img {margin:0 5px 0 0;vertical-align:middle;}
#movieContents div.left li.btn img {margin:0;}
#movieContents div.left li p {
float:left;
margin:0 10px 0 0;
white-space:nowrap;
}
#movieContents div.left p.copy {
color:#5d432e;
font-size:.86em;
}

#movieContents dl.right {
width:265px;
float:right;
}
#movieContents dd {
padding:5px 5px 17px;
}


/*===================================================================
	4: contentsBtm setting
===================================================================*/
#contentsBtm {padding:0 10px;}
#contentsBtm p.pageTop {
clear:both;
text-align:right;
margin:0 0 21px;
}
#contentsBtm p.pageTop span {
background:url(/img/icon_to_top.gif) no-repeat 0 .3em;
padding:3px 0 4px 20px;
}

#contentsBtm div.pkg {margin:0 0 14px;}

#contentsBtm div.monitor {
width:700px;
border-left:3px solid #b2b2b2;
padding:0 0 0 5px;
float:left;
}
#contentsBtm div.monitor span {font-weight:bold;}
#contentsBtm p.toEntame {width:166px;float:right;}

#btmNav {
border-top:1px solid #ebebeb;
text-align:right;
padding:10px 0;
}
#btmNav li {
display:inline;
margin:0 0 0 10px;
}


/*===================================================================
	5: socialplugins setting
===================================================================*/

.socialplugins{
   padding-bottom:8px;
}
.socialplugins ul li{
   display:inline;
   vertical-align:middle;
   padding-right:5px;
}
.socialplugins ul li img{
   vertical-align:baseline;
}
/*
** DUCVTT Add
*/
#contentsTop form{
	width:350px;
	background:#e8dec6 url(/img/bg_search_keyword_type.gif) no-repeat 0 0;
}


#contentsTop form div {
    background: url("/img/bg_search_keyword_type.gif") no-repeat scroll -350px 100%;
    padding: 5px;
}

#contentsTop form select {
	margin: 0;
	vertical-align: middle;
	line-height: normal;
}


#contentsTop form input#searchKeyword {
    margin: 0;
    width: 130px;
}

.paging .pageNo span.rev1 {
	white-space: nowrap;
}

input.newButton {
    background:url(/img/btn_search_keyword.gif) no-repeat;
    cursor:pointer;
    width: 44px;
    height: 22px;
    border: none;
}

input.newButton:hover {
    background:url(/img/btn_search_keyword_on.gif) no-repeat;
}

div.searchcorner{
	background: rgba(0, 0, 0, 0) url("/img/bg_search_keyword_type.gif") no-repeat scroll -350px 100%;
    padding: 5px;
}

/*===================================================================
	5: book setting
===================================================================*/

#feature h2 {
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #f08300;
	font-family: "HiraKakuProN-W6","ヒラギノ角ゴ ProN W6",Meiryo,メイリオ,sans-serif;
	font-weight: bold;
	padding: 0.75em 1em;
	letter-spacing:0.1em
}
#feature h2::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc;
}

#freeContents h2 {
	position: relative;
	background: -webkit-linear-gradient(top, #e6ab17 0%, #ffc533 100%);
	background: linear-gradient(to bottom, #e6ab17 0%, #ffc533 100%);
	color: #fafad2;
	font-size: 16px;
	font-family: "HiraKakuProN-W6","ヒラギノ角ゴ ProN W6",Meiryo,メイリオ,sans-serif;
    text-shadow: 1px 1px 0 #696969, -1px 1px 0 #696969, 1px -1px 0 #696969, -1px -1px 0 #696969;
	border-radius: 6px 6px 0px 0px;
	border: 1px solid #b38306;
	font-weight: bold;
	padding: 0.7em 1em 0.3em 1.5em;
	letter-spacing:0.14em
}
#freeContents h2::after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #ffd466;
	border-radius: 4px;
}