/* 基本 */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

html,body	{width: 100%;}

body		{font-family: 'Lucida Grande',
			'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
			font-size: 12px;
			margin: 0;
			padding: 0;}

a			{text-decoration: none;
			color: #000000}

a img		{border: none}

a:focus		{outline: none;}

/*wraper*/
#wrap		{overflow: hidden;}

#containar	{width: 1100px;
			margin: auto;
			}


/*ヘッダー*/
#header		{background-color: #14247c;
			height: 200px;
			}


			
 p.hlogo		{margin: 0;
			padding: 0;
			text-align: center;
			padding-top: 45px;}
			
/*nev*/
ul.nav		{font-size: 1.08rem;
			font-family: 'Raleway', sans-serif;
			font-weight: 400;
			list-style: none;
			margin: 0;
			padding: 0;
			text-align: center;}

			
li.nav		{padding: 25px 105px 0 0 ;
			display: inline-block;}

li.navlas		{padding: 0;
			display: inline-block;}

li.nav a		{color: #fff;}

li.navlas a	{color: #fff;}

ul.nav a:hover	
			{border-bottom: solid 1.5px #fff;
			padding-bottom: 1px;
}
			
/*イベント*/
#event		{margin: 0 0 30px 0;
			padding: 0;}

#event p.esubt
			{margin: 0 0 0 40px;
			padding: 40px 0 0 0;}			
			
			
#event p.subt	{margin: 0 0 30px 40px;
			padding: 40px 0 50px 0;
			border-bottom: 1px solid #666;}
			
li			{list-style: none;}

ul.accordion	{width:100%;
			overflow: hidden;
			}
ul.menu {
	margin: 0px;
	padding: 0px;
	clear: both;
}
			
.accordion ul	{padding: auto;
			margin: auto;
			width: 800px;}
			
.accordion p.img
			{margin: 40px 0 0 0;
			padding: 0;
			text-align: center;}
			
.accordion p.imglas
			{margin: 40px 0 0 0;
			padding: 0 0 50px 0;
			text-align: center;}
			
.accordion p.sent
			{font-size: 0.92rem;
			margin: 0;
			padding: 25px 0 0 0;
			line-height: 1.7;
			color: #666;
			width: 800px;}


ul.accordion ul
			{display: none;}    


ul.accordion li p.menu
			{padding: 10px 0 0 45px ;
			margin: 0;}

ul.accordion ul li
			{padding: 0;
			margin: 0;}

ul.accordion ul li:last-child{
     			border:none;}
     			
ul.accordion li p.menu
			{background: url(../image/down.png);
     			background-repeat: no-repeat;
    	 		background-position: left center;
    	 		line-height: 2.5em;
     			background-size: 37px;}

ul.accordion li p.menu.active{
          		background-image: url(../image/up.png);}
          		
          		
          		
          		
/* New */          		
ul.accordionN	{width:100%;
			overflow: hidden;
			}
			
.accordionN ul	{padding: auto;
			margin: auto;
			width: 800px;}
			
.accordionN p.img
			{margin: 40px 0 0 0;
			padding: 0 0 30px 0;
			text-align: center;}
			
.accordionN p.imginfo
			{margin: 20px 0 20px 0;
			padding: 0 0 50px 0;
			text-align: left;
			border-bottom: 1px solid #666;}
			
.accordionN p.imginfoNO
			{margin: 20px 0 20px 0;
			padding: 0 0 50px 0;
			text-align: left;s}
			
.accordionN p.imgploF
			{margin: 20px 0 0 0;
			padding: 50px 0 0 0;
			text-align: left;
			border-top: solid 1px #666;}
			
.accordionN p.imgploF
			{margin: 20px 0 0 0;
			padding: 50px 0 0 0;
			text-align: left;}
			
.accordionN p.imgplolas
			{margin: 20px 0 50px 0;
			padding: 0 0 0 0;
			text-align: left;}
			
.accordionN p.imgsnd
			{margin: 0;
			padding: 0;
			text-align: center;
			}
			
.accordionN p.imglas
			{margin: 0;
			padding: 7px 0 50px 0;
			text-align: center;
			-webkit-transition: opacity 0.5s ease-out;
			-moz-transition: opacity 0.5s ease-out;
			-ms-transition: opacity 0.5s ease-out;
			transition: opacity 0.5s ease-out;}
			
.accordionN p.imglas a
			{-webkit-transition: opacity 0.5s ease-out;
			-moz-transition: opacity 0.5s ease-out;
			-ms-transition: opacity 0.5s ease-out;
			transition: opacity 0.5s ease-out;}

.accordionN p.imglas a:hover
			{opacity: .7;
			-webkit-opacity: .7;
			-moz-opacity: .7;}
			
.accordionN p.sent
			{font-size: 0.92rem;
			margin: 0;
			padding: 25px 0 0 0;
			line-height: 1.7;
			color: #666;
			width: 800px;}
			
.accordionN p.sentlast
			{font-size: 0.92rem;
			margin: 0;
			padding: 25px 0 40px 0;
			line-height: 1.7;
			color: #666;
			text-align: right;
			width: 800px;}


ul.accordionN li p.menu
			{padding: 10px 0 0 45px ;
			margin: 0;}

ul.accordionN ul li
			{padding: 0;
			margin: 0;
			}

ul.accordionN ul li:last-child{
     			border:none;}
     			
ul.accordionN li p.menu
			{background: url(../image/up.png);
     			background-repeat: no-repeat;
    	 		background-position: left center;
    	 		line-height: 2.5em;
     			background-size: 37px;}

ul.accordionN li p.menu.active{
          		background-image: url(../image/down.png);}
          		
/* Seccond */          		
ul.accordionS	{width:100%;
			overflow: hidden;
			}
			
.accordionS ul	{padding: auto;
			margin: auto;
			}
			
.accordionS p.img
			{margin: 40px 0 0 0;
			padding: 0;
			text-align: center;}
			
.accordionS p.imglas
			{margin: 20px 0 0 0;
			padding: 0 0 50px 0;
			text-align: center;
			}
			
.accordionS p.sent
			{font-size: 0.92rem;
			margin: 0;
			padding: 25px 0 0 0;
			line-height: 1.7;
			color: #666;
			width: 800px;}
			
ul.accordionS ul.menu
			{
	display: none;
} 
			
			
.accordionS p.sentlast
			{font-size: 0.92rem;
			margin: 0;
			padding: 25px 0 40px 0;
			line-height: 1.7;
			color: #666;
			text-align: right;
			width: 800px;}


ul.accordionS li p.menu
			{padding: 10px 0 0 45px ;
			margin: 0;}

ul.accordionS ul li
			{padding: 0;
			margin: 0;
			}

ul.accordionS ul li:last-child{
     			border:none;}
     			
ul.accordionS li p.menu
			{background: url(../image/down.png);
     			background-repeat: no-repeat;
    	 		background-position: left center;
    	 		line-height: 2.5em;
     			background-size: 37px;}

ul.accordionS li p.menu.active{
          		background-image: url(../image/up.png);}
		          		
/* 写真 */
ul.photo		{list-style-type: none;
			margin: 0;
			padding: 0;
			font-size: 0;}
			
li.photo		{display: inline-block;}

li.photo img	{margin: 0;
			padding: 4px 4px 0 0;}
			
			
ul.photolast	{list-style-type: none;
			margin: 0;
			padding: 0;
			font-size: 0;}
			
li.photolast	{display: inline-block;}

li.photolast img
			{margin: 0;
			padding: 0px;}
			
/* 写真ボトム */
ul.photobt	{list-style-type: none;
			margin: 0;
			padding: 0;
			font-size: 0;}
			
li.photobt		{display: inline-block;}

li.photobt img	
			{margin: 0;
			padding: 4px 4px 60px 0;}
			
			
ul.photobtlast	
			{list-style-type: none;
			margin: 0;
			padding: 0;
			font-size: 0;}
			
li.photobtlast
			{display: inline-block;}

li.photobtlast img
			{margin: 0;
			padding: 0px 0 60px 0;}
			
/*トップへ戻る*/
.pagetop 		{display: none;
			position: fixed;
			bottom: 30px;
			right: 55px;}

.pagetop a	 {display: block;
			width: 50px;
			height: 50px;
			background-color: #666;
			border-radius: 40px;
			text-align: center;
			color: #fff;
			font-size: 2em;
			text-decoration: none;
			line-height: 45px;}	
			
/*フッター*/
#footer		{background-color: #14247c;
			clear: both;
			display: block;
			width: 100%;
			margin: 0;
			padding: 30px 0 30px 15px;}
			
ul.footerL		{width: 1100px;
			margin: auto;
			padding: auto;
			list-sytle-type: none;}
			
ul.footerL	 li	{display: inline-block;
			margin: 0 ;
			padding: 0;}
			
ul.footerL li.left
			{margin: 0 120px 0 0;
			padding: 0;}
			
li.footertext	{position: absolute;}
				

ul.baner		{list-sytle-type: none;
			margin: 15px 0 0 0px;
			padding: 0;}
			
ul.baner li		{display: inline-block;
			margin: 0;
			padding: 0 20px 0 0;}
			
p.flogo		{padding: 0;
			margin: 35px 0 0 0;
			}	
			
p.copylight	{color: #fff;
			font-size: 0.75rem;
			margin: 10px 0 0 0;
			padding: 0;
			font-family: 'Raleway', sans-serif;
			font-weight: 400;}
			

p.secname	{color: #fff;
			font-size: 1.5rem;
			margin: 30px 0 0 0;
			padding: 0;
			letter-spacing: 1.5px;
			font-family: 'Raleway', sans-serif;
			font-weight: 700;}	

p.address	{color: #fff;
			font-size: 1rem;
			margin: 0;
			padding-top: 7px;
			line-height: 1.7;
			letter-spacing: 0.5px;
			font-family: 'Noto Sans Japanese';
			font-weight: 100;}
			
/*カラオケ大会*/
#karaoke	{
	background-image: url(../image/karaoke2016_image2.jpg);
	background-color: #000000;
	width: 100%;
	margin: auto;
	background-attachment: scroll;
	background-repeat: no-repeat;
	height: 5450px;
			}

#event p.karaoke_tx1	{
	width: 100%;
	margin-top: 0;
	margin-left: 820px;
	padding-top: 3600px;
			}
			
#event p.karaoke_tx2	{
	width: 100%;
	margin-top: 0;
	margin-left: 820px;
	padding-top: 475px;
			}


/*ホバーアニメーション*/

#karaoke p {
	width: 210px;
	height: 210px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#karaoke p img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#karaoke p:hover img {
	opacity: 0.4;
	}

