/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
@import {
  url("normaliz.css") all;
}
*{margin-bottom:0px;}
@font-face {
	font-family: 'WebSymbolsRegular';
    src: url('./websymbols-regular-webfont.woff') format('woff'),
         url('./websymbols-regular-webfont.ttf') format('truetype'),
         url('./websymbols-regular-webfont.eot?') format('eot'),
         url('./websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

html{
	margin:0;
	padding:0;
	border:0;
	height:100%;
	overflow-y: scroll;
}
body {
    font-family:"Meiryo","メイリオ","MS UI Gothic","Tahoma","Lucida Grande","ヒラギノ丸ゴ Pro W4","Osaka","ＭＳ Ｐゴシック",sans-serif;
    margin:0;
	padding:0;
    font-size: 12px;
    line-height:1.5;
    font-weight:normal;
    font-style:normal;
	height:100%;
	border:0;
	height:100%;
}

select,
input,
button,
textarea {
    font:100% ;
}
table {
    font-size:inherit;
    font:100%;
}
img{
border:0px;
}

h1 ,h2 ,h3 ,h4 , h5, tr, td, th, ul, li, p, span{
    margin: 0;
	padding:0;
	list-style:none;
}

h1 ,h2 ,h3 ,h4{
    font-weight: normal;
}

h2{
	font-size:large;
	font-weight:bold;
	color: #ff0000;
	margin-bottom:5px;
}

h2.orange{
	font-size:large;
	font-weight:bold;
	color: #eb6100;
	margin-bottom:5px;
}

h3{
	font-size:13px;
	font-weight:bold;
	margin-bottom:5px;
}

a{
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

/* Remove text-shadow in selection highlight */
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
/* A better looking default horizontal rule */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin:0;
    padding: 0;
}
/* Remove the gap between images and the bottom of their containers: */
img {
    vertical-align: middle;
}
/* Remove default fieldset styles. */
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
/* Allow only vertical resizing of textareas. */
textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
.mgl10{margin-left:10px;}
.mgl20{margin-left:20px;}
.mgl30{margin-left:30px;}
.mg180{margin-left:180px;}
.mgr10{margin-right:10px;}
.mgr19{margin-right:19px;}
.mgr20{margin-right:20px;}
.mgr30{margin-right:30px;}
.mgb10{margin-bottom:10px;}
.mgb20{margin-bottom:20px;}
.mgb30{margin-bottom:30px;}
.mgb40{margin-bottom:40px;}
.mgt10{margin-top:10px;}
.mgt20{margin-top:20px;}
.mgt30{margin-top:30px;}
.mgt40{margin-top:40px;}
.text10{font-size:10px;}
.text11{font-size:11px;}
.text12{font-size:12px;}
.text13{font-size:13px;}
.text14{font-size:14px;}
.text15{font-size:15px;}
.text16{font-size:16px;}
.text17{font-size:17px;}
.text18{font-size:18px;}
.text19{font-size:19px;}
.text20{font-size:20px;}
.text40{font-size:40px;}
.textright{text-align:right;}
.textcenter{text-align:center;}
.mgcenter{margin-left:auto; margin-right:auto;}
.fl{float:left;}
.fr{float:right;}
.bold{font-weight:bold;}
.brt{border-top:1px solid #000;}
.brb{border-bottom:1px solid #000;}
.brl{border-left:1px solid #000;}
.brr{border-right:1px solid #000;}
.brtd{border-top:1px dashed #000;}
.brbd{border-bottom:1px dashed #000;}
.brld{border-left:1px dashed #000;}
.brrd{border-right:1px dashed #000;}
.brbdg{border-bottom:1px dashed #666;}
.clear{clear:both;}
.red{color:red;}
.gray{color:gray;}
.center{text-align:center;}
.Tright{text-align:right;}
.Tleft{text-align:left;}
.ls1{letter-spacing:-1px;}
.display-b{display:block;}

/* Image replacement */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/* 完全に消す*/
.hidden {
    display: none !important;
    visibility: hidden;
}
/* Hide only visually, but have it available for screenreaders */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
/* Extends the .visuallyhidden class to allow the element to be focusable */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
/* Hide visually and from screenreaders, but maintain layout */
.invisible {
    visibility: hidden;
}
/* Clearfix: contain floats */ 
.clearfix:after { 
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content:".";
}
.clearfix {
    min-height: 1px; 
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
a:hover img.trans06{
	-ms-filter: "alpha( opacity=60 )";
	filter: alpha( opacity=60 );
	opacity: 0.6;
}
a:hover img.trans08{
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
}

/* ==========================================================================
   Content.ここから個別コンテンツ
   ========================================================================== */
.allwidth{
	width:1000px;
	margin:0 auto;
}
div#contents{
	background:url(../img/first/bg.png) repeat;
	min-height:1500px;
}
div#content-head{
}
div#content-head img.makimono{
	margin-left: 97px;
    position: fixed;
    z-index: 6;
}

div.content-head2{
	width:900px;
	text-align:center;
	float:right;
	position:relative;
	cursor:pointer;
}

div#content-left{
	z-index:5;
	text-align:left;
	width:240px;
	float:left;
	position:fixed;
	margin-top:123px;
}
ul.navi{
}
ul.navi li{
	clear:both;
	width:250px;
	height:70px;
	text-indent:-9999px;
}
ul.navi li.gNavi1{
	background:url(../img/top/menu1.png) no-repeat;
}
ul.navi li.gNavi1:hover{
	background:url(../img/top/menu1_r.png) no-repeat;
}
ul.navi li.gNavi2{
	background:url(../img/top/menu2.png) no-repeat;
}
ul.navi li.gNavi2:hover{
	background:url(../img/top/menu2_r.png) no-repeat;
}
ul.navi li.gNavi3{
	background:url(../img/top/menu3.png) no-repeat;
}
ul.navi li.gNavi3:hover{
	background:url(../img/top/menu3_r.png) no-repeat;
}
ul.navi li.gNavi4{
	background:url(../img/top/menu4.png) no-repeat;
}
ul.navi li.gNavi4:hover{
	background:url(../img/top/menu4_r.png) no-repeat;
}
ul.navi li.gNavi5{
	background:url(../img/top/menu5.png) no-repeat;
}
ul.navi li.gNavi5:hover{
	background:url(../img/top/menu5_r.png) no-repeat;
}
ul.navi li a{
	width:230px;
	height:70px;
	display:block;
}



div#content-right{
	background:url(../img/top/bg_L.png) repeat-y;
	text-align:left;
	position:relative;
	margin-left:150px;
	width:90px;
	z-index:3;
}
div#content-right2{
	background:url(../img/top/bg_R.png) repeat-y right #FFF;
	text-align:left;
	width:629px;
	position:relative;
	z-index:2;
	margin-left:90px;
	padding-right:90px;
	padding-top: 141px;
}

div#goods div.contents1{
	background:url(../img/goods/div1.png) no-repeat;
	height:770px;
	text-align:left;
}
div#goods div.contents1-1{
	background:url(../img/goods/div1-1.png) no-repeat;
	height:371px;
	text-align:left;
}
div#goods div.contents1-2{
	margin-bottom:50px;
}
div#goods div.contents1-2 div.text{
	padding-left:39px;
	width:324px;
	padding-top:0;
}
div#goods div.contents1-5{
	background:url(../img/goods/div1-5.png) no-repeat;
	height:405px;
	text-align:left;
}	
div#goods div.contents1-4 div.text{
	padding-top:0px;
}
div#goods div.text{
	width:400px;
	padding-top:30px;
	padding-left:40px;
}
div#top{
	padding-top:100px;
	margin-top:-100px;
}
div#stage{
	padding-top:100px;
	margin-top:-100px;
}
div#attraction{
	padding-top:110px;
	margin-top:-110px;
}
div#goods{
	padding-top:100px;
	margin-top:-100px;
}
div#bussan{
	padding-top:100px;
	margin-top:-100px;
}

div#stage div.contents1{
	background:url(../img/stage_event/div1_2016.jpg) no-repeat;
	height:220px;
	text-align:left;
	padding-top:110px;
}
div#stage div.contents2{
	background:url(../img/stage_event/div2.png) no-repeat;
	height:210px;
	text-align:left;
}
div#stage div.contents3{
	background:url(../img/stage_event/div3.png) no-repeat;
	height:210px;
	text-align:left;
}
div#stage div.contents4{
	background:url(../img/stage_event/div4.png) no-repeat;
	height:210px;
	text-align:left;
}
div#stage div.contents5{
	background:url(../img/stage_event/div5_2016.jpg) no-repeat;
	height:210px;
	text-align:left;
}
div#stage div.contents6{
	background:url(../img/stage_event/div6_2016.jpg) no-repeat;
	height:220px;
	text-align:left;
}
div#stage div.contents7{
	background:url(../img/stage_event/div7.png) no-repeat;
	height:220px;
	text-align:left;
}

div#stage div.contents8{
	/* background:url(../img/stage_event/MARU.jpg) no-repeat; */
	height:220px;
	text-align:left;
	overflow: hidden;
}

div#stage div.contents8 img{
	width:210px;
	float: right;
}

div#stage div.text{
	width:400px;
	padding-top:10px;
	padding-left:40px;
}
div#stage div.text_7{
	width:400px;
	padding-top:20px;
	padding-left:40px;
}

div#stage div.text_c8{
	padding-top:10px;
	padding-left:40px;
	padding-right:35px;
}

div#attraction div.contents1{
	background:url(../img/attraction/div1.png) no-repeat;
	height:465px;
	text-align:left;
}
div#attraction div.contents2{
	background:url(../img/attraction/div2_2015.png) no-repeat;
	height:260px;
	text-align:left;
}
div#attraction div.contents3{
	background:url(../img/attraction/div3.png) no-repeat;
	height:260px;
	text-align:left;
}
div#attraction div.contents4{
	background:url(../img/attraction/div4_2016.jpg) no-repeat;
	height:260px;
	text-align:left;
}
div#attraction div.text{
	width:400px;
	padding-top:15px;
	padding-left:40px;
}

div#bussan div.contents{
	height:760px;
	text-align:left;
}
div#bussan div.contents1{
	background:url(../img/bussan/div1.png) no-repeat;
                height:255px;
	text-align:left;
}
div#bussan div.contents_all{
	width:300px;
	text-align:left;
	float:left;
	height: 108px;
	background:url(../img/bussan/div.all_bg.jpg) no-repeat;
}
div#bussan div.contents3{
	background:url(../img/bussan/div5.png) no-repeat;
	width:291px;
	height:185px;
	text-align:left;
	float:left;
}
div#bussan div.contents4{
	background:url(../img/bussan/div3.png) no-repeat;
	width:333px;
	height:185px;
	text-align:left;
	padding-top:10px;
	float:left;
}
div#bussan div.contents5{
	background:url(../img/bussan/div6.png) no-repeat;
	width:291px;
	height:185px;
	text-align:left;
	padding-top:10px;
	float:left;
}
div#bussan div.contents6{
	background:url(../img/bussan/div4.png) no-repeat;
	width:333px;
	height:210px;
	text-align:left;
	padding-top:20px;
	float:left;
}
div#bussan div.contents7{
	background:url(../img/bussan/div7.png) no-repeat;
	width:290px;
	height:210px;
	text-align:left;
	padding-top:20px;
	float:left;
}
div#bussan div.contents8{
	background:url(../img/bussan/div8.png) no-repeat;
	width:333px;
	height:210px;
	text-align:left;
	padding-top:20px;
	float:left;
}
div#bussan div.contents9{
	background:url(../img/bussan/div9.png) no-repeat;
	width:291px;
	height:210px;
	text-align:left;
	padding-top:20px;
	float:left;
}
div#bussan div.text1{
	width:300px;
	padding-top:40px;
	padding-left:40px;
}
div#bussan div.text2{
	width:250px;
	padding-top:25px;
	padding-left:40px;
}
div#bussan div.text3{
	width:250px;
	padding-top:25px;
	padding-left:40px;
}

div.arrow{
	text-align:center;
	margin-bottom:50px;
}


div#footer{
	text-align:left;
	position:relative;
	margin-left:150px;
	z-index:3;
	padding-left:1px;
	display:block;
	clear:both;
}
div#footer img{
	display:block;
}

div.access{
    background:url(../img/second/shuriken.png) no-repeat;
	position:relative;
	padding-left:30px;
	float:left;
	padding-top:20px;
	margin-bottom:40px;
	*margin-top:220px;	
}

div.contact{
	position:relative;
	padding-left:30px;
	padding-top:90px;
	*padding-top:290px;
	float:left;
}
div.contact p.contact{
	margin-bottom:40px;
}
div.contact h3{
		position:relative;
		padding-top:30px;
}
div.banner{
	padding-bottom:20px;
	text-align:center;
	margin-top:10px;
	clear:both;
}

div.banner h2{
	padding-top:20px;
}

div.banner img{
	border: 1px #000000 solid;
	margin-top:20px;
}

div.fb{
	text-align:center;
}

.stage_bg{
	background:url(../img/stage_event/stage_bg.png) repeat;
	width:80%;
	margin:0 auto;
	padding:20px;
}
.stage_bg h2{
	color:#63207B;
	font-size:40px;
}
.stage_bg h2 span{
	font-size:30px;
}
.stage_bg table{
	margin-bottom:20px;
	border-collapse: collapse;
	border-spacing: 0;
}
.stage_bg table td{
	border-right:1px solid #000;
	padding:0 10px 20px 0;
	font-size:18px;
	text-align:left;
	vertical-align:top;
	font-weight:bold;
}
.stage_bg table td+td{
	border-right:none;
	padding:0 0 20px 20px
}