/* ------------------------------------------------------------
	common
------------------------------------------------------------ */
html {

}

html body {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	background: url(../images/bg-rep.jpg) repeat-y center 0;
    color: #000;
    font-size: 12px;
    letter-spacing: 0.6px;
    line-height: 1.7;
}


/* インラインブロックの記述方法
.inlineblcok {
	display: inline-block;
   *display: inline;
   *zoom: 1;
}
*/

a img:hover{
	opacity: .8;
	filter: alpha(opacity=80);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
}


/* ------------------------------------------------------------
	header Layout
------------------------------------------------------------ */
#header {
	height: 651px;
	position: relative;
	text-align: left;
	background: url(../images/bg-head.jpg) repeat-x 0 0;
}

#header h1 {
	text-indent: -9999px;
	width: 495px;
	height: 651px;
	margin: 0 auto;
	background: url(../images/title.png) no-repeat 0 0;
}

#header .hd-ex {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/bg-clouds.png) no-repeat center 0;
}

#header .hd-ex .hd-in {
	width: 880px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}


#header .hd-ex .lead {
	position: absolute;
	top: 82px;
	right: -17px;
	text-indent: -9999px;
	width: 190px;
	height: 501px;
	background: url(../images/lead.jpg) no-repeat 0 0;
}

#header .hd-ex .desc {
	position: absolute;
	top: 127px;
	left: 20px;
	text-indent: -9999px;
	width: 112px;
	height: 432px;
	background: url(../images/description.png) no-repeat 0 0;
}

#header .hd-ex div#social {
	position: absolute;
	bottom: 3px;
	left: -50px;
/*	height: 150px;*/
	z-index:1000;
}

#social p {
	font-size: 11px;
	line-height: 1.2;
}

.mainttl {
	z-index: 100;
	position: relative;
	display: block;
	width: 495px;
	height: 651px;
	margin: 0 auto;
}

#gigyaShare {
	margin: 0 0 5px 0;
}

/* ------------------------------------------------------------
	footer Lauout
------------------------------------------------------------ */
#footer {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	padding: 40px 0;
}

#footer img {
	margin: 0 3px 0 0;
	vertical-align: top;
}

/* ------------------------------------------------------------
	container
------------------------------------------------------------ */
#container {
	width: 100%;
	text-align: left;
	background: url(../images/bg.png) repeat center 0;
}


#main {
	width: auto;
	background: url(../images/bg-mc.jpg) repeat-x center 0 #e85296;
}

#contents {
	background: url(../images/noren.png) repeat-x center 0;
/*	padding: 70px 0 0 0;*/
}

.bg-cloud {
	background: url(../images/clouds.png) repeat-y center 0;
}

.main-in {
	width: 980px;
	margin: 0 auto;
}

.prgs {
	margin: 0 0 0 0;
	padding: 80px 0 0 0;
}

.prgs li {
   float: left;
   width: 325px;
}
.prgs li img {
   vertical-align: top;
}

.prgs p {
	font-size: 11px;
	padding: 5px 20px 0;
}
	
.items {
	margin: 30px 0 0 13px;
	padding: 0 0 53px 0;
	background: url(../images/bg-m-btm.png) no-repeat 0 bottom;
}

.items h3 {
	text-indent: -9999px;
	height: 77px;
	background: url(../images/bg-m-top.png) no-repeat 0 0;
}
body#souvenir .items h3.ititle {
	text-indent: -9999px;
	height: 77px;
	background: url(../images/tgj-officialgoods.png) no-repeat 0 0;
}
body#report .items h3.ititle {
	text-indent: -9999px;
	height: 77px;
	background: url(../images/tgj-report.png) no-repeat 0 0;
}
body#program .items h3.ititle {
	text-indent: -9999px;
	height: 77px;
	background: url(../images/bg-prg-top.png) no-repeat 0 0;
}


.lines {
	position: relative;
	background: url(../images/bg-m-rep.png) repeat-y 0 0;
}

body#report .lines {
	padding: 10px 0 0 0;
}

#nobori {
	position: absolute;
	top: -78px;
	right: -20px;
	z-index: 100;
}

.zaseki {
	padding: 45px 420px 50px 55px;
	background: url(../images/zaseki.png) no-repeat 630px 45px;
}


.event-info,
.attention,
.archive {
	padding: 0 0 55px 43px;
}

.artists {
	padding: 0 0 10px 43px;
}

.event-info h3 {
	text-indent: -9999px;
	height: 80px;
	margin: 0 0 0 -35px;
	background: url(../images/event-info.png) no-repeat 0 0;
}

.event-info dt {
    clear: both;
    float: left;
}

.event-info dd {
    float: left;
    padding: 0 0 0 10px;
}

.attention h3 {
	text-indent: -9999px;
	height: 97px;
	margin: 0 0 0 -35px;
	background: url(../images/attention.png) no-repeat 0 0;
}

.archive h3 {
	text-indent: -9999px;
	height: 73px;
	margin: 0 0 0 -35px;
	background: url(../images/archive.png) no-repeat 0 0;
}

.artists h3 {
	text-indent: -9999px;
	height: 96px;
	margin: 0 0 0 -35px;
	background: url(../images/artists.png) no-repeat 0 0;
}

.artists ul {
	padding: 25px 0 0 0;
}

.artists li {
	margin: 0 0 33px 0;
	float: left;
}

.exinfo {
	padding: 0 0 0 25px;
}

.la-l {
    float: left;
    text-align: center;
    width: 50%;
}

.la-r {
    float: left;
    text-align: center;
    width: 50%;
}



/* ------------------------------------------------------------
	2nd
------------------------------------------------------------ */
.tshirts {
	padding: 5px 0 30px 43px;
}
.poster {
	padding: 0 0 30px 43px;
}
.goods {
	padding: 0 0 1px 43px;
}
.ls {
	padding: 10px 0 1px 43px;
}


.tshirts h3 {
	text-indent: -9999px;
	height: 102px;
	margin: 0 0 0 -35px;
	background: url(../images/tgj-tshirts.png) no-repeat 0 0;
}

.poster h3 {
	text-indent: -9999px;
	height: 104px;
	margin: 0 0 0 -35px;
	background: url(../images/tgj-poster.png) no-repeat 0 0;
}

.poster h4 {
	text-indent: -9999px;
	height: 186px;
	background: url(../images/board1.png) no-repeat 20px 0;
}


.goods h3 {
	text-indent: -9999px;
	height: 103px;
	margin: 0 0 0 -35px;
	background: url(../images/tgj-goods.png) no-repeat 0 0;
}

.ls h3 {
	text-indent: -9999px;
	height: 103px;
	margin: 0 0 0 -35px;
	background: url(../images/live-resource.png) no-repeat 0 0;
}

.supplement {
	font-size: 14px;
	margin: -20px 0 40px 15px;
}

ul.supplement {
	font-size: 14px;
	margin-top: -7px;
}

.img-tshirts {
	margin: 0 0 0 30px;
}

.img-poster {
	float: left;
	margin: 0 20px 0 0;
}

.in-box {
	margin: 0 0 0 15px;
}

.poster .in-box {
	margin: 0 auto 40px;
	width: 695px;
}

.tshirts dl {
	margin-top: 28px;
}

.poster dl {
	float: left;
}

.tshirts dt,
.poster dt {
	width: 155px;
	clear: both;
	float: left;
	overflow: hidden;
}

.poster dt {
	width: 110px;
}

.tshirts dd,
.poster dd {
	float: left;
}

.poster ul {
	margin: -15px 0 0 190px;
}



.setlist {
	padding: 33px 0 0 102px;
	margin: 0 0 0 8px;
	background: url(../images/mark.png) no-repeat 0 0;
}

.setlist p {
	margin: 0 0 12px 0;
}

ul.songlist {
	float: left;
	width: 257px;
}

.songlist li {
	padding: 5px 0 3px 10px;
	background: url(../images/dot.png) repeat-x 0 bottom;
}

.photos {
	margin: 0 0 0 282px;
}

.photos a {
	margin: 0 5px 5px 0;
	float: left;
}



.prg-r {
	float: left;
	width: 370px;
	position: relative;
}

.prg-l {
	float: left;
	width: 490px;
}

.pri-01 {
	margin: -80px 0 -50px 0;
}
.pri-02 {

}

.prg-l p {
	font-weight: bold;
	font-size: 14px;
	margin: -20px 0 40px 0;
	padding: 0 0 0 10px;
}

.prg-l span {
	display: block;
	padding: 0 0 0 10px;
}

#preport {
	margin: 30px 0 0 70px;
}
#preport li {
	float: left;
	margin: 0 13px 13px 0;
}