@charset "Shift_JIS";

/*** COMMON STYLES ***/
body{-webkit-text-size-adjust: none}
img {vertical-align:middle;}
img.hq {zoom:.6666;}
p {margin:.75em 0;}
b, strong, .bold {font-weight:bold;}
a {color:#39C;-webkit-tap-highlight-color:rgba(192,208,219,0.40);}
a.arrow-right:after {margin-left:.75em; content:url(//contents.oricon.co.jp/sp/image/arrow-gray-right.png);}
a.arrow-left:before {margin-right:.75em; content:url(//contents.oricon.co.jp/sp/image/arrow-gray-left.png);}
em {color:#F06; font-style:normal; font-weight:bold;}

mark {font-style:normal;}
aside {color:#999; font-size:.7em;margin:.5em; line-height:2.0em;}

form {margin:0; padding:0;}
input[type="text"]{border:1px solid #CCC; height:22px; line-height:22px;margin:0;padding:0;}

.background-white {background:#FFF !important;}
.weak {font-size:.8em !important; line-height:1.2em;}
.light-text {color:#666;}
.center {text-align:center !important}
.right {text-align:right !important}
.left {text-align:left !important}
.first, .no-space-top {margin-top:0 !important;}
.last, .no-space-bottom {margin-bottom:0 !important;}
.no-space-top-vertical {margin-top:0 !important; margin-bottom:0 !important;}
.clear {clear:both;}
.clearfix:after {content:"."; clear:both; display:block; line-height:0; height:0; visibility:hidden;}
.shadow {
	box-shadow:0px 2px 2px rgba(0, 0, 0, .2) !important;
	-webkit-box-shadow:0px 2px 2px rgba(0, 0, 0, .2) !important;
	-moz-box-shadow:0px 2px 2px rgba(0, 0, 0, .2) !important;
}
.no-shadow {
	box-shadow:none !important;
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
}
ul.list-view.single-line li > a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*** SPRITES ***/
#navBtn,
#navBtnclose,
.with-icon-news:before,
.with-icon-ranking:before,
.list-view > li > a:after,
.list-view li > .ranking-list:after,
ul.ranking-button li.listen-icon-button a:before,
ul.ranking-button li.list-icon-button a:before,
.link-to-more a:after,
.link-photo a:after,
.slide-section-to-prev:before,
.slide-section-to-next:after,
.news-detail-nav .link-prev a:before,
.news-detail-nav .link-next a:after,
.pickupGM-submit a:before,
.pickupGM-submit a:after,
#footer-home a,
#footer-news a,
#footer-rank a,
.sidr ul#category-menu > li p:before,
.sidr ul#category-menu > li a:before,
.sidr ul#category-menu > li.down p:after,
.sidr ul#category-menu > li.down a:after,
.sidr #dictionary-search span:before,
.sidr #ex-site > ul li a:after,
span.rank-arrow{
	background: url(//contents.oricon.co.jp/sp/image/sprites.png) no-repeat;
	background-size:110px auto;
}

/*** HEADERS ***/
h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:1.1em}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {text-decoration:none;}
h1 {/* no styles daringly */}
h2 { position:relative; margin:0; padding:.6em .5em .6em 1.5em; color:#FFF;	font-size:0.85em;
	background:url(//contents.oricon.co.jp/sp/image/h2-icon.jpg) 10px 50% no-repeat #8f9f9f;}
h2:after {content:"."; clear:both; display:block; line-height:0; height:0; visibility:hidden;}
h2.top-highlight {border-top-color:#B3C9DF;}
h2.with-icon-news {padding-left:25px;}
h2.with-icon-news:before { content:""; background-position: 0 -49px ; position:absolute; left:.3em; top:.5em; width:16px; height:19px;}
h2.with-icon-ranking {}
h2.with-icon-ranking:before {}

h2.with-icon-association {padding-left:25px;}
h2.with-icon-association:before {content:url(//contents.oricon.co.jp/sp/image/icon-simple-link.png); zoom:.6666; position:absolute; left:.5em; top:.5em;}
h2.with-icon-appli {padding-left:32px;}
h2.with-icon-appli:before {content:url(//contents.oricon.co.jp/sp/image/icon-simple-star.png); zoom:.6666; position:absolute; left:.5em; top:.5em;}
h2.with-icon-jiten,
h2.with-icon-dictionary {padding-left:100px;}
h2.with-icon-jiten img,
h2.with-icon-dictionary img {position:absolute; left:.5em; top:.75em; zoom:.55;}
h2.with-icon-stablo {padding-left:80px;}
h2.with-icon-stablo img {position:absolute; left:.5em; top:.5em; zoom:.6;}
h3 { /*border:1px solid #2a8bcd;*/ border-left-width:.33em; border-right:none; padding:.53em .5em;text-align:left; background:#fff; color:#2a8bcd;}
#pr h3 { position:relative; margin:0 0 1em 0; padding:.6em .5em .6em 1.5em; color:#FFF;	font-size:0.85em;
	background:url(//contents.oricon.co.jp/sp/image/h2-icon.jpg) 10px 50% no-repeat #8f9f9f; border:none;}
h3 a {
	display:block;
	margin:-.3333em -.5em;
	padding:1em .7166em 1em .7166em;
	background:url(//contents.oricon.co.jp/sp/image/arrow-gray-right-with-sapce.png) right center no-repeat, -moz-linear-gradient(center top,#FFF 0%, ,#FFC 5%, #FFFFE1 100%);
	background:url(//contents.oricon.co.jp/sp/image/arrow-gray-right-with-sapce.png) right center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(.05, #FFC), color-stop(1, #FFFFE1));
	color:#000;
}
/*h3.border {border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
h3.border-top {border-top:1px solid #CCC; margin-top:-1px;}
h3.border-bottom {border-bottom:1px solid #CCC;}*/

h3.glaybelt{position:relative; margin:0; padding:.6em .5em .6em 1.5em; color:#FFF;	font-size:0.85em;
	background:url(//contents.oricon.co.jp/sp/image/h2-icon.jpg) 10px 50% no-repeat #8f9f9f;}

h4 {
	padding:.3333em .5em;
	background:-moz-linear-gradient(center top, #F2F2F2 0%, #E4E4E4 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #F2F2F2), color-stop(1, #E4E4E4));
	text-align:left;
}
h4.border-top {border-top:1px solid #CCC; margin-top:-1px;}


/*** SITE FRAMES ***/
html, body {
	webkit-text-size-adjust:100%;
	font-size:15px;
	letter-spacing:-.025em;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	line-height: 1.4;
	padding:0; margin-bottom:-0.7em;
	background-color:#fff;
}
#wrapper{}
body > header {background-color:#FFF;}
body > header:after {content:"."; clear:both; display:block; line-height:0; height:0; visibility:hidden;}
body > footer {padding:1em 0; margin-top:3px; text-align:center;background-color:#f1f1f1; border-top:1px solid #89897e; line-height:0;}

article {position:relative; padding:0 1em;}
article > header {padding-top:1em;}
article > header > h1 { font-size:116%;line-height:1.4em; font-weight:bold; text-align:left; color:#39C !important;}
article > header > aside {text-align:right; padding:0 .75em;}
article h3 {margin:0 -7px;}
article:after {content:"."; clear:both; display:block; line-height:0; height:0; visibility:hidden;}

section {	position:relative;}
section:after {content:"."; clear:both; display:block; line-height:0; height:0; visibility:hidden;}
section.border-top {border-top:1px solid #CCC;}


div.text-area {margin:.5em 0; padding:0 7px;}
div.text-area aside {text-align:right; font-size:.8571em;}

header h2 {padding:.75em 0 .6em; text-align:center;}
header a.navi {
	display:inline-block;
	position:absolute;
	top:.7em;
	color:#FFF;
	font-size:12px; /* fixed */
	text-decoration:none;
	padding:.25em 0;
}
header a.navi.back {
	left:.5em;
	border-width: 0px 5px 0px 12px;
}
header a.navi.next {
	right:.5em;
	border-width: 0px 12px 0px 5px;
}

#site-identity {margin:.6em 0 .3em .3em; padding-bottom:.3em;}

#dictionary-search {
	dispaly:table-cell;
	vertical-align:middle;
	position:absolute;
	right:7px; top:10px;
	height:24px;
	border:1px solid #CCC; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
	padding:0 4px;
	overflow:hidden;
	background-color:#FFF;
}
#dictionary-search input[type="text"] {
	margin-right:24px;
	width:110px;
	border:none;
	background:-moz-linear-gradient(center top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)),color-stop(1, rgba(255,255,255,0)));
}
#dictionary-search input[type="image"] {
	position:absolute; right:2px; top:2px;
	width:20px; height:20px;
}
#copyright {text-align:center; font-size:.8em; color:#8a8a7f;border-top:1px solid #89897e; line-height:1; /*margin-top:1.0em;*/ padding-top:0.7em; margin-bottom:5.5em;}

#global-navi {padding-top:35px; display:table; width:100%; table-layout:fixed;}
#global-navi ul {display:table-row; table-layout:fixed;}
#global-navi ul li {
	display:table-cell;
	padding:.4em .1em .3em .1em;
	background-color:#39424f;
	border-right:1px solid #fff;
	text-align: center;
	color:#fff;
	font-size:0.8em;
	line-height:2em;
	font-weight:bold;
	border-top:0.3em solid #39424f;
	border-bottom:0.3em solid #39424f;
	vertical-align:middle;
}
#global-navi ul li.current {
	display:table-cell;
	padding:.4em .1em .3em .1em;
	background-color:#454f5f;
	border-right:1px solid #fff;
	text-align: center;
	color:#fff;
	font-size:0.8em;
	line-height:2em;
	font-weight:bold;
	border-top:0.3em solid #454f5f;
	border-bottom:0.3em solid #f79f1e;
	vertical-align:middle;
}
#global-navi ul li a {display:block; color:#FFF; text-decoration:none;}
#global-navi ul li:first-child {border-left:none;}
#global-navi ul li:last-child {border-right:none;}

li#naviMusic,
li#naviDouga {border-right:none !important;}

/*** Slidemenu ***/

#navBtn{
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background-position: 0 -137px;
width: 57px;
height: 38px;
position: absolute;
top: .3em;
right: 0;
-webkit-touch-callout: none;
margin-top: .1em;
background-size: 120px auto;
}
.sidr {
	display:none;
	position:absolute;
	top:0; bottom:0;
	height:100%;
	min-height:1020px;
	z-index:999999;
	width:280px;
	overflow-x:none;
	/*background-color: #c2c7ca;*/
	background-color: #3498db;
	right:-280px !important;
	margin-bottom:-0.7em;	
}
.sidr #slide-inner{ padding: 10px 10px 0 10px;}
.sidr  h2{background-color:#b6b5b5;	color:#fff;	font-weight:bold;	text-align:center; border-radius:4px 4px 0 0; font-size:93%;}
.sidr  ul#category-menu{ background-color:#fbfbfb; border-radius:4px;}
.sidr  li{ list-style:none; line-height:1; text-align:left;}
.sidr  ul#category-menu li{ border-top:1px solid #c7cccf;}
.sidr  li p{ margin:0;}
.sidr  ul#category-menu li a,
.sidr  ul#category-menu li p{ text-decoration:none; display:block; padding:1em 1em 1em 1.5em; font-weight:bold;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 100%);	
	border-bottom:1px solid #fff;
}
.sidr  ul#category-menu > li{color:#2980b9; position:relative;}

.sidr  ul#category-menu > li p,
.sidr  > ul > li a{ padding-left:1.5em; position:relative;}
.sidr  ul#category-menu > li p:before,
.sidr  ul#category-menu > li a:before{ content:"";background-position: -51px -35px ;	width: 9px;	height: 14px; position:absolute; left:.6em; top:1.1em;}
.sidr  ul#category-menu > li ul li a{ color:#72b7e4;}
.sidr  ul#category-menu > li:last-child ,
.sidr  ul#category-menu li:last-child a{ border-radius:0 0 4px 4px;}
.sidr  ul#category-menu > li.down p:after,
.sidr  ul#category-menu > li.down a:after{ content:"";background-position: -36px -35px ;	width: 14px;	height: 9px; position:absolute; right:.6em; top:1.3em;}
.sidr  ul#category-menu > li > ul li a:before,
.sidr  ul#category-menu > li.down ul li a:after{ background:none;}
/*search*/
.sidr  #dictionary-search {	height:auto;	position: relative;	border:none;	background-color:#FFF;	right:auto;	top:auto;	width:100%;	border-radius:4px;	padding:0;	margin:1.2em 0;	height:30px;}
.sidr  #dictionary-search input[type="text"] {margin-right:0;	width:270px;	border:none;	background:none;	padding:0 4px;	font-size:93%;	height:30px;}
.sidr  #dictionary-search input[type="image"] {position: absolute;right: 0px;top: 0px;width: 30px;height: 30px;}

#slide-close { text-align:center;}
#slide-close a{ display:inline-block; margin:1.3em auto ; padding:.5em 2.2em; background-color:#fff; color:#2980b9; text-decoration:none; border-radius:3px;-webkit-touch-callout:none;}

#ex-site h3{ background:none; color:#f1f1f1; padding:0.8em 0 0.8em 0; border:none;}
#ex-site > ul {border-top: 1px solid #e9eaea;/*border-bottom:1px solid #95a1a3;*/}
#ex-site > ul li {  border-radius:0;}
#ex-site > ul li a{ border-bottom: 1px solid #e9eaea;/*border-top:1px solid #95a1a3;*/ border-radius:0; display:block; padding:0.6em 0.66em; text-decoration:none; color:#fff; font-size:85%; line-height:1.3em; position:relative; padding:10px 0;}
#ex-site > ul li a:after{content:"";background-position: 0 -35px!important ;	width: 9px;	height: 14px; position:absolute; right:.6em; top:1.3em;}
#ex-site > ul img{ float:left; margin-right:.5em; vertical-align:bottom;}
/*** TABLE ***/
table.standard {
	width:100%;
	margin:1em auto;
	border-collapse:collapse;
	border-left:hidden;
	border-right:hidden;
	background-color:#FFF;
	font-size:.8571em;
	line-height:1.4em;
}
table.standard tr {}
table.standard tr th, 
table.standard tr td {padding:.25em; border:1px solid #BCF; font-weight:normal; text-align:left; white-space:normal;}
table.standard tr th {color:#FFF; vertical-align:middle; border-color:#BCF;
	background:url(//contents.oricon.co.jp/sp/image/bg-diagonal-white10.png), -moz-linear-gradient(center top, #06F 0%, #2079FF 100%);
	background:url(//contents.oricon.co.jp/sp/image/bg-diagonal-white10.png), -webkit-gradient(linear, left top, left bottom, color-stop(0, #06F), color-stop(1, #2079FF));
	min-width:54px;
}
table.standard tr td {}
table.standard > thead > tr > th {background-color:#69F; color:#FFF}
table.standard a.cell-link {padding:-.25em 1.25em -.25em -.25em; display:block;
	background:url(//contents.oricon.co.jp/sp/image/arrow-gray-right-with-sapce.png) right center no-repeat;
	text-decoration:none;
	color:#000;
}
table.standard a.cell-link2 {padding:-.25em 1.25em -.25em -.25em; display:block;
	background:url(//contents.oricon.co.jp/sp/image/arrow-gray-right-with-sapce.png) right center no-repeat;
}
table.standard tr.combine-to-above-if-empty-cell th:empty {background:#6C9FFF; border-top:hidden;}
th.nowrap, td.nowrap {white-space:nowrap !important;}
table.no-border-top, th.no-border-top, td.no-border-top {border-top:hidden;}
table.no-border-bottom, th.no-border-bottom, td.no-border-bottom {border-bottom:hidden;}


/*** PHOTO FRAME ***/

.photo-frame {display:table; margin:auto; position:relative;}

.clickable-area-lightblue .photo-frame {
	display: table-cell;
    margin: auto 5px;
	max-width: 80px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 10%;
	height:80px;
}
.clickable-area-lightblue .photo-frame span {display:block; vertical-align:middle;}
.clickable-area-lightblue .photo-frame img{max-height:80px; max-width:80px;}
/*.photo-frame {display:inline-block; margin:auto; position:relative;}
.photo-frame > a,
.photo-frame > span {
	border:1px solid #ccc;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.photo-frame.border-gray > a,
.photo-frame.border-gray > span {border:1px solid #999;}
.photo-frame img {max-width:100%; max-height:92px;}*/


/*** TAG ***/
span.tag {font-size:.8em; padding:.1em .5em; background-color:#999; color:#FFF;
	border-radius: .3em; -webkit-border-radius: .3em; -moz-border-radius: .3em;
}
span.tag.green,
span.tag.android {background-color:#690;}

mark.tag {
	display:inline-block;
	width:50px; height:14px;
	background:url(//contents.oricon.co.jp/sp/image/sprite.png) left top no-repeat;
	overflow:hidden;
	color:rgba(0,0,0,0);
}
mark.tag.debut{background-position:0 0;}
mark.tag.attention{background-position:0 -14px;}
mark.tag.point {background-position:0 -28px;}
mark.tag.break-through{background-position:0 -42px;}
mark.tag.prize{background-position:0 -56px;}
mark.tag.outstanding-work{background-position:0 -70px;}
mark.tag.setup{background-position:0 -84px;}
mark.tag.wedding{background-position:0 -98px;}
mark.tag.hot{background-position:0 -112px;}
mark.tag.retiracy{background-position:0 -126px;}

mark.tag.cd-single {width:72px; height:16px; background-position:-50px 0;}
mark.tag.cd-album {width:72px; height:16px; background-position:-50px -16px;}
mark.tag.dvd {width:72px; height:16px; background-position:-50px -32px;}


/*** LOCAL VAVIGATION ***/
div.local-navigation {
	display:table;
	table-layout:fixed;
	width:100%;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, .2);
	border-top:1px solid #294663;
	border-bottom:1px solid #749CC6;
}
div.local-navigation ul {
	list-style:none;
	display:table-row;
	width:100%;
}
div.local-navigation ul li {
	display:table-cell;
	border-left:1px solid #FFF;
	border-right:1px solid #749CC6;
	background-color:#D8E3EF;
	text-align:center;
	vertical-align:middle;
}
div.local-navigation ul li a {
	white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
	display:block;
	padding:.5em 0;
	color:#000;
	letter-spacing:-.1em;
	text-decoration:none;
	line-height:1.1em;
}
div.local-navigation ul li.current {background-color:#749CC6; border-left-color:#D8E3EF; border-right-color:#497DB1;}
div.local-navigation ul li.current a {color:#FFF; }
div.local-navigation ul li:first-child {border-left:none;}
div.local-navigation ul li:last-child {border-right:none;}


/*** SIMPLE TEXT NAVIGATION ***/
ul.simple-text-navigation {display:inline-block; margin:.75em auto 0; list-style:none;}
ul.simple-text-navigation li{display:table-cell}
ul.simple-text-navigation li:after {content:"|"; margin:0 .25em;}
ul.simple-text-navigation li:last-child:after {content:""}


/*** BUTTON ***/
span.button {
	display:inline-block;
	margin:.2666em auto;
	list-style:none;
	border-radius:.75em; -webkit-border-radius:.75em; -moz-border-radius:.75em;
}
span.button > a,
span.button > span {
	display:table-cell;
	padding:.4666em 1em .4em;
	border-right:1px solid #fff;
	text-align:center;
	white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
	color:#fff;
	font-weight:bold;
	background-color:#44cbb0;
	text-decoration:none;
	letter-spacing: -0.2em;
}

span.button > a:first-child,
span.button > span:first-child {
	/*border-right:none;*/
}
span.button > a:last-child,
span.button > span:last-child {
	border-right:none;
}

span.button > a.current {
	color:#FFF;
	border-left:none;
	background:-moz-linear-gradient(center top, #254A8F 0%,#346ACA 10%,#0066FF 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #254A8F),color-stop(0.1, #346ACA),color-stop(1, #6FA3F5));
}
span.button > a.current {color:#FFF;}
span.button > a.disable {color:#999;}
span.button > a.blank {
	border-left:none;
	background:url(//contents.oricon.co.jp/sp/image/bg-diagonal-white20.png), -moz-linear-gradient(center top, #DDD 0%,#EEE 100%);
	background:url(//contents.oricon.co.jp/sp/image/bg-diagonal-white20.png), -webkit-gradient(linear, left top, left bottom, color-stop(0, #DDD),color-stop(1, #EEE));
}
span.button > a:first-child.current {border-left-color:#AAA;}

span.button.link > a:after,
span.button.link > span:after,
span.button > a.link:after,
span.button > span.link:after {
	margin-left:.75em;
	content:url(//contents.oricon.co.jp/sp/image/arrow-blue.png);
	/*//contents.oricon.co.jp/sp/image/arrow-gray-right.png*/
}
span.button.link.foreign > a:after,
span.button.link.foreign > span:after,
span.button > a.link.foreign:after,
span.button > span.link.foreign:after {
	content:url(//contents.oricon.co.jp/sp/image/arrow-double-gray-right.png);
}
span.button.search > a,
span.button.search > span,
span.button > a.search,
span.button > span.search {
	padding:.25em 1em;
}
span.button.search > a:before,
span.button.search > span:before,
span.button > a.search:before,
span.button > span.search:before {
	zoom:.6666;
	margin-right:.75em;
	position:relative;
	top:4px;
}
span.button.to-more > a,
span.button.to-more > span {
	width:14em;
	/*box-shadow: 0px 2px 2px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, .2);*/
	background-color:#fff;
	border:0.17em solid #2980b9;
	color:#2980b9;
	height:2.2em;
	line-height:2.2em;
	letter-spacing:0.1em;

}
span.button.to-more2 > a, span.button.to-more2 > span {
width: 160px;
background-color: #fff;
border: 0.17em solid #2980b9;
color: #2980b9;
height: 2.2em;
line-height: 24px;
letter-spacing: 0.1em;
}

span.button.no-padding > a,
span.button.no-padding > span { padding-left:0; padding-right:0; letter-spacing:0.05em; font-size: 0.8em;}


/*** TAB VIEW ***/
div.tab-view {margin:0; width:100%;}
div.tab-view header {background:#fff; padding-bottom:.2666em;}
div.tab-view header:after {content:"."; clear:both; display:block; line-height:0; height:0; visibility:hidden;}
div.tab-view header div.tabs {display:table; table-layout:fixed; width:100%; border-top:2px solid #FFF;}
div.tab-view header div.tabs ul {
	display:table-row;
	list-style:none;
	overflow:hidden;
}
div.tab-view header div.tabs ul li {
	display:table-cell;
	background: #65b9f1;
	background: -moz-linear-gradient(top,  #4daae8 0%, #379adc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4daae8), color-stop(100%,#379adc));
	background: -webkit-linear-gradient(top,  #4daae8 0%,#379adc 100%);
	background: linear-gradient(to bottom,  #4daae8 0%,#379adc 100%);	
	border-bottom:1px solid #39c;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	vertical-align:middle;
	overflow:hidden;
	white-space:nowrap;
	line-height:1.1em;
	text-align:center;
	font-weight:bold;
	
}
div.tab-view header div.tabs ul li a {
	display:block;
	vertical-align:middle;
	padding:.5em .2em;
	text-decoration:none;
	color:#fff;
	border-bottom:1px solid #fff;
	font-size:0.95em;
}
/*#rank-section .tabs ul li a {display:table-cell; height:2.5em;}*/

div.tab-view header div.tabs ul li.current {
	border:1px solid #3399cc;
	background:#fff;
	border-color:#3295d8;	
	border-bottom:none;	
	
}
div.tab-view header div.tabs ul li:first-child,
div.tab-view header div.tabs ul li:first-child a{border-left:none; /*font-size:0.95em;*/}
div.tab-view header div.tabs ul li:first-child a{}
div.tab-view header div.tabs ul li:last-child {border-right:none;}
div.tab-view header div.tabs ul li.current a{color:#2889ca;}
div.tab-view header div.tabs ul li a.wide-letter-space {letter-spacing:.5em; padding-left:.5em;} /* for irregular styling */

div.tab-view footer {background:#06F; padding-bottom:.2666em;}
div.tab-view footer:after {content:"."; clear:both; display:block; line-height:0; height:0; visibility:hidden;}
div.tab-view h3 {text-align:left;background:#fff;padding:.6em .5em;text-align:left;color:#2a8bcd; border:none;border-bottom:1px solid #3399cc;}

/*** THREE COLUMNS PANEL ***/
div.three-columns-panel {margin:1em auto 0 auto; text-align:center; display:table; width:100%; table-layout:fixed;}
div.three-columns-panel > ul { display: table-row; width:100%; text-align:center;}
div.three-columns-panel > ul > li { display:table-cell; width:33%; text-align:center; padding-bottom:.5em}
div.three-columns-panel ul > li a {color:#000; text-decoration:none; display:block;}
div.three-columns-panel ul > li > p {display:block;border:1px solid #ccc; height:90px; margin:0 auto;vertical-align:top; overflow:hidden; font-size:0; width:90px; line-height:90px;}
div.three-columns-panel ul > li p img{vertical-align:middle; max-width:100%; max-height:93px; margin:auto auto;}
div.three-columns-panel ul > li p.rank {margin-top:0; margin-bottom:0; width:90%; text-align:left; height:30px; line-height:30px;}
div.three-columns-panel ul > li p.rank img {height:30px; max-height:30px; line-height:30px;}
div.three-columns-panel ul > li p.title {font-size:.8571em; overflow:hidden; margin:0; text-overflow:ellipsis; white-space:nowrap;}
div.three-columns-panel ul > li p.author {font-size:1em; border:none; line-height:1.2em; height:auto; padding-top:0.3em;}
div.three-columns-panel ul > li a.clickable-area-lightblue {
	display:block;
	padding-top:.25em;
	text-align:center;
}
div.three-columns-panel ul > li:first-child a.clickable-area-lightblue {border-left:0;}
div.three-columns-panel ul > li:last-child a.clickable-area-lightblue {border-right:0;}
div.three-columns-panel ul > li:last-child a.clickable-area-lightblue {height:none;}
/*** SLIDE VIEW ***/
div#vertical-slide-view {margin:0 auto;position:relative;z-index:1;overflow:hidden;}
div#vertical-slide-view #scroller {width:1500px;height:100%;	padding:0; box-sizing:border-box;}
div#vertical-slide-view .section{float:left;width:320px;}
div#vertical-slide-view .content-panel { width:100%;}
div#vertical-slide-view .content-panel ul{ display: table-row;}
div#vertical-slide-view .content-panel li{text-align:center; line-height:1; overflow:hidden; margin:0 5px; display:table-cell;}
div#vertical-slide-view .content-panel li p{ margin:0 auto;}
div#vertical-slide-view .content-panel li p:first-child {display:block;border:1px solid #ccc; height:93px;overflow:hidden;line-height:0; font-size:0; display:table-cell; vertical-align:middle; width:93px; box-sizing:border-box;display: inline-block;}
div#vertical-slide-view .content-panel li p:first-child img{vertical-align:middle; max-width:90%; max-height:200px; margin:auto auto}
div#vertical-slide-view .content-panel li p.description {
font-size:10px; text-align:left; width: 95%; border:none; margin-top:.5em; height:2em; line-height:1;}

/*div#vertical-slide-view .content-panel li p.description {
font-size: 9.5px;
text-align: left;
width: 75%;
border: none;
margin-top: 0.7em;
height: 3.5em;
line-height: 120%;
text-justify: distribute;}*/

.slide-navigation {padding:.5em .5em 1em .5em; text-align:center; overflow:hidden;}
.slide-navigation > ul{ display:table; width:100%; margin:0 auto}
.slide-navigation > ul > li{ display:table-cell; width:33%; background-color:#D6DADD;}
.slide-navigation a {/* background-color:#3498db; */color:#fff; text-decoration:none; display:block; position:relative; padding:0.7em 1.3em;font-weight:bold; -webkit-touch-callout:none;
	background: -moz-linear-gradient(top,  #42a1e1 0%, #379adc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#42a1e1), color-stop(100%,#379adc));
	background: -webkit-linear-gradient(top,  #42a1e1 0%,#379adc 100%);
	background: linear-gradient(to bottom,  #42a1e1 0%,#379adc 100%);}
.slide-navigation .slide-section-to-prev{ margin-left:.5em; font-size:88%; padding-left:2em;margin:0; border-right:1px solid #fff;}
.slide-navigation .slide-section-to-next{ margin-right:.5em; font-size:88%; padding-right:2em;margin:0; border-left:1px solid #fff;}
.slide-navigation .slide-section-to-prev:before{ content:"";background-position: -18px -35px ;	width: 8px;	height: 13px; position:absolute; left:1.3em; top:1.1em;}
.slide-navigation .slide-section-to-next:after{ content:"";background-position: -27px -35px ;	width: 8px;	height: 13px; position:absolute; right:1.3em; top:1.1em;}

.slide-navigation  #indicator li{display:inline-block;	margin:0 4px; font-size:77%; color:#7F8C8D;}
.slide-navigation  #indicator li.active {color:#3498db;}


/*** NEWS LIST 2013.06****/
ul.list-view{	display:block;	background-color:#e3e3e3;	}
ul.list-view li {display:block;overflow:hidden;}
ul.list-view li p { margin:0;}
ul.list-view > li > a,
ul.list-view li > .ranking-list {	position:relative;	display:block;	padding:.8166em 1.5em .7em 10px;	border-top:1px solid #FFF; 	border-bottom:1px solid #CCC;	color:#34495e;text-decoration:none;	background-color:#e8e8e8;	overflow:hidden;	font-weight:bold;}
ul.list-view > li > a:after,
ul.list-view li > .ranking-list:after{ content:"";background-position: 0 -35px ;width: 9px;height: 14px; position:absolute; top:35%; right:.6em;}
ul.list-view .thumbnail{ width:70px; height:70px; text-align:center; background-color:#fff; float:left; margin-right:10px;}
ul.list-view .thumbnail img{max-width:70px; max-height:70px;}
ul.list-view .list-album-name{ display:block;white-space:nowrap; text-overflow: ellipsis;width:60%; overflow:hidden;}
ul.list-view .list-artist,
ul.list-view .list-date,
ul.list-view .list-count{ font-size: 77%; color:#333; display:block; font-weight:normal; margin-left:105px;}
ul.list-view li span.rank{ background-color:#3397d9; display:inline-block; color:#fff; width:20px; line-height:20px;border-radius:.25em; margin-right:4px; margin-bottom:3em; float:left; text-align:center; font-size:12px;}
ul.list-view .list-artist {font-size:100%;}

/*ranking-list*/
ul.list-view.ranking-list > li { position:relative;}
ul.list-view.ranking-list > li a{ padding-bottom:0.8em;}
ul.list-view li > ul.ranking-button{ margin-left:115px; position:absolute; z-index:10;bottom:.5em;}
ul.list-view li > ul.ranking-button li{ display:inline-block; margin-right:0em;}
ul.list-view li > ul.ranking-button li a{
	font-size:77%;
	color:#fff; text-decoration:none; display:block; padding:.5em 0 .5em 18px ;
	background: #94a4a5;
	background: -moz-linear-gradient(top,  #94a4a5 0%, #8a9799 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#94a4a5), color-stop(100%,#8a9799));
	background: -webkit-linear-gradient(top,  #94a4a5 0%,#8a9799 100%);
	background: linear-gradient(to bottom,  #94a4a5 0%,#8a9799 100%);
	border-radius:4px;min-width:70px; text-align:center; position:relative;
}
ul.list-view li > ul.ranking-button li.listen-icon-button a:before{ content:"";position:absolute;background-position: -70px -106px ;width: 15px;height: 11px;top:33%; left:.6em;}
ul.list-view li > ul.ranking-button li.list-icon-button a:before{ content:"";position:absolute;background-position: -88px -106px ;width: 9px;height: 9px; top:33%; left:.6em;}

ul.list-view li > ul.ranking-button li.disable a{ background:#c6cccd;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}

.list-nav{ overflow:hidden;}
.list-nav p:first-child{ float:left;}
.list-nav p:last-child{ float:right;}
.link-to-more, .link-photo{
	margin:.6em .5em;
	background: #e6e7e8;
	background: -moz-linear-gradient(top,  #e6e7e8 0%, #ced4d7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e7e8), color-stop(100%,#ced4d7));
	background: -webkit-linear-gradient(top,  #e6e7e8 0%,#ced4d7 100%);
	background: linear-gradient(to bottom,  #e6e7e8 0%,#ced4d7 100%);
	display:inline-block;	border:1px solid #cfd4d8;
	font-size:93%;
	}
.link-to-more a, .link-photo a{ display:block; border:1px solid #fff; text-decoration:none; padding:.6em .8em .6em .8em; color:#2980b9; font-weight:bold; position:relative;}
.link-to-more.link-next a{padding-right:1.5em;}
.link-to-more.link-prev a{padding-left:1.5em;}
.link-to-more a:after{content:"";width: 9px;	height: 13px;position:absolute; top:34%; }
.link-to-more.link-next a:after{background-position: -9px -35px ;right:.6em;}
.link-to-more.link-prev a:after{background-position: -61px -35px;left:.6em;}

.link-photo { display:table; margin:.6em 0 .6em auto;}
.link-photo span{ display:table-cell; line-height:1; padding-left:.5em}
.link-photo a{ padding:0 1.5em 0 0em;}
.link-photo a:after{ content:"";background-position: -9px -35px ;	width: 9px;	height: 13px;right: .6em;top: 30%; position:absolute;}
.link-photo span:first-child{ background-color:#3396d8; padding:.6em .5em;}
.link-photo span img{ vertical-align: baseline;}

.list-nav.ranking-nav{ display:table; width:97%; margin:1em auto;}
.list-nav.ranking-nav p{display:table-cell; vertical-align: middle; text-align:center; font-size:93%;}
.list-nav.ranking-nav p:first-child,
.list-nav.ranking-nav p:last-child{ float:none; font-size:100%;}

.ad-banner{ margin:1em 0;}


/*** FOOTER NAV ***/
footer nav li{	display:inline-block; width:74px; text-align:center;border-right:1px solid #939388; margin-right:0; line-height:0; font-size:0;}
footer nav li:last-child{ border:none;}
footer nav li a { display:block; margin:0 auto;}
footer nav li a p{text-indent: 100%;  white-space: nowrap;  overflow: hidden;	}
footer nav li#footer-home a{background-position: 0 -68px ;	width: 35px;	height: 35px;}
footer nav li#footer-news a{background-position: -36px -68px ;	width: 34px;	height: 35px;}
footer nav li#footer-rank a{background-position: -71px -68px ;	width: 39px;	height: 35px;}

/*** AD AREA ***/
div.ad-area {margin:1em 7px;}
div.ad-area a {
	padding:.75em; display:block; color:#000; background:#FFF; text-decoration:none; border:1px solid #CCC;
	border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em;
}
div.ad-area a[href] {padding-right:1.5em; background:#FFF url(//contents.oricon.co.jp/sp/image/arrow-gray-right-with-sapce.png) right center no-repeat;}
div.ad-area a[href].foreign {padding-right:1.5em; background:#FFF url(//contents.oricon.co.jp/sp/image/arrow-double-gray-right-with-sapce.png) right center no-repeat;}
div.ad-area a > *:first-child {margin-top:0;}
div.ad-area a > *:last-child {margin-bottom:0;}


/**************** オススメグッズ・オススメサイト ****************/
.blocktitle, .excerpt {
line-height: 1em;
margin-top: 5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight:bold;
color:#666666;
font-size:13px;
}


/**************** LOCAL STYLES ****************/


/*** ranking ***/
ul.list-view.ranking > li > a > div.text {padding-top:.8em;}
mark.ranking-rate {
	display:inline-block;
	overflow:hidden;
	width:18px; height:12px; padding:2px 0px 4px 1px; margin:0 .4em 0 0;
	background:-moz-linear-gradient(top, #06F, #48F);
	background:-webkit-gradient(linear, left top, left bottom, from(#06F), to(#48F));
	border:1px solid #69F;
	border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
	text-align:center;
	line-height:14px;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
}
/*add 2013.7.2*/
#ranking >section{ background-color:#dde4ea;}
#ranking ul {margin:8px auto .8em auto; text-align:left; width:311px;}
#ranking ul li{ display:inline-block;list-style:none; width:95px; background-color:#f39c12; margin:0 8px 0 0; padding-top:5px;border-radius:3px; text-align:center;box-shadow:rgba(0, 0, 0, 0.09) 0px 0px 2px 2px; vertical-align:top;}
#ranking ul li:last-child{ margin-right:0;}
#ranking ul li a{ text-decoration:none; color:#5d696a; background-color:#fff; display:block; position:relative; padding:13px 0 0 0 ; font-weight:bold; font-size: 12px;letter-spacing: -0.1em; border-radius:0 0 3px 3px; line-height:1;height:77px;}
div.rankingBtnImg a{height:77px; }

#music_single a:before,
#music_album a:before,
#music_alubm2 a:before,
#music_indy a:before,
#music_enka a:before,
#music_anime a:before,
#music_karaoke a:before,
#music_expect a:before,
#music_expect2 a:before,
#dvd_all a:before,
#dvd_music a:before,
#dvd_movie a:before,
#dvd_anime a:before,
.book_rank a:before,
#satisfaction_rank a:before,
#enquete_rank a:before,
#rank_daily a:before,
#rank_weekly a:before,
#rank_monthly a:before,
#rank_yearly a:before{background: url(//contents.oricon.co.jp/sp/image/sprites_ranking.png) no-repeat; background-size:174px auto; content:""; margin:0 auto .53em auto; display:block;}

#music_single a:before{background-position: 0 0;	width: 52px;	height: 45px;}
#music_album a:before{background-position: -53px 0;	width: 59px;	height: 45px;}
#music_alubm2 a:before{background-position: -113px 0;	width: 56px;	height: 45px;}
#music_indy a:before{background-position: 0 -50px ;	width: 56px;	height: 45px;}
#music_enka a:before{background-position: -58px -50px ;	width: 56px;	height: 45px;}
#music_anime a:before{background-position: -116px -50px ;	width: 55px;	height: 45px;}
#music_karaoke a:before{background-position: 0 -100px ;	width: 51px;	height: 45px;}
#music_expect a:before,#music_expect2 a:before{background-position: -53px -100px ;	width: 55px;	height: 45px;}

#ranking-dvd_and_movie ul li{ background-color:#ea5d81;}
#dvd_all a:before{background-position: 0 -150px ;	width: 45px;	height: 45px;}
#dvd_music a:before{background-position: -50px -150px ;	width: 51px;	height: 45px;}
#dvd_movie a:before{background-position: -105px -150px ;	width: 55px;	height: 45px;}
#dvd_anime a:before{background-position: 0 -200px ;	width: 55px;	height: 45px;}

#ranking-book ul li{background-color:#1abc9c;}
.book_rank a:before{background-position: -59px -200px ;width: 51px;	height: 40px;}

#ranking-etc ul li{background-color:#5399c7; vertical-align:top;}
#ranking ul li#satisfaction_rank { width:203px;}
#ranking ul li#satisfaction_rank a:before{background-position: 0 -250px ;	width: 40px;	height: 37px;}
#ranking ul li#enquete_rank { margin-right:0}
#ranking ul li#enquete_rank a{}
#ranking ul li#enquete_rank a:before{background-position: -45px -250px ;	width: 33px;	height: 44px;}

#ranking-term ul li{ background-color:#f1c40f;}
#ranking-term ul li { line-height:1; font-size:12px;}
#rank_daily a:before{background-position: 0 -300px ;	width: 41px;	height: 46px;}
#rank_weekly a:before{background-position: -43px -300px ;	width: 41px;	height: 46px;}
#rank_weekly a{ font-size:9px;}
#rank_monthly a:before{background-position: -86px -300px ;	width: 41px;	height: 46px;}
#rank_yearly a:before{background-position: -129px -300px ;	width: 45px;	height: 49px;}

.ranking-group { display:table; width:100%; margin:.66em 0}
.ranking-group ul{display : table-row;}
.ranking-group li{
	display:table-cell;	
	text-align:center;
	width:33%;
	border-left:1px solid #fff
	}
.ranking-group li a{
	text-decoration:none; color:#fff;
	background: #65b9f1;
	background: -moz-linear-gradient(top,  #65b9f1 0%, #2e9feb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#65b9f1), color-stop(100%,#2e9feb));
	background: -webkit-linear-gradient(top,  #65b9f1 0%,#2e9feb 100%);
	background: linear-gradient(to bottom,  #65b9f1 0%,#2e9feb 100%);
	padding:.8em;	display:block;
}
.ranking-group li.current { border:1px solid #fff; border-right:none;}
.ranking-group li.current a{background:#fff; color:#65b9f1; border:1px solid #65b9f1; font-weight:bold;}

#ranking-detail ul.list-view .thumbnail{ margin-top:.8em; margin-bottom:.8em;}
#ranking-detail #social-link{ border-top:1px solid #ccc; padding-top:1em;}
#ranking-detail #ranking ul { margin-bottom:8px; overflow:hidden;}
#ranking-detail #ranking ul li{ display:table; float:left; margin:3px 5px 3px 3px;}
#ranking-detail #ranking ul li a{padding:0; height:3em; display:table-cell; width:100%; vertical-align:middle; font-size:13px;}
#ranking-detail #ranking #ranking-music a{ color:#3497da;}
#ranking-detail #ranking #ranking-dvd_and_movie a{ color:#2ecb70;}
#ranking-detail #ranking #ranking-book a{ color:#e57d21;}
#ranking-detail #ranking #ranking-etc a{ color:#5d696a;}
#ranking-detail #ranking #ranking-etc li:first-child{width:200px;}
#ranking-detail #ranking #ranking-etc li:last-child a{}

span.rank-arrow{ position:absolute; left: 93px;top: 2.5em;text-indent:100%; overflow:hidden;white-space: nowrap;}
span.rank-arrow.rank-up{background-position: -22px -106px ;	width: 15px;	height: 12px;}
span.rank-arrow.rank-same{background-position: -39px -106px ;	width: 12px;	height: 15px;}
span.rank-arrow.rank-down{background-position: -53px -106px ;width: 15px;	height: 12px;}
span.rank-arrow.rank-new{background-position: -39px 0px ;width: 15px;	height: 14px;}

/*** news - detail ***/
#news .main-photo {text-align:center;}
#news .main-photo .photo-frame > a,
#news .main-photo .photo-frame > span {width:auto; height:auto;}
#news .main-photo .photo-frame img {max-width:100%; max-height:auto;}


#social-link { line-height:1; margin:.6em 0;text-align:center;}
#social-link li{ display:inline-block; vertical-align:top; margin-right:.2em;}
#social-link li a{ text-decoration:none; color:#000; font-size:77%; position:relative; display:block; height:61px;max-width: 48px;min-width: 36px;}
#social-link li span{ margin:0 .5em 0 0; display:block;position: relative;border: 1px solid #999; border-radius:2px; min-width:36px;max-width:48px; text-align:center; padding:.1em 0;}
#social-link li span:after{content:" ";position: absolute;top: 100%;left: 4px; z-index:1;width: 0;height: 0;border: 6px solid transparent;border-top-color: #999;}
#social-link li span >i{position:absolute;top: 99%;left: 4px; z-index:2;width: 0;height: 0;border: 6px solid transparent;border-top-color: #fff;}
#social-link li a:before{	background: url(//contents.oricon.co.jp/sp/image/sprites_social.png) no-repeat bottom;	background-size:228px auto;content:""; width: 38px; height: 38px;left:0;bottom: 0; position:absolute;}
#social-link li#fb-link a:before{ background-position:0 0;}
#social-link li#mixi-link a:before{ background-position: -38px 0;}
#social-link li#twit-link a:before{ background-position: -76px 0;}
#social-link li#line-link a:before{ background-position: -114px 0;}
#social-link li#google-link a:before{ background-position: -152px 0;}
#social-link li#hatena-link a:before{ background-position: -190px 0;}

.news-detail-nav{ display:table;margin:1em auto; width:100%;}
.news-detail-nav p{ display:table-cell; text-align:center; width:33%; box-sizing:border-box;}
#news-photo .news-detail-nav p{width:45%;}
#news-photo .news-detail-nav p:first-child,
#news-photo .news-detail-nav p:last-child{width:25%;}
.news-detail-nav p.link-prev{ padding-left:.5em;}
.news-detail-nav p.link-next{ padding-right:.5em;}
.news-detail-nav  a{ display:block;background-color:#d6dadd; text-decoration:none; color:#2980b9; font-weight:bold;padding: 0.8em 0em; font-size: 93%;}
.news-detail-nav .link-prev a,
.news-detail-nav .link-next a{background-color:#3498db; color:#fff; position:relative;}
.news-detail-nav .link-prev a{ padding-left:1em;}
.news-detail-nav .link-next a{ padding-right:1em;}
.news-detail-nav .link-prev a:before,
.news-detail-nav .link-next a:after{content:""; width: 8px;height: 13px;top: 1.1em; position:absolute;}
.news-detail-nav .link-prev a:before{ background-position: -18px -35px;left: 1em;}
.news-detail-nav .link-next a:after{ background-position: -27px -35px; right:1em;}
.news-detail-nav .link-next a.disable,
.news-detail-nav .link-prev a.disable{ background:#999;}

.pickupGM{ margin:.6em 0; display:table; width:100%;}
.pickupGM .pickup-left,
.pickupGM .pickup-right { display:table-cell;text-align:center; width:50%; }
.pickupGM .border{border:1px solid #ccc; margin:.5em;}
.pickupGM .border a{ display:block;}
.pickupGM p{ margin:0;}
.pickupGM .pickup-left p a,
.pickupGM .pickup-right p a{ text-decoration:none; color:#16a085; font-weight:bold;}
.pickupGM img{max-height:159px; max-width:100%;}
.pickupGM-submit{ display:table;margin:0 auto 1em auto; width:100%;}
.pickupGM-submit p{ display:table-cell; text-align:center; width:33%; box-sizing:border-box;}
.pickupGM-submit p.submit-left{ padding-left:.5em;}
.pickupGM-submit p.submit-right{ padding-right:.5em;}
.pickupGM-submit  a{ display:block;background-color:#1abc9c; text-decoration:none; color:#fff; font-weight:bold;padding: 0.8em 0em;; font-size: 93%;}
.pickupGM-submit .submit-left a,
.pickupGM-submit .submit-right a{background-color:#3498db; color:#fff; position:relative;}
.pickupGM-submit .submit-left a{ padding-left:1em;}
.pickupGM-submit .submit-right a{ padding-right:1em;}
.pickupGM-submit .submit-left a:before,
.pickupGM-submit .submit-right a:after{content:""; width: 11px;	height: 13px;top: 1.1em; position:absolute;}
.pickupGM-submit .submit-left a:before{ background-position: -70px -35px;	left:1em;}
.pickupGM-submit .submit-right a:after{ background-position: -70px -35px; right:1em;}

/*** news - photo ***/
#news-photo .main-photo-large {text-align:center}
#news-photo .main-photo-large img {max-width:300px; max-height:300px;}
#news-photo {margin-bottom:0;}

/*** jiten ***/
#jiten-header header {
	margin-top:3px;
	padding:10px .5em;
	background:url(//contents.oricon.co.jp/sp/image/bg-diagonal-white40.png), -moz-linear-gradient(top, #EEF6FF, #DEF);
	background:url(//contents.oricon.co.jp/sp/image/bg-diagonal-white40.png), -webkit-gradient(linear, left top, left bottom, from(#EEF6FF), to(#DEF));
}
#jiten-header header:after {content:"."; clear:both; display:block; line-height:0; height:0; visibility:hidden;}
#jiten-header header h1 {color:#39C; text-align:center; font-size:1.5em; line-height:1.1em;}
#jiten-header header h1.with-photo {display:table; position:relative; color:#39C; text-decoration:none; margin:auto;}
#jiten-header header h1.with-photo span {display:table-cell; vertical-align:middle; text-align:left;}
#jiten-header header h1.with-photo span img {max-width:45px; max-height:45px; border:1px solid #FFF; margin-right:.25em;}
#jiten-header header p.main-photo {text-align:center; margin-top:.5em; margin:.5em 0;}
#jiten-header header p.main-photo img {max-width:220px; max-height:180px; border:1px solid #FFF;}
#jiten-header header p.kind {margin:0 0 .5em;}
#jiten-header header p.author {margin:.5em 0; text-align:center; color:#39C; font-size:1.1429em;}
#jiten-header #jiten-search {margin-top:-1em; margin-bottom:.5em; text-align:center;}
#jiten-header #jiten-search span.keyword {
	display:inline-block;
	border:4px solid #69F;
	border-radius: .75em; -webkit-border-radius: .75em; -moz-border-radius: .75em;
	background-color:#FFF;
	padding:.6em;
}
#jiten-header #jiten-search span.keyword input {
	border:none;
	width:210px;
	padding:0;
	font-size:1.2em;
	background:-moz-linear-gradient(center top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)),color-stop(1, rgba(255,255,255,0)));
}
#jiten-header #jiten-search span.button {position:relative; top:1.2em;}
#jiten-header #jiten-search span.button a {padding:.5em; }

#jiten-news-photo {background:#F2F2F2;}
#jiten-news-photo div.photo {text-align:center; margin-top:10px;
	background:-moz-linear-gradient(top, #F2F2F2, #FFF);
	background:-webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#FFF));
}
#jiten-news-photo div.photo > img {max-width:320px;}
#jiten-news-photo div.photo:first-of-type {margin-top:0;}

ul.list-view.jiten-ranking > li > a > div.text {padding-top:1.25em;}

/*** jiten - creation ***/
ul.list-view.creation > li > a > div.text {padding-top:1em;}
ul.list-view.creation > li > a > div.text mark {}
ul.list-view.creation > li > a > div.text p.title {margin-top:.25em; margin-bottom:.5em;}
ul.list-view.creation > li > a > div.text aside {}
.three-columns-panel li p.author{
height:20px; 
padding-top:14px;
}
.three-columns-panel ul li p.rank{height:40px;border:none;}
.three-columns-panel ul li p.rank img {display:inline-block;}
	.three-columns-panel ul li p.title{font-size:14px; margin-bottom:0;}
	.three-columns-panel ul li p.author{font-size:12px;}
	.three-columns-panel ul li aside{height:15px  !important;font-size:10px;}
	p.photo-frame span img{padding-top:0px !important;}
/**news musicStore**/
ul.list-view2{	display:block;	background-color:#e8e8e8;}
ul.list-view2 li {display:block;overflow:hidden;}
ul.list-view2 li p { margin:0;}
ul.list-view2 > li > a{	position:relative;	display:block;	border-top:1px solid #FFF; 	border-bottom:1px solid #CCC;	color:#34495e;text-decoration:none;	background-color:#e8e8e8;	overflow:hidden;	font-weight:bold;}
ul.list-view2 > li > a:after{ content:"";width: 9px;height: 14px; position:absolute; top:49%; right:.6em;}
ul.list-view2 .thumbnail{ width:70px; height:70px; text-align:center; background-color:#fff; float:left; margin-left:10px;margin-right:10px;}
ul.list-view2 .thumbnail img{max-width:70px; max-height:70px;}
ul.list-view2 .list-album-name {display: block;white-space: nowrap;text-overflow: ellipsis;width: 50%;overflow: hidden;
}
.musicBuyBtn{
text-align:center;
color:#ffffff;
background: #499bea; 
background: -moz-linear-gradient(top, #499bea 0%, #207ce5 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#499bea), color-stop(100%,#207ce5));
}
.lylicsBtn{
text-align:center;
color:#ffffff;
background: #444444;
background: -moz-linear-gradient(top, #444444 0%, #444333 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#444333));
}
/*staffrecommend*/
.staffrecommend{margin:0 auto 10px; text-align:center; display:table; width:100%; table-layout:fixed;}
.staffrecommend ul{display: table-row; width:100%; text-align:center;}
.staffrecommend ul li{display:table-cell; width:33%; text-align:center; padding-bottom:.5em;}
.staffrecommend ul li a.srleft{background:#f6f6f6;color:#000;height:150px;text-decoration:none;display:block;border-bottom:1px solid #8f9f9f;overflow:hidden;}
.staffrecommend ul li a.srmiddle{background:#f6f6f6;color:#000;height:150px;text-decoration:none;display:block;border-bottom:1px solid #8f9f9f;border-left:1px solid #8f9f9f;overflow:hidden;}
.staffrecommend ul li a.srright{background:#f6f6f6;color:#000;height:150px;text-decoration:none;display:block;border-bottom:1px solid #8f9f9f;border-left:1px solid #8f9f9f;overflow:hidden;}
.staffrecommend ul li a img{vertical-align:middle; max-width:100%; max-height:93px; margin:5px auto;}
.staffrecommendtext{margin:0;padding:0 5px 10px 5px;font-size:12px;line-height:18px;color:#666;}
/*relatedsite*/
#associated-site .arrowAdjust {top:45%;}
#associated-site .pickupImg {float:left; padding-right:0.6em; width:58px;}
#associated-site .pickupImg img {width:58px;}
#associated-site .pickupText {height:58px;}
#associated-site .pickupText .textBold {font-weight:bold; font-size:13px;  line-height:160%;}
#associated-site .pickupText p {font-weight:normal; line-height:140%; padding-right:0.2em; font-size:13px;}
/* konsyu no hayarimono & oricon store */
dl.thumbnailList{background-color: #E8E8E8;}
.thumbnailList dt {
	float: left;
	vertical-align: middle;
}
.thumbnailList dd {
	line-height: 1.1;
	margin-left: 60px;
	padding-left: 10px;
	padding-right: 15px;
}
.thumbnailList a {
	border-bottom: 1px solid #CCCCCC;
	text-decoration: none;
	color: #232323;
	display: block;
	overflow: hidden;
	padding: 10px 10px 5px 10px;
	position: relative;
}
.thumbnailList a:after {
	content: "";
	height: 14px;
	position: absolute;
	right: 0.6em;
	top: 40%;
	width: 9px;
	background: url(/sp/image/sprites.png) no-repeat scroll 0 0;
	background-size:110px auto;
	background-position: 0 -35px;
}
.thumbnailArea{display:table-cell; vertical-align:middle; height:58px; width:58px;}
.thumbnailArea img{max-height:58px;max-width:58px;}
.blocktitle,.excerpt{line-height:1em;margin-top: 5px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; font-weight:normal; color:#666666; font-size:13px;}
.blocktitle {padding-top:0.4em; line-height: 1.1em; color:#666666; font-weight:bold; font-size:13px;}
.overlay_ad-afs {
    bottom: 0;
    overflow-y: visible;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 1000;
}