/* 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; }
.space25 { margin-bottom: 25px; }
.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; }
.orange { color: #ff9900; }
.red { color: #F00; }
.text{font-size:12px;
	 color:#284b30;
	text-shadow:0 0 5px rgba(255,255,255,0.6);
	-webkit-text-shadow:0 0 5px rgba(255,255,255,0.6);
	-moz-text-shadow:0 0 5px rgba(255,255,255,0.6);
}

.txtBold{
font-family: 'ヒラギノ角ゴ pro W3',メイリオ,'ＭＳ Ｐゴシック',Meiryo,'MS P Gothic',sans-serif;
	font-weight:bold;
	font-size:15px;
	color:#333;
}

.txtSmall{
	font-size:12px;
}


/* 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:#none;
	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:#FFF;
	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 {
padding: 20px 0 0;
margin: 0 auto;
position: relative;
z-index: 1;
_margin:0 0 200px;

}

#mainArea {
	background: url(../images/bg_contents.png) repeat left top;
	padding:20px 0;
	overflow:hidden;

}



#contents {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	overflow:hidden;
}

#contents .mainLead{
	font-size:30px;
	font-family: 'ヒラギノ角ゴ std W3',メイリオ,'ＭＳ Ｐゴシック',Meiryo,'MS P Gothic',sans-serif;
	font-weight:bold;
	text-align:center;
	line-height:1.4em;
	color:#36483c;
	margin:0 0 20px;
}

#contents .lead{
	font-size:14px;
	font-family: 'ヒラギノ角ゴ std W5',メイリオ,'ＭＳ Ｐゴシック',Meiryo,'MS P Gothic',sans-serif;
	text-align:center;
	line-height:1.5em;
	color:#333333;
}

#contents .salesTime{
	font-size:24px;
	font-weight:bold;
	font-family: 'ヒラギノ角ゴ std W3',メイリオ,'ＭＳ Ｐゴシック',Meiryo,'MS P Gothic',sans-serif;	
	text-align:center;
/*	color:#ff8400; */
	color: #FA0634;
	margin:10px 0 20px;
} 

.leafIcon{
	padding:0 3px 0 0;
}

.pamphContWrap{
	overflow:hidden;
	width:920px;
	margin:0 auto 50px;
}

.pamphContWrap .pamphCont{
	width:303px;
	float:left;
	color:#36483c;
	margin:0 5px 0 0;
	padding:0 0 23px;
	background:url(../images/cont_bottom.png) no-repeat left bottom;
} 


.pamphContWrap .pamphCont dl{
	background:url(../images/cont_middle.png) repeat left bottom;
}

.pamphContWrap .pamphCont dt{
	width:284px;
	font-size:18px;
	font-weight:bold;
	font-family: 'ヒラギノ角ゴ std W3',メイリオ,'ＭＳ Ｐゴシック',Meiryo,'MS P Gothic',sans-serif;
	background:url(../images/border_green2.jpg) no-repeat left bottom;
	padding:15px 0 10px;
	margin:0 10px;
	text-align:center;

}


.pamphContWrap .pamphCont:last-child{
	margin:0;
}

.pamphContWrap .pamphCont dd{
	padding:10px 10px 0;
	color:#36483c;
	line-height:1.5em;
}


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

.mainTit {
	width: 1000px;
	height: 530px;
	background: url(../images/ph_pamphlet_main.jpg) no-repeat left top;
	text-indent: -9999px;
	margin: 0 auto 20px;
	position: relative;
}
.closing {
	width: 106px;
	height: 100px;
	/*background: url(../images/ico_pamphlet_closing.png) no-repeat left top;*/
	position: absolute;
	right: 140px;
	bottom: 95px;
}

#socialArea {
	width: 220px;
	height: 20px;
	text-align:center;
	position: absolute;
	right: 30px;
	top: 20px;
}
#socialArea .fb-like { width: 120px; float: left; }
#socialArea .twitter { width: 100px; float: left; }


.shopList{
	overflow:hidden;
	width: 590px;	
	height:63px;
	margin: 0 auto 5px;
}

.shopList li{
	float:left;
	margin:0 15px 0 0;
	line-height: 5em;
}
.shopList li a{
	color:#2b703b;
	font-size:13px;
	text-shadow:0 0 5px rgba(255,255,255,0.6);
	-webkit-text-shadow:0 0 5px rgba(255,255,255,0.6);
	-moz-text-shadow:0 0 5px rgba(255,255,255,0.6);
		font-weight:bold ;
}

.shopList li a span{
	font-weight:normal;
}



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



.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);
}



.leftClm{
	width:530px;
	float:left;
	margin:0 0 50px 0;
	padding:20px;
 _padding: 7px;
	background:#FFF;
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
}

.contTit{
	font-family: 'ヒラギノ角ゴ stb W3',メイリオ,'ＭＳ Ｐゴシック',Meiryo,'MS P Gothic',sans-serif;
	font-size:20px;
	font-weight:bold;
	background:url(../images/border_green.png) repeat-x left bottom;
	padding:0 0 15px;
	margin:0 0 20px;	
}


.detail{
	border:solid 1px #C9C9C9;
	margin:0 0 10px;
}

.detail th{
	width:18%;
	font-size:12px;
	line-height:1.5em;
	text-align:center;
	background:#E6FCAD;
	border:solid 1px #C9C9C9;

}

.detail td{
	font-size:12px;
	line-height:1.5em;
	padding:7px 10px 7px 15px;
	border:solid 1px #C9C9C9;

}
.detail td .songList dt{
	margin:0 0 5px;
}

.detail td .songList dd{
	text-indent:-1em;
	line-height:1.3em;
	padding:0 0 5px 10px;
}

.detail td .caption{
	font-size:11px;
}




.attentionArea{
	background:#f5f5f5;
	border:solid 1px #C9C9C9;
	padding:15px;
}

.attentionArea .subTit{
	font-size:16px;
	font-weight:bold ;
font-family: 'ヒラギノ角ゴ pro W3',メイリオ,'ＭＳ Ｐゴシック',Meiryo,'MS P Gothic',sans-serif;
	margin:0 0 10px;
	line-height:1.2em;
}


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

.icon-issue{
	color:#ff6600;
	padding:0 2px 0 0;
}

.rightClm{
	width:400px;
	float: left;
	margin: 0 0 0 28px;
}

.movieBox{
	background: url(../images/bg_rightclim.jpg) repeat left top;
	padding:10px;
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);
}


.movieTit{
	font-size:20px;
	font-family: 'ヒラギノ角ゴ std W4',メイリオ,'ＭＳ Ｐゴシック',Meiryo,'MS P Gothic',sans-serif;
	color:#FFF;
	background: url(../images/border_white.jpg) no-repeat 5px bottom;
	padding:10px 5px 15px;
	margin:0 0 10px;
	text-shadow:0 1px 2px rgba(0,0,0,0.4);
	position:relative;
}

.movieBox .tit{
	font-size:14px;
	font-weight:bold;	
	color:#FFF;
	background: url(../images/border_white.jpg) no-repeat 5px bottom;
	padding:10px 5px 15px;
	margin:0 0 10px;
}

.teamLogo{
	position:absolute;
	right: 8px;
	top: -3px;
}

.movieBox .thum{
	text-align:center;
}

.pamphList{
	overflow:hidden;
	width: 365px;
	margin: 0 auto;
}


.pamphList li{
	float:left;
}

.pamphList .pamphTxt{
	width: 235px;
	font-size:12px;
	line-height:1.45em;
	color:#FFF;
	float:right;
}

.pamphList .pamphTxt dt{
	font-size:12px;
	font-weight:bold;		
	padding:10px 0 10px;
}

.pamphList .pamphTxt dd{
	line-height:1.5em;
	font-size:11px;	
}





/* btn
------------------ */
.btn {
	width:340px;
	margin:0 auto 20px;
	clear:both;
}
	

.btn a{
	display:block;
	font-size:20px;
	font-weight:bold;
	font-family: 'ヒラギノ角ゴ std W3',メイリオ,'ＭＳ Ｐゴシック',Meiryo,'MS P Gothic',sans-serif;		
	text-align:center;
	color:#FFF;
	background: #FE9700;
	border-bottom: 3px solid #D18100;
	padding:15px 0;
	border-radius:5px;
}
.btn a:hover{
	border:none;
	text-decoration:none;
	margin: 3px auto 0;
}

.btn_s{
	width:270px;
	margin:0 auto 5px;
    padding: 1px 0 0;

}

.btn_s a{
	display:block;
	font-size:13px;
	font-family: 'ヒラギノ角ゴ std W4',メイリオ,'ＭＳ Ｐゴシック',Meiryo,'MS P Gothic',sans-serif;
	text-align:center;
	color:#FFF;
	background: #6EBE42;
	border-bottom: 3px solid #55942C;
	padding:8px 0;
	border-radius:5px;
}

.btn_s a:hover{
	border:none;
	text-decoration:none;
	margin: 3px auto ;
}


#pageTop a {
	font-size:33px;
	color:#6EBE42;
}

#pageTop a:hover{
	color:#7FDB4D;
	text-decoration:none;
}


.movieBox .bbsTit{
	font-size:16px;
	font-weight:bold;
	color:#FFF;
}



/* photoArea
-------------------------------- */
#photoArea {
	padding: 0 30px;
	margin: 0 0 40px;
}
#photoArea .tit {
	font-family: 'ヒラギノ角ゴ stb W3',メイリオ,'ＭＳ Ｐゴシック',Meiryo,'MS P Gothic',sans-serif;
	font-size: 20px;
	font-weight: bold;
	background: url(../images/border_green.png) repeat-x left bottom;
	padding: 0 0 15px;
	margin: 0 0 20px;
}
#photoArea .photoList {
}
#photoArea .photoList li {
	display: inline;
padding: 0 5px 0 0;
}

#photoArea .photoList img {
	width: 135px;
	vertical-align:middle;
}