@charset "euc-jp";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	font: 1em/1.4em "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", "¥á¥¤¥ê¥ª", Meiryo, sans-serif;
	background-color: #000000;
}

#bg-container {
	background-image: url(../images/index_bg.jpg);
	background-position: center top;
	-moz-background-size: cover;
	background-size: cover;
}

#banner-container {
	background-color:#1e1e1e;
	text-align:center;
	padding:20px 0;
	width:100%;
}

#index-container {
	margin: 0px auto;
	width: 1140px;
	height: 1260px;
	position: relative;
}

#menu {
	width: 100%;
	background-color: #000000;
}

#menu ul {
	width: 1197px;
	display:block;
	margin:0 auto;
}

#menu ul li {
	display:table-cell;
}


div#official-sns {
	position: absolute;
	left: 967px;
	top: 533px;
	background-image: url(../images/index_btn_sns2.png);
	height: 85px;
	width: 115px;
	text-align: center;
}

div#official-sns a img {
	margin: 36px 6px 0px 6px;
	display: inline-block;
}

#yamagata {
	position: absolute;
	left: 8px;
	top: 90px;
}

#ouen {
	position: absolute;
	left: 68px;
	top: 258px;
}

div#widget {
	position: absolute;
	left: 7px;
	top: 533px;
	padding: 4px;
	background-color: #FFF;
	border-radius: 4px;        /* CSS3Áð°Æ */
	-webkit-border-radius: 4px;    /* Safari,Google ChromeÍÑ */
	-moz-border-radius: 4px;   /* FirefoxÍÑ */
}

#btn-mikami {
	position: absolute;
	left:355px;
	top: 103px;
}

#btn-cocco {
	position: absolute;
	left:578px;
	top: 103px;
}

h1#title-logo {
	position: absolute;
	left: 288px;
	top: 222px;
	display:none;
}

h2#copy1 {
	position: absolute;
	right: 34px;
	top: 92px;
}

div#director {
	position: absolute;
	left: 425px;
	top: 180px;
}

div#copy2 {
	position: absolute;
	left: 68px;
	top: 891px;

}

div#copy3 {
	position: absolute;
	left: 127px;
	top: 26px;

}

div#roadshow {
	position: absolute;
	top: 619px;
	left: 400px;
}

div#roadshow-kinkyu {
	position: absolute;
	left: 21px;
	top: 588px;
}

div#jyouei {
	position: absolute;
	left: 941px;
	top: 651px;
}

div#credit {
	position: absolute;
	left: 238px;
	top: 1003px;
}

div#social-wrapper {
	background-color: #000;
	height: 50px;
	width: 100%;
	position: fixed;
	left: 0px;
	bottom: 0px;
}

div#social {
	margin: 0 auto;
	width: 1140px;
	padding: 14px 0px;
	text-align: right;
}

div#social iframe {
	width: 130px !important;
	display: inline;
}

div#social iframe:first-child {
	width: 130px !important;
}

#overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	display:none;
	z-index: 1;
	background: rgba(0,0,0,0.8);
	vertical-align: middle;
	text-align:center;
}

#overlay a {
	display: table-cell;
	vertical-align: middle;
	text-align:center;
	width: 100%;
	height: 100%;
}

#msg-mikami {
	position: absolute;
	left: 215px;
	top: 160px;
	display: block;
	background-color: #FFF;
	padding: 30px;
	width: 650px;
	z-index: 2;
	font-size: 16px;
	line-height: 28px;
	display:none;
}

#msg-cocco {
	position: absolute;
	left:305px;
	top: 160px;
	display: block;
	background-color: #FFF;
	padding: 30px;
	width: 470px;
	z-index: 2;
	font-size: 16px;
	line-height: 28px;
	display:none;
}

#btn-close {
	text-align: center;
	width: 100%;
	margin-top: 2em;	
}