@charset "shift_jis";

#wrapper {
	background: url(../common/bg_body.jpg) top center repeat-x;
}

#ttl-area {
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 180px;
	min-width: 960px;
}


#ttl-area #ttl {
	position: absolute;
	top: 0;
	left: 0;
}

#ttl-area #pageLinkMenu {
	position: absolute;
	top: 119px;
	left: 112px;
	overflow: hidden;
	/zoom:1;
}

#ttl-area #pageLinkMenu li{
	float: left;	
}


#main {
	width: 100%;
	min-width: 960px;
	background: url(../rule/images/bg_top03.jpg) center 452px no-repeat;
}


#main2 {
	background: url(../rule/images/bg_top04.jpg) center 941px no-repeat;
}

#main3 {
	background: url(../rule/images/bg_top05.jpg) center 1291px no-repeat;
}
#main4 {
	background: url(../rule/images/bg_top06.jpg) center 1641px no-repeat;
}
#main5 {
	background: url(../rule/images/bg_top07.jpg) center 1991px no-repeat;
}
#main6 {
	background: url(../rule/images/bg_top08.jpg) center 2341px no-repeat;
}


#main-content {
	margin: 0 auto;
	width: 960px;
}

#main #intro {
	width: 918px;
	margin-left: 25px;
}

#main #intro .introTitle {
	position: relative;
	width: 918px;
	height: 91px;	
	background: url(../rule/images/bg_header_intro.png) top left no-repeat;
}

#main #intro .introTitle h2{
	position: absolute;
	top: 24px;
	left: 30px;
}

#main #intro .introTitle .introText{
	position: absolute;
	top: 23px;
	left: 554px;
}

#main #intro .bg {
	background: url(../rule/images/bg_main_intro.png) top left repeat-y;
}

#main #event {
	margin-top: 44px;
	margin-left: 25px;
}

#main #event .eventHeader {
	position: relative;
	width: 918px;
	height: 97px;	
	background: url(../rule/images/bg_event_header.png) no-repeat;
}

#main #event .eventHeader h2{
	position: absolute;
	top: 24px;
	left: 35px;
}

#main #event .eventHeader .eventText{
	position: absolute;
	top: 24px;
	left: 434px;
}

#main #event .eventCont{
	position: relative;
	width: 918px;
	height: 446px;
	background: url(../rule/images/bg_event.png) right no-repeat;
}

#main #event .eventCont .item1 {
	position: absolute;
	top: 0;
	left: 0;
}

#main #event .eventCont .item2 {
	position: absolute;
	top: 0;
	left: 456px;
}

#main #event .eventCont .item3 {
	position: absolute;
	top: 154px;
	left: 0;
}

#main #event .eventCont .item4 {
	position: absolute;
	top: 154px;
	left: 456px;
}

#main #event .eventCont .item5 {
	position: absolute;
	top: 299px;
	left: 0;
}

#main #event .eventCont .item6 {
	position: absolute;
	top: 299px;
	left: 456px;
}

#main #event .evntFooter {
	position: relative;
	width: 918px;
	height: 102px;
	background: url(../rule/images/bg_event_footer.png) no-repeat;
}

#main #event .evntFooter .eventText2 {
	position: absolute;
	top: 13px;
	left: 187px;
}




#main #dice {
	position: relative;
	width: 918px;
	height: 385px;
	margin-top: 44px;
	margin-left: 25px;
	background: url(../rule/images/bg_dice.png) no-repeat;
}

#main #dice h2 {
	position: absolute;
	top: 24px;
	left: 35px;
}

#main #dice .diceText {
	position: absolute;
	top: 24px;
	left: 323px;
}

#main #dice .img1 {
	position:absolute;
	top: 109px;
	left: 27px;
	
}

#main #dice .img2 {
	position:absolute;
	top: 109px;
	left: 305px;
}

#main #dice .img3 {
	position:absolute;
	top: 109px;
	left: 599px;
}

#main #dice .img4 {
	position:absolute;
	top: 231px;
	left: 27px;
}

#main #dice .img5 {
	position:absolute;
	top: 231px;
	left: 305px;
}

#main #dice .img6 {
	position:absolute;
	top: 231px;
	left: 599px;
}


#main #diplomacy {
	position: relative;
	width: 918px;
	/*height: 237px;*/
	margin: 44px 0 22px 25px;
	/*background: url(../rule/images/bg_diplomacy.png) no-repeat;*/
}

#main #diplomacy .diplomacy01 {
	position: relative;
	height: 305px;
	vertical-align: bottom;
}

#main #diplomacy .diplomacy01-01 {
	position: absolute;
	top: 0;
	left: 0;
}

#main #diplomacy .diplomacy01-02 {
	position: absolute;
	top: 0;
	left: 190px;
}

#main #diplomacy .diplomacy01-03 {
	position: absolute;
	top: 88px;
	left: 190px;
}

#main #diplomacy .diplomacy02 {
	position: relative;
	height: 401px;
	vertical-align: bottom;
}

#main #diplomacy .diplomacy02-01 {
	position: absolute;
	top: 0;
	left: 0;
}

#main #diplomacy .diplomacy02-02 {
	position: absolute;
	top: 0;
	left: 190px;
}

#main #diplomacy .diplomacy02-03 {
	position: absolute;
	top: 88px;
	left: 190px;
}

#main #diplomacy .diplomacy03 {
	position: relative;
	height: 188px;
	vertical-align: bottom;
}

#main #diplomacy .diplomacy03-01 {
	position: absolute;
	top: 0;
	left: 0;
}

#main #diplomacy .diplomacy03-02 {
	position: absolute;
	top: 0;
	left: 190px;
}

#main #diplomacy .diplomacy04 {
	position: relative;
	height: 196px;
	vertical-align: bottom;
}

#main #diplomacy .diplomacy04-01 {
	position: absolute;
	top: 0;
	left: 0;
}

#main #diplomacy .diplomacy04-02 {
	position: absolute;
	top: 0;
	left: 190px;
}


#main #diplomacy .diplomacy05 {
	position: relative;
	height: 334px;
	vertical-align: bottom;
}

#main #diplomacy .diplomacy05-01 {
	position: absolute;
	top: 0;
	left: 0;
}

#main #diplomacy .diplomacy05-02 {
	position: absolute;
	top: 0;
	left: 190px;
}

#main #diplomacy .diplomacy05-03 {
	position: absolute;
	top: 167px;
	left: 190px;
}

#main #diplomacy .dipText {
	position: absolute;
	top: 24px;
	left: 277px;
}

#main #diplomacy .dipimg {
	position: absolute;
	top: 128px;
	left: 341px;
}

#main .return {
	margin: 0 0 25px 366px;	
}


#main .noscrp {
	position: relative;
	width: 918px;
	height: 1292px;

}

#main .noscrp .noscrpMenu {
	position: absolute;
	top: 0;
	left: 35px;
	width: 840px;
	height: 70px;
	background: url(../rule/images/bg_noscrpmenu.jpg) top left no-repeat;
}


#main .noscrp .noscrpMenu ul {
	margin: 15px 0 0 15px;
	overflow: hidden;
	/zoom:1;	
}

#main .noscrp .noscrpMenu ul li{
	float: left;	
}

#main .noscrp .img1 {
	position: absolute;
	top: 70px;
	left: 35px;
}

#main .noscrp .img2 {
	position: absolute;
	top: 260px;
	left: 465px;
}

#main .noscrp .img3 {
	position: absolute;
	top: 453px;
	left: 35px;
}

#main .noscrp .img4 {
	position: absolute;
	top: 611px;
	left: 465px;
}

#main .noscrp .img5 {
	position: absolute;
	top: 806px;
	left: 35px;
}

#main .noscrp .img6 {
	position: absolute;
	top: 962px;
	left: 465px;
}

#main .noscrp .img7 {
	position: absolute;
	top: 70px;
	left: 465px;
}

#main .noscrp .img8 {
	position: absolute;
	top: 1214px;
	left: 35px;
}

#main .noscrp .imgFooter {
	position: absolute;
	bottom: 0;
	left: 0;
}