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

/*---------- body ----------*/
body {
	font-family: 'ＭＳ Ｐゴシック','MS PGothic','メイリオ UI','Meiryo UI','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Osaka,sans-serif;
	background-image: url(../images/pc/bg.jpg);
	background-position: center -115px;
	margin: 0;
	padding: 0;
	color: #3e3a39;
	font-size:13px;
}
/*---------- 共通 ----------*/
.inner-wrap {
	width: 1100px;
	margin: 0 auto;
	padding: 0 36px;
	position: relative;
}
.prize {
	margin-top: 30px;
	position: relative;
}
.prize:before {
	content:'';
	display: block;
	width: 1026px;
	height: 24px;
	position: absolute;
	top: -24px;
}
.prize2:before {
	content:'';
	display: block;
	width: 506px;
	height: 24px;
	position: absolute;
	top: -24px;
}

/*---------- top ----------*/
#top {
	position: relative;
	z-index: 1000;
}
#top .logo {
	position: absolute;
	top: 30px;
	left: 30px;
	z-index: 101;
}
#top .title {
	padding-top: 66px;
	text-align: center;
}
#top .playerL {
	position: absolute;
	top: -10px;
	left: 10px;
	z-index: 100;
}
#top .playerR {
	position: absolute;
	top: 0px;
	right: -10px;
	z-index: 200;
}
#top .copy {
	width: 584px;
	margin: 40px auto 0;
	text-align: right;
}
/*---------- red & reisure ----------*/
#red {
	margin-top: -30px;
	background-image: url(../images/pc/red_bg.png);
	background-position: center top;
	background-repeat: no-repeat;
	z-index: 2000;
}
#red .prize {
	background-image: url(../images/pc/redbg_mid.png);
	background-repeat: repeat-y;
}
#red .prize:before {
	background-image: url(../images/pc/redbg_top.png);
}
#red .prize2 {
	background-image: url(../images/pc/redbg_mid2.png);
	background-repeat: repeat-y;
}
#red .prize2:before {
	background-image: url(../images/pc/redbg_top2.png);
}
#red .p-right {
	background-image: url(../images/pc/red_arrow.jpg);
	background-position: left center;
	background-repeat: no-repeat;
}
#reisure {
	margin-top: -40px;
	background-image: url(../images/pc/reisure_bg.png);
	background-position: center top;
	background-repeat: no-repeat;
	z-index: 3000;
}
#reisure .prize {
	background-image: url(../images/pc/reisurebg_mid.png);
	background-repeat: repeat-y;
	height: 180px;
}
#reisure .prize:before {
	background-image: url(../images/pc/reisurebg_top.png);
}
#reisure .prize2 {
	background-image: url(../images/pc/reisurebg_mid2.png);
	background-repeat: repeat-y;
}
#reisure .prize2:before {
	background-image: url(../images/pc/reisurebg_top2.png);
}
#reisure .p-right {
	background-image: url(../images/pc/reisure_arrow.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	position: relative;
	height: 100%;
}
#reisure .prize-info .info-t1 {
	color: #077c32;
	margin-top: 10px;
}
#reisure .prize-info .info-t1 span {
	font-size: 50px;
	letter-spacing: -4px;
	padding-right: 4px;
}
#reisure .prize-info .info-t2 {
	line-height: 1.6;
}
#reisure .prize-info .info-t4 {
	color: #077c32;
	margin-top: 20px;
}
#reisure .img1 {
	position: absolute;
	top: -35px;
	right: 75px;
}
#reisure .img2 {
	position: absolute;
	top: -30px;
	right: 25px;
}

/*---------- 共通 course ----------*/

.course {
	padding: 0 0 70px 0;
	position: relative;
}
.course .title {
	padding-top: 20px;
	text-align: center;
}
.course .p-left {
	float: left;
	width: 242px;
	text-align: center;
	vertical-align: middle;
}
.course .p-left img {
	padding-left: 10px;
}
.course .p-right {
	float: left;
	width: 770px;
	padding: 10px 20px 10px 45px;
}
.course .prize2 .p-right {
	width: 250px;
	padding: 0 15px;
}
.course .prize-info {
	float: left;
	width: 370px;
	text-align: left;
}
.course .prize2 .prize-info {
	float: none;
	width: auto;
}
.course .prize2 .prize-info > div {
	width: 100%;
	text-align: center;
	position: relative;
}
.course .prize-info .info-t1 {
	color: #C40018;
	font-size: 24px;
	font-weight: bold;
}
.course .prize-info .info-t2 {
	margin-top: 10px;
	color: #3e3a39;
	font-size: 16px;
	line-height: 1.6;
	font-weight: bold;
}
.course .prize-info .info-t2-2 {
	color: #3e3a39;
	font-size: 16px;
	line-height: 2.1;
	font-weight: bold;
	margin-top: 25px;
}
.course .prize-info .info-t3 {
	margin-top: 10px;
	line-height: 1.4;
	letter-spacing: 1px;
}
.course .prize-info .info-t4 {
	width: 180px;
	margin: 5px auto 0;
	color: #C40018;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
}
.course .prize-info .info-t5 {
	line-height: 1.4;
	letter-spacing: 1px;
	text-align: center;
}
.course .prize-info span {
	font-size: 80%;
}
.course .note {
	margin-top: 20px;
	color: #FFF;
	text-align: right;
}

#bottom {
	text-align: center;
	padding: 45px 0 80px;
}
#bottom .info {
	font-size: 18px;
	line-height: 1.6;
	font-weight: bold;
}
#bottom .text1 {
	margin-top: 70px;
	color: #00A040;
	font-size: 30px;
	font-weight: bold;
}
#bottom .text2 {
	margin-top: 20px;
	color: #676767;
	font-size: 30px;
	font-weight: bold;
}
#bottom ul {
	margin-top: 20px;
	margin-bottom: 60px;
}
#bottom ul li {
	float: left;
	list-style: none;
}
#bottom .copy {
	margin-top: 20px;
	font-size: 16px;
}

/*---------- other ----------*/
.hide-text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.radius_l8{
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
}