@charset "utf-8";
/*----------------------------------------
category.css

1.カテゴリトップページ	
	1-1.ベースレイアウト
	1-2.クリックランキング
	1-3.カテゴリトップその他

2.カテゴリ別色指定

3.カテゴリ共通
	3-1.まとめ買い・ひと言コメント共通
	3-2.まとめ買い
	3-3.ひとことコメント

4.本・コミック

5.携帯
	5-1.ベースレイアウト
	5-2.サムネイル
	5-3.アイコン
	
6.有料動画
----------------------------------------*/


/*----------------------------------------
1.カテゴリトップページ
----------------------------------------*/
/* 1-1.ベースレイアウト
----------------------------------------*/
#ctopHotItem,
#ctopSchedule,
#topRelease,
#ctopPastedWell{
	margin-bottom:15px;
}

#ctopSchedule h3,
#topRelease h3,
#ctopPastedWell h3{
	margin:0 0 10px;
	padding:0;
	background:none;
	border:none !important;
}


/* 1-2.クリックランキング	
----------------------------------------*/
#ctopHotItem .clickCount {
	float: right;
	margin: -1.3em 0 0;
}

#ctopHotItem .price{
	display:block;
	margin-left:120px;
}

#ctopHotItem .reserved{
	float:none !important;
	display: inline;
	margin: 0 !important;
	padding-right:5px !important;
	border-right: 1px solid #b8b8b8;
}

#mobile #ctopHotItem .reserved{
	margin-left:10px !important;
}

#ctopHotItem .release{
	margin: 0 !important;
	padding-right:5px !important;
}

#ctopHotItem .price,
#ctopHotItem .reserved,
#ctopHotItem .release{
	margin-left:5px !important;
}


#ctopHotItem .more{
	padding-top:0;
	text-align:center;
}

#ctopHotItem .more a{
	background:url("../img/icn_arrowBottom.png") no-repeat;
}


/* 1-3.カテゴリトップその他	
----------------------------------------*/
#ctopSchedule li{
	margin-right:10px;
	display:inline;
	line-height:1.4em;
}


#ctopPastedWell li{
	margin:0 20px 20px 0;
	float:left;
	width:100px;
	height:100px;

}

#ctopPastedWell .thumbnailMobile100{
	width: 98px;
	height: 64px;
	padding: 34px 0 0;
}


/*----------------------------------------
2.カテゴリ別色指定
----------------------------------------*/
body#top #hotItem,
body#top #itemDetail,
body#mp3 #hotItem,
body#mp3 #itemDetail,
body#notFound #hotItem {
	border: 1px solid #e89200;
	background-color: #f1be66;
}
body#mp3 .relatedList { border-bottom: 1px #f1be66 solid; }


body#cd #hotItem,
body#cd #itemDetail {
	border: 1px solid #1253bb;
	background-color: #658fd3;
}
body#cd .relatedList { border-bottom: 1px #658fd3 solid; }


body#dvd #hotItem,
body#dvd #itemDetail {
	border: 1px solid #109f4d;
	background-color: #70c594;
}
body#dvd .relatedList { border-bottom: 1px #70c594 solid; }

body#game #hotItem,
body#game #itemDetail {
	border: 1px solid #c81332;
	background-color: #de7184;
}
body#game .relatedList { border-bottom: 1px #fc6c63 solid; }


body#pc #hotItem,
body#pc #itemDetail {
	border: 1px solid #007692;
	background-color: #66adbe;
}
body#pc .relatedList { border-bottom: 1px #66adbe solid; }


body#electronics #hotItem,
body#electronics #itemDetail {
	border: 1px solid #9112bb;
	background-color: #bd71d6;
}
body#electronics .relatedList { border-bottom: 1px #bd71d6 solid; }


body#book #hotItem,
body#book #itemDetail {
	border: 1px solid #bb3d14;
	background-color: #d68b72;
}
body#book .relatedList { border-bottom: 1px #d68b72 solid; }


body#mobile #hotItem,
body#mobile #itemDetail {
	border: 1px solid #569f10;
	background-color: #70d115;
}
body#mobile .relatedList { border-bottom: 1px #70d115 solid; }


body#hobby #hotItem,
body#hobby #itemDetail {
	border: 1px solid #11ada0;
	background-color: #70cec6;
}
body#hobby .relatedList { border-bottom: 1px #70cec6 solid; }


body#fashion #hotItem,
body#fashion #itemDetail {
	border: 1px solid #bb136a;
	background-color: #d671a6;
}
body#fashion .relatedList { border-bottom: 3px #d671a6 solid; }


body#others #hotItem,
body#others #itemDetail {
	border: 1px solid #566c91;
	background-color: #9aa7bd;
}
body#others .relatedList { border-bottom: 1px #9aa7bd solid; }

body#its #hotItem,
body#its #itemDetail {
	border: 1px solid #6c6c6c;
	background-color: #CCCCCC;
}
body#its .relatedList { border-bottom: 1px #6c6c6c solid; }

body#pia #hotItem,
body#pia #itemDetail {
	border: 1px solid #36c;
	background-color: #71b4eb;
}
body#pia .relatedList { border-bottom: 1px #71b4eb solid; }


body#blomaga #hotItem,
body#blomaga #itemDetail {
	border: 1px solid #4604cc;
	background-color: #966fe5;
}
body#blomaga .relatedList { border-bottom: 1px #966fe5 solid; }


#cd h2{ background:#1253bb url("../img/bg_h2.gif") repeat-y;}
#dvd h2{ background:#109f4d  url("../img/bg_h2.gif") repeat-y;}
#game h2{ background:#c81332  url("../img/bg_h2.gif") repeat-y;}
#pc h2{ background:#007692  url("../img/bg_h2.gif") repeat-y;}
#electronics h2{ background:#9112bb  url("../img/bg_h2.gif") repeat-y;}
#book h2{ background:#bb3d14  url("../img/bg_h2.gif") repeat-y;}
#mobile h2{ background:#569f10  url("../img/bg_h2.gif") repeat-y;}
#hobby h2{ background:#11ada0  url("../img/bg_h2.gif") repeat-y;}
#fashion h2{ background:#bb136a  url("../img/bg_h2.gif") repeat-y;}
#others h2{ background:#566c91  url("../img/bg_h2.gif") repeat-y;}
#its h2{ background:#6c6c6c  url("../img/bg_h2.gif") repeat-y;}
#pia h2{ background:#36c  url("../img/bg_h2.gif") repeat-y;}
#blomaga h2{ background:#4604cc  url("../img/bg_h2.gif") repeat-y;}


/*----------------------------------------
3.カテゴリ共通
----------------------------------------*/
/* 3-1.まとめ買い・ひと言コメント共通
----------------------------------------*/
.matomegai ul li dl dd.title {
	overflow: hidden;
	height: 3.5em;
	margin-bottom: 1px;
}

#shoutComment ul li,
.matomegai ul li {
	float: left;
	width: 180px;
}

#shoutComment ul li dl,
.matomegai ul li dl {
	width: 170px;
	margin: 0 auto;
}

#shoutComment ul li dl dt,
.matomegai ul li dl dt {
	text-align: center;
}

#shoutComment ul li dl dd,
.matomegai ul li dl dd {
	margin-bottom: 1px;
}

#shoutComment ul li dl dd.artist,
.matomegai ul li dl dd.artist {
	margin-bottom: 5px;
}


/* 3-2.まとめ買い
----------------------------------------*/
body#book .matomegai {
	border: none;
}


/* 3-3.ひとことコメント
----------------------------------------*/
#shoutComment {
	padding: 5px 5px 15px;
}

#shoutComment ul li dl dd.title {
	overflow: hidden;
	height: 2.3em;
	margin-bottom: 1px;
}

/* 3-4.話題の商品	
----------------------------------------*/
#hotItem{
	padding: 5px;
	border: 1px solid #919191;
	background:url("../img/bgd_stripe.gif") #CCC;
}

#hotItem ul{
	width: 723px;
	margin: 0 auto;
}

#hotItem li{
	float:left;
	width:227px;
	height:300px;
	margin:0 5px 5px 0;
	padding: 5px;
	background: #fff;
}

body#mobile #hotItem li{
	height:220px;
}

#hotItem .end {
	margin-right: 0;
}

#hotItem dl dt {
	width: 120px;
	margin: 0 auto;
}

#hotItem dl dd {
	margin-bottom: 1px;
	padding: 0;
}

#hotItem dl dd.artist {
	margin-bottom: 5px;
}

#hotItem dl dd.title {
	height: 2.4em;
	overflow: hidden;
}


/* 3-5.見出しタグ
----------------------------------------*/
.midashiTag {
	margin:0;
	height:50px;

	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.midashiTag a {
	padding: 4px 10px;
	
	display: -moz-inline-box;
	display: block;
	
	color: #FFF;
	background: #666;
	
	border-radius: 8px;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	
	word-break:break-all;
	word-wrap:break-word;
}

.midashiTag a:visited{ color:#fff;}
.midashiTag a.noneTag{ color: #444; background: #DDD;}
.midashiTag a.notag{ color:#000;}

.midashiTag p {
	margin: 0 auto;

	width: 6px;
	height: 5px;

	background: url("../img/triangle.gif") no-repeat;
	_font-size: 0;
}

.midashiTag p.noneTag {
	margin: 0 auto;

	width: 6px;
	height: 5px;

	background: url("../img/triangle_glay.gif") no-repeat;
}



/*----------------------------------------
4.本・コミック
----------------------------------------*/
#masterpiece ul {
	margin: 0 10px;
}

#masterpiece li {
	display: inline;
	line-height: 1.3em;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #b8b8b8;
}


/*----------------------------------------
5.携帯
----------------------------------------*/
/* 5-1.ベースレイアウト
----------------------------------------*/
#mobileAddressEnrollee {
	float: none;
	margin: 5px auto;
	border: none !important;
	font-size: 85%;
}

#mobileAddressEnrollee dt,
#mobileAddressEnrollee dd {
	float: none !important;
	width: auto !important;
	background: none !important;
	color: #ccc;
}

#mobileAddressEnrollee dd {
	margin-left: 30px;
	color: #444;
}

#mobileAddressEnrollee dd.mail {
	font-weight: bold;
}

#mobileAddressEnrollee dd.caution {
	color: #999;
}

#mobileCaution {
	width: 470px;
	margin: 5px auto;
	padding: 5px;
	background: #d2d2d2 url("../img/bgd_stripe.gif") !important;
}

#mobileCaution li {
	margin-bottom: 5px;
	font-size: 85%;
}


/* 5-2.サムネイル
----------------------------------------*/
/*#mobile #thumbnail{
	height:400px;
}

.machiuke #thumbnail{
	height:440px !important;
}
*/

#qrcode dt img{
	display: block;
	width: 147px;
	height: 147px;
	margin: 0 auto;
}

#qrcode dd {
	padding: 40px 0;
	border: 1px solid #d2d2d2;
}

.machiuke #qrcode dd {
	padding:0 !important;
	border:none !important;
}

.thumbnailMobile120 {
	width: 118px;
	height: 74px;
	padding: 44px 0 0;
	border: 1px solid #CCC;
	background: #FFF;
	text-align: center;
}

.thumbnailMobile100 {
	width: 98px;
	height: 64px;
	padding: 34px 0 0;
	border: 1px solid #CCC;
	background: #FFF;
	text-align: center;
}

body#mobile ul.relatedItemlist dt.thumbnailMobile120 {
	width: 120px;
	margin: 0 auto 5px;
}

body#mobile #relatedItem ul.relatedItemlist li.move_pre a,
body#mobile #relatedItem ul.relatedItemlist li.move_next a {
	height: 220px;
}


body#mobile #sideRanking .thumbnail {
    margin:0 auto;
    width:68px;
    height:48px;
    padding: 19px 0 0;
    border:1px solid #ccc;
}

/* 5-3.アイコン
----------------------------------------*/
.mat_melo,
.mat_uta,
.mat_utafull,
.mat_kashi,
.mat_voice,
.mat_movie,
.mat_pv,
.mat_pvfull,
.mat_douga,
.mat_stream,
.mat_machiuke,
.mat_decome,
.mat_book,
.mat_game,
.mat_kisekae,
.mat_machicha,
.mat_other {
	display: block;
	width: 60px;
	height: 30px;
	overflow: hidden;
	margin: 0 auto; 
	background: url("../img/icn_mobile.png") no-repeat;
	text-indent: -9999px;
}

.mat_melo     { background-position:0 0;}/* 素材＞着メロ */
.mat_uta      { background-position:-60px 0;}/* 素材＞着うた */
.mat_utafull  { background-position:-120px 0;}/* 素材＞着うたフル */
.mat_kashi    { background-position:-180px 0;}/* 素材＞歌詞 */
.mat_voice    { background-position:0 -30px;}/* 素材＞着ボイス */
.mat_movie    { background-position:0 -60px;}/* 素材＞着ムービー */
.mat_pv       { background-position:-60px -60px;}/* 素材＞PV */
.mat_pvfull   { background-position:-120px -60px;}/* 素材＞PVフル */
.mat_douga    { background-position:-180px -60px;}/* 素材＞動画 */
.mat_stream{ background-position:-240px -60px;}/* 素材＞ストリーミング */
.mat_machiuke { background-position:0 -90px;}/* 素材＞待受 */
.mat_decome   { background-position:-60px -90px;}/* 素材＞デコメ */
.mat_book     { background-position:-120px -90px;}/* 素材＞ブック */
.mat_game     { background-position:-180px -90px;}/* 素材＞ゲーム */
.mat_kisekae  { background-position:-240px -90px;}/* 素材＞きせかえ */
.mat_machicha { background-position:-300px -90px;}/* 素材＞マチキャラ */
.mat_other    { background-position:0 -120px;}/* 素材＞その他 */



/*----------------------------------------
6.有料動画
----------------------------------------*/
.thumbnailChannel100{
	width:100px;
	height:77px;
	line-height:0;
	font-size:0;
	display:block;
}

dt.thumbnailChannel100{
	margin-top:12px !important;
	margin-bottom:20px !important;	
}

.thumbnailChannel80{
	width:80px;
	height:62px;
	line-height:0;
	font-size:0;
	display:block;
}

#sideRanking .thumbnailChannel80{
	margin-top:9px !important;
	margin-bottom:9px !important;	
	float:left;
}