@charset "utf-8";
/* CSS Info
 FileName   : module.css
 note       : 共通部分
======================== */

/* -----------------------------------------
00.大枠設定
----------------------------------------- */

/* 包括ラッパー */
#wrapper {
/*	display: none;*/
	width: 100%;
	position: relative;
}

/* ソーシャル系 */
.twitterBox{
	margin: 10px 0 20px 0;
	border: 1px solid #e5e5e5;
}

.fbBox{
	background: #3b5998 url(//st.diskunion.net/templates/v2/img/default/bg_fb.gif) no-repeat 0 5px;
	color: #fff;
	padding: 3px;
	margin: 0 0 20px 0;
}

.fbBox p{
	line-height: 1.2;
	padding: 7px;
}

.fbBox .fbwrap{
	width:173px;
	height:128px;
    overflow: hidden;
    position: relative;
}

.fbBox .fbwrap iframe{
	width:175px;
	height:130px;

    position: relative;
    left: -1px;
    top: -1px;
	background:#fff;
	border:none;
	overflow:hidden;
}

.fbBox .fbwrap2{
	width:173px;
	height:128px;
    overflow: hidden;
    position: relative;
}

.fbBox .fbwrap2 iframe{
	width:175px;
	height:130px;

    position: relative;
    left: -1px;
    top: -1px;
	background:#fff;
	border:none;
	overflow:hidden;
}

.fbBox .fbwrap3{
	width:173px;
	height:128px;
    overflow: hidden;
    position: relative;
}

.fbBox .fbwrap3 iframe{
	width:175px;
	height:130px;

    position: relative;
    left: -1px;
    top: -1px;
	background:#fff;
	border:none;
	overflow:hidden;
}

/* -----------------------------------------
01.ヘッダー
----------------------------------------- */

#header,
#sub #header {
	position: relative;
	z-index: 1;

	width: 100%;
	height: 141px;
	margin: 0 auto;
	background: url(//st.diskunion.net/templates/v2/img/default/bg_sub_head.gif) repeat 0 0;
}

/* 2014/02/02_ログイン後 */

#top.cartLogin #header {
	height: 100px;
	background: url(//st.diskunion.net/templates/v2/img/default/bg_sub_head.gif) repeat 0 bottom;
}

#header #headNav{
	height: 38px;
}

#header .navbar-inner{
	position: absolute;
	top: 0;
	left: 0;
}

#header .info{
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	padding: 9px 10px 0 0;
}

#header .info a{
	color: #fff;
}

#header .info img{
	vertical-align: top;
}

#header .info p{
	float: left;
}

.headTopics{
	background:url(//st.diskunion.net/templates/v2/img/default/head_topics01.gif) no-repeat left 0;
	margin: 0 0 0 10px;
	padding: 0 10px 0 13px;
	font-size: 11px;
}

.headTopics span{
	background:url(//st.diskunion.net/templates/v2/img/default/head_topics02.gif) no-repeat right 0;
	padding: 1px 10px 0 0;
	display: block;
	font-weight: bold;
}

#searchNav{
	position: relative;
	width: 960px;
	margin: 0 auto;
}

#searchNav h1,
#searchNav .txt{
	position: absolute;
	top: 15px;
	left: 97px;
	font-size: 10.5px;
	color: #c7c7c7;
	padding: 0!important;
	margin: 0!important;
}

#searchNav .navList,
#sub #searchNav .navList{
	position: absolute;
	right: 3px;
	top: 14px;
	font-size: 11px;
	color: #aaa;
}

#searchNav .navList li{
	float: left;
}

#searchNav .navList a{
	color:#fff;
}

#searchNav .navList a:hover{
	color:#f5f5f5;
}

#searchNav .btn01,
#sub #searchNav .btn01{
	position: absolute;
	right: 121px;
	top: 43px;
}

#searchNav .btn02,
#sub #searchNav .btn02{
	position: absolute;
	right: 0px;
	top: 43px;
}


#searchNav .logo{
	position: absolute;
	left: 0;
	top: 10px;
}

#searchNav .searchForm,
#sub #searchNav .searchForm{
	position: absolute;
	left: 95px;
	top: 43px;
	background:url(//st.diskunion.net/templates/v2/img/default/bg_sub_search.gif) no-repeat 0 0;
	width: 619px;
	height: 49px;
}

#searchNav .searchForm li{
	float: left;
	padding: 11px 0 0 0;
}

#searchNav select{
	width: 165px;
	padding: 0;
	margin: 3px 0 0 15px;
	border: 1px solid #d9d9d9;
	border-radius: 2px;
}

#searchNav .kwdbox,
#sub #searchNav .kwdbox{
	width: 350px;
	height: 20px;

	margin: 3px 0 0 10px;

	border: 1px solid #d9d9d9;
	border-radius: 2px;
}


#searchNav .searchBtn{
	margin: 0 0 0 10px;
}

#header .menu li {
	float: left;
}

/* -----------------------------------------
02.グローバルナビ
----------------------------------------- */

#top #nav {
	width: 960px;
	height:60px;
	margin: -2px auto 0 auto;
	padding:0;
	list-style:none;
}

#sub #nav {
	width: 960px;
	height:60px;
	margin: 0 auto;
	padding:0;
	list-style:none;
}
	
#nav li {
	float:left;
}
	
#nav a.selected {
	color:#f00;
}
	

#nav ul {
	position:absolute; 
	top: 47px;
	left: 4px; 
	display:none; 
	margin:0 0 0 -1px; 
	padding:0; 
	list-style:none;
}
		
#nav ul li {
	width:100px; 
	float:left;
}

#gnav,
#smoothmenu1{
	width: 955px;
	margin: -1px auto 0 auto;
	background: #fff;
}

#gnav li {
	float: left;
}

#top #menu{
	width: 960px;
	background:url(//st.diskunion.net/templates/v2/img/default/bg_gnav.gif) no-repeat 0 0;
	padding: 0 0 10px 0;
	margin: 0 auto 20px auto;
	height: 40px;
}

#top #menu li{
	float: left;
}

#top #gnav .end{
	padding: 0;
	margin: 0;
}

#sub #gnav{
	width: 960px;

	padding: 0;
	margin: 0 auto 15px auto;
	z-index: 0!important;
}

#sub .mainNav{
	margin: 15px auto 0 auto;
	background:url(//st.diskunion.net/templates/v2/img/default/bg_genre.gif) no-repeat 0 0;
	width: 960px;
	height: 40px;
}

#sub .mainNav .logo{
	float: left;
	padding: 10px 0 0 10px;
}

#sub .mainNav ul{
	float: right;
	padding: 12px 15px 0 0;
}

#sub .mainNav a,
#sub .mainNav{
	font-size: 12px;
	color: #fff;
}

#sub .subNav li{
	height: 51px;
}

/* -----------------------------------------
03.ニュース
----------------------------------------- */
#news{
	width: 960px;
	margin: 10px auto 15px auto;
}

/* -----------------------------------------
04.コンテンツ
----------------------------------------- */

/* 包括コンテナ 初期化 */
#container:after { content: ".";display: block;clear: both;height: 0;visibility: hidden;overflow: hidden; }
#container { display: inline-block; }
* html #container { height: 1%;overflow: hidden; }
#container { display: block;overflow: hidden;}


#container{
	width: 960px;
	margin: 8px auto 0 auto;
	display: inline-block;
}

#container h1.mainTtl{
	padding: 0 0 20px 0;
	position: relative;
}

#sub #container h1.mainTtl{
	padding: 0 0 20px 0;
	position: relative;
}

#sub #container h1.mainTtl .more{
	position: absolute;
	top: 8px;
	right: 8px;
}

/* IE7ハック */
*:first-child+html #container {
	width: 960px;
	margin: 8px auto 0 auto;
}

/* Hides from IE-mac \*/
* html #container {
	height: 1%;
}

/* End hide from IE-mac */
#container {
	position: relative;
	display: block;
}
html*#container {
	z-index: -2;
}
/* コンテンツ部分 */
#content {
	position: relative;
	float: right;
	width: 765px;
	margin: 0;
}

#content .ttl{
	position: relative;
	margin: 0 0 20px 0;
}

#content .ttl .more{
	position: absolute;
	top: 9px;
	right: 10px;
}

/* 20150219 ADD */
#content .ttl .more_songlist {
	position: absolute;
	top: 0px;
	right: 10px;
}

.piece .ttl{
	background: #000 url(//st.diskunion.net/templates/v2/img/default/pieace_line.gif) no-repeat 0 center;
	color: #fff;
	padding: 7px 0 7px 10px;
	font-weight: bold!important;
}

.others .ttl{
	background: #ccc url(//st.diskunion.net/templates/v2/img/default/others_line.gif) no-repeat 0 center;
	color: #fff;
	padding: 7px 0 7px 10px;
	font-weight: bold!important;
	color: #444;
}


/* -----------------------------------------
05.サイドナビ
----------------------------------------- */
#lnav{
	float: left;
	width: 180px;

	font-size: 11px;
	margin: 0;
}

#lnav img{
	vertical-align: top;
}

#lnav .bnr{
	padding: 0 0 10px 0;
}

#lnav .bnr.line{
	padding: 0 0 20px 0;
}


#lnav .bnr.line li{
	margin: 0 0 0 3px;
}

#lnav.portal .bnr.line li{
	margin: 0;
}


#lnav .bnr.line a{
	background:url(//st.diskunion.net/templates/v2/img/banner/bg_banner.gif) no-repeat 0 0;
	padding: 2px;
	width: 170px;
	display: block;
}

#lnav.portal .bnr.line a{
/*	background:url(../../../../templates/v2/img/banner/bg_banner02.gif) no-repeat 0 0;*/
	background:url(//st.diskunion.net/templates/v2/img/banner/bg_banner02.gif) no-repeat 0 0;
	width: 176px;
	display: block;
}

#top #lnav h3{
	padding: 0;
	margin: 0;
}

#lnav .ttl{
	padding: 0 0 15px 0!important;
	margin: 0;
}

#lnav .musicGenre{
	background: #f0f0f0;
	padding: 0;
	margin: 0 0 20px 0;
	overflow: hidden;
}

#lnav .musicGenre.used{
	padding: 0;
	margin: 0 0 20px 0;
}

#lnav .musicGenre a{
	text-decoration: none;
	padding: 6px 10px 6px 20px;
	display: block;
	background-image: url(//st.diskunion.net/templates/v2/img/default/genre_line.gif);
	background-position: 12px center;
	background-repeat: no-repeat;
	word-break: break-all;
}

#lnav .musicGenre a:hover{
	background-color: #e1e1e1;
	text-decoration: none;
}

.musicGenre li {
	background:url(//st.diskunion.net/templates/v2/img/default/line01.gif) no-repeat 10px bottom;
}

#lnav .musicGenre .end {
	background-image: none!important;
}

.cat a {
	font-size: 13px;
	font-weight: bold;
	padding: 6px 10px!important;
	background-image: none!important;
}

.cat span {
	font-size: 13px;
	font-weight: bold;
	display: block;
	padding: 6px 10px!important;
	background-image: none!important;
}
.cat.t12 a {
	font-size: 12px!important;
}

#lnav .bnr li{
	text-align: center;
	padding: 0 0 10px 0;	
}

/* 20141001 ADD */
#lnav .musicGenre span.hit_word1,span.hit_word2,span.hit_word3,span.hit_word4,span.hit_word5,span.hit_word6,span.hit_word7,span.hit_word8,span.hit_word9,span.hit_word10,span.hit_word11,span.hit_word12,span.hit_word13,span.hit_word14,span.hit_word15 {
	padding: 0!important;
	margin: 0!important;
	display: inline!important;
}
/* 20141001 ADD */

/* -----------------------------------------
06.フッタガイド
----------------------------------------- */

#guide{
	width: 960px;
	margin: 0 auto;
	color: #444;
	font-size: 11.5px;
}

#guide h2{
	text-align: center;
	padding: 20px 0 50px 0;
}

#guide a{
	color: #ff0000;
}

#guide .guideBox{
	width: 309px;
	float: left;
	margin: 0 16px 0 0;
}

#guide .guideBox h3{
	padding: 0 0 20px 0;
}

#guide .guideBox p{
	padding: 0 0 15px 0;
}


#guide table{
	width: 100%;
	margin: 0 0 15px 0;
}

#guide td{
	text-align: center;
	padding: 5px;
}

#guide .rLine{
	border-right: 1px dashed #ccc;
}

#guide .bLine{
	border-bottom: 1px dashed #ccc;
}

#guide .rateBox{
	padding: 10px!important;
	background: #f5f5f5;
}

/* -----------------------------------------
07.フッタ
----------------------------------------- */
#footer{
	clear: both;
	position: relative;
	width: 100%;
	background: #000 url(//st.diskunion.net/templates/v2/img/default/foot_line01.gif) repeat-x 0 0;

	margin: 20px 0 0 0;
	padding: 40px 0 20px 0;

	font-size: 12px;
	color: #fff;
}

#footer .inner{
	position: relative;
	width: 960px;
	margin: 0 auto 20px auto;
}

#footer .inner .logo{
	position: absolute;
	bottom: 10px;
	left: 0;
}

#footer .inner .copyright{
	position: absolute;
	bottom: 8px;
	left: 130px;

	font-size: 11px;
	color: #878787;
}


#footer a{
	color: #fff;
}

#footer dl{
	float: left;
}

#footer dt{
	color: #ff0000;
	background:url(//st.diskunion.net/templates/v2/img/default/foot_line02.gif) repeat-x 0 bottom;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;

	font-weight: bold;
}

#footer dt,
#footer dd{
	line-height: 2;
}

#footer .box01{
	width: 180px;
	margin: 0 75px 0 0;
}

#footer .box02{
	width: 450px;
	margin: 0 75px 0 0;
}

#footer .box03{
	width: 180px;
}

#footer .box04,
#footer .box05{
	width: 180px;
	margin: 0 80px 0 0;
}

#footer .part01{
	width: 169px;
	height: 50px;
	background:url(//st.diskunion.net/templates/v2/img/default/bg_part01.gif) no-repeat 0 0;
	padding: 10px 10px 0 0;

	text-align: right;
}

#footer .part02{
	width: 169px;
	height: 118px;
	background:url(//st.diskunion.net/templates/v2/img/default/bg_part02.gif) no-repeat 0 0;
	padding: 10px 10px 0 0;

	text-align: right;
}

#footer .part02 p{
	padding: 0 0 5px 0;
}

#footer .part03{
	width: 169px;
	height: 50px;
	background:url(//st.diskunion.net/templates/v2/img/default/bg_part03.gif) no-repeat 0 0;
	padding: 10px 10px 0 0;

	text-align: right;
}

#footer .part04{
	width: 169px;
	height: 50px;
	background:url(//st.diskunion.net/templates/v2/img/default/bg_part04.gif) no-repeat 0 0;
	padding: 10px 10px 0 0;

	text-align: right;
}

/* 2014.01.29 追加 tokyospice */
#searchNav .searchForm2{
	position: absolute;
	left: 95px;
	top: 43px;
	background:url(//st.diskunion.net/templates/v2/img/default/bg_sub_search_l.gif) no-repeat 0 0;
	width: 863px;
	height: 49px;
}

#searchNav .searchForm2 li{
	float: left;
	padding: 11px 0 0 0;
}

#searchNav .searchForm2 .kwdbox{
	width: 592px;
	height: 20px;
}

/* end */