@charset "Shift_JIS";

.mod-mainContentContainer {
clear:both;
position:relative;
max-width:950px;
margin:0 auto;
padding-bottom:20px;
*zoom:1;
width:950px;
}
h3,p{
	margin:0;
	padding:0;
}

/* mainVisual
------------------------------------------*/
.mod-mainContentContainer .mod-mainVisual{
}
.mod-mainContentContainer .mod-mainVisual:after {
	content:'';
	display:block;
	clear:both;
	height:0;
}
.mod-mainContentContainer .mod-mainCopy{
	width: 950px;
	padding:0;
	margin:0;
}
#songs .mod-mainCopy{
	height: 380px;
}
#channels .mod-mainCopy{
	height: 379px;
}
#products .mod-mainCopy{
	height: 290px;
}
.mod-mainContentContainer .mod-mainCopy h2{
	padding:0;
	margin:0;
}
.mod-mainContentContainer .mod-mainCopy-smp{
	position:absolute;
	height:0;
	overflow:hidden;
}
.mod-mainContentContainer .mod-mainCopy-smp h2,
.mod-mainContentContainer .mod-mainCopy-smp img{
	display:none;
}
.mod-mainContentContainer .mod-mainArea{
	width: 950px;
	min-height: 586px;
	padding:0;
	margin:0;
	padding: 0 0 40px 0;
	position:relative;
}
#songs .mod-mainArea{
	background:#e9f5fb url(/music-unlimited/enjoy/images/detail_bg01.jpg) no-repeat 0 0;
}
#channels .mod-mainArea{
	background:#e9f5fb url(/music-unlimited/enjoy/images/detail_bg02.jpg) no-repeat 0 0;
}
#products .mod-mainArea{
	background:#e9f5fb url(/music-unlimited/enjoy/images/detail_bg03.jpg) no-repeat 0 0;
}
.mod-mainContentContainer .mod-mainArea:after{
	content:'';
	display:block;
	clear:both;
	height:0;
}

@media (max-width:640px) {
#songs .mod-mainCopy{
	height: auto;
}
#channels .mod-mainCopy{
	height: auto;
}
#products .mod-mainCopy{
	height: auto;
}
 .mod-mainContentContainer {
	position:static;
	max-width:640px;
	min-width:300px;
	width:auto;
	_width:300px;
	padding:0 10px;
}
.mod-mainContentContainer .mod-mainCopy{
	position:absolute;
	height:0;
	overflow:hidden;
}
.mod-mainContentContainer .mod-mainCopy img{
	display: none;
}
.mod-mainContentContainer .mod-mainCopy-smp{
	position: relative;
	height:auto;
	width: 100%;
	max-width: 640px;
	margin-top: 10px;
}
.mod-mainContentContainer .mod-mainCopy-smp h2{
	padding:10px 0 0 0;
	margin:0;
	display:block;
}
.mod-mainContentContainer .mod-mainCopy-smp:after{
	content:'';
	display:block;
	clear:both;
	height:0;
}
.mod-mainContentContainer .mod-mainCopy-smp img{
	display: block;
	width: 100%;
	height: auto;
}
.mod-mainContentContainer .mod-mainArea{
	width: 100%;
	height: auto;
	background:none;
	/*width: 98%;
	padding: 0 1% 0 1%;
	border: 1px solid #ccc;*/
	position:static;
}
#songs .mod-mainArea,
#channels .mod-mainArea,
#products .mod-mainArea{
	background:none;
}
}
/* bnr_trial
------------------------------------------*/
.mod-mainContentContainer .mod-mainArea .bnr_trial{
	width:305px;
	height:70px;
	/*margin: 0 auto;*/
	position:absolute;
	/*padding-top: 60px;*/
	right:38px;
	top:-77px;
}
.mod-mainContentContainer .mod-mainArea .bnr_search{
	width:830px;
	margin: 0 auto;
	padding-top:30px;
	position: relative;
	clear:both;
	text-align:center;
}
.mod-mainContentContainer .mod-mainArea .bnr_trial:after,
.mod-mainContentContainer .mod-mainArea .bnr_search:after{
	content:'';
	display:block;
	clear:both;
	height:0;
}
.mod-mainContentContainer .mod-mainArea .bnr_trial .mod-extra-alternate,
.mod-mainContentContainer .mod-mainArea .bnr_search .mod-extra-alternate{
	position:absolute;
	height:0;
	overflow:hidden;
}
@media (max-width:640px) {
.mod-mainContentContainer .mod-mainArea .bnr_trial,
.mod-mainContentContainer .mod-mainArea .bnr_search{
	width:100%;
	height:auto;
	margin: 0;
	padding: 10px 0 0 0;
	position:static;
}
.mod-mainContentContainer .mod-mainArea .bnr_trial a,
.mod-mainContentContainer .mod-mainArea .bnr_search a{
}
.mod-mainContentContainer .mod-mainArea .bnr_trial > img, .mod-mainContentContainer .bnr_trial > a > img,
.mod-mainContentContainer .mod-mainArea .bnr_search > img, .mod-mainContentContainer .bnr_search > a > img {
	display:none
}
.mod-mainContentContainer .mod-mainArea .bnr_trial .mod-extra-alternate{
	position:static;
	height:auto;
	padding:8px;
	/*border:3px solid #facb54;*/
	border-radius: 6px;       
	-webkit-border-radius: 6px;   
    -moz-border-radius: 6px; 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #efb357), color-stop(0.88, #feb531));
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.95, #aa0082), color-stop(0.45, #fcd970), color-stop(0.00, #f7b103));
	background: -webkit-linear-gradient(top, #fff9c5 0%, #fcd970 45%, #f7b103 95%);
	background: -moz-linear-gradient(top, #fff9c5 0%, #fcd970 45%, #f7b103 95%);
	background: -o-linear-gradient(top, #fff9c5 0%, #fcd970 45%, #f7b103 95%);
	background: -ms-linear-gradient(top, #fff9c5 0%, #fcd970 45%, #f7b103 95%);
	background: linear-gradient(top, #fff9c5 0%, #fcd970 45%, #f7b103 95%);

}
.mod-mainContentContainer .mod-mainArea .bnr_search .mod-extra-alternate{
	position:static;
	height:auto;
	padding:11px;
	/*border:3px solid #facb54;*/
	border-radius: 6px;       
	-webkit-border-radius: 6px;   
    -moz-border-radius: 6px; 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #efb357), color-stop(0.88, #feb531));
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.95, #343436),color-stop(0.50, #2a2b2c), color-stop(0.00, #020202));
	background: -webkit-linear-gradient(top, #343436 0%, #2a2b2c 50%, #020202 95%);
	background: -moz-linear-gradient(top, #343436 0%, #2a2b2c 50%, #020202 95%);
	background: -o-linear-gradient(top, #343436 0%, #2a2b2c 50%, #020202 95%);
	background: -ms-linear-gradient(top, #343436 0%, #2a2b2c 50%, #020202 95%);
	background: linear-gradient(top, #343436 0%, #2a2b2c 50%, #020202 95%);
}
.mod-mainContentContainer .mod-mainArea .bnr_trial .mod-extra-alternate h4 {
	font-size:1em;
	margin:0;
	color: #e6157d;
	font-weight: bold;
	background: url(/music-unlimited/share/images/bnr_arrow.gif) 1px 49% no-repeat;
	padding-left: 18px;
	font-size: 85%;
	text-align:left;
}
.mod-mainContentContainer .mod-mainArea .bnr_search .mod-extra-alternate h4{
	font-size:1em;
	margin:0;
	color: #fff;
	font-weight: bold;
	background: url(/music-unlimited/share/images/bnr_arrow2.gif) 1px 49% no-repeat;
	padding-left: 18px;
	font-size: 85%;
	text-align:left;
}
.mod-mainContentContainer .mod-mainArea .bnr_trial .mod-extra-alternate p,
.mod-mainContentContainer .mod-mainArea .bnr_search .mod-extra-alternate p {
	display:none
}
}

/* nav_area
------------------------------------------*/
.mod-mainContentContainer .mod-mainArea .nav_area{
	width:870px;
	/*margin:30px auto 0;*/
	margin:0 auto;
}
.mod-mainContentContainer .mod-mainArea .nav_area:after {
	content:'';
	display:block;
	clear:both;
	height:0;
}
.mod-mainContentContainer .mod-mainArea .nav_area .nav01{
	width: 280px;
	float: left;
}
.mod-mainContentContainer .mod-mainArea .nav_area .nav01 a{
	display:block;
	text-decoration: none;
	cursor: pointer;
}
.mod-mainContentContainer .mod-mainArea .nav_area .nav01 h3{
	width: 280px;
	height: 60px;
	background: url(/music-unlimited/enjoy/images/sub_nav01_b.png) no-repeat 0 0;
}
.mod-mainContentContainer .mod-mainArea .nav_area .nav01 h3:hover{
	background-position: 0 -60px;
}
.mod-mainContentContainer .mod-mainArea .nav_area .nav01 h3 span{
	display: none;
}
.mod-mainContentContainer .mod-mainArea .nav_area .nav02{
	width: 280px;
	float: left;
	padding: 0 0 0 15px;
}
.mod-mainContentContainer .mod-mainArea .nav_area .nav02 a{
	display:block;
	text-decoration: none;
	cursor: pointer;
}
.mod-mainContentContainer .mod-mainArea .nav_area .nav02 h3{
	width: 280px;
	height: 60px;
	background: url(/music-unlimited/enjoy/images/sub_nav02_b.png) no-repeat 0 0;
}
.mod-mainContentContainer .mod-mainArea .nav_area .nav02 h3:hover{
	background-position: 0 -60px;
}
.mod-mainContentContainer .mod-mainArea .nav_area .nav02 h3 span{
	display: none;
}
.mod-mainContentContainer .mod-mainArea .nav_area .nav03{
	width: 280px;
	float: left;
	padding: 0 0 0 15px;
}
.mod-mainContentContainer .mod-mainArea .nav_area .nav03 a{
	display:block;
	text-decoration: none;
	cursor: pointer;
}
.mod-mainContentContainer .mod-mainArea .nav_area .nav03 h3{
	width: 280px;
	height: 60px;
	background: url(/music-unlimited/enjoy/images/sub_nav03_b.png) no-repeat 0 0;
}
.mod-mainContentContainer .mod-mainArea .nav_area .nav03 h3:hover{
	background-position: 0 -60px;
}
.mod-mainContentContainer .mod-mainArea .nav_area .nav03 h3 span{
	display: none;
}
@media (max-width:640px) {
.mod-mainContentContainer .mod-mainArea .nav_area{
	width:100%;
	/*margin:20px auto 0;*/
	margin:0 auto;
	padding-top:30px !important;
	
}
.mod-mainContentContainer .mod-mainArea .nav_area .nav01 a h3 span,
.mod-mainContentContainer .mod-mainArea .nav_area .nav02 a h3 span,
.mod-mainContentContainer .mod-mainArea .nav_area .nav03 a h3 span{
	display: inline;
}
.mod-mainContentContainer .mod-mainArea .nav_area .nav01,
.mod-mainContentContainer .mod-mainArea .nav_area .nav02,
.mod-mainContentContainer .mod-mainArea .nav_area .nav03{
	position:static;
	width: 100%;
	height:50px;
	float: none;
	margin:-1px 0 0 0;
	padding:0;
	border: 1px solid #ccc;
	-webkit-border-top-right-radius: 2px;  
    -webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;  
    -webkit-border-bottom-left-radius: 2px;    
    -moz-border-radius-topright: 2px;  
    -moz-border-radius-topleft: 2px;
	-moz-border-radius-bottomright: 2px;  
    -moz-border-radius-bottomleft: 2px;
	background:#FFF url(/music-unlimited/enjoy/images/nav_arrow.gif) no-repeat 98% 50%;
}
.mod-mainContentContainer .mod-mainArea .nav_area a{
	display:block;
	text-decoration: none;
}
.mod-mainContentContainer .mod-mainArea .nav_area .nav01 a,
.mod-mainContentContainer .mod-mainArea .nav_area .nav02 a,
.mod-mainContentContainer .mod-mainArea .nav_area .nav03 a{
	color: #000;
	width: 100%;
	height: auto;
}
.mod-mainContentContainer .mod-mainArea .nav_area a:hover{
	text-decoration: underline;
}
.mod-mainContentContainer .mod-mainArea .nav_area .nav01 h3,
.mod-mainContentContainer .mod-mainArea .nav_area .nav02 h3,
.mod-mainContentContainer .mod-mainArea .nav_area .nav03 h3{
	padding: 0 0 0 8px;
	position:static;
	width: auto;
	font-size: 90%;
	background: none;
	display: table-cell;
	vertical-align:middle;
	height: 50px;
}
}

/* article
------------------------------------------*/
.mod-mainContentContainer .article{
	width:830px;
	background:url(/music-unlimited/enjoy/images/article_bg.jpg) repeat-x 0 0;
	background-color: #FFF;
	margin: 25px auto 0;
	padding:35px 0 30px 40px;
	border: 1px rgba(204, 204, 204, 0.7) solid;
	border-radius: 6px;       
	-webkit-border-radius: 6px;   
    -moz-border-radius: 6px; 
	box-shadow: 1px 1px 1px 0px rgba(204, 204, 204, 0.3), inset 0px 1px 2px 0px #FFF;
    -moz-box-shadow: 1px 1px 1px 0px rgba(204, 204, 204, 0.3), inset 0px 1px 2px 0px #FFF;
    -webkit-box-shadow: 1px 1px 1px 0px rgba(204, 204, 204, 0.3), inset 0px 1px 2px 0px #FFF;
	/*box-shadow: 1px 1px 1px 0px #EFEFEF , inset -1px -1px 1px 1px #EFEFEF;*/
}
.mod-mainContentContainer .article:after{
	content:'';
	display:block;
	clear:both;
	height:0;
}
@media (max-width:640px) {
.mod-mainContentContainer .article{
	width:auto;
	height:auto;
	background-image: none;
	padding:8px;
	position:static;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.85, #FFF), color-stop(0.03, #EEE));
	background: -webkit-linear-gradient(top, #EEE 3%, #FFF 85%);
	background: -moz-linear-gradient(top, #EEE 3%, #FFF 85%);
	background: -o-linear-gradient(top, #EEE 3%, #FFF 85%);
	background: -ms-linear-gradient(top, #EEE 3%, #FFF 85%);
	background: linear-gradient(top, #EEE 3%, #FFF 85%);
}
}