@charset "UTF-8";


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

	module.css

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


/* --------------------------------------------------
	top
-------------------------------------------------- */

#top {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
#top .slide img {width:100%;}
#top .slides{width: 5000px;}
#top .slide{float: left;}
#top .flex-control-nav {
	width: 100%;
	height: 12px;
	line-height: 12px;
	text-align: center;
	margin-top: 15px;
	display: block;
}
#top .flex-control-nav li {
	display: inline-block;
	cursor: pointer;
}
#top .flex-control-nav li a {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-right: 15px;
	margin-bottom: 0!important;
	background: #DDD;
	text-indent: -9999px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(/pie/PIE.htc);
}
#top .flex-control-nav li a.flex-active {
	background: #222;
}
.flex-direction-nav .flex-prev {
	position: absolute;
	top: 47%;
	left: 0;
	display: block;
	width: 32px;
	height: 32px;
	margin-top: -9px;
	background: url(../../images/common/btn_slide_top_prev.png) no-repeat left center;
	text-indent:-100%;
}
.flex-direction-nav .flex-next {
	position: absolute;
	top: 47%;
	right: 0;
	display: block;
	width: 32px;
	height: 32px;
	margin-top: -9px;
	background: url(../../images/common/btn_slide_top_next.png) no-repeat right center;
	text-indent:100%;
}
.flex-direction-nav .flex-prev:before, .flex-direction-nav .flex-next:before { display:none; }

/* --------- topsns --------- */

#top .topsns {
	position: absolute;
	right: 0;
	bottom: 0;
}
#top .topsns ul {
	float: right;
}
#top .topsns ul li.fb {
	float: left;
	text-align: center;
	display: inline-block;
	*display:inline;
	*zoom:1;
	width: 72px;
	height: 24px;
	overflow: hidden;
	margin-top: -1px;
	padding-right: 4px;
}
#top .topsns ul li.tw {
	float: left;
	text-align: center;
	display: inline-block;
	*display:inline;
	*zoom:1;
	width: 71px;
	height: 24px;
	overflow: hidden;
	padding-top: 3px;
	padding-right: 4px;
	margin-right: 5px;
}
#top .topsns ul li.line {
	float: left;
	text-align: center;
	display: inline-block;
	*display:inline;
	*zoom:1;
	width: 82px;
	height: 24px;
	overflow: hidden;
}


/* --------------------------------------------------
	leftCell
-------------------------------------------------- */

#leftCell h2 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 15px;
}

/* banArea */
#leftCell div.banArea {margin-bottom: 30px;}
#leftCell div.banArea ul {}
#leftCell div.banArea ul li {
	display: block;
	text-align: center;
	margin-bottom: 10px;
}
#leftCell div.banArea ul li img {
	width: 160px;
	max-width: 160px;
}

/* prefectureArea */
#leftCell div.prefectureArea div.prefectureTtl {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.1;
	border-left: 4px solid #BBB;
	padding-left: 12px;
	margin-bottom: 30px;
}
#leftCell div.prefectureArea {border-bottom: 1px solid #EEE; margin-bottom: 30px;}
#leftCell div.prefectureArea dl {}
#leftCell div.prefectureArea dl.current {}
#leftCell div.prefectureArea dl dt {border-top: 1px solid #EEE; padding: 20px 0; cursor: pointer;}
#leftCell div.prefectureArea dl dt.open {background: url(../../images/common/icon_leftcell_open.png) no-repeat right center;}
#leftCell div.prefectureArea dl dt.close {background: url(../../images/common/icon_leftcell_close.png) no-repeat right center;}
#leftCell div.prefectureArea dl dd {padding: 15px 0; border-top: 1px solid #EEE;}
#leftCell div.prefectureArea dl dt h3 {
	font-size: 13px;
	line-height: 1;
	padding: 0 3px;
}
#leftCell div.prefectureArea dl dd h4 {
	color: #999;
	font-weight: bold;
	padding: 0 3px;
	margin-bottom: 5px;
}

/* publisherArea */
#leftCell div.publisherArea {margin-bottom: 30px;}

/* leftCell list */
#leftCell ul.list  {
	margin-bottom: 15px;
}
#leftCell ul.list li {
	padding: 3px;
}
#leftCell ul.list li.current {
	padding: 3px 10px;
	margin: 3px 0;
	background: url(../../images/common/bg_list_current.png) no-repeat right center #EEE;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	behavior: url(/pie/PIE.htc);
}
#leftCell ul.list li.current a {
	color: #666;
}
#leftCell ul.list li a {
	display: block;
}

/* leftCell tile */
#leftCell ul.tile  {
	font-size: 13px;
	margin-bottom: 25px;
}
#leftCell ul.tile li {
	float: left;
	width: 34px;
	text-align: center;
	margin: 0 4px 4px 0;
	border: 1px solid #DDD;
}
#leftCell ul.tile li.linkNone {
	color: #AAA;
	height: 27px;
	padding-top: 7px;
}
#leftCell ul.tile li a {
	display: block;
	height: 27px;
	padding-top: 7px;
}
#leftCell ul.tile li a:hover {
	background: #EEE;
}

/* leftCell listTop */
#leftCell ul.listTop  {}
#leftCell ul.listTop li {
	font-size: 13px;
	border-top: 1px solid #EEE;
}
#leftCell ul.listTop li a {
	display: block;
	padding: 10px 0;
}

/* specialArea */
#leftCell div.specialArea {}
#leftCell div.specialArea ul.list  {
	border-top: 1px solid #EEE;
	margin-bottom: 15px;
}
#leftCell div.specialArea ul.list li {
	padding: 12px 0;
	border-bottom: 1px solid #EEE;
}
#leftCell div.specialArea ul.list li a {
	display: block;
}
#leftCell div.specialArea ul.list li.more {
	text-align: right;
	margin-top: 2px;
	border-bottom: none;
}
#leftCell div.specialArea ul.list li.more a {
	display: inline-block;
	*display:inline;
	*zoom:1;
	font-size: 11px;
	line-height: 1;
	background: #F7F7F7;
	border: 1px solid #DDD;
	padding: 5px 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	behavior: url(/pie/PIE.htc);
}

/* --------------------------------------------------
	mainCell
-------------------------------------------------- */

#mainCell h1 {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom:20px;
}
#mainCell h1.specialTitle{
	width: 820px;
	margin:0 auto 20px auto;
}
#mainCell h1.bookTitle {
	width: auto;
	display: inline;
}
#mainCell h1 .searchTitle {
	padding:0px 5px 5px 5px;
	margin-left:25px;
	border-bottom:solid 3px #333;
	color:#333;
	cursor:pointer;
}

#mainCell h1 .searchTitle:first-child {
	margin-left:0px;
}

#mainCell h1 .inactive {
	border-bottom:solid 3px #EEE !important;
	color:#aaa !important;
}

#mainCell h1 .inactive:hover {
	border-bottom:solid 3px #333 !important;
	color:#333 !important;
}

#mainCell h2 {
	position: relative;
	font-size: 20px;
	line-height: 1.4;
	margin-bottom: 20px;
}

#mainCell h2.bgline {
	line-height: 1;
	background: url(../../images/common/hr_dotted_ddd.gif) repeat-x left center;
	margin-bottom: 30px;
}

#mainCell h2.bgline span.mainTtl {
	font-family: "Quicksand";
	font-weight: bold;
	padding-right: 10px;
	background: #FFF;
}

#mainCell h2.bgline span.subTtl {
	font-size: 12px;
	padding-right: 10px;
	background: #FFF;
}

#mainCell h3 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 15px;
}

#mainCell p {
	margin-bottom: 25px;
}

/* --------- top more --------- */

#mainCell p.more {
	text-align: right;
	margin-top: -25px;
	margin-bottom: 25px;
}

#mainCell p.more a {
	font-size: 11px;
	line-height: 1;
	background: #F7F7F7;
	border: 1px solid #DDD;
	padding: 5px 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	behavior: url(/pie/PIE.htc);
}

/* --------- important --------- */

#mainCell dl.important {
	font-size: 12px;
	line-height: 1.8;
	border: 1px solid #E1B3B3;
	background: #F7ECEC;
	padding: 10px 15px;
	margin-bottom: 30px;
}

#mainCell dl.important dt {
	float:left;
	color: #900;
	font-weight: bold;
	width: 100px;
	margin-bottom: 8px;
}

#mainCell dl.important dd {
	margin: 5px 0 0 100px;
}

#mainCell dl.important dd:first-child {
	margin-top: 0;
}

/* --------- news & info --------- */
#mainCell .main_image{
	margin-bottom: 30px;
}
#mainCell h2.news,
#mainCell h2.info {
	margin-bottom: 20px;
}

#mainCell dl.news,
#mainCell dl.info {
	font-size: 12px;
	line-height: 1.8;
	margin-bottom: 40px;
}

#mainCell dl.news dt,
#mainCell dl.info dt {
	float:left;
	color: #999;
	width: 100px;
	margin-bottom: 5px;
}

#mainCell dl.news dd,
#mainCell dl.info dd {
	margin: 0 0 5px 100px;
}
#mainCell .flex-control-nav{
	display: none;
}

/* --------- pickup --------- */

#mainCell h2.pickup {
	margin-bottom: 20px;
}

#mainCell ul.pickup {
	margin-bottom: 25px;
}

#mainCell ul.pickup li {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}

#mainCell ul.pickup li a {
	display: block;
	padding: 6px 10px;
	background: #F4F4F4;
	border: 1px solid #EEE;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(/pie/PIE.htc);
}

/* --------- parentSet --------- */

#mainCell dl.parentSet {
	width: 100%;
	display: table;
	margin-bottom: 40px;
}

#mainCell dl.parentSet dt,
#mainCell dl.parentSet dd {
	display: table-cell;
	vertical-align: middle;
}

/* parent */

#mainCell dl.parentSet dt {
	width: 180px;
	font-size: 12px;
	line-height: 1.6;
	padding-top: 10px;
	margin: 0 auto;
}

#mainCell dl.parentSet dt span.inner {
	position: relative;
	display: block;
	width: 160px;
	height: 160px;
	text-align: center;
	margin: 0 auto 10px auto;
}

#mainCell dl.parentSet dt span.inner:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

#mainCell dl.parentSet dt span.inner img {
	max-width: 160px;
	max-height: 160px;
}

#mainCell dl.parentSet dt span.title {
	display: block;
	max-width: 160px;
	margin: 0 auto 5px auto;
}

#mainCell dl.parentSet dt p {
	margin: 0 auto;
	max-width: 160px;
}

#mainCell dl.parentSet dt p.category {
	color: #999;
	font-size: 10px;
	margin-bottom: 2px;
	white-space: nowrap;
	overflow: hidden;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

#mainCell dl.parentSet dt p.category a {
	color: #999;
}

#mainCell dl.parentSet dt p.price {
	text-align: right;
	font-size: 12px;
}

#mainCell dl.parentSet dt p.sale {
	color: #900;
}

#mainCell dl.parentSet dt p.price span {
	display: inline;
	font-size: 10px;
}

/* arrow */

#mainCell dl.parentSet dd.arrow {
	width: 30px;
	background: url(../../images/common/bg_childlist.gif) no-repeat right center;
}

/* child */

#mainCell dl.parentSet dd.child {
	font-size: 12px;
	line-height: 1.6;
	background-color: #F7F7F7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/pie/PIE.htc);
	padding: 20px 0 15px 0;
}

#mainCell dl.parentSet.setItem dd.child {
	background-color: #F0F7FC;
	border: 1px solid #CAE4F6;
}

#mainCell dl.parentSet dd.child ul {
	width: 100%;
	font-size: 12px;
	line-height: 1.6;
	margin: 0 auto;
}

#mainCell dl.parentSet dd.child ul li {
	float: left;
	display: block;
	width: 21%; /* 4列表示 */
	padding: 0 2%; /* 4列表示 */
	background: url(../../images/common/hr_dotted-line_ddd.gif) repeat-y top left;
}

/* ##20140731 */

#mainCell dl.parentSet dd[data-item="pickup"]{
	display: table-cell;
	overflow: hidden;
	position: relative;
	height: 100%;
}

#mainCell dl.parentSet dd[data-item="pickup-ie8"]{
	position: relative;
	overflow: hidden;
	vertical-align: top;
}

#mainCell dl.parentSet dd[data-item="pickup"] *[data-item="wrapper"]{
	display: block;
	width: 100%;
	margin-top: 180px;
	position: relative;
	padding-bottom: 25px;
}

#mainCell dl.parentSet dd[data-item="pickup-ie8"] *[data-item="wrapper"]{
	position: absolute;
	width: 100%;
	display: block;
	zoom: 1;
}

#mainCell dl.parentSet dd[data-item="pickup"] *[data-item="wrap"]{
	display: block;/* 上書き指定*/
	position: relative;
	top: 10px;
}

#mainCell dl.parentSet dd[data-item="pickup-ie8"] *[data-item="wrap"]{
	position: absolute;
	top: 25px;
	left:0;
	display:block;
	width: 100%;
}

#mainCell dl.parentSet dd[data-item="pickup"] ul li{
	display: block;/* 上書き指定*/
}

#mainCell dl.parentSet dd[data-item="pickup"] *[data-item="point-wrap"],
#mainCell dl.parentSet dd[data-item="pickup-ie8"] *[data-item="point-wrap"] {
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
}

#mainCell dl.parentSet dd[data-item="pickup-ie8"] *[data-item="point-wrap"] {
	margin-top: 225px;
}

#mainCell dl.parentSet dd[data-item="pickup"] *[data-item="point-item"],
#mainCell dl.parentSet dd[data-item="pickup-ie8"] *[data-item="point-item"] {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 8px;
	margin-bottom: 0!important;
	background: #DDD;
	text-indent: -9999px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(/pie/PIE.htc);
}
#mainCell dl.parentSet dd[data-item="pickup"] *[data-item="point-item"].active,
#mainCell dl.parentSet dd[data-item="pickup-ie8"] *[data-item="point-item"].active {
	background: #222;
}

#mainCell dl.parentSet dd[data-item="pickup"] *[data-item="prev"],
#mainCell dl.parentSet dd[data-item="pickup-ie8"] *[data-item="prev"] {
	position: absolute;
	top: 50%;
	left: 5px;
	display: none;
}
#mainCell dl.parentSet dd[data-item="pickup"] *[data-item="next"],
#mainCell dl.parentSet dd[data-item="pickup-ie8"] *[data-item="next"] {
	position: absolute;
	top: 50%;
	right: 5px;
	display: none;
}

/* ##20140731 */

#mainCell dl.parentSet dd.child ul li:first-child {
	background: none;
}

#mainCell dl.parentSet dd.child ul li span.inner {
	position: relative;
	display: block;
	width: 80px;
	height: 80px;
	text-align: center;
	margin: 0 auto 10px auto;
}

#mainCell dl.parentSet dd.child ul li span.inner:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

#mainCell dl.parentSet dd.child ul li span.inner img {
	max-width: 80px;
	max-height: 80px;
}

#mainCell dl.parentSet dd.child ul li span.title {
	display: block;
	max-width: 140px;
	margin: 0 auto 5px auto;
}

#mainCell dl.parentSet dd.child ul li p {
	margin: 0 auto;
	max-width: 140px;
}

#mainCell dl.parentSet dd.child ul li p.category {
	color: #999;
	font-size: 10px;
	margin-bottom: 2px;
	white-space: nowrap;
	overflow: hidden;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

#mainCell dl.parentSet dd.child ul li p.category a {
	color: #999;
	font-size: 10px;
	margin-bottom: 5px;
}

#mainCell dl.parentSet dd.child ul li p.price {
	text-align: right;
	font-size: 12px;
}

#mainCell dl.parentSet dd.child ul li p.sale {
	color: #900;
}

#mainCell dl.parentSet dd.child ul li p.price span {
	display: inline;
	font-size: 10px;
}

/* --------- lineup --------- */

#mainCell ul.lineup {
	width: 100%;
	font-size: 12px;
	line-height: 1.6;
	margin-bottom: 20px;
}

#mainCell ul.lineup li {
	float: left;
	display: block;
	width: 18%;
	padding: 0 1%;
	margin-bottom: 35px;
}

#mainCell ul.lineup li span.inner {
	position: relative;
	display: block;
	width: 120px;
	height: 120px;
	text-align: center;
	margin: 0 auto 10px auto;
}

#mainCell ul.lineup li span.inner:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

#mainCell ul.lineup li span.inner img {
	max-width: 120px;
	max-height: 120px;
}

#mainCell ul.lineup li span.title {
	display: block;
	width: 140px;
	margin: 0 auto 5px auto;
}

#mainCell ul.lineup li p {
	width: 140px;
	margin: 0 auto;
}

#mainCell ul.lineup li p.category {
	color: #999;
	font-size: 10px;
	margin-bottom: 2px;
	white-space: nowrap;
	overflow: hidden;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

#mainCell ul.lineup li p.category a {
	color: #999;
}

#mainCell ul.lineup li p.price {
	text-align: right;
	font-size: 12px;
}

#mainCell ul.lineup li p.new {
}

#mainCell ul.lineup li p.sale {
	color: #900;
}

#mainCell ul.lineup li p.price span {
	display: inline;
	font-size: 10px;
}

/* function */

#mainCell ul.lineup li p.function {
	position: relative;
	font-size: 9px;
	margin: 5px auto 5px auto;
	max-width: 135px;
	text-align: center;
}
#mainCell ul.lineup li p.functionHeight {
	height: 27px;
}

#mainCell ul.lineup li p.function a.create,
#mainCell ul.lineup li p.function span.creating,
#mainCell ul.lineup li p.function a.download,
#mainCell ul.lineup li p.function a.view,
#mainCell ul.lineup li p.function a.cart,
#mainCell ul.lineup li p.function a.delete {
	display: inline-block;
	color: #FFF;
	margin: 0 3px 3px 0;
	text-align: center;
	padding: 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(/pie/PIE.htc);
}

#mainCell ul.lineup li p.function a.create {
	background: url(../../images/common/icon_s_create.png) no-repeat 4px center;
	background-color: #222;
	padding-left: 20px;
}
#mainCell ul.lineup li p.function span.creating {
	color: #900;
	background: url(../../images/common/icon_s_creating.gif) no-repeat 3px center;
	background-color: #F7ECEC;
	padding-left: 22px;
}
#mainCell ul.lineup li p.function a.download {
	background: url(../../images/common/icon_s_download.png) no-repeat 4px center;
	background-color: #222;
	padding-left: 22px;
}
#mainCell ul.lineup li p.function a.view {
	background: url(../../images/common/icon_s_view.png) no-repeat center center;
	background-color: #222;
	text-indent: -9999px;
	width: 14px;
}
#mainCell ul.lineup li p.function a.cart {
	background: url(../../images/common/icon_s_cart.png) no-repeat 4px center;
	background-color: #222;
	padding-left: 22px;
}
#mainCell ul.lineup li p.function a.delete {
	display: none;
	position: absolute;
	top: 0;
	left: 50%;
	width: 50px;
	margin-left: -40px;
	background: url(../../images/common/icon_s_delete.png) no-repeat 4px center;
	background-color: #900;
	padding-left: 20px;
}
#mainCell ul.lineup li p.function a:hover {
	text-decoration: none;
	background-color: #555;
}
#mainCell ul.lineup li p.function a.delete:hover {
	text-decoration: none;
	background-color: #C26767;
}
/* --------- ranking --------- */
#mainCell #rightCell ul.ranking li{
	position: relative;
	background:#000;
}
#mainCell ul.lineup li div.number{
	position: absolute !important;
	right: 0;
	background:#000;
}
/* --------- fb-like-box --------- */

#rightCell #fbBoxSP {display: none;}
#mainCell #fbBoxPC .fbBoxInner {
	text-align: center;
	margin: 0 auto;
}
#mainCell #fbBoxPC .fbBoxInner div.fb-like-box,
#mainCell #fbBoxPC .fbBoxInner div.fb-like-box iframe[style],
#mainCell #fbBoxPC .fbBoxInner div.fb-like-box span {
    width: 100% !important;
}

/* --------------------------------------------------
	rightCell
-------------------------------------------------- */

/* --------- loginBox --------- */

#rightCell .loginBox {
	border: 1px solid #DDD;
	background-image: url(../../images/common/bg_dotted.png);
	background-repeat: repeat;
	padding: 12px 10px 10px 10px;
	margin-bottom: 10px;
}
#rightCell .loginBox .subscribe {
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px solid #DDD;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#rightCell .loginBox .login {
	font-size: 11px;
	line-height: 1;
	text-align: right;
}

/* --------- toolBox --------- */

#rightCell .toolBox {
	margin-bottom: 30px;
}
#rightCell .toolBox ul {
	border: 1px solid #DDD;
	padding: 0 10px;
}
#rightCell .toolBox ul.bg {
	background-image: url(../../images/common/bg_dotted.png);
	background-repeat: repeat;
	margin-bottom: 10px;
}
#rightCell .toolBox ul li {}
#rightCell .toolBox ul li a {
	display: block;
	color: #444;
	padding: 12px 0 12px 32px;
}
#rightCell .toolBox ul li a:hover {
	color: #999;
	text-decoration: none;
}
#rightCell .toolBox ul li.mypage {
	background-image: url(../../images/common/icon_toolbox_mypage.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-bottom: 1px solid #DDD;
}
#rightCell .toolBox ul li.favorite {
	background-image: url(../../images/common/icon_toolbox_favorite.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#rightCell .toolBox ul li.matometane {
	background-image: url(../../images/common/icon_toolbox_matometane.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-bottom: 1px solid #DDD;
}
#rightCell .toolBox ul li.matometaneTxt {
	font-size: 11px;
	line-height: 1.6;
	padding: 12px 0;
}

/* toolBox.logout */
#rightCell .toolBox.logout ul li.mypage {background-position: left top;}
#rightCell .toolBox.logout ul li.favorite {background-position: left top;}
#rightCell .toolBox.logout ul li.matometane {background-position: left top;}
#rightCell .toolBox.logout ul li a {color: #999;}
#rightCell .toolBox.logout ul li.matometaneTxt {color: #999;}

/* --------- h3 --------- */

#rightCell h3 {
	font-weight: bold;
	background: url(../../images/common/hr_dotted_ddd.gif) repeat-x left bottom;
	padding-bottom: 6px;
	margin-bottom: 15px;
}

/* --------- list --------- */

#rightCell ul.list  {
	font-size: 13px;
	margin-bottom: 35px;
}

#rightCell ul.list li {
	background: url(../../images/common/blt_link.gif) no-repeat 2px 4px;
	border-bottom: 1px solid #EEE;
	padding: 0 0 10px 15px;
	margin-bottom: 10px;
}

#rightCell ul.list li a {
	display: block;
}

/* --------- lineup --------- */

#rightCell ul.lineup {
	font-size: 12px;
	line-height: 1.6;
	margin-bottom: 25px;
}

#rightCell ul.lineup li {
	display: block;
	position: relative;
	margin-bottom: 20px;
}

#rightCell ul.lineup li span.ranking {
	display: block;
	color: #FFF;
	width: 22px;
	height: 20px;
	padding-top: 2px;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	background: #222;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
	behavior: url(/pie/PIE.htc);
	z-index: 30;
}

#rightCell ul.lineup li span.ranking01 {background: #B5A271;}
#rightCell ul.lineup li span.ranking02 {background: #A4ADB2;}
#rightCell ul.lineup li span.ranking03 {background: #B98A5F;}

#rightCell ul.lineup li span.inner {
	position: relative;
	display: block;
	width: 100px;
	height: 100px;
	text-align: center;
	margin: 0 auto 10px auto;
}

#rightCell ul.lineup li span.inner:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

#rightCell ul.lineup li span.inner img {
	max-width: 100px;
	max-height: 100px;
}

#rightCell ul.lineup li span.title {
	display: block;
	width: 140px;
	margin: 0 auto 5px auto;
}

#rightCell ul.lineup li p {
	width: 140px;
	margin: 0 auto;
}

#rightCell ul.lineup li p.category {
	color: #999;
	font-size: 10px;
	margin-bottom: 2px;
	white-space: nowrap;
	overflow: hidden;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

#rightCell ul.lineup li p.category a {
	color: #999;
}

#rightCell ul.lineup li p.price {
	text-align: right;
	font-size: 12px;
}

#rightCell ul.lineup li p.sale {
	color: #900;
}

#rightCell ul.lineup li p.price span {
	display: inline;
	font-size: 10px;
}

/* --------- pr --------- */

#rightCell ul.pr {
	margin-bottom: 25px;
}

#rightCell ul.pr li {
	display: block;
	text-align: center;
	margin-bottom: 15px;
}

#rightCell ul.pr li img {
	width: 160px;
	max-width: 160px;
}

/* --------------------------------------------------
	list
-------------------------------------------------- */
/* --------- series category --------- */
#mainCell .series_category p.category_info{
	line-height: 1.5;
}

#mainCell .series_category h2{
	font-size: 15px;
	margin-bottom: 10px;
	font-weight: bold;
}

/* --------- searchResult --------- */

#mainCell .searchResult {
	width: 100%;
	margin-bottom: 30px;
	position: relative;
}

#mainCell .searchResultBtm {
	margin-bottom: 10px;
	position: relative;
}

#mainCell .searchResult p {
	float: left;
	width: 300px;
	margin-bottom: 10px;
}

#mainCell .searchResult ul {
	font-size: 12px;
	float: right;
	position: absolute;
	top: 0;
	right: 0;
	width: 350px;
	text-align: right;
}

#mainCell .searchResult ul li {
	display: inline;
	margin-left: 8px;
	text-align: right;
}

#mainCell .searchResult ul li.ttl {
	font-weight: bold;
}

#mainCell .searchResult ul li.current {
	text-align: left;
	padding: 5px 28px 5px 15px;
	background: url(../../images/common/bg_list_current.png) no-repeat right center #EEE;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	behavior: url(/pie/PIE.htc);
}

#mainCell .searchResult ul li.matometane {
	display: none;
}

#mainCell .searchResult ul li.management {
	color: #37778B;
	border: 1px solid #DDD;
	background: url(../../images/common/icon_s_delete_cart.png) no-repeat 5px center #F4F4F4;
	padding: 5px 5px 5px 22px;
	margin-left: 15px;
	cursor: pointer;
	z-index: 1;
}

#mainCell .searchResult ul li.management:hover {
	text-decoration: underline;
	background-color: #EEE;
}

#mainCell .searchResult p.note {
	float: none;
	width: 100%;
	margin-bottom: 0;
	clear: both;
	color: #999;
	font-size: 11px;
}

#mainCell .noResultsTitle {
	margin-bottom: 200px;
}

#mainCell .noResultsTitle p {
	color: #900;
	font-size: 14px;
	font-weight: bold;
}

#mainCell .noResultsTitle p span {
	color: #333;
	padding-right: 10px;
}

/* --------- freeArea --------- */

#mainCell div.freeArea {
	padding-bottom: 20px;
	margin-bottom: 30px;
	background: url(../../images/common/hr_dotted_ddd.gif) repeat-x left bottom;
}
#mainCell div.freeArea p.descriptionImg {
	float: left;
	margin: 0 30px 20px 0;
}
#mainCell div.freeArea div.full p.descriptionImg {
	float: none;
	text-align: center;
	margin: 0 0 15px 0;
}
#mainCell div.freeArea p.descriptionImg span.inner {
	display: block;
	max-width: 820px;
	max-height: 200px;
}
#mainCell div.freeArea div.full p.descriptionImg span.inner {
	display: block;
	max-width: 820px;
	max-height: none;
}
#mainCell div.freeArea p.descriptionImg span.inner:before {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
#mainCell div.freeArea p.descriptionImg span.inner img {
	max-width: 100%;
	max-height: 200px;
}
#mainCell div.freeArea div.full p.descriptionImg span.inner img {
	max-width: 100%;
	max-height: none;
}
#mainCell div.freeArea p.descriptionTxt {
	margin-bottom: 20px;
}

/* --------- areaInfo --------- */

#mainCell div.areaInfo {
	margin-bottom: 10px;
}
#mainCell div.areaInfo p.descriptionImg {
	float: left;
	margin: 0 30px 20px 0;
}
#mainCell div.areaInfo div.full p.descriptionImg {
	float: none;
	text-align: center;
	margin: 0 0 15px 0;
}
#mainCell div.areaInfo p.descriptionImg span.inner {
	display: block;
	max-width: 820px;
	max-height: 200px;
}
#mainCell div.areaInfo div.full p.descriptionImg span.inner {
	display: block;
	max-width: 820px;
	max-height: none;
}
#mainCell div.areaInfo p.descriptionImg span.inner:before {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
#mainCell div.areaInfo p.descriptionImg span.inner img {
	max-width: 100%;
	max-height: 200px;
}
#mainCell div.areaInfo div.full p.descriptionImg span.inner img {
	max-width: 100%;
	max-height: none;
}
#mainCell div.areaInfo p.descriptionTxt {
	margin-bottom: 10px;
}

/* --------- sns freeArea --------- */

#mainCell div.freeArea div.sns {
	clear: both;
}
#mainCell div.freeArea div.sns.upside {
	margin: -12px 0 10px 0;
}
#mainCell div.freeArea div.sns ul {
	float: right;
}
#mainCell div.freeArea div.specialSns{
	width: 820px;
	margin: -12px auto 10px auto !important;
}
#mainCell div.freeArea div.sns ul li.fb {
	float: left;
	text-align: center;
	display: inline-block;
	*display:inline;
	*zoom:1;
	height: 24px;
	overflow: hidden;
	padding-right: 4px;
}
#mainCell div.freeArea div.sns ul li.fb .fb_iframe_widget > span {
	vertical-align:top !important;
}
#mainCell div.freeArea div.sns ul li.tw {
	float: left;
	text-align: center;
	display: inline-block;
	*display:inline;
	*zoom:1;
	height: 24px;
	overflow: hidden;
	padding-right: 4px;
}
#mainCell div.freeArea div.sns ul li.line {
	float: left;
	text-align: center;
	display: inline-block;
	*display:inline;
	*zoom:1;
	height: 24px;
	overflow: hidden;
}

/* --------- sns areaInfo --------- */

#mainCell div.areaInfo div.sns {
	clear: both;
}
#mainCell div.areaInfo div.sns ul {
	float: right;
}
#mainCell div.areaInfo div.sns ul li.fb {
	float: left;
	text-align: center;
	display: inline-block;
	*display:inline;
	*zoom:1;
	width: 60px;
	height: 24px;
	overflow: hidden;
	padding-right: 4px;
}
#mainCell div.areaInfo div.sns ul li.tw {
	float: left;
	text-align: center;
	display: inline-block;
	*display:inline;
	*zoom:1;
	width: 74px;
	height: 24px;
	overflow: hidden;
	padding-top: 3px;
	padding-right: 4px;
}
#mainCell div.areaInfo div.sns ul li.line {
	float: left;
	text-align: center;
	display: inline-block;
	*display:inline;
	*zoom:1;
	width: 85px;
	height: 24px;
	overflow: hidden;
}

/* --------------------------------------------------
	detail
-------------------------------------------------- */

#mainCell #itemDetail {
	margin-bottom: 40px;
}

#mainCell #itemDetail h2 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 15px;
}

#mainCell #itemDetail h3 {
	font-size: 14px;
	margin-bottom: 5px;
}
#mainCell #itemDetail p.type{
	font-size: 15px;
	display: inline-block;
	line-height: 22px;
	margin-bottom: 8px;
}
/* --------- detailTable --------- */

#mainCell #itemDetail dl.detailTable {
	width: 100%;
	display: table;
	border-bottom: 1px solid #EEE;
	padding-bottom: 30px;
	margin: 15px 0 30px 0;
}

#mainCell #itemDetail dl.detailTable dt,
#mainCell #itemDetail dl.detailTable dd {
	display: table-cell;
	vertical-align: top;
}

#mainCell #itemDetail dl.detailTable dt {
	position: relative;
	width: 300px;
	padding-right: 35px;
}

#mainCell #itemDetail dl.detailTable dt span.inner {
	display: block;
	width: 300px;
	height: 380px;
	text-align: center;
	margin: 0 auto;
}

#mainCell #itemDetail dl.detailTable dt span.inner:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

#mainCell #itemDetail dl.detailTable dt span.inner img {
	max-width: 300px;
	max-height: 380px;
}

#mainCell #itemDetail dl.detailTable dd h1 {
	font-size: 22px;
	line-height: 1.4;
	padding: 0;
	margin: 0 0 10px 0;
	border: none;
}

/* li.tag, li.rating, li.author, li.area, li.genre, li.tools, li.sns, li.annotate */
#mainCell #itemDetail dl.detailTable dd ul li{
	line-height: 1.5;
}
#mainCell #itemDetail dl.detailTable dd ul li.inline{
	display: inline-block;
	padding-right: 20px;
}
#mainCell #itemDetail dl.detailTable dd ul li.area,
#mainCell #itemDetail dl.detailTable dd ul li.genre,
#mainCell #itemDetail dl.detailTable dd ul li.author {
	font-size: 16px;
	font-weight: bold;
}

#mainCell #itemDetail dl.detailTable dd ul li.rating {
	margin-bottom: 10px;
}
#mainCell #itemDetail dl.detailTable dd ul li.tag {
	margin-bottom: 20px;
}

#mainCell #itemDetail dl.detailTable dd ul li.annotate {
	display: inline-block;
	*display:inline;
	*zoom:1;
	font-size: 11px;
	line-height: 1;
	border: 1px solid #FC6;
	background: #FFC;
	padding: 10px 12px;
	margin: 10px 0 2px 0;
}
#mainCell #itemDetail dl.detailTable dd ul li.annotate em {
	font-weight: bold;
	margin: 0 2px;
}
#mainCell #itemDetail dl.detailTable dd ul li.annotate a {
	font-weight: bold;
}

#mainCell #itemDetail dl.detailTable dd ul li.tools {
	margin: 18px 0 18px 0;
}

#mainCell #itemDetail dl.detailTable dd ul li.tag span {
	color: #A5A211;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 8px 4px 8px;
	margin-right: 5px;
	border: 1px solid #D7D66C;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(/pie/PIE.htc);
}

#mainCell #itemDetail dl.detailTable dd ul li.tools ul li {
	display: inline;
	margin-right: 5px;
}

#mainCell #itemDetail dl.detailTable dd ul li.sns ul li.fb {
	float: left;
	display: block;
	height: 24px;
	overflow: hidden;
	margin-right: 5px;
}

#mainCell #itemDetail dl.detailTable dd ul li.sns ul li.tw {
	float: left;
	display: block;
	width: 75px;
	height: 24px;
	overflow: hidden;
	margin-right: 3px;
}

#mainCell #itemDetail dl.detailTable dd ul li.sns ul li.line {
	float: left;
	display: block;
	width: 85px;
	height: 24px;
	overflow: hidden;
}
#mainCell #itemDetail .information ul li dl dt,
#mainCell #itemDetail .information ul li dl dd{
	width: auto !important;
	float: left;
	padding: 0;
}
#mainCell #itemDetail .information ul li dl dd{
	max-width: 550px;
}
#mainCell #itemDetail .information ul li dl dd a{
	display: inline-block;
	}

/* btnViewer & btnFavorite */

#mainCell #itemDetail dl.detailTable dd ul li.tools span.btnViewer a {
	display: inline-block;
	width: 77px;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	background: url(../../images/common/icon_viewer.png) no-repeat 35px center #222;
	padding: 10px 15px 10px 58px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(/pie/PIE.htc);
}

#mainCell #itemDetail dl.detailTable dd ul li.tools span.btnViewer a:hover {
	text-decoration: none;
	background: url(../../images/common/icon_viewer.png) no-repeat 35px center #555;
}

#mainCell #itemDetail dl.detailTable dd ul li.tools span.btnFavorite a {
	display: inline-block;
	width: 100px;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	background: url(../../images/common/icon_favorite.png) no-repeat 8px center #222;
	padding: 10px 15px 10px 35px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(/pie/PIE.htc);
}

#mainCell #itemDetail dl.detailTable dd ul li.tools span.btnFavorite a:hover {
	text-decoration: none;
	background: url(../../images/common/icon_favorite.png) no-repeat 8px center #555;
}

#mainCell #itemDetail dl.detailTable dd ul li.tools span.selected a {background-color: #AAA;}
#mainCell #itemDetail dl.detailTable dd ul li.tools span.selected a:hover {background-color: #AAA;}

/* --------- detailCartTable --------- */

#mainCell #itemDetail ul.detailCartTable {
	position: relative;
	border-top: 1px solid #EEE;
	padding-top: 15px;
	margin-top: 20px;
}

/* li.set */
#mainCell #itemDetail ul.detailCartTable li.set {
	color: #666;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	margin: 10px 0 6px 0;
}

/* li.price */
#mainCell #itemDetail ul.detailCartTable li.price {
	line-height: 1;
	margin-bottom: 10px;
	display: inline-block;
}
#mainCell #itemDetail ul.detailCartTable li.sale {
	color: #990000;
}
#mainCell #itemDetail ul.detailCartTable li.sale em {
	display: inline-block;
	*display:inline;
	*zoom:1;
	font-size: 13px;
	font-weight: bold;
	margin-right: 8px;
}
#mainCell #itemDetail ul.detailCartTable li.price span.price {
	font-size: 22px;
	font-weight: bold;
	margin-right: 5px;
}

#mainCell #itemDetail ul.detailCartTable li.price span.txt {
	display: inline-block;
	*display:inline;
	*zoom:1;
	font-size: 13px;
	font-weight: bold;
	margin-right: 5px;
}
#mainCell #itemDetail ul.detailCartTable li.price span.txt span {
	font-weight: normal;
}
#mainCell #itemDetail ul.detailCartTable li.price s {
	display: block;
	color: #999;
	font-size: 12px;
	font-weight: normal;
	margin-top: 8px;
}

/* li.point */
#mainCell #itemDetail ul.detailCartTable li.point {
	line-height: 1;
	margin-bottom: 12px;
	display: inline-block;
}
#mainCell #itemDetail ul.detailCartTable li.campaign {
	color: #990000;
}
#mainCell #itemDetail ul.detailCartTable li.campaign em {
	display: inline-block;
	*display:inline;
	*zoom:1;
	font-size: 12px;
	font-weight: bold;
	margin-right: 8px;
}
#mainCell #itemDetail ul.detailCartTable li.point span.point {
	font-size: 16px;
	font-weight: bold;
}

#mainCell #itemDetail ul.detailCartTable li.point span.txt {
	display: inline-block;
	*display:inline;
	*zoom:1;
	font-size: 12px;
	font-weight: bold;
	margin-right: 8px;
}
#mainCell #itemDetail ul.detailCartTable li.point s {
	display: block;
	color: #999;
	font-size: 12px;
	font-weight: normal;
	margin-top: 8px;
}

/* li.addCart */
#mainCell #itemDetail ul.detailCartTable li.addCart {
	width:225px;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	padding-right: 5px;
}

#mainCell #itemDetail ul.detailCartTable li.addCart span.btnCart a {
	display: block;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	background: url(../../images/common/icon_cart.png) no-repeat 40px center #37778B;
	padding: 15px 40px 15px 65px;
	-webkit-border-radius: 10px;
	-moz-border-radius:10px;
	border-radius: 10px;
	behavior: url(/pie/PIE.htc);
}
#mainCell #itemDetail ul.detailCartTable li.addCart span.btnCart a:hover {
	text-decoration: none;
}

#mainCell #itemDetail ul.detailCartTable li.addCart span.selected a {background: #AAA !important;}
#mainCell #itemDetail ul.detailCartTable li.addCart span.selected a:hover {background: #AAA !important;}

/* li.notice */
#mainCell #itemDetail ul.detailCartTable li.notice {
	color: #777;
	font-size: 11px;
	line-height: 1;
	margin-bottom: 20px;
}

/* li p-book e-book */
#mainCell #itemDetail dl.detailTable dd ul li span.p-book_btn a {
	color: #000;
	font-size: 12px;
	background: url(../../images/common/icon_shop_p-book.png) no-repeat 16px center #f7f7f7;
	background-size:21px 16px;
	padding: 0 15px 0 50px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #000;
	display:inline-block;
	margin-bottom: 20px;
}

#mainCell #itemDetail dl.detailTable dd ul li span.p-book_btn a:hover {
	text-decoration: none;
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
#mainCell #itemDetail dl.detailTable dd ul li span.e-book_btn a {
	color: #000;
	font-size: 12px;
	background: url(../../images/common/icon_shop_e-book.png) no-repeat 18px center #f7f7f7;
	background-size:10px 16px;
	padding: 0 15px 0 43px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #000;
	display:inline-block;
	margin-bottom: 20px;
}

#mainCell #itemDetail dl.detailTable dd ul li span.e-book_btn a:hover {
	text-decoration: none;
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

/* li other-store */
#mainCell #itemDetail ul.detailCartTable li.other_store {
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}
#mainCell #itemDetail ul.detailCartTable li.other_store ul{
	padding: 2px 0 5px 0;
}
#mainCell #itemDetail ul.detailCartTable li.other_store ul li{
	display: inline-block;
}
#mainCell #itemDetail ul.detailCartTable li.other_store ul li img{
	width: 127px;
}



/* --------- detailSetTable --------- */

#mainCell #itemDetail .detailSetList {
	font-size: 13px;
	line-height: 1.6;
	margin-bottom: 40px;
}

#mainCell #itemDetail .detailSetList li {
	background: url(../../images/common/blt_link.gif) no-repeat left 4px;
	padding-left: 12px;
	margin-top: 8px;
}

#mainCell #itemDetail .detailSetList li:first-child {
	margin-bottom: 0;
}

#mainCell #itemDetail .detailSetList span.price {
	color: #666;
	margin-left: 15px;
}

#mainCell #itemDetail .detailSetList span.price span {
	font-size: 10px;
}

/* --------------------------------------------------
	news
-------------------------------------------------- */

#mainCell h2.newsTtl {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
}

#mainCell p.date {
	color: #666;
	margin-bottom: 40px;
}

#mainCell ul#news {}

#mainCell ul#news li {
	clear: both;
	width: 100%;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #DDD;
}

#mainCell ul#news li p.date {
	color: #666;
	font-size: 13px;
	margin-bottom: 5px;
}

#mainCell ul#news li h2 {
	font-weight: bold;
	margin-bottom: 15px;
}

#mainCell ul#news li p {
	margin-bottom: 0;
}

/* --------------------------------------------------
	agreement
-------------------------------------------------- */

#mainCell .iframeTerms {
	border: 1px solid #DDD;
	padding: 30px;
	height: 220px;
	overflow: auto;
	margin-bottom: 25px;
}

#mainCell .agreement {
	font-size: 14px;
	text-align: center;
	margin-bottom: 25px;
}

#mainCell .agreement input {
	margin-right: 10px;
	vertical-align: text-top;
}

/* --------------------------------------------------
	publisher
-------------------------------------------------- */

#mainCell .aiueoOrder {
	width: 100%;
	margin-bottom: 20px;
}

#mainCell .aiueoOrder {
}

#mainCell .aiueoOrder ul {
}

#mainCell .aiueoOrder ul li {
	display: inline;
	margin-right: 10px;
}

#mainCell .aiueoOrder ul li.ttl {
	font-weight: bold;
}

#mainCell h2.publisherTtl  {
	background: url(../../images/common/hr_dotted_ddd.gif) repeat-x left center;
	margin-bottom: 30px;
}

#mainCell h2.publisherTtl span.mainTtl  {
	font-family: "Quicksand";
	font-weight: bold;
	background: #FFF;
	padding-right: 10px;
}

#mainCell ul.publisherlist {
	width: 100%;
	font-size: 12px;
	line-height: 1.6;
	margin-bottom: 40px;
}

#mainCell ul.publisherlist li {
	float: left;
	display: block;
	width: 40%;
	padding: 0 5%;
	margin-bottom: 10px;
}

/* --------------------------------------------------
	featureListTop
-------------------------------------------------- */

#mainCell ul.featureListTop {}
#mainCell ul.featureListTop a,
#mainCell ul.featureListTop a:hover {
	color: #333;
	text-decoration: none;
}

#mainCell ul.featureListTop li {
	float: left;
	display: block;
	width: 255px;
	margin-right: 27px;
	margin-bottom: 25px;
}

#mainCell ul.featureListTop li span.inner {
	display: block;
	width: 255px;
	height: 100px;
	text-align: center;
	margin: 0 auto 10px auto;
}

#mainCell ul.featureListTop li span.inner:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

#mainCell ul.featureListTop li span.inner img {
	max-width: 255px;
	max-height: 100px;
}

#mainCell ul.featureListTop li span.subTitle {
	display: block;
	color: #555;
	font-size: 10px;
	line-height: 1.4;
	margin-bottom: 5px;
}

#mainCell ul.featureListTop li span.title {
	display: block;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 5px;
}

#mainCell ul.featureListTop li span.read {
	display: block;
	color: #888;
	font-size: 11px;
	line-height: 1.4;
}

/* --------------------------------------------------
	featureList
-------------------------------------------------- */

#mainCell ul.featureList {}
#mainCell ul.featureList a,
#mainCell ul.featureList a:hover {
	color: #333;
	text-decoration: none;
}

#mainCell ul.featureList li {
	float: left;
	display: block;
	width: 302px;
	margin-right: 27px;
	margin-bottom: 25px;
}

#mainCell ul.featureList li span.inner {
	display: block;
	width: 308px;
	height: 100px;
	text-align: center;
	margin: 0 auto 10px auto;
}

#mainCell ul.featureList li span.inner:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

#mainCell ul.featureList li span.inner img {
	max-width: 308px;
	max-height: 100px;
}

#mainCell ul.featureList li span.subTitle {
	display: block;
	color: #555;
	font-size: 10px;
	line-height: 1.4;
	margin-bottom: 5px;
}

#mainCell ul.featureList li span.title {
	display: block;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 5px;
}

#mainCell ul.featureList li span.read {
	display: block;
	color: #888;
	font-size: 11px;
	line-height: 1.4;
}

/* --------------------------------------------------
	reviewArea
-------------------------------------------------- */

/* config */

#mainCell .rating5 {background:url(../../images/common/icon_rating5.png) no-repeat left top}
#mainCell .rating4 {background:url(../../images/common/icon_rating4.png) no-repeat left top}
#mainCell .rating3 {background:url(../../images/common/icon_rating3.png) no-repeat left top}
#mainCell .rating2 {background:url(../../images/common/icon_rating2.png) no-repeat left top}
#mainCell .rating1 {background:url(../../images/common/icon_rating1.png) no-repeat left top}
#mainCell .rating0 {background:url(../../images/common/icon_rating0.png) no-repeat left top}

#mainCell .rating5,
#mainCell .rating4,
#mainCell .rating3,
#mainCell .rating2,
#mainCell .rating1,
#mainCell .rating0 {
	display: inline-block;
	*display:inline;
	*zoom:1;
	width: 79px;
	height: 13px;
	line-height: 1;
	vertical-align: text-top;
	text-indent: -9999px;
}

#mainCell div.reviewTotal .rating5 {background:url(../../images/common/icon_l_rating5.png) no-repeat left top}
#mainCell div.reviewTotal .rating4 {background:url(../../images/common/icon_l_rating4.png) no-repeat left top}
#mainCell div.reviewTotal .rating3 {background:url(../../images/common/icon_l_rating3.png) no-repeat left top}
#mainCell div.reviewTotal .rating2 {background:url(../../images/common/icon_l_rating2.png) no-repeat left top}
#mainCell div.reviewTotal .rating1 {background:url(../../images/common/icon_l_rating1.png) no-repeat left top}
#mainCell div.reviewTotal .rating0 {background:url(../../images/common/icon_l_rating0.png) no-repeat left top}

#mainCell div.reviewTotal .rating5,
#mainCell div.reviewTotal .rating4,
#mainCell div.reviewTotal .rating3,
#mainCell div.reviewTotal .rating2,
#mainCell div.reviewTotal .rating1,
#mainCell div.reviewTotal .rating0 {
	display: inline-block;
	*display:inline;
	*zoom:1;
	width: 108px;
	height: 18px;
	line-height: 1;
	vertical-align: text-bottom;
	text-indent: -9999px;
}

#mainCell .cmnTable td.rating .rating5 {background:url(../../images/common/icon_rating5_sp.png) no-repeat left center}
#mainCell .cmnTable td.rating .rating4 {background:url(../../images/common/icon_rating4_sp.png) no-repeat left center}
#mainCell .cmnTable td.rating .rating3 {background:url(../../images/common/icon_rating3_sp.png) no-repeat left center}
#mainCell .cmnTable td.rating .rating2 {background:url(../../images/common/icon_rating2_sp.png) no-repeat left center}
#mainCell .cmnTable td.rating .rating1 {background:url(../../images/common/icon_rating1_sp.png) no-repeat left center}
#mainCell .cmnTable td.rating .rating0 {background:url(../../images/common/icon_rating0_sp.png) no-repeat left center}

#mainCell .cmnTable td.rating .rating5,
#mainCell .cmnTable td.rating .rating4,
#mainCell .cmnTable td.rating .rating3,
#mainCell .cmnTable td.rating .rating2,
#mainCell .cmnTable td.rating .rating1,
#mainCell .cmnTable td.rating .rating0 {
	display: inline-block;
	*display:inline;
	*zoom:1;
	width: 158px;
	height: 26px;
	line-height: 1;
	vertical-align: text-bottom;
	text-indent: -9999px;
}

/* detail */

#mainCell #itemDetail h2#review {
	margin-bottom: 30px;
}

#mainCell .reviewDetail {
	margin-bottom: 50px;
}

#mainCell .reviewDetail dl.reviewEntry dt {
	display: none;
}

/* reviewTotal */

#mainCell div.reviewTotal {
	background: url(../../images/common/hr_dotted_ddd.gif) repeat-x left bottom;
	padding-bottom: 20px;
	margin-bottom: 12px;
}

#mainCell div.reviewTotal span.amount {
	font-size: 15px;
	font-weight: bold;
	margin-right: 10px;
}

#mainCell div.reviewTotal ul {
	color: #999;
	display: inline;
	margin-left: 15px;
}

#mainCell div.reviewTotal ul li {
	display: inline;
	background: url(../../images/common/bg_1px_ddd.gif) repeat-y left top;
	padding-left: 14px;
	margin-left: 3px;
}

#mainCell div.reviewTotal ul li:first-child {
	background: none;
}

/* reviewEntry */

#mainCell dl.reviewEntry {
	background: url(../../images/common/hr_dotted_ddd.gif) repeat-x left bottom;
	padding-bottom: 12px;
	margin-bottom: 12px;
}

#mainCell dl.reviewEntry dd .ratingTtl  {
	font-size: 14px;
	font-weight: bold;
	margin: 0 5px 0 10px;
}

#mainCell dl.reviewEntry dd .ratingDate  {
	display: inline;
	font-size: 11px;
	color: #999;
}

#mainCell dl.reviewEntry dd .ratingUser  {
	display: block;
	font-size: 11px;
	color: #666;
	margin-bottom: 5px;
}

#mainCell dl.reviewEntry dd .ratingTxt  {
	display: block;
	margin-bottom: 0;
}

#mainCell dl.last {
	background: none;
}

/* top */

#mainCell .reviewTop {
	margin-top: -10px;
	margin-bottom: 20px;
}

#mainCell .reviewTop dl.reviewEntry dt {
	float: left;
	width: 135px;
	font-size: 12px;
	line-height: 1.6;
	margin: 5px 10px 0 0;
}

#mainCell .reviewTop dl.reviewEntry dt span.inner {
	display: block;
	width: 105px;
	height: 105px;
	text-align: center;
	padding: 5px 0;
	margin: 0 auto 10px auto;
}

#mainCell .reviewTop dl.reviewEntry dt span.inner:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

#mainCell .reviewTop dl.reviewEntry dt span.inner img {
	max-width: 105px;
	max-height: 105px;
}

#mainCell .reviewTop dl.reviewEntry dd {
	padding-top: 5px;
}

#mainCell .reviewTop dl.reviewEntry dd span.title {
	font-size: 14px;
}

#mainCell .reviewTop dl.reviewEntry dd span.category {
	display: none;
	color: #999;
	font-size: 11px;
}

#mainCell .reviewTop dl.reviewEntry dd span.category a {
	color: #999;
}

#mainCell .reviewTop dl.reviewEntry dd span.price {
	display: block;
	font-size: 11px;
}

/* --------------------------------------------------
	lineup icons
-------------------------------------------------- */

/* for category */
#mainCell p.category a.label,
#rightCell p.category a.label {
	display: inline-block !important;
	*display:inline;
	*zoom:1;
	color: #FFF !important;
	font-size: 9px !important;
	line-height: 1;
	background: #8E939F;
	padding: 2px 3px;
	margin-right: 6px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	behavior: url(/pie/PIE.htc);
}

/* for lineup */
#mainCell ul.lineup li span.icon,
#rightCell ul.lineup li span.icon {
	position: absolute;
	top: 0;
	left: -12px;
	z-index: 30;
}

#mainCell ul.lineup li span.new,
#rightCell ul.lineup li span.new,
#mainCell ul.lineup li span.sale,
#rightCell ul.lineup li span.sale,
#mainCell ul.lineup li span.free,
#rightCell ul.lineup li span.free,
#mainCell ul.lineup li span.set,
#rightCell ul.lineup li span.set,
#mainCell ul.lineup li span.matome,
#rightCell ul.lineup li span.matome,
#mainCell ul.lineup li span.point,
#rightCell ul.lineup li span.point  {
	display: block;
	width: 35px;
	height: 18px;
	margin-bottom: 1px;
	text-indent: -99999px;
}
#mainCell ul.lineup li span.point,
#rightCell ul.lineup li span.point  {
	height: 24px;
}

#mainCell ul.lineup li span.new,
#rightCell ul.lineup li span.new {background: url(../../images/common/icon_new.png) no-repeat left top;}
#mainCell ul.lineup li span.sale,
#rightCell ul.lineup li span.sale {background: url(../../images/common/icon_sale.png) no-repeat left top;}
#mainCell ul.lineup li span.free,
#rightCell ul.lineup li span.free {background: url(../../images/common/icon_free.png) no-repeat left top;}
#mainCell ul.lineup li span.set,
#rightCell ul.lineup li span.set {background: url(../../images/common/icon_set.png) no-repeat left top;}
#mainCell ul.lineup li span.matome,
#rightCell ul.lineup li span.matome {background: url(../../images/common/icon_matome.png) no-repeat left top;}
#mainCell ul.lineup li span.point,
#rightCell ul.lineup li span.point {background: url(../../images/common/icon_point.png) no-repeat left top;}

/* for pickup */
#mainCell dl.parentSet dt span.icon {
	position: absolute;
	top: 0;
	left: -8px;
	z-index: 30;
}
#mainCell dl.parentSet dd.child ul li span.icon {
	position: absolute;
	top: 0;
	left: -16px;
	z-index: 30;
}

#mainCell dl.parentSet dt span.new,
#mainCell dl.parentSet dd.child ul li span.new,
#mainCell dl.parentSet dt span.sale,
#mainCell dl.parentSet dd.child ul li span.sale,
#mainCell dl.parentSet dt span.free,
#mainCell dl.parentSet dd.child ul li span.free,
#mainCell dl.parentSet dt span.set,
#mainCell dl.parentSet dd.child ul li span.set,
#mainCell dl.parentSet dt span.matome,
#mainCell dl.parentSet dd.child ul li span.matome,
#mainCell dl.parentSet dt span.point,
#mainCell dl.parentSet dd.child ul li span.point {
	display: block;
	width: 32px;
	height: 13px;
	margin-bottom: 1px;
	text-indent: -99999px;
}
#mainCell dl.parentSet dt span.point,
#mainCell dl.parentSet dd.child ul li span.point {
	height: 24px;
}

#mainCell dl.parentSet dt span.new,
#mainCell dl.parentSet dd.child ul li span.new {background: url(../../images/common/icon_new.png) no-repeat left top;}
#mainCell dl.parentSet dt span.sale,
#mainCell dl.parentSet dd.child ul li span.sale {background: url(../../images/common/icon_sale.png) no-repeat left top;}
#mainCell dl.parentSet dt span.free,
#mainCell dl.parentSet dd.child ul li span.free {background: url(../../images/common/icon_free.png) no-repeat left top;}
#mainCell dl.parentSet dt span.set,
#mainCell dl.parentSet dd.child ul li span.set {background: url(../../images/common/icon_set.png) no-repeat left top;}
#mainCell dl.parentSet dt span.matome,
#mainCell dl.parentSet dd.child ul li span.matome {background: url(../../images/common/icon_matome.png) no-repeat left top;}
#mainCell dl.parentSet dt span.point,
#mainCell dl.parentSet dd.child ul li span.point {background: url(../../images/common/icon_point.png) no-repeat left top;}