@charset "utf-8";


/*------------------------------
 c o m m o n
--------------------------------*/

body * {
	position:relative;
	text-align:left;
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	box-sizing:border-box;
}

body {
	overflow:auto;
	min-width:955px;
	background:url(../../../img/pc/common/bgCommon.jpg) no-repeat top center #000;
}
	@media screen and (min-width: 1515px) {
		body { background-size:contain; }
	}

.max1600 {
	width:100%;
	max-width:1600px;
}



/* 全体 */
#wrapper {
		width:100%;
		min-width:1100px;
		min-height:775px;
	    text-align: center;
		position:relative;
		z-index:1;
		margin-top:50px;
	}
	* html #main{ height: 994px; } /* forIE6 */
	/* コンテンツブロック */
	#contents {
		width:950px;
		height:auto;
		margin:auto;
		position:relative;
		z-index:5;
	}
			
			/* mainContents */
			#mainContents {
				width:960px;
				min-height:600px;
				margin:auto;
				z-index:1;
			}
			
			.noFlash {
				cursor:default;
			}

/* ----------------------------
	Header
------------------------------*/
#headerMenu {
	width:100%;
	height:56px;
	background-color:#000;
	z-index:10;
	position:fixed;
	top:0;
	left:0;
}
	#headerMenu * { height:100%; }
	#headerMenu header { display:block; width:100%; min-width:1100px; margin:auto; }
		#headerMenu a {	display:inline-block; }
		#headerMenu .logo { float:left; height:90%; top:5%; left:10px; }
		#headerMenu .btnFB { float:right; }
		#headerMenu .btnTW { float:right; }
		#headerMenu .btnMenu { float:right; }


/* ----------------------------
	Header slideMenu
------------------------------*/
	#slideMenu {
		width:100%;
		min-width:1225px;
		padding:2em;
		background:rgba(0,0,0,0.8);
		z-index:5;
		top:-1000px;
		position:fixed;
	}
		#slideMenu a {
			margin-bottom:0.2em;
			display:inline-block;
		}
	
	@media screen and (min-width: 768px) {
		#slideMenu { min-width: 984px; padding: 1em; }
	}	
		
	
/* ----------------------------
	Footer
------------------------------*/	

	/* ----------------------
		FooterHeadWrapper
	 ------------------------ */
	body { padding-bottom:0; }
	
	#footerWrapper {
		/* background:#f0f; */
		width:100%;
		height:auto; /* if show menu change this height from JS. */
		z-index:10;
		background:#000;
		color:#fff;
		min-width: 1100px;
	}
		#footerWrapper a { color:#fff; text-decoration:none; }
		
		#footeCopyrightInformation {
		background-color:#282828;
		width:100%;
		text-align:center;
		padding:1em;
		font-size:80%;
	}
		#footeCopyright .caution {
			font-size:60%;
			text-align:center;
			padding-bottom:1em;
		}
		#footeFloatJasrac { text-align:center; }
			#footeFloatJasrac .jasracInfo { font-size:60%; }
		
		#footerBackToTopPage {
			width: 60px;
			height: 60px;
			position: fixed;
			right: 10px;
			bottom: 10px;
			z-index: 50;
			display:none;
		}

		#notice {
		/* background:#f0f; */
		width:100%;
		height:auto; /* if show menu change this height from JS. */
		z-index:10;
		background:#000;
		color:#fff;
		min-width: 1100px;
		font-size: 70%;
		text-align: center;
		margin: 15px 0;
	}
		#notice a { color:#fff; text-decoration:none; }
		

/*--------------------------------
	micro clear fix
----------------------------------*/
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.button{opacity: 1;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.button:hover{opacity: .5;}