@charset "utf-8";

/*---------------------------------------------

■ポイントの貯め方用CSS

---------------------------------------------*/

.how_to_main{
width:660px;
float:left;
margin:0 5px 0 0;
}

.how_to_top{
float:left;
}

.top_img{
float:left;
padding:0 0 0 10px;
}

.top_r{
float:left;
}

.top_r h1{
background:url(../../andy/img/how_to/top_title.gif) no-repeat;
width:451px;
height:18px;
margin-top:8px;
padding:0 0 5px 0;
text-indent:-9999px;
}

p.top_r_tx_1{
margin:0;
padding:0;
width:480px;
text-align:justify;
}

div.att_right{
text-align:right;
width:470px;
}


.save_box{
clear:both;
float:left;
margin:0 0 20px 0;
}

.save_shop_header{
float:left;
background:url(../../andy/img/how_to/save_bg_shop_header.gif) no-repeat;
width:390px;
height:42px;
padding:15px 20px 0 240px;
}

.save_box_body{
background:url(../../andy/img/how_to/save_bg_body.gif) repeat;
width:650px;
float:left;
}

.save_box_img{
float:left;
margin:30px 25px 0 30px;
}

img.save_box_img_service{
float:left;
margin:30px 40px 0 30px;
}

img.save_box_img_mail{
float:left;
margin:30px 40px 0 30px;
}


.save_box_img_stock{
float:left;
margin:30px 25px 0 35px;
}

.save_box_body_r{
float:left;
margin:0 0 5px 0;
width:460px;
}

.topi_r_header{
background:url(../../andy/img/how_to/save_topi_header.gif) no-repeat;
width:460px;
height:20px;
}

.topi_r_body{
float:left;
background:url(../../andy/img/how_to/save_topi_body.gif) repeat;
width:460px;
}

.l_box{
float:left;
padding:0 10px 0 20px;
}

.l_box h2{
margin:0;
padding:0 0 0 3px;
font-size:14px;
font-weight:bold;
color:#EB6100;
}

.l_box p{
margin:0;
padding:5px;
width:278px;
font-size:11px;
line-height:120%;
border-bottom:dotted 1px #999999;
border-top:dotted 1px #999999;
}

.l_box img.for_ex{
float:left;
margin:10px 0 0 0;
}

.l_box ul{
float:left;
padding:12px 0 0 20px;
margin:0;
font-size:11px;
width:180px;
}

.l_box li{
padding:0 0 3px 0;
margin:0;
line-height:130%;
list-style-type:disc;
list-style-position:outside;
list-style-image:none;
}

.r_box{
float:left;
text-align:center;
}

.game_img{
border:solid 1px #999999;
}

.topi_r_footer{
float:left;
background:url(../../andy/img/how_to/save_topi_footer.gif) no-repeat;
width:460px;
height:20px;
}

.bottom_box{
clear:both;
text-align:right;
padding:0 35px 15px 0;
}

a.shop_list{
background:url(../../img/common/icon/triangle_s.gif) no-repeat;
padding:0 10px 0 17px;
}

.bottom_box img{
vertical-align:middle;
padding:0 0 5px 0;
}

.save_service_header{
clear:both;
background:url(../../andy/img/how_to/save_bg_service_header.gif) no-repeat;
width:390px;
height:42px;
padding:15px 20px 0 240px;
}

.save_stock_header{
clear:both;
float:left;
background:url(../../andy/img/how_to/save_bg_stock_header.gif) no-repeat;
width:390px;
height:42px;
padding:15px 20px 0 240px;
}

div.save_mail_header{
clear:both;
float:left;
background:url(../../andy/img/how_to/save_bg_mail_header.gif) no-repeat;
width:390px;
height:42px;
padding:15px 20px 0 240px;
}

.save_box_footer{
float:left;
background:url(../../andy/img/how_to/save_bg_footer.gif) no-repeat;
width:650px;
height:10px;
}

.d_point{
clear:both;
float:left;
}

.d_point h3{
background:url(../../andy/img/how_to/&d_point_header.gif) no-repeat;
width:650px;
height:67px;
text-indent:-9999px;
}

.d_point_body{
float:left;
background:url(../../andy/img/how_to/&d_point_body.gif) repeat;
width:650px;
}

.d_point_body_l{
float:left;
padding:10px 30px 0 40px;
}

.d_point_body_r{
float:left;
padding:10px 0 0 0;
}

p.d_point_tx{
width:277px;
margin:0;
padding:5px 0 0 0;
font-size:12px;
}


.d_point_footer{
float:left;
background:url(../../andy/img/how_to/&d_point_footer.gif) no-repeat;
width:650px;
height:20px;
}

div.regist{
clear:both;
text-align:center;
padding:20px 0 0 0;
}


div.regist p{
font-size:14px;
font-weight:bold;
text-align:center;
margin:0;
padding:0 0 0 20px;
}

/* 右サイド用
---------------------------------------------*/
.how_to_r{
float:left;
width:305px;
}