@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:#000;
font-family:"ＭＳ Ｐゴシック", Osaka;
background-color:#fff;
}

img{border:0;}

.clr{clear:both;}

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

a.bl:link{ text-decoration:none;color:#00f;}
a.bl:visited{ text-decoration:none;color:#00f;}
a.bl:hover{text-decoration:underline;color:#00f;}

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

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


#wrap {text-align: center;}

#head{
width:100%;
background:url(../img/bg.jpg) top left repeat-x;
}


#main{
width:916px;
padding-top:347px;
background:url(../img/main_bg.jpg) top left no-repeat;
margin-left:auto;
margin-right:auto;
}

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


#btn_tieup{
width:820px;
height:181px;
margin-left:auto;
margin-right:auto;
clear:both;
overflow:hidden;
}

#btn_tieup .date{
position:relative;
top:25px;
left:85px;
text-align:left;
font-size:14px;
font-weight:bold;
color:#666;
}

#btn_tieup p{
width:301px;
height:29px;
text-align:right;
position:relative;
top:-10px;
left:509px;
clear:both;
}

#btn_tieup img.b01{
width:301px;
height:67px;
position:relative;
top:-16px;
left:509px;
clear:both;
}

#btn_tieup img.b02{
width:301px;
height:67px;
position:relative;
top:-8px;
left:509px;
clear:both;
}


#txt_tieup{
width:820px;
padding:10px 0px;
margin-left:auto;
margin-right:auto;
clear:both;
}

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

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

#campaign{
width:820px;
padding-top:10px;
margin-left:auto;
margin-right:auto;
clear:both;
}

#campaign p{
width:820px;
padding:10px 0px; 
text-align:right;
clear:both;
}


#fee{
width:720px;
padding:7px 10px 7px 90px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
background:url(../img/icon_fee.gif) #eaeaea 10px 14px no-repeat;
clear:both;
}


#fee img{
padding-bottom:5px;
}


#point{
width:820px;
/*
20100521 height 修正
height:610px;
*/
height:570px;
margin:30px auto 40px auto;
background:url(../img/point_bg.gif) #daf5ff 0px 34px no-repeat;
clear:both;
}

#point img.title{
width:820px;
height:34px;
position:relative;
top:0px;
left:0px;
clear:both;
}

#point img.photo{
width:281px;
height:167px;
position:relative;
top:13px;
left:518px;
clear:both;
}

#point p{
width:780px;
/*
20100521 padding-top 修正
padding-top:375px;
*/
padding-top:335px;
padding-bottom:10px;
margin-left:auto;
margin-right:auto;
clear:both;
}



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

#att p{
width:800px;
padding:10px;
background-color:#eaeaea;
}

#foot{
width:100%;
padding:5px 0px 10px 0px;
margin-top:40px;
color:#fff;
font-size:10px;
line-height:14px;
background-color:#000;
clear:both;
}

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

#foot img{
float:left;
width:150px;
padding-top:12px;
}

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


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

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

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

#p_head .inner .logo{
width:156px;
height:34px;
position:relative;
top:25px;
left:10px;
}

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

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

#p_att ul{
width:531px;
padding:10px 20px 10px 40px;
background-color:#eaeaea;
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;
}