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

/* t-stoneウェブサイトテスト画面【2014リニューアル】concert css file */

/* ==[ 共通設定 ]== */


div#concertNavi{
	width:70px;
	padding-top:23px;
	float:left;
	background-color:#313131;
	overflow: hidden; _zoom: 1;
}
div#concertNavi a{
	display:block;
	width:70px;
	height:22px;
	line-height:22px;
	text-align:center;
	color:#a0a0a0;
}
div#concertNavi a.selected{
	color:#fff;
	background-color:#000;
}


div#concertMenu{
	width:150px;
	padding-top:23px;
	line-height:16px;
	float:left;
	overflow: hidden; _zoom: 1;
}

div#concertMenu p{
	padding:5px 12px;
	margin-bottom:15px;
}
div#concertMenu p.selected{
	background-color:#000;
}
div#concertMenu p a{
	color:#a0a0a0;	
}
div#concertMenu p.selected a{
	color:#fff;	
}



div.concertImage{
	display:block;
	text-align:center;
	float:right;
	overflow: hidden; _zoom: 1;
}
div.concertImage img{
	width:100%;
}
div.mobileImage{
	display:none;
}


div#concertDetail{
	overflow: hidden; _zoom: 1;
	color:#898989;
}

div#concertDetail h2{
	color:#fff;
	font-weight:normal;
	margin-top:24px;
}

div#concertDetail .dRead{
	color:#fff;
}

div#concertDetail .dBody{
	color:#898989;
}
div#concertDetail table th{
	vertical-align:top;
	white-space:nowrap;
	font-weight:normal;
}
div#concertDetail table td{
	vertical-align:top;
}


div#historyBlock{
	text-align:center;
	width:462px;
	margin-left:auto;
	margin-right:auto;
}
div#historyBlockL{
	text-align:center;
	width:732px;
	margin-left:auto;
	margin-right:auto;
}

div#historyBlock div img{
	border-top:solid 3px #313131;
	border-right:solid 3px #313131;
	border-bottom:solid 3px #313131;
}
div#historyBlock div img.ll{
	border-left:solid 3px #313131;
}

.imgBlock{
	padding-left:3px;
}
.imgBlock div.histImg{
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	-moz-background-size:contain;
	width:240px;
	height:160px;
	border:solid 3px #313131;
	margin-left:-3px;
	display:inline-block;
	letter-spacing:0px;
}
.imgBlock div.clearL{
	clear:left;
}

div#historyBlock p,
div#historyBlockL p{
	color:#fff;
	text-align:left;
}

/* for tablet */
@media only screen and (min-device-width: 481px) (max-device-width: 1024px) {
}

/* for smart phone */
@media only screen and (max-device-width: 480px) {
div.concertImage{
	display:none;
}
div.mobileImage{
	display:block;
	text-align:center;
	padding-bottom:50px;
}
div.mobileImage img{
	width:100%;
}
div#historyBlock{
	padding-left:70px;
}
div#historyBlockL{
	width:462px;
	padding-left:70px;
}
div#historyBlockL div.histImg{
	width:150px;
	height:100px;
}

}