/* CSS Document */
@charset "utf-8";


/* base
------------------------------------ */
body {
	font-family: 'ヒラギノ角ゴ Pro W3',メイリオ,'ＭＳ Ｐゴシック',Meiryo,'MS P Gothic',sans-serif;
	color: #333;
	font-size: 13px;
	line-height: 1.5em;
	background: url(../images/bg_main.gif) repeat left top;
}



table { _font-size: 12px; }
a {
	color: #274834;
	text-decoration: none;
}
a:hover {
	color: #3c6b4d;
	text-decoration: underline;
}


/* clearfix */
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
	
.clearfix {display: inline-block;} 

/* Hides from IE Mac */
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End Hack */ 
.clear { clear: both; }

.space5  { margin-bottom: 5px; }
.space10 { margin-bottom: 10px; }
.space15 { margin-bottom: 15px; }
.space20 { margin-bottom: 20px; }
.space30 { margin-bottom: 30px; }
.space40 { margin-bottom: 40px; }
.space50 { margin-bottom: 50px; }

/* Font Size */ 
.fs10{font-size:10px}
.fs11{font-size:11px}
.fs12{font-size:12px}
.fs14{font-size:14px}
.fs16{font-size:16px}
.fs18{font-size:18px}
.fs20{font-size:20px}

.center { text-align: center; }
.line {text-align:center; }
.bold { font-weight: bold;
	font-size:14px; }
.attention { color: #c00; }
.orange { color: #ff9900; }
.red { color: #F00; }

/* header
------------------------------------ */
#header {
	height: 16px;
	background: #000;
	color: #fff;
	position: relative;
	z-index: 1;
}
#header h1 {
	font-size: 10px;
	font-weight: bold;
	line-height: 16px;
	padding: 0 0 0 1em;
	text-align:left;
}
#header a {
	color: #fff;
	font-size: 10px;
	line-height: 16px;
	display: block;
	position: absolute;
	right: 1em;
	top: 0;
}
#header a:hover {
	color: #aaa;
	text-decoration: none;
}

.colorLead{
	font-size:14px;
	font-weight:bold;
	color:#F00;
	margin:0 0 5px;
	line-height:1.3em;
}

/* footer
------------------------------------ */
#footer {
	text-align: center;
	padding: 20px 0 15px;
	clear:both;
	background:#FFF;
	position: relative;
	z-index: 1;
_width:100%;
/* IE5 later && javascript-on */
position: expression('absolute');
bottom: expression(documentElement.scrollTop + 0 + 'px');
left: expression(documentElement.scrollTop + 0 + 'px');

}
#footer #supportNav { margin: 0 0 10px; }
#footer #supportNav li { display: inline; }
#footer address { font-size: 11px; }
#footer .jasrac { font-size: 11px; }

#footer{
}

#pageTop {
	width: 56px;
	height: 56px;
	position: fixed;
	right: 60px;
	bottom: 30px;
	z-index:999;
}



/* CONTENTS
========================================== */
html, body {
height: 100%;
background:#EFF7FA;
	text-align:center;

}

#wrap {

height: 100%;
min-height: 600px;

position: relative;

}


#bg {
min-width: 100%;
min-height: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 0;
/* IE5 later && javascript-on */
position: expression('absolute');
top: expression(documentElement.scrollTop + 0 + 'px');
left: expression(documentElement.scrollLeft +0 + 'px');
}

#bg img {
min-width: 100%;
min-height: 100%;
position: fixed;
position: expression('absolute');
top: expression(documentElement.scrollTop + 0 + 'px');
left: expression(documentElement.scrollLeft +0 + 'px');

left: 0;
top: 0;
}

#container {
width: 950px;
padding: 10px 0 0;
margin: 0 auto;
position: relative;
z-index: 1;
_margin:0 0 200px;

}

#contents {
position: relative;
width: 900px;
margin: 0 auto;
margin-left:auto;
margin-right:auto;
	text-align:left;


}


/* btn
------------------ */
.btn a,
.btn input {
	display: block;
	width: 200px;
	height: 40px;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	letter-spacing: 0.1em;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.3),1px 1px 0 rgba(255,255,255,0.5) inset;
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3),1px 1px 0 rgba(255,255,255,0.5) inset;
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3),1px 1px 0 rgba(255,255,255,0.5) inset;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
	margin: 0 auto 10px;
}
.btn a:hover,
.btn input:hover {
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
}
.btn .main {
	background: #e1c3a9;
	background: -moz-linear-gradient(top,  #e1c3a9 0%, #cc9b73 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1c3a9), color-stop(100%,#cc9b73));
	background: -webkit-linear-gradient(top,  #e1c3a9 0%,#cc9b73 100%);
	background: -o-linear-gradient(top,  #e1c3a9 0%,#cc9b73 100%);
	background: -ms-linear-gradient(top,  #e1c3a9 0%,#cc9b73 100%);
	background: linear-gradient(to bottom,  #e1c3a9 0%,#cc9b73 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1c3a9', endColorstr='#cc9b73',GradientType=0 );
	color: #4B3823;

	text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
	border: 1px solid #8B654C;
}
.btn .main:hover {
	background: #CEA17B;
}
.btn .sub {
	background: #f5f5f5;
	background: -moz-linear-gradient(top,  #fefefe 1%, #efefef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fefefe), color-stop(100%,#efefef));
	background: -webkit-linear-gradient(top,  #fefefe 1%,#efefef 100%);
	background: -o-linear-gradient(top,  #fefefe 1%,#efefef 100%);
	background: -ms-linear-gradient(top,  #fefefe 1%,#efefef 100%);
	background: linear-gradient(to bottom,  #fefefe 1%,#efefef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#efefef',GradientType=0 );
	color: #444;
	text-shadow: 1px 1px 0 #fff;
	border: 1px solid #aaa;
}
.btn .sub:hover {
	background: #eee;
}


.greenBtn a{
	display:block;
	width:300px;
	height:50px;
	background: #85c96a; /* Old browsers */
	background: -moz-linear-gradient(top, #85c96a 0%, #52ca24 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#85c96a), color-stop(100%,#52ca24)); /* Chrome,Safari4+ */
	color:#FFF;
	font-weight:bold;
	font-size:20px;
	line-height:50px;
	text-align:center;
	margin:0 auto 5px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	-moz-text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-webkit-text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}

.greenBtn a:hover , .blueBtn a:hover{
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;       
	text-decoration:none; 
}


.blueBtn a {
display: block;
width:300px;
	height:50px;
background: #87E0FD;
background: -moz-linear-gradient(top, #87E0FD 0%, #2EB4DD 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87E0FD), color-stop(100%,#2EB4DD));
background: -webkit-linear-gradient(top, #87E0FD 0%,#2EB4DD 100%);
color: white;
font-weight: bold;
font-size: 20px;
	line-height:50px;

text-align: center;
margin: 0 auto 5px;
text-align:center;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-moz-text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
-webkit-text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
text-decoration: none;
float:none;
}



/* contents
-------------------------------- */

.mainTit {
	width:900px;
	height:279px;
	background: url(../images/tit_main_2.png) no-repeat;
	text-indent: -9999px;
	margin:10px auto 10px;
}
/*
.mainTit {
	width:900px;
	height:385px;
	background: url(../images/tit_main.png) no-repeat;
	text-indent: -9999px;
	margin:20px auto 10px;
}*/

.campaignNav{
	overflow:hidden;
	margin:0 auto 25px;
	width:900px;
	_width:1000px;


}
.campaignNav li{
	_width:400px;
	_float:left;
}

/*
.campaignNav li a{
	display:block;
	float:left;
	
}*/


/*.campaignNav li:nth-child(2n) a{
	margin:0 0 0 40px;
	_margin:0;
}
*/

.campaignNav li:nth-child(2n){
	margin:0 0 0 15px;
}

.campaignNav .campaign1{
	background:#FFF;
border: solid 2px #4CBDD9;	
}

.campaignNav .campaign2{
	background:#FFF;
border: solid 2px #7FD15E;	
}

#socialArea {
	width: 220px;
	height: 20px;
	margin:0 auto 30px;
	text-align:center;
	_width:600px;
	_margin:0 0 30px 250px;


}
#socialArea .fb-like { width: 120px; float: left; }
#socialArea .twitter { width: 100px; float: left; }


.leadArea {
	background: url(../images/bg_white.png) repeat;
	padding:15px 0;
	width:900px;
	margin:0 0 40px;
	box-shadow: 0 0 8px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.3);
}

.mainLead{
	font-weight:bold;
	font-size:14px;
	line-height:1.6em;
	text-align:center;
} 

.bnr{
	text-align:center;
	margin:0 0 40px;
}

.bnr img{
	box-shadow: 0 0 8px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.3);
}

.releaseArea{
	overflow:hidden;
	padding:20px;
	background: url(../images/bg_release.png) repeat;
	margin:0 0 40px;
	box-shadow: 0 0 8px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.3);

}


.leftClm{
	width:245px;
	float:left;
	margin:0 20px 0 0; 
}

.jk{
	width:245px;
	height:242px;
	background: url(../images/ph_jkt.jpg) no-repeat;
	text-indent:-9999px;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.2);
	margin:0 0 20px;
}

.releaseInfo{
	float:left;
	width:595px;
}

.releaseTit{
	font-size:22px;
	color:#fe8b15;
	font-weight:bold;
	padding:0 0 5px;
	border-bottom:2px solid #fe8b15;	
	margin:0 0 10px;
}

.txt{
	font-size:13px;
	line-height:1.4em;
}


.limit{
	background:#FFF;
	padding:7px;
	border:2px solid #7FD15E;
	font-size:15px;
	line-height:1.6em;

}

.songList {
	margin:0 0 20px 0;
}

.songList li{
	margin:0 0 3px;
	line-height:1.3em;
}

.songList li:first-child{
	text-indent:-0.6em;
}

.shop li{
}
.shopTxt{
	color:#333;
	margin:0 0 -8px;
}

.buy{
	padding:0 0 5px;
}

.singlecampaignTit{
	font-size:18px;
	color:#FE8B15;
	font-weight:bold;
	margin:0 0 10px;
	padding:20px 0 5px;
border-bottom: 2px solid #fe8b15;
	}

.capmaignCaption{
	background:#FAF8E4;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:10px;

}

.capmaignCaption li{
	text-indent:-1em;
	padding:0 15px 5px;
	line-height:1.4em;
	font-size:12px;
}


	

/*.shopTxt{
	width:100px;
	float:left;
	padding:3px 0 0;
}
.shopArea{
	overflow:hidden;
}

.shop{
	width:480px;
	height: 22px;
	float:left;
	overflow:hidden;
}

.shop li {
	display:inline;
}
*/

.campaignArea{
	width:576px;
	float:left;
	margin:0 0 60px 0;
	padding:15px;
 _padding: 7px;
	border:solid 2px #fbaacb;
	background:#FFF;
	box-shadow: 0 0 8px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.3);
}

.campaignmainTit{
	width:550px;
	height:80px;
	background: url(../images/tit_serial.png) no-repeat;
	margin:0 auto 20px;
	text-indent:-9999px;
}	

.caption li{
	font-size:12px;
	line-height:1.5em;
	margin:0 0 5px;
	text-indent:-1em;
	padding:0 0 0 15px;
}

.caption li:last-child{
	margin:0;
}

.captionArea .caption li:nth-child(15n){
	margin:0 0 15px;
}

#campaignTit1{
	width:595px;
	height:60px;
	background: url(../images/tit_serial_sub1.png) no-repeat;
	text-indent:-9999px;
	margin:0 0 10px;
}

.campaign1{
	background:#EDF9FF;
	padding:10px;
border-radius:5px;
}

.campaign2{
	background:#EEFFED;
	padding:10px;
border-radius:5px;
}

.capmaignAreaInr{
	background:#FFF;
	padding:10px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.capmaignAreaInr li{
	margin:0 0 3px;
	line-height:1.4em;
	color:#333;
}

.capmaignSongArea{
	border:solid 2px #4CBDD9;
	background:#FFF;
	padding:10px 10px 0;
	margin:0 0 15px;
}

.capmaignSongArea li{
	font-size:14px;
	margin:0 0 3px;
}

.capmaigndayArea{
	border:solid 2px #4CBDD9;
	background:#FFF;
	padding:10px;
	margin:0 0 15px;
}

.capmaigndayArea li{
	font-size:16px;
	margin:0 0 5px;
	font-weight:bold;
}

.capmsongTit{
	font-weight:bold;
}

#campaignTit2{
	width:595px;
	height:60px;
	background: url(../images/tit_serial_sub2.png) no-repeat;
	text-indent:-9999px;
	margin:0 0 10px;
}

.captionArea{
	background:#FEFDE1;
	padding:10px;
}

.captionTit{
	background:#FEB06E;
	padding:5px 0;
	text-align:center;
	font-weight:bold;
	font-size:15px;
	color:#FFF;
}

table.schedule {
width: 100%;
background: #FFF;
color: #000;
border: solid 2px #7FD15E;
}

table.schedule th {
background: #7FD15E;
font-size: 12px;
font-weight: bold;
padding: 8px;
color: #FFF;
}

table.schedule td {
border-bottom: 1px dotted #333;
padding: 15px 10px;
font-size:13px;
}

.txtAdd{
	text-indent:-1em;
	padding:0 15px;
}


.rightClm{
	width:250px;
	float:right;
}

.movieBox{
	background: url(../images/bg_white.png) repeat;
	padding:15px;
	border:solid 2px #FFE02E;
	box-shadow: 0 0 8px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.3);
}


.movieTit{
	padding:0 0 5px;
	margin:0 0 10px;
	/*border-bottom:2px solid #FFE02E;*/
}

.bbsTit{
	margin:0 0 8px;
	/*border-bottom:2px solid #FFE02E;*/
}

.btn_s a{
display:block;
margin:0 auto;
background: #f7d52a; /* Old browsers */
background: -moz-linear-gradient(top, #f7d52a 0%, #febf01 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7d52a), color-stop(100%,#febf01)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f7d52a 0%,#febf01 100%); /* Chrome10+,Safari5.1+ */
width:200px;
padding:10px 0;
border-radius:10px;
color:#FFF;
font-size:15px;
font-weight:bold;
text-align:center;
box-shadow:0 1px 3px rgba(0,0,0,0.3);
text-shadow:0px 1px 2px rgba(0,0,0,0.3);
}

.btn_s a:hover{
	opacity:0.8;
	text-decoration:none;
}


.sideBnr img{
	box-shadow: 0 0 8px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.3);
}



.qr img{
box-shadow: 0 0 8px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.3);
-moz-box-shadow: 0 0 8px rgba(0,0,0,0.3);
}