@charset "utf-8"; 

.wrapper{background:url(/img/pc/bg.png) top center repeat-y #eeeeee; margin:0 auto; padding:0; text-align:center;}

.head{position:relative; margin:0 auto; width:980px; height:80px; text-align:left; background:#ffffff;}
.head h1{
	position: absolute;
	top: 0px;
	left: 11px;
}

.content{margin:0 auto; width:940px; background:#ffffff;}

.title{margin:0 auto;}
.btn{margin:20px auto;}

.bnrBlock{margin-bottom:15px; padding:10px; text-align:center;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
	padding: 10px;
	background:#eeeeee;
	position: relative;
	behavior:url(PIE.htc);
} 

h2.tit{margin:20px auto 15px;}

/* ranking */
.rankBoxOuter{width:100%; margin:0;}
.rankBoxLeft{width:454px; float:left; margin:0 10px;}
.rankBoxRight{width:454px; float:right; margin:0 10px 0 0;}
.rankBoxLeft h3, rankBoxRight h3{margin:0;}

.rankBlock{
	width:452px;
	text-align:left;
	border-right:1px solid #bebebe;
	border-bottom:1px solid #bebebe;
	border-left:1px solid #bebebe;
	background:url("/img/pc/bg_linkblock.png") repeat-x bottom left; 
}

.rankBlock02{
	width:452px;
	text-align:left;
	border-right:1px solid #bebebe;
	border-bottom:1px solid #bebebe;
	border-left:1px solid #bebebe;
	background:url("/img/pc/bg_linkblock02.png") repeat-x  bottom left; 
}


.rankBlock dl.rankBox dt {margin:10px; clear:left; float:left;}
.rankBlock dl.rankBox dd {margin:0 0 0 100px;} 


.rankBlock02 dl.rankBox02 dt {margin:10px; clear:left; float:left;}
.rankBlock02 dl.rankBox02 dd{margin:0 0 0 100px;}
.rankBlock02 dl.rankBox02 dd.up{margin:0 0 0 100px; padding-top:5px;}

.imgBlk{
	margin:0;
	padding:10px; 
	font-size:0; 
	line-height:1.0;
	-webkit-box-pack:center; -moz-box-pack:center; -o-box-pack:center; -ms-box-pack:center; box-pack:center;
	-webkit-box-orient:horizontal; -moz-box-orient:horizontal; -o-box-orient:horizontal; -ms-box-orient:horizontal; box-orient:horizontal;
}

.imgBlk img{max-width:75px; max-height:75px; padding:4px; background:#fff;
-webkit-box-shadow:2px 2px 4px rgba(0,0,0,0.35);
-moz-box-shadow:2px 2px 4px rgba(0,0,0,0.35); 
-o-box-shadow:2px 2px 4px rgba(0,0,0,0.35); 
-ms-box-shadow:2px 2px 4px rgba(0,0,0,0.35); 
box-shadow:2px 2px 7px rgba(0,0,0,0.35);
position: relative;
behavior:url(PIE.htc);
}

em.t{padding-top:10px; padding-bottom:2px; font-size:14px; font-weight:bold; color:#092253;}
em.a{padding-bottom:4px; font-size:12px; color:#756a4e;}
strong{color:#ed6e9b; font-size:22px;}
strong img{width:22px; height:22px; margin:0 5px; padding-bottom:5px;}

.note {
	text-align:left;
	font-size:10px;
	padding:20px;
}

/* お知らせ、楽曲紹介 */

.conBox{
	width:888px;
	text-align:left;
	border-right:1px solid #bebebe;
	border-bottom:1px solid #bebebe;
	border-left:1px solid #bebebe;
	background:#fff;
	margin:0;
	padding:25px;
}

h3.txt{
	color:#ff0000;
	font-weight:bold;
	padding-bottom:10px;
}

.career {
	margin:10px 0 20px;
}

.pt{
	color:#ff0000;
	font-weight:bold;
	padding:10px;
} 

.musicBox{
	text-align:left;
	margin-bottom:20px;
} 

dl.muBox dt {clear:left; float:left;}
dl.muBox dd {margin:0 0 0 250px;}

.imgBlk02 {padding:0; font-size:0; line-height:1.0;
-webkit-box-pack:center; -moz-box-pack:center; -o-box-pack:center; -ms-box-pack:center; box-pack:center;
-webkit-box-orient:horizontal; -moz-box-orient:horizontal; -o-box-orient:horizontal; -ms-box-orient:horizontal; box-orient:horizontal;
}

.imgBlk02 img{max-width:200px; max-height:200px; padding:10px; background:#fff;
-webkit-box-shadow:2px 2px 4px rgba(0,0,0,0.35);
-moz-box-shadow:2px 2px 4px rgba(0,0,0,0.35); 
-o-box-shadow:2px 2px 4px rgba(0,0,0,0.35); 
-ms-box-shadow:2px 2px 4px rgba(0,0,0,0.35); 
box-shadow:2px 2px 7px rgba(0,0,0,0.35);
position: relative;
behavior:url(PIE.htc);
}

em.t02{padding-top:10px; padding-bottom:2px; font-size:14px; font-weight:bold; color:#092253;}
em.a02{padding-bottom:4px; font-size:12px; font-weight:bold; color:#756a4e;}

/* QR*/

.qrBox{
	text-align:left;
}

.qrBox h3.music{
	color:#fff;
	font-size:14px;
	font-weight:bold;
	padding:2px 10px;
	background:#05b1e4;
	width:870px;
}

.catch{
	padding:10px;
}

.imgQr{
	padding:10px; 
	background:#fff;
	border:1px solid #bebebe;
	background:#ffffff;
	float:left;
	margin:0 10px;
}	

/*アイコン*/
.musicBox span.mark{
	display:inline-block;
 	padding:0.2em 0.2em; 
	margin:0 0.2em 5px 0; 
	background:#092253; 
	border:1px solid #092253; 
	line-height:1.0; 
	color:#fff;
	font-size:9px; 
	font-weight:normal; 
	vertical-align:middle;
	text-align:center;
	width:4.5em;
	border-radius:2px;
	position: relative;
	behavior:url(PIE.htc);
	}
	
.musicBox span.highlight{
	display:inline-block; 
	padding:0.2em 0.2em; 
	margin:0 0.2em 5px 0;
	background:#ffb609; 
	border:1px solid #ffb609; 
	line-height:1.0;
	color:#092253; 
	font-size:9px; 
	font-weight:normal; 
	vertical-align:middle; 
	text-align:center; 
	width:4.5em; 
	border-radius:2px;
	position: relative;
	behavior:url(PIE.htc);}


/* footer */
.footer{background:url(/img/pc/bg_footer.png) bottom center repeat-x; width:100%; height:135px;}
.footerLink {padding-top:40px; text-align:center;}
.footerLink ul li{display:inline; color:#fff; border-left:1px solid #fff; padding-left:0.6em; margin-left:0.6em;}
.footerLink ul li.firstList{border-left:none; padding-left:0; margin-left:0;}
.footerLink p{padding:20px 0 30px; color:#fff; text-align:center;}
.footerLink a:link, .footerLink a:hover, .footerLink a:active{color:#fff;}
.footerLink a:visited{color:#fff;}


/* 20130402追加 */

.lineBox{
	width:100%;
	text-align:left;
	border-bottom:1px solid #0099cc;
	background:#fff;
	margin-bottom:25px;
	padding-bottom:25px;
}

/* 20140317追加 */

.rirekiBtn{
    position: absolute;
    top: 15px;
    right: 20px;
    text-align:center;  
    display:block;
    
}

.rirekiBtn img:hover{
        filter:alpha(opacity=70);
        opacity:0.7;        
}


.spBoxArea{
    margin:15px auto;
    text-align:center;
    width:860px;
}

.spBox{
    width:255px;
    height:200px;
    text-align:center;
    border:2px solid #05b1e4;
    background:#fff;
    margin-right:40px;
    padding-bottom:25px;
    float:left;
}   

.spBoxEnd{
    width:255px;
    height:200px;
    text-align:center;
    border:2px solid #05b1e4;
    background:#fff;
    padding-bottom:25px;
    float:left;
}   

.spBox h3.carrier,
.spBoxEnd h3.carrier{
    font-size:0px;
    padding:7px;
    background:#05b1e4;
}
    
.spBtn{
    margin:70px 0;
}

.spBtn img:hover{
        filter:alpha(opacity=70);
        opacity:0.7;        
}

header{
    MARGIN:0em 0px !important;
}

nav{
    MARGIN:0em 0px !important;
}
