@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;
		}
		
		#footerBackToTopPage {
			width: 60px;
			height: 60px;
			position: fixed;
			right: 10px;
			bottom: 10px;
			z-index: 50;
			display:none;
		}

		#btnRight{vertical-align:middle;text-align: center;width: 100%;padding: 25px 0 15px 0; background-color: #323232;}
		#share{ display:inline-block; width:156px; height:39px; text-align:right; vertical-align: middle; }
		#share img{ width:100%; }
		#share #shareTitle{ width:60px; margin:2px 25px 0 0; display:inline-block; vertical-align: top;}
		#share #btnTWshare{ width:28px; margin:8px 15px 0 0; display:inline-block; vertical-align: top;}
		#share #btnFBshare{ width:25px; margin:9px 0 0 0; display:inline-block; vertical-align: top;}

		.qrJasrac { text-align:center; }
		#footeFloatJasrac { margin: 0 auto; line-height: 11px; width:120px; display: inline-block;text-align: center; }
		#footeFloatJasrac .jasracInfo { font-size:60%; }

		#footeFloatSecom { padding: 1px 2px 0 2px; background-color:#ffffff; display: inline-block; }

		#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;}

#footerRodoshowBg{background-color: #ffffff;padding-top:2px; }
#footerRoadshow{ width:100%; text-align: center; margin: 0 auto; padding: 20px 0 22px 0; background-color: #ffffff; border-top: solid 3px #0083c0; }