@charset "shift_jis";

html>body table{
border-collapse:separate;
}

/* -----------------------------------------------------------------------
Basic setting
----------------------------------------------------------------------- */

* {
form:0;
margin:0;
padding:0;
}


body{
margin:0px;
padding:0px;
font-size:12px;
line-height:20px;
color:#fff;
font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka;
background-color:#000;
}

img{border:0;}

.clr{clear:both;}

a:link{ text-decoration:none;color:#fff;}
a:visited{ text-decoration:none;color:#fff;}
a:hover{text-decoration:underline;color:#fff;}


/* -----------------------------------------------------------------------
Contents setting
----------------------------------------------------------------------- */


#wrap {text-align: center;}

#head{
width:100%;
height:68px;
background:url(../img/head_bg.gif) top left repeat-x;
}

#head .inner{
width:860px;
text-align:left;
margin-left:auto;
margin-right:auto;
}

#head .inner .logo{
width:429px;
height:65px;
position:relative;
top:0px;
left:5px;
}

#main{
width:100%;
height:347px;
background:url(../img/main_bg.jpg) top left repeat-x;
}

#main .inner{
width:860px;
height:347px;
margin-left:auto;
margin-right:auto;
}

#contents{
width:858px;
text-align:left;
margin-left:auto;
margin-right:auto;
}

#btn_tieup{
margin-top:15px;
height:183px;
}

#btn_tieup .date{
position:relative;
top:42px;
left:98px;
text-align:left;
font-size:14px;
font-weight:bold;
color:#fff;
}

#btn_tieup .date strong{
color:#fc0;
}

#btn_tieup img{
width:300px;
height:142px;
position:relative;
top:8px;
left:545px;
}

#btn{
margin-top:15px;
height:140px;
background:url(../img/btn_bg.gif) top left no-repeat;
}

#btn img{
width:685px;
height:94px;
position:relative;
top:21px;
left:82px;
}

#txt_tieup{
width:840px;
margin-left:auto;
margin-right:auto;
clear:both;
}

#txt_tieup p.fleft{
float:left;
width:555px;
}

#txt_tieup p.fright{
float:right;
width:255px;
text-align:right;
}

#point{
width:858px;
height:240px;
padding-top:30px;
background:url(../img/point_01.jpg) 0px 30px no-repeat;
clear:both;
}

#point img{
width:284px;
height:165px;
position:relative;
top:81px;
left:563px;
}

#campaign{
width:858px;
height:121px;
background:url(../img/point_02.jpg) top left no-repeat;
clear:both;
}

#campaign p{
width:808px;
padding-top:100px;
margin-left:auto;
margin-right:auto;
clear:both;
}

#protection{
width:858px;
height:193px;
padding-top:70px;
background:url(../img/protection_01.jpg) 0px 70px no-repeat;
clear:both;
}

#protection img{
width:284px;
height:144px;
position:relative;
top:56px;
left:563px;
}

#protection p{
width:814px;
padding-top:60px;
margin-left:auto;
margin-right:auto;
}


#select{
width:858px;
height:131px;
padding-top:95px;
background:url(../img/select_01.gif) 0px 95px no-repeat;
clear:both;
}

#select img{
width:215px;
height:75px;
position:relative;
top:56px;
left:632px;
}

#select p{
width:570px;
position:relative;
top:5px;
left:25px;
}

#scene{
width:858px;
padding-top:40px;
clear:both;
}

#scene p{
width:854px;
padding:2px;
font-size:10px;
margin-left:auto;
margin-right:auto;
text-align:right;
clear:both;
}


#att{
width:838px;
padding-top:50px;
margin-left:auto;
margin-right:auto;
clear:both;
}

#att p{
width:818px;
padding:10px;
background-color:#4d4d4d;
}

#foot{
width:100%;
padding:5px 0px 10px 0px;
margin-top:80px;
border-top:4px #b28705 double;
font-size:10px;
line-height:14px;
clear:both;
}

#foot .inner{
width:838px;
margin-left:auto;
margin-right:auto;
}

#foot .logo{
float:left;
text-align:left;
width:300px;
}

#foot .logo img{
padding-top:6px;
}

#foot p{
float:right;
width:538px;
text-align:right;
}

#foot p img{
float:right;
padding-left:10px;
}




/* -----------------------------------------------------------------------
Popup setting
----------------------------------------------------------------------- */

#head .p_inner{
width:591px;
text-align:left;
margin-left:auto;
margin-right:auto;
}

#p_head .p_inner .logo{
width:429px;
height:65px;
position:relative;
top:0px;
left:5px;
}

#p_contents{
width:591px;
text-align:left;
margin-left:auto;
margin-right:auto;
}

#p_att{
width:591px;
padding-top:20px;
margin-left:auto;
margin-right:auto;
clear:both;
}

#p_att ul{
width:531px;
padding:10px 20px 10px 40px;
background-color:#4d4d4d;
list-style-position:outside;
}

#p_att li{
padding-bottom:10px;
}

#p_att ul.list_square{
list-style: square;
}

#p_att ul.list_dice{
width:491px;
padding-left:20px;
list-style: dice;
}

#p_btn{
width:500px;
padding:20px 0px;
text-align:center;
margin-left:auto;
margin-right:auto;
}

.button310{
color:#000;
border:#003c74 1px solid;
background:url(../img/button_bg2.gif) #fff top left repeat-x;
width:310px;
height:25px;
}







/* -----------------------------------------------------------------------
201104 add
----------------------------------------------------------------------- */


#btn_tieup_201104{
	width:858px;
	height:587px;
	margin-top:15px;
	text-align:left;
}

#btn_tieup_201104 a.tieup{
	display:block;
	position:relative;
	top:128px;
	left:725px;
	width:90px;
	height:90px;
	text-indent:-5000px;
	overflow:hidden;
	clear:both;
}

#btn_tieup_201104 a.amex3000{
	display:block;
	position:relative;
	top:202px;
	left:725px;
	width:90px;
	height:90px;
	text-indent:-5000px;
	overflow:hidden;
	clear:both;
}

#btn_tieup_201104 a.regist{
	position:relative;
	top:225px;
	left:85px;
	overflow:hidden;
	clear:both;
}

#btn_tieup_201104 a.mufg{
	display:block;
	position:relative;
	top:238px;
	left:685px;
	width:145px;
	height:40px;
	text-indent:-5000px;
	overflow:hidden;
	clear:both;
}





#txt_tieup_201104{
width:840px;
margin-left:auto;
margin-right:auto;
clear:both;
}

#txt_tieup_201104 p.fleft{
float:left;
width:505px;
}

#txt_tieup_201104 p.fright{
float:right;
width:305px;
text-align:right;
}

#txt_tieup_201104 p.fright strong{
color:#fc0;
}