@charset "UTF-8";

@import url(popup.css);
@import url(form.css);


/* specialGame
----------------------------------------------------*/

#specialGame .visual01 {
	position:relative;
	width:480px;
	background:#ac9057;
	padding-bottom: 8px;
}
#specialGame .visual01 img {
	vertical-align: top;
}
#specialGame .visual01 .btnArea p {
	margin: 8px auto;
}
#specialGame .visual01 .btnArea p.cm_btnTxt2 {
	color: #a10101;
}
#specialGame .visual01 .btnArea {
	text-align: center;
	width: 100%;
	padding: 8px 0 0;
}
#specialGame .visual01 #receivedBtn a {
	margin: 10px auto;
}
#specialGame .visualHint {
	background: url("../img/j/hint_bg.png") repeat-x left top;
	height: 445px;
	position: relative;
}

#specialGame .visualHint h2 {
	font-weight: bold;
	padding-top: 9px;
}
#specialGame .visualHint img {
	position: absolute;
}
#specialGame .visualHint img.first {
	left: 15px;
	top: 64px;
}

#specialGame .visualHint img.second {
	left: 16px;
	top: 200px;
}







#specialGame .visual02 {
position:relative;
width:480px;
height:448px;
background:url(../img/j/visual_bg_010.jpg) no-repeat left top;
}
#specialGame .visual02 .txt01 {
position:absolute;
top:16px;
left:19px;
}
#specialGame .visual02 .txt02 {
position:absolute;
top:277px;
left:17px;
}
#specialGame .visual02 .txt03 {
position:absolute;
top:437px;
left:95px;
}
#specialGame .visual02 .btn {
position:absolute;
top:373px;
left:109px;
}

#specialGame .cnts01 {
padding:20px 16px;
background:#439ba0;
}
#specialGame .cnts01 dl.box01 {
width:400px;
margin:0 auto 10px auto;
padding:22px 24px;
background:#ffffff;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}
#specialGame .cnts01 dl.box01 dt {
margin:0 0 15px 0;
padding:0 0 12px 0;
background:url(../img/j/contents_bg_010.gif) no-repeat left bottom;
color:#6d6d6d;
}
#specialGame .cnts01 dl.box01 dt span {
color:#cc0000;
}
#specialGame .cnts01 dl.box01 dd .ttl {
margin:0 0 5px 0;
color:#aa985d;
font-size:120%;
font-weight:bold;
text-align:center;
}
#specialGame .cnts01 dl.box01 dd .txt01 {
width:368px;
margin:0 0 3px 0;
padding:10px 0 9px 32px;
background:#aa985d;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
color:#ffffff;
font-size:110%;
}
#specialGame .cnts01 dl.box01 dd .txt02 {
width:368px;
margin:0 0 3px 0;
padding:10px 0 9px 32px;
background:#aa985d;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
color:#ffffff;
font-size:110%;
}
#specialGame .cnts01 dl.box01 dd .txt03 {
width:368px;
margin:0 0 10px 0;
padding:10px 0 9px 32px;
background:#aa985d;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
color:#ffffff;
font-size:110%;
}
#specialGame .cnts01 dl.box01 dd .txt04 {
color:#6d6d6d;
text-align:center;
}
#specialGame .cnts01 dl.box02 {
width:416px;
margin:0 auto;
padding:22px 16px;
background:#ffffff;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}
#specialGame .cnts01 dl.box02 dt {
margin:0 0 5px 0;
color:#cc0000;
font-size:105%;
font-weight:bold;
letter-spacing:-2.0px;
}
#specialGame .cnts01 dl.box02 dd.txt {
margin:0 0 8px 0;
color:#6d6d6d;
}
#specialGame .cnts01 dl.box02 dd.txt a {
color:#cc0000;
text-decoration:underline;
}
#specialGame .cnts01 dl.box02 dd.txt span {
color:#cc0000;
}
#specialGame .cnts01 dl.box02 dd.fig {
text-align:center;
}

#specialGame .cnts02 {
padding:20px 16px 14px 16px;
background:#022b2e;
border-bottom:1px solid #022b2e;
}
#specialGame .cnts02 dl.box01 {
width:426px;
margin:0 auto 14px auto;
padding:14px 11px 11px 11px;
background:#287679;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}
#specialGame .cnts02 dl.box01 dt {
margin:0 0 5px 0;
color:#e2d197;
font-size:120%;
font-weight:bold;
text-align:center;
}
#specialGame .cnts02 dl.box01 dt.get {
color:#ffffff;
}
#specialGame .cnts02 dl.box01 dd.txt {
margin:0 0 5px 0;
}
#specialGame .cnts02 dl.box01 dd.check {
width:426px;
height:39px;
background:url(../img/j/contents_bg_020.gif) no-repeat left top;
color:#ffffff;
font-size:110%;
line-height:41px;
text-align:center;
}
#specialGame .cnts02 dl.box01 dd.check input {
margin:0 8px 0 0;
background:#ffffff;
vertical-align:middle;
}

#specialGame .cnts03 {
padding:20px 16px;
background:#022b2e;
border-top:1px solid #1f3b38;
}
#specialGame .cnts03 p {
color:#d7d7d7;
}

#specialGame .cnts04 {
padding:20px 16px;
background:#154247;
}
#specialGame .cnts04 p {
color:#d7d7d7;
}

#specialGame .cnts05 {
padding:28px 0;
background:#287679;
text-align:center;
}
#specialGame .cnts05 p {
color:#d7d7d7;
}
#specialGame .cnts05 p span {
color:#f48a18;
}
#specialGame .cnts05 p.point {
font-size:110%;
}


/* game
----------------------------------------------------*/

#specialGame .visual03 {
position:relative;
width:480px;
height:300px;
background:url(../img/j/visual_bg_020.jpg) no-repeat left top;
}
#specialGame .visual03 .ttl {
position:absolute;
top:16px;
left:19px;
}
#specialGame .visual03 .fig01 {
position:absolute;
top:88px;
left:100px;
}



#l003Select p.btn {
padding:3px 0 0 22px;
margin-bottom: 22px;
}

#l003Select {
	background: #000;
}
#l003Select p {

}
#l003Select  ul {
	text-align:  center;
	margin-bottom: 22px;
}
#l003Select  ul li {
	display: inline-block;
	position: relative;
	width: 138px;
	height: 159px;
	border: 2px solid #154247;
-webkit-border-radius:16px;
	background: #000 url("../img/j/bell_def.png") no-repeat 2px 2px;
}
#l003Select  ul li.selected {
	-webkit-tap-highlight-color:rgba(248,181,81,0.2);
	border: 2px solid #9d8a49;
	background: url("../img/j/bell_selected_bg.png") no-repeat 2px 2px;
}

#l003Select  ul li div {
	position: absolute;
	left: 44px;
	top: 46px;
	background: url("../img/j/bell_icon_12.png") no-repeat 0 0;
}

#l003Select  ul li#ansStar div {
	left: 41px;
	top: 46px;
	width: 55px;
	height: 54px;
	background-position: 0 0;
}
#l003Select  ul li#ansMatsu div {
	left: 45px;
	top: 44px;
	width: 47px;
	height: 56px;
	background-position: -55px 0;
}
#l003Select  ul li#ansHeart div {
	left: 45px;
	top: 53px;
	width: 46px;
	height: 45px;
	background-position: -102px 0;
}

#l003Select  ul li#ansNum1 div {
	left: 53px;
	top: 51px;
	width: 26px;
	height: 47px;
	background: url("../img/j/bell_icon_3.png") no-repeat 0 0;
}
#l003Select  ul li#ansNum2 div {
	left: 49px;
	top: 49px;
	width: 37px;
	height: 48px;
	background: url("../img/j/bell_icon_3.png") no-repeat -26px 0;
}
#l003Select  ul li#ansNum3 div {
	left: 51px;
	top: 48px;
	width: 36px;
	height: 47px;
	background: url("../img/j/bell_icon_3.png") no-repeat -63px 0;
}

/* eventColumn01
----------------------------------------------------*/

#eventColumn01 .title {
margin:0;
padding:0;
font-size:0;
line-height:0;
}

#eventColumn01 .getPoints {
width:215px;
margin:10px auto;
padding:8px 0;
border:2px solid #fff8d0;
color:#fff8d0;
font-size:120%;
font-weight:bold;
letter-spacing:1.0px;
text-align:center;
}

#eventColumn01 .canGift {
padding:12px 0 20px 0;
background:#103839 url(../img/common/contents_bg_010.png) no-repeat left bottom;
}

#eventColumn01 .gotIt {
width:440px;
padding:20px;
}
#eventColumn01 .gotIt:after {
clear:both;
display:block;
content:"";
height:1px;
overflow:hidden;
}
#eventColumn01 .gotIt .fig {
float:left;
width:125px;
}
#eventColumn01 .gotIt .txt {
float:left;
width:315px;
}

#eventColumn01 .message01 {
padding:15px;
}
#eventColumn01 .message01:after {
clear:both;
display:block;
content:"";
height:1px;
overflow:hidden;
}
#eventColumn01 .message01 .fig {
float:left;
width:135px;
}
#eventColumn01 .message01 .txt {
float:left;
width:315px;
}