@charset "utf-8";
/* CSS Document */




/* 背景指定 ------------------------ */

html,body{
	/*background: url(../images/back.jpg);*/
	background: #fffff0;
	background-size: cover;
	background-attachment:fixed;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body {
	font-size:13px;
	line-height:1.3em;
	color:#000;

	/*余白、書体はcommon.cssで指定*/
}

#contents {
	width: 1200px;
	margin: 0 auto 50px auto;
	position: relative;
	min-width: 960px;
	/*background:#FFF;
	box-shadow:1px 1px 6px rgba(0,0,0,0.4);*/
}

.fLeft{float: left;}
.fRight{float: right;}
.dBlock{display: block;}


.honyaku{
	float: left;
	position: absolute;
	top: 7px;
	left: 160px;
}
.kokki{
	position: absolute;
	top: 12px;
	left: 10px;
}
.kokki img{
	box-shadow:0.8px 0.8px 0.8px rgba(0,0,0,0.4);
}

.center{
	width: 1200px;
	margin: 0 auto;
}
.dBlock{
	display: block;
}


/* リンク色設定 ------------------------ */

a {
	color:#000;
	text-decoration:none;
}
	a:link {/*未訪問*/}
	a:visited {/*訪問済*/}


#pageTop{
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	padding:10px 15px;
	position:fixed;
	bottom:0px;
	right:20px;
	color:#FFF;
	background:#BD936B;
}
	#pageTop:hover{
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	text-decoration: none;
}








/* コンテンツ設定 ------------------------ */

.headBack{
	width: 100%;
	height: 50px;
	background: #000;
	position: fixed;
	top: 0;
	z-index: 1000;
}

#top{
	width: 100%;
	margin: 90px auto 0 auto;
	z-index: 1;
	min-width: 960px;
}
#newTop{
	width: 1200px;
	margin: 90px auto 0 auto;
	z-index: 1;
	min-width: 960px;
}
	#newTop img{
		width: 100%;
		min-width: 960px;
	}
	.blackB{
		width: 100%;
		min-width: 960px;
		height: 10px;
		background: #000;
		margin: -4px 0 0 0;
	}

#mainArea{
	position: relative;
	width: 100%;
	margin: 0 auto 0 auto;
	min-width: 960px;
}

#oshirase{
	width: 920px;
	padding: 20px;
	margin: 0 auto 30px auto;
	position: relative;
	background: #f2f2f2;
}
	#oshirase p{
		text-align: center;
		font-size: 24px;
		line-height: 30px;
		color: #e60012;
		font-weight: bold;
		margin-bottom: 10px;
	}
	#oshirase span{
		font-size: 18px;
		line-height: 24px;
		color: #e60012;
		font-weight: bold;
	}
	#oshirase dd{
		font-size:13px;
		line-height: 20px;
		margin-bottom: 15px;
	}
	#oshirase dt{
		margin: 25px 0 10px 0;
	}
	#oshirase strong{
		color: #e60012;
	}
	.oshiraseBtn {
	display: inline-block;
	width: 200px;
	height: 40px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	outline: none;
	background-color: #333;
	color: #fff;
}
.oshiraseBtn::before,
.oshiraseBtn::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.oshiraseBtn,
.oshiraseBtn::before,
.oshiraseBtn::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.oshiraseBtn:hover {
	background-color: #e60012;
}


#login{
	width: 1200px;
	margin: 30px auto 40px auto;
}
.loginBtn{
	width: 590px;
	float: left;
}

#ranking{
	width: 960px;
	margin: 30px auto 0 auto;
	position: relative;
}
	.rankingBtn{
		width: 405px;
		height: 55px;
		position: absolute;
		top: 428px;
		left: 278px;
	}

#bnSurveyVer2{
	padding: 3px;
	background: #FFF;
	height: 299px;
}
	#bnSurveyVer2 img{
		width: 954px;
	}
	#bnSurveyVer2 a:hover{
		filter:alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
		text-decoration: none;
	}

#Survey{
	padding: 100px;
	margin: -100px;
}

#bnEvent{
	width: 960px;
	margin: 20px auto;
}

/*中吊り*/
#nakaduri{
	width: 960px;
	position: relative;
}
#nakaduri img{
	width: 960px;
}
	.Nbtn01{
		width: 603px;
		height: 65px;
		position: absolute;
		top: 465px;
		left: 71px;
	}
	.Nbtn02{
		width: 230px;
		height: 460px;
		position: absolute;
		top: 0px;
		left: 64px;
	}
	.Nbtn02B{
		width: 649px;
		height: 182px;
		position: absolute;
		top: 0px;
		left: 311px;
	}
	.Nbtn03{
		width: 158px;
		height: 203px;
		position: absolute;
		top: 256px;
		left: 512px;
	}
	.Nbtn04{
		width: 301px;
		height: 155px;
		position: absolute;
		top: 309px;
		left: 73px;
	}
	.Nbtn05{
		width: 86px;
		height: 259px;
		position: absolute;
		top: 220px;
		left: 66px;
	}
	/*.Nbtn06{
		width: 960px;
		height: 218px;
		position: absolute;
		top: 540px;
		left: 0px;
	}*/
	.Nbtn07{
		width: 603px;
		height: 65px;
		position: absolute;
		top: 464px;
		left: 72px;
	}
	.Nbtn08{
		width: 895px;
		height: 205px;
		position: absolute;
		top: 0px;
		left: 65px;
	}

.Nbtn01:hover ,.Nbtn02:hover , .Nbtn02B:hover , .Nbtn03:hover
 , .Nbtn04:hover , .Nbtn05:hover, .Nbtn06:hover, .Nbtn07:hover
 , .Nbtn08:hover{
			 background-color: rgba(255,255,255,0.5);
			-webkit-transition: all 0.4s;
			-moz-transition: all 0.4s;
			-ms-transition: all 0.4s;
			-o-transition: all 0.4s;
			transition: all 0.4s;
		}

/*中吊り*/

/*0403追加分ここから*/

#eventAbout{
	width: 960px;
	position: relative;
	margin: 50px 0 0 0;
}
	#Eleft , #Eright{
		float: left;
	}
	#Eleft{
		width: 550px;
	}

		.eventJoyu{
			width: 550px;
		}
		.eventJoyu02{
			width: 87px;
			position: relative;
			float: left;
			margin-left: 6.5px;
		}
		.eventJoyu02 p{
			width: 50px;
			position: absolute;
			top: -5px;
			left: -5px;
		}
		.eventJoyu02 a:hover{
			filter:alpha(opacity=80);
			-moz-opacity: 0.8;
			opacity: 0.8;
			text-decoration: none;
		}
		.new00{
			width: 50px;
			position: absolute;
			top: 165px;
			left: 120px;
		}
		.comment{
			position: absolute;
			width: 179px;
			top: 760px;
			left: 370px;
		}
	#Eright{
		width: 310px;
		height: 600px;
		margin: 0 0 0 70px;
		padding: 10px;
		border: 5px solid #BD936B;
		background: #FFF;
	}
		#Eright h3{
			font-size: 200%;
			font-weight: bold;
			color: #BD936B;
			margin: 15px 0;
		}

#joyuList{
	width: 960px;
	margin: 40px auto 0 auto;
	background: #BD936B;
}
	#joyuList h3{
		width: 930px;
		padding: 15px;
		font-weight: bold;
		font-size: 180%;
		text-align: center;
		background: #BD936B;
	}
	.joyuListStar{
		width: 940px;
		padding: 10px;
		background: #BD936B;
	}
		.joyuListStar a:hover{
			filter:alpha(opacity=80);
			-moz-opacity: 0.8;
			opacity: 0.8;
			text-decoration: none;
		}
	.eventJoyu02 img{
		width: 87px;
	}
	.eventJoyu03{
		float: left;
		width: 150px;
		margin: 0 0 0 6px;
		height: 350px;
	}
	.joyuListAll{
		width: 940px;
		margin: 0 auto;
	}
	.joyuListTitle{
		width: 940px;
		padding: 10px;
		color: #FFF;
		background: #000;
		text-align: center;
		font-weight: bold;
		font-size: 120%;
	}
	.joyuListTitle:hover{
		text-decoration: none;
		cursor: pointer;
	}

#remarks{
	width: 940px;
	margin: 20px auto;
	padding: 10px;
	background: #222;
	color: #FFF;
	text-align: center;
	font-size: 120%;
	line-height: 1.5em;
}

#rockLive{
	width: 960px;
	height: 1352px;
	margin: 0 auto;
	position: relative;
}
	#rockLive a{
		width: 960px;
		height: 1352px;
		position: absolute;
		top: 0;
		left: 0;
	}

#tokuten{
	margin: 40px auto 10px auto;
}
	#tokutenAbout{
		padding: 30px;
		margin: 20px 0 70px 0;
		width: 1140px;
		background: #f2f2f2;
	}
	#tokutenAbout h2{
		font-size: 20px;
		margin-bottom: 20px;
		font-weight: bold;
		background: #bd936b;
		padding: 15px;
		color: #000;
		width: 250px;
	}
	#tokutenAbout dl{
		width: 820px;
		margin: 0 auto;
	}
	#tokutenAbout dt{
		font-size: 150%;
		font-weight: bold;
		margin: 20px 0 10px 0;
		color: #000;
	}
	#tokutenAbout dt:first-child{
		margin: 0 0 10px 0;
	}
	#tokutenAbout dd{
		font-size: 120%;
		line-height: 1.5em;
	}
	#tokutenAbout table {
    border-collapse: collapse;
	}
	#tokutenAbout th {
		width: 240px;
		padding: 5px;
	    border: solid 1px #333;
	    color: #FFF;
	    background-color: #666;
	}
	#tokutenAbout td {
		padding: 5px;
	    border: solid 1px #333;
	    color: #000;
	    background-color: #FFF;
	}
	#tokutenAbout a:hover{
		color: red;
		text-decoration: underline;
	}

 #tokutenUnder{
 	margin: 0 0 10px 0;
 }
 	 #tokutenUnder:hover{
 	 	cursor: pointer;
		filter:alpha(opacity=90);
		-moz-opacity: 0.9;
		opacity: 0.9;
		text-decoration: none;
 	 }

#eventAbout02{
	margin: 50px 0 0 0;
}
	.eventText{
		width: 1200px;
		margin: 10px auto 40px auto;
		color: #FFF;
	}
	.eventText span{
		margin-left: 1em;
	}
	.eventText strong {
		font-size:12px;
	}
	/*.eventText tr{
		border-bottom: 1px solid #FFF;
	}*/
	.eventText th{
		width: 220px;
		text-align: right;
		font-size: 16px;
		vertical-align:top;
		line-height: 24px;
	}
	.eventText td{
		width: 780px;
		font-size: 16px;
		line-height: 24px;
		font-weight: bold;
	}


	.attend01{
		width: 960px;
		display: block;
		padding:5px 0;
		background:  #222;
		margin-bottom: 20px;
	}
	.attend01:hover{
		cursor: pointer;
		filter:alpha(opacity=90);
		-moz-opacity: 0.9;
		opacity: 0.9;
		text-decoration: none;
	}
	.attend01 p{
		width: 960px;
		display: block;
		color: #FFF;
		font-size: 16px;
		line-height: 30px;
		text-align: center;
	}

	.attend{
		width: 920px;
		margin: 0 auto;
		color: #FFF;
	}
		.attend dt{
			font-size: 16px;
			line-height: 30px;
			border-bottom: 1px solid #FFF;
			margin-bottom: 10px;
		}
		.attend dd{
			font-size: 14px;
			line-height: 22px;
		}
		.attend dd a{
			color: yellow;
		}
		.attend dd a:hover{
			text-decoration: underline;
		}

	#pamphlet{
		margin: 80px auto 10px auto;
	}
	#pamphlet h3{
		text-align: center;
		padding: 15px 0;
		background: #ea1b23;
		font-size: 20px;
		color: #FFF;
		font-weight: bold;
	}

/*0403追加分ここまで*/



#dl00{
	margin-top: 30px;
}
	#dl00 a:hover{
		filter:alpha(opacity=90);
		-moz-opacity: 0.9;
		opacity: 0.9;
		text-decoration: none;
	}






#footA{
	width: 960px;
	margin: 0 auto 0 auto;
}
.footLogo , #footMenu{
	float: left;
}
	.footLogo{
		margin: 0 30px 0 0;	}

#footMenu{
	margin: 5px 0 0 0;
	padding: 0;
	width: 600px;
	list-style-type: none;
	overflow: hidden; /* はみ出したものは隠す */
	margin-left: -1px; /* 一番左のボーダー幅と同じ値の負のマージン */
}
	#footMenu li{
	  float: left;
	  margin: 0;
	  padding: 0 10px;
	  display: inline; /* 横並びにさせる */
	  border-left: 1px solid #fff; /* 区切り線 */
	}
		#footMenu li:first-child {
		  border: none; /* 親要素から見て一番目のli要素のボーダーを無しに */
		}
	#footMenu a{
	  text-align: center;
	  display:block;
	  padding: 0.5em 0;
	  width: 100%;
	  color: #FFF;
	  font-size: 14px;
	}
	#footMenu a:hover{
	  text-decoration: none;
	}

.portal00{
	width: 960px;
	position: relative;
	margin: 0 auto;
}
.portal{
	position: absolute;
	text-align: right;
	top: -30px;
	left: 670px;
}

.return a {
  width: 280px;
  background-color: #222;
  border-radius: 10px;
  box-shadow: 0 3px 0 rgba(2,2,2,1);
  color: #ffffff;
  display: block;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  margin: 10px auto;
  padding: 20px 0;
}

#bn01 a:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	text-decoration: none;
}

/*スライダー*/
.slider-wrap{
	width:900px;
	height: 924px;
	position:relative;
	}
#slider{
	height: 924px !important;
}
#slider li,#slider2 li{
	width:900px;
	overflow:hidden;
	}
/*---------------------------------------------------------
  		next prevスタイル
---------------------------------------------------------*/
#prevBtn, #nextBtn{
	display:block;
	width:30px;
	height:77px;
	}
	#prevBtn{
		position:absolute;
		left:-30px;
		top:420px;
		text-indent:-99999px;
	}
	#nextBtn{
		position:absolute;
		right:-35px;
		top:420px;
		text-indent:-99999px;
	}
#prevBtn a{
	display:block;
	width:30px;
	height:77px;
	background:url(../images/btn_prev.gif);
	}
#nextBtn a{
	display:block;
	width:30px;
	height:77px;
	background:url(../images/btn_next.gif);
	}

#column{
	margin: 50px 0 60px 0;
}

	.Ctitle{
		width: 950px;
		padding: 5px;
		background: #bd936b;
		color: #000;
		text-align: center;
		font-weight: bold;
	}
	.Ctitle02{
		width: 870px;
		margin: 20px auto 0 auto;
		background: #E62E8B;
		padding: 30px;
		text-align: center;
	}
	.Ctitle02 p{
		margin-top: 20px;
		font-size: 120%;
		color: #FFF;
	}
	#column h2{
		font-size: 160%;
		font-weight: bold;
		color: #FFF;
	}
		.Ctitle02:hover{
			cursor:pointer;
			}
	#column h3{
		width: 890px;
		margin: 10px auto 0 auto;
		padding: 20px;
		font-size: 110%;
		line-height: 1.4em;
		color: #000;
		font-weight: bold;
		background-color: rgba(255,255,255,0.9);
	}

.mb100{
	margin-top: 150px;
}

.updown{
	margin-top: -90px;
	padding-top: 90px;
	height: 0px;
}


/*ranking.html*/

#rankingTable{
	width: 900px;
	position: relative;
	background: #F2F2F2;
	padding: 30px;
}
	#rankingTable th{
		width: 200px;
		background: #666;
		border:solid 1px #333;
		padding: 5px;
		text-align: center;
		color: #FFF;
	}
	#rankingTable td{
		width: 700px;
		border:solid 1px #333;
		text-align: center;
		padding: 10px 0;
		font-weight: bold;
		background: #FFF;
	}
	#rankingTable h2{
		font-size: 20px;
		margin-bottom: 20px;
		font-weight: bold;
		background: #bd936b;
		padding: 15px;
		color: #000;
		width: 110px;
	}

	#ticketAbout{
		padding: 30px;
		margin: 140px 0 40px 0;
		width: 900px;
		background: #f2f2f2;
	}
		#ticketAbout dt{
			font-size: 16px;
			font-weight: bold;
		}
		#ticketAbout dd{
			font-size: 14px;
			line-height: 1.8em;
			margin: 10px 0;
			margin-left: 1em;
		}
		#ticketAbout a{
			text-decoration: underline;
			color: red;
			font-size: 20px;
		}
		#ticketAbout a:hover{
			color: #b48245;
		}
		#ticketAbout span{
			font-weight: bold;
			color: red;
		}
		#ticketAbout strong{
			font-weight: bold;
		}

/*ranking.html*/

#photoRally{
	margin: 40px auto 40px auto;
}
	#photoRally img{
		width: 960px;
	}

#photoRallyDitail{
	background: #F2F2F2;
	margin: 40px auto 40px auto;
}
	.photoDitail00{
		background: #ea5514;
		padding: 30px 0;
	}
	.photoDitail01{
		text-align: center;
		font-size: 30px;
		line-height: 40px;
		color: #fff100;
		padding: 10px 0;
		font-weight: bold;
		margin: 0 0 10px 0;
	}
	.photoDitail02{
		text-align: center;
		font-size: 16px;
		line-height: 24px;
		font-weight: bold;
		color: #FFF;
	}
	.photoDitail04{
		font-size: 14px;
		line-height: 22px;
	}
	.photoDitail000{
		padding: 30px;
	}
		.photoDitail03{
			font-size: 20px;
			line-height: 30px;
			background: #ea5514;
			color: #FFF;
			font-weight: bold;
			padding: 5px 0;
			margin-bottom: 15px;
		}
	.photoDitail000 dt{
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.photoDitail000 dd{
		font-size: 14px;
		line-height: 22px;
	}
	.red{
		color: #e60012;
	}

#photoRallyMovie{
	width: 900px;
	background: #000;
	margin: 0 auto 30px auto;
	padding: 30px;
}


.actImageBtn{
	width: 640px;
	height: 30px;
	display: block;
	margin: 20px auto 30px auto;
	text-align: center;
	line-height: 30px;
	font-size: 20px;
	font-weight: bold;
	border:2px solid #FFF;
	color: #FFF;
	padding: 20px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eb5b39+2,e60012+100 */
background: #eb5b39; /* Old browsers */
background: -moz-linear-gradient(top,  #eb5b39 2%, #e60012 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#eb5b39), color-stop(100%,#e60012)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eb5b39 2%,#e60012 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eb5b39 2%,#e60012 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eb5b39 2%,#e60012 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eb5b39 2%,#e60012 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb5b39', endColorstr='#e60012',GradientType=0 ); /* IE6-9 */

}



/*11/2追加ーーーーーーーーーーーーーー*/

.topicTitle{
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	color: #000;
	padding: 10px 0;
	background: #ba906b;
}
	.photoMain{
		padding: 10px;
		border: 5px solid #ba906b;
	}
	.photoMain a:hover{
		filter:alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
		text-decoration: none;
	}

	.photoMain img{
		width: 125px;
		height: 76px;
		margin: 3px 0 3px 4px;
	}

#ditailEvent{
	margin-bottom: 70px;
}
.ditailEventText{
	text-align: center;
	font-size: 20px;
	line-height: 26px;
	color: #FFF;
	font-weight: bold;
}


/*--------*/
.dBlock{display: block;}

.title{
	width: 1200px;
	margin: 30px auto 30px auto;
}

.photo{
	width: 232px;
	height: 155px;
	display: inline-block;
}

.scale{
    width: 232px;
    height: 155px;
}
.scaleClear{
	margin-left: 0;
}
.scale img {
	width: 232px;
	height: 155px;
	border-radius: 5px;
    -moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
    transition: transform 0.2s linear;
}
.scale img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}



.photoImages{
	width: 232px;
	height: 220px;
	margin-left: 10px;
	margin-bottom: 10px;
	float: left;
}
	.photoImagesNone{
		margin-left: 0;
	}
	.textPhoto{
		width: 222px;
		margin: 5px auto 0 auto;
		font-size: 14px;
		color: #999;
	}

/*オークション*/
#auction{

}
	#auction h2{
		text-align: center;
		font-size: 24px;
		line-height: 34px;
		color: #3d3d3d;
		font-weight: bold;
	}
	#auction h4{
		text-align: center;
		font-size: 40px;
		line-height: 60px;
		color: #e60012;
		font-weight: bold;
	}
	#auction h3 , .tyui{
		background: #e4e4e4;
		padding: 30px;
		font-size: 18px;
		line-height: 30px;
		font-weight: bold;
		color: #3d3d3d;
	}
	#auction h3 span , .tyui span{
		font-size: 24px;
	}
	#auction h3 strong , .tyui strong{
		color: #e10012;
	}

.auction_contents{

}
	.auction_contents p{
		color: #B81C22;
		font-size: 18px;
		font-weight: bold;
		margin: 20px 0;
	}
	.auction_image{
		display: table;
		table-layout: fixed;
		text-align: center;
		width: 100%;
	}
	.auction_image li{
		display: table-cell;
	 	vertical-align: middle;
	}
	.auction_image02{	}
	.auction_image02 li{
		float: left;
		margin-right: 10px;
	}
	/*10ボックス 平均化*/
	.actTable{
		display: table;
		table-layout: fixed;
		text-align: center;
		width: 100%;
	}
	.actTable li{
		display: table-cell;
	 	vertical-align: middle;
	}
	/*こっちが通常*/
	.actNoTable li{
		float: left;
		margin-right: 10px;
	}
	.auction_actress li img{
		border-radius: 10px;
	}
	.auction_actress a{

	}
	.scale_act img {
		width: 112px;
		height: 160px;
		border-radius: 5px;
	    -moz-transition: -moz-transform 0.2s linear;
	    -webkit-transition: -webkit-transform 0.2s linear;
	    -o-transition: -o-transform 0.2s linear;
	    -ms-transition: -ms-transform 0.2s linear;
	    transition: transform 0.2s linear;
	}
	.scale_act img:hover {
	    -webkit-transform: scale(1.1);
	    -moz-transform: scale(1.1);
	    -o-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	    transform: scale(1.1);
	}

#auction_menu{
	width: 1000px;
	margin: 20px auto;
}
	#auction_menu li{
		width: 155px;
		margin: 5px 5px;
		float: left;
	}
	#auction_menu li a{
		width: 155px;
		background: #00693E;
		text-align: center;
		border-radius: 5px;
		display: block;
		color: #FFF;
		padding: 10px 0;
	}
	#auction_menu li a:hover{
		background: #B81C22;
	}

/*モーダル用*/
#modal-win {
	width: 100%;
	position: absolute;
}
#modal-win-inner {
	box-shadow: 0 0 5px rgba(0, 0, 0, .25);
	margin: 0 auto;
	position: relative;
	z-index: 101;
}
#modal-bg {
	width: 100%;
	height: 100%;
	background-color: #000000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	cursor: pointer;
}
.off01{
	display: none;
	width: 860px;
	height: 560px;
	margin: 0 ;
	padding: 20px;
	background-color: rgba(255,255,255,0.8);
	position: relative;
	border: 5px solid #00693E;
}
	.textLeft{
		float: left;
	}
	.textRight{
		float: right;
		width: 410px;
	}
	.bigName{
		background: #B81C22;
		color: #FFF;
		font-size: 30px;
		padding: 20px 20px;
	}
	.name p{
		margin-top: 30px;
		font-size: 24px;
		line-height: 36px;
		color: #B81C22;
		font-weight: bold;
	}
	.name h6{
		font-size: 16px;
		line-height: 24px;
		color: #222;
		font-weight: bold;
	}
	.name h6 span{
		color: #B81C22;
	}

#auction_bn{
	width: 1200px;
	height: 500px;
	margin: 30px auto 50px auto;
}

#memo{
	width: 1200px;
	margin: 40px auto;
	text-align: center;
}
	#memo p{
		font-size: 20px;
		line-height: 26px;
		color: #e10012;
		font-weight: bold;
	}
.button01 {
	display: inline-block;
	width: 1200px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	position: relative;
	-webkit-perspective: 300px;
	perspective: 300px;

}
.button01 span {
	display: block;
	position: absolute;
	width: 1200px;
	height: 60px;
	border: 2px solid #B81C22;
	text-align: center;
	line-height: 56px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	pointer-events: none;
	font-size: 30px;
	font-weight: bold;
}
.button01 span:nth-child(1) {
	background-color: #B81C22;
	color: #fff;
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 50% 50% -30px;
	-moz-transform-origin: 50% 50% -30px;
	transform-origin: 50% 50% -30px;
}
.button01 span:nth-child(2) {
	background-color: #fff;
	color: #B81C22;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-transform-origin: 50% 50% -30px;
	-moz-transform-origin: 50% 50% -30px;
	transform-origin: 50% 50% -30px;
}
.button01:hover span:nth-child(1) {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.button01:hover span:nth-child(2) {
	background-color: #B81C22;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}

.button02 {
	display: inline-block;
	width: 1200px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	position: relative;
	-webkit-perspective: 300px;
	perspective: 300px;

}
.button02 span {
	display: block;
	position: absolute;
	width: 1200px;
	height: 60px;
	border: 2px solid #008dd7;
	text-align: center;
	line-height: 56px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	pointer-events: none;
	font-size: 30px;
	font-weight: bold;
}
.button02 span:nth-child(1) {
	background-color: #008dd7;
	color: #fff;
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 50% 50% -30px;
	-moz-transform-origin: 50% 50% -30px;
	transform-origin: 50% 50% -30px;
}
.button02 span:nth-child(2) {
	background-color: #fff;
	color: #008dd7;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-transform-origin: 50% 50% -30px;
	-moz-transform-origin: 50% 50% -30px;
	transform-origin: 50% 50% -30px;
}
.button02:hover span:nth-child(1) {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.button02:hover span:nth-child(2) {
	background-color: #008dd7;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}


/*オークション ランキングーーーーーーーーーーー*/


	#rakusatsu{
		padding: 30px;
		margin: 20px 0 70px 0;
		width: 1140px;
		background: #f2f2f2;
		text-align: center;
		font-weight: bold;
	}
	#rakusatsu h2{
		font-size: 20px;
		margin-bottom: 20px;
		font-weight: bold;
		background: #bd936b;
		padding: 15px;
		color: #000;
		width: 250px;
	}
	#rakusatsu dl{
		width: 1000px;
		margin: 0 auto;
	}
	#rakusatsu dt{
		font-size: 150%;
		font-weight: bold;
		margin: 20px 0 10px 0;
		color: #000;
	}
	#rakusatsu dt:first-child{
		margin: 0 0 10px 0;
	}
	#rakusatsu dd{
		font-size: 120%;
		line-height: 1.5em;
	}
	#rakusatsu table {
    border-collapse: collapse;
	}
	#rakusatsu th {
		width: 10%;
		padding: 15px 0;
	    border: solid 1px #333;
	    color: #FFF;
	    background-color: #666;
	    text-align: center;
	}
	#rakusatsu td {
		padding: 15px 0;
	    border: solid 1px #333;
	    color: #000;
	    background-color: #FFF;
	}


/*20151210追加 カウントダウン*/

#CDT{
	margin:100px 0 100px 0px;
	text-align: center;
	font-family: arial, sans-serif;
	background: #000;
	color: #FFF;
	padding: 20px 0;
}



#container {
	margin: 100px auto;
	width: 700px;
	color: #eee;
}

#countdown_dashboard {
	width: 1100px;
	margin: 50px auto 50px auto;
}

.dash {
	width: 150px;
	height: 96px;
	background: transparent url('../images/count/dash.png') 0 0 no-repeat;
	padding-left: 13px;
	position: relative;
	color: #333;
	float: left;
}

.weeks_dash {
	background: transparent url('../images/count/dark_weeks_dash.png') 0 0 no-repeat;
}

.days_dash {
	background: transparent url('../images/count/dark_days_dash.png') 0 0 no-repeat;
}

.hours_dash {
	background: transparent url('../images/count/dark_hours_dash.png') 0 0 no-repeat;
}

.minutes_dash {
	background: transparent url('../images/count/dark_minutes_dash.png') 0 0 no-repeat;
}

.seconds_dash {
	background: transparent url('../images/count/dark_seconds_dash.png') 0 0 no-repeat;
}

.dash .digit {
	font: bold 52pt Verdana;
	font-weight: bold;
	float: left;
	width: 59px;
	text-align: center;
	position: relative;
}

.dash_title {
	display: none;
}

.dev_comment {
	clear: left;
	font-size: 14pt;
	color: #fff;
	text-align: center;
	padding-top: 10px;
	margin: 20px 10px;
}




#mongon{
	margin: 30px auto 0 auto;
}