@charset "utf-8";
/*
 * Support this css
 * Date: 13:45 2009/06/19
 * Author: Creative Team
 */

#page-head h1{
_position: relative;
_left: -2px;
height: 88px;
width: 954px;
margin-left:1px;
background: url(images/page-head.png) no-repeat center bottom;
text-indent:-9999px;
overflow:hidden;
}

h2.h2_provider,h2.h2_service,h2.h2_point,h2.h2_save,h2.h2_use{
height: 47px;
width: 731px;
margin-left: 16px;
margin-bottom: 20px;
text-indent: -9999px;
clear: both;
}
h2.h2_provider{background: url(images/h2_bg.gif) no-repeat 0px 0px;margin-bottom: 5px;}
h2.h2_service{background: url(images/h2_bg.gif) no-repeat 0px -47px;}
h2.h2_point{background: url(images/h2_bg.gif) no-repeat 0px -94px;}
h2.h2_save{background: url(images/h2_bg.gif) no-repeat 0px -141px;margin-bottom: 0px;}
h2.h2_use{background: url(images/h2_bg.gif) no-repeat 0px -188px;}
dl.provider{
margin-left: 26px;
margin-bottom: 60px;
}
dt.pro_point1{
width: 725px;
height: 144px;
background: url(images/provider_dt_pro_point1.gif) no-repeat 0px 0px;
text-indent: -9999px;
}
dd.pro_point1{
width: 725px;
height: 137px;
background: url(images/provider_dd_pro_point1.gif) no-repeat 0px 0px;
text-indent: -9999px;
}
dd.pro_point1 .price{
display: none;
}
dd.pro_point1 .links{
padding: 43px 0px 0px 510px;
text-indent: 0px;
}
dd.pro_point1 .links li a{
display: block;
width: 170px;
margin-bottom: 10px;
line-height: 140%;
}
dt.pro_point2,dt.pro_point3{
display: none;
}
dd.pro_point2{
position:relative;
float: left;
width: 292px;
height: 107px;
line-height:140%;
padding:90px 20px 0 40px;
background: url(images/provider_dd_pro_point2.gif) no-repeat 0px 0px;
}
dd.pro_point3{
position:relative;
float: left;
width: 289px;
height: 107px;
line-height:140%;
padding:90px 20px 0 40px;
background: url(images/provider_dd_pro_point3.gif) no-repeat 0px 0px;
}
dd.pro_point2 a{
	display:block;
	position:absolute;
	bottom:15px;
	left:68px;
}
dd.pro_point3 a{
	display:block;
	position:absolute;
	bottom:15px;
	left:65px;
}
.service_lead{
margin: 0px 38px;
padding-top: 30px;
padding-bottom: 25px;
background: url(images/service_lead_bg.gif) no-repeat 0px 0px;
}
h3.point1{
margin-left: 38px;
height:48px;
background: url(images/h3_bg.gif) no-repeat 0px 0px;
text-indent: -9999px;
}
h3.point2{
margin-left: 38px;
height:48px;
background: url(images/h3_bg.gif) no-repeat 0px -47px;
text-indent: -9999px;
}

dl.serv_point1,dl.serv_point2{
margin: 0px 38px 0px 100px;
line-height: 150%;
}
dl.serv_point1 dt,dl.serv_point2 dt{
font-weight: bold;
color:#f00;
}
p.serv_point1,p.serv_point2{
margin: 0px 38px;
padding-bottom: 20px;
display: block;
text-align: right;
}
p.serv_point1 a,p.serv_point2 a{
padding-top: 5px;
padding-left: 20px;
background: url(/common/images/bullet03.gif) no-repeat scroll left 0px;
line-height: 140%;
}
dl.serv_point1 dd,dl.serv_point2 dd{
padding-right: 125px;
}
.serv_point1-1{
min-height:100px;
_height:100px;
background: url(images/service_serv_point1-1_bg.gif) no-repeat scroll right 0px;
}
.serv_point1-2{
min-height:100px;
_height:100px;
background: url(images/service_serv_point1-2_bg.gif) no-repeat scroll right 0px;
}
dl.serv_point2{
position: relative;
margin-top:-30px;
padding-top:30px;
min-height:50px;
_height:50px;
background: url(images/service_serv_point2-1_bg.gif) no-repeat scroll right 0px;
}


.point_lead{
margin: 0px 20px 0px 38px;
padding: 44px 10px 0px 105px;
min-height:50px;
_height:50px;
background: url(images/point_lead_bg.gif) no-repeat scroll left 0px;
line-height: 140%;
}

.point dt{
margin-left: 38px;
height: 51px;
background: url(images/point_dt_bg.gif) no-repeat scroll left 0px;
text-indent: -9999px;
}
.point dd{
margin-left: 38px;
margin-bottom: 50px;
padding: 0px 160px 0px 50px;
min-height:90px;
_height:90px;
background: url(images/point_dd_bg.gif) no-repeat scroll left bottom;
line-height: 140%;
}
.point dd span{
font-weight:bold;
color:#f00;
}
.save_lead{
margin: 0px 20px;
padding: 50px 180px 0px 20px;
min-height:71px;
_height:71px;
background: url(images/save_lead_bg.gif) no-repeat scroll -2px -1px;
line-height: 140%;
}
h3.save_point{
margin-top: -20px;
margin-left: 38px;
height: 51px;
background: url(images/h3_bg03.gif) no-repeat scroll 0px 0px;
text-indent: -9999px;
}
h3.save_id{
margin-left: 38px;
margin-top: 20px;
height: 51px;
background: url(images/h3_bg03.gif) no-repeat scroll 0px -51px;
text-indent: -9999px;
}
.save_ul{
margin-left: 61px;
}
.save_ul li{
float: left;
margin: 0px 4px 4px 0px;
height: 60px;
width: 212px;
background: #f00;
}
.save_ul li a{
display: block;
height: 60px;
width: 212px;
text-indent: -9999px;
}
.calamel a{background: url(images/save_banner_bg.gif) no-repeat scroll 0px 0px;}
.itempost a{background: url(images/save_banner_bg.gif) no-repeat scroll 0px -578px;}
.yaplog a{background: url(images/save_banner_bg.gif) no-repeat scroll 0px -192px;}
.pointtown a{background: url(images/save_banner_bg.gif) no-repeat scroll 0px -320px;}
.shashin-bu a{background: url(images/save_banner_bg.gif) no-repeat scroll 0px -64px;}
.freeml a{background: url(images/save_banner_bg.gif) no-repeat scroll 0px -256px;}
.jugem a{background: url(images/save_banner_bg.gif) no-repeat scroll 0px -384px;}
.kumapon a{background: url(images/save_banner_bg.gif) no-repeat scroll 0px -128px;}
.teacup a{background: url(images/save_banner_bg.gif) no-repeat scroll 0px -448px;}
.fukubiki a{background: url(images/save_banner_bg.gif) no-repeat scroll 0px -512px;}

.calamel a:hover{background: url(images/save_banner_bg.gif) no-repeat scroll -219px 0px;}
.itempost a:hover{background: url(images/save_banner_bg.gif) no-repeat scroll -219px -578px;}
.yaplog a:hover{background: url(images/save_banner_bg.gif) no-repeat scroll -219px -192px;}
.pointtown a:hover{background: url(images/save_banner_bg.gif) no-repeat scroll -219px -320px;}
.shashin-bu a:hover{background: url(images/save_banner_bg.gif) no-repeat scroll -219px -64px;}
.freeml a:hover{background: url(images/save_banner_bg.gif) no-repeat scroll -219px -256px;}
.jugem a:hover{background: url(images/save_banner_bg.gif) no-repeat scroll -219px -384px;}
.kumapon a:hover{background: url(images/save_banner_bg.gif) no-repeat scroll -219px -128px;}
.teacup a:hover{background: url(images/save_banner_bg.gif) no-repeat scroll -219px -448px;}
.fukubiki a:hover{background: url(images/save_banner_bg.gif) no-repeat scroll -219px -512px;}



h3.use_ht1{
margin-left: 38px;
height: 50px;
background: url(images/h3_bg02.gif) no-repeat scroll 0px 0px;
text-indent: -9999px;
}
h3.use_ht2{
margin-top: 30px;
margin-left: 38px;
height: 50px;
background: url(images/h3_bg02.gif) no-repeat scroll 0px -50px;
text-indent: -9999px;
}
h3.use_ht3{
margin-top: 30px;
margin-left: 38px;
height: 50px;
background: url(images/h3_bg02.gif) no-repeat scroll 0px -100px;
text-indent: -9999px;
}
.h2_use{
background: url(images/h2_use_bg.gif) no-repeat scroll 537px 0px;
}
.h2_use p{
margin-left: 38px;
padding-left: 110px;
line-height: 140%;
}
.h2_use span{
font-weight: bold;
color: #f00;
line-height: 200%;
}
p.use_ht{
display: block;
margin-left: 148px;
padding-top: 5px;
padding-left: 20px;
background: url(/common/images/bullet03.gif) no-repeat scroll left 7px;
line-height: 140%;
}

.h2_use ul.notice{
	margin:0 0 10px 148px;
	font-size:10px;
	color:#666;
	}

p.conv_banner{
	margin:20px 0 0 -30px;
	text-align:center;
	}

p.conv_banner img{
	margin:3px;
}
	
p.caution_ttl{
	margin-left: 38px;
	margin-top: 35px;
	height: 22px;
	background: url(images/caution_p_bg.gif) no-repeat scroll left 0px;
	text-indent: -9999px;
}
p.caution{
	margin-left: 38px;
	padding: 0px 38px 40px 50px;
	line-height: 140%;
}

#contents p.arrow_order{
	width:296px;
	height:109px;
	margin:20px auto 40px;
}
#contents p.arrow_order a{
	display:block;
	width:296px;
	height:109px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/service/images/arrow_order.gif) no-repeat;
}
#contents p.arrow_order a:hover{
	background:url(/service/images/arrow_order_ov.gif) no-repeat;
}

#contents p.ft_support_info {
	width:761px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/service/images/sv_ft_support.gif) no-repeat;
	margin:0 auto -18px;
	_margin-bottom:0;
}
/* ftth_links
---------------------------------------------------------------------------------------------*/
#ftth_links p{
margin-left: 20px;
height: 41px;
background:url(/service/ftth/images/ftth_links_ttl.gif) no-repeat;
text-indent: -9999px;
}
#ftth_links div.links{
margin-left: 9px;
margin-bottom: 15px;
background:url(/service/ftth/images/ftth_links_ttl_bg2.gif) repeat-y 11px;
}
#ftth_links div.links div{
float: left;
padding-left: 11px;
padding-bottom: 15px;
width: 234px;
line-height: 48px;
text-indent: -9999px;
}
#ftth_links div.links div.links1{background:url(/service/ftth/images/ftth_links_ttl_bg.gif) no-repeat 11px 0px;}
#ftth_links div.links div.links2{background:url(/service/ftth/images/ftth_links_ttl_bg.gif) no-repeat -234px 0px;}
#ftth_links div.links div.links3{background:url(/service/ftth/images/ftth_links_ttl_bg.gif) no-repeat -479px 0px;}
#ftth_links div.links div.links1{_background:url(/service/ftth/images/ftth_links_ttl_bg.gif) no-repeat 11px 0px;}
#ftth_links div.links div.links2{_background:url(/service/ftth/images/ftth_links_ttl_bg.gif) no-repeat -234 0px;}
#ftth_links div.links div.links3{_background:url(/service/ftth/images/ftth_links_ttl_bg.gif) no-repeat -479px 0px;_margin-left: 0px;}

#ftth_links div.links ul{
padding-top: 5px;
padding-left: 10px;
padding-right: 20px;
}

#ftth_links div.links li{
padding-left: 10px;
line-height: 18px;
text-indent: 0px;
background:url(/common/images/bullet07.gif) no-repeat 0px 3px;
}
#ftth_links div.links li a{
text-decoration: underline;
}

#ftth_links div.links li a:hover{
text-decoration: none;
}

/* affiliate
---------------------------------------------------------------------------------------------*/
#page-head h1.affi{
	_position: relative;
	_left: -2px;
	height: 88px;
	width: 954px;
	margin-left:1px;
	background: url(images/page-head-affi.png) no-repeat center bottom;
	text-indent:-9999px;
	overflow:hidden;
	}

h2.affi{
	width: 730px;
	height: 43px;
	margin:2px 0 0 16px;
	text-indent: -9999px;
	clear: both;
	background:url(images/h3_bg04.gif) no-repeat left top;
	}

div.affiliate p.affi2{
	clear:both;
	height:39px;
	margin:15px 0 15px 25px;
	text-indent:-9999px;
	width:648px;
	background:url(images/affi_h04.gif) no-repeat left top;
	}

div.affiliate p{
	width:625px;
	margin:0 0 25px 80px;
	}

div.affiliate p.tomail{
	width:auto;
	margin:0;
	}

div.affiliate p.tomail span{
	color:#171717;
	}

div.affiliate p span{
	font-weight:bold;
	color:#f00;
	}

/* reason */

div.affiliate div.reason{
	width:605px;
	border:5px solid #0085c3;
	background:#defcff;
	margin:-5px 0 0 80px;
	padding:5px 0 0 10px;
	}

div.affiliate div.reason p{
	width:439px;
	height:33px;
	margin:0;
	text-indent:-9999px;
	background:url(images/affiliate_ttl01.gif) no-repeat left top;
	}

div.affiliate div.reason ol{
	width:580px;
	padding:15px 0 10px 15px;
	}

div.affiliate div.reason ol li{
	float:left;
	width:185px;
	height:193px;
	margin-right:6px;
	text-indent:-9999px;
	}

div.affiliate div.reason ol li.reason01{ background:url(images/affiliate_img01.gif) no-repeat left top; }
div.affiliate div.reason ol li.reason02{ background:url(images/affiliate_img02.gif) no-repeat left top; }
div.affiliate div.reason ol li.reason03{ background:url(images/affiliate_img03.gif) no-repeat left top; }

div.affiliate div.reason ol li.reason02{
	width:172px;
	text-indent:0;
	padding-left:13px;
	}


div.affiliate div.reason ol li.reason02 span{
	display:block;
	height:163px;
	text-indent:-9999px;
	}

div.affiliate div.reason ol li.reason02 a{
	padding-left:17px;
	font-size:10px;
	background:url(images/affiliate_ico01.gif) no-repeat left center;
	}


/* pay */

div.affiliate p.pay{
	width:587px;
	height:96px;
	text-indent:-9999px;
	margin:10px 0 0 88px;
	background:url(images/affiliate_img04.gif) no-repeat left top;
	}

/* a8 */

div.affiliate div.registA8{
	margin-top:30px;
	}

div.affiliate div.registA8 p.registBtn{
	width:218px;
	text-align:center;
	margin:0 auto;
	font-size:10px;
	color:#666;
	background:url(images/affiliate_btn01.gif) no-repeat left top;
	}

div.affiliate div.registA8 p.registBtn a{
	display:block;
	width:218px;
	height:91px;
	margin-bottom:10px;
	text-indent:-9999px;
	}

div.affiliate div.registA8 p.registBtn a:hover{ background:url(images/affiliate_btn01_ov.gif) no-repeat left top; }

/* yo-ko */


div.affiliate div.yoko{
	width:682px;
	margin:25px 0 120px 43px;
	}

div.affiliate div.yoko p{
	width:682px;
	height:75px;
	margin:0;
	text-indent:-9999px;
	background:url(images/affiliate_img06.gif) no-repeat left top;
	}

div.affiliate div.yoko p.kouzaLink{
	width:571px;
	height:122px;
	margin:10px auto;
	background:url(images/affiliate_img07.gif) no-repeat left top;
	}

div.affiliate div.yoko p.kouzaLink a{
	display:block;
	width:571px;
	height:122px;
	}

/* banner
---------------------------------------------------------------------------------------------*/

h2.affi02{
	clear: both;
	width: 730px;
	height: 43px;
	margin:2px 0 0 16px;
	text-indent: -9999px;
	background:url(images/h3_bg06.gif) no-repeat left top;
	}

div.banner p{
	margin:15px 0 15px 60px;
	}

div.banner p.tomail{
	margin:0;
	}

div.banner ul.anchor{
	width:645px;
	margin:20px 0 15px 60px;
	padding:5px 0 5px 15px;
	background:#e0e0e0;
	}

div.banner ul.anchor li{
	float:none;
	display:inline;
	margin:0 30px 0 0;
	padding-left:18px;
	line-height:25px;
	background:url(images/banner_ico01.gif) no-repeat left center;
	}

div.banner h3{
	width:682px;
	height:29px;
	margin:40px 0 0 40px;
	text-indent: -9999px;
	}

div.banner h3.size01{ background:url(images/banner_ttl01.gif) no-repeat left top; }
div.banner h3.size02{ background:url(images/banner_ttl02.gif) no-repeat left top; }
div.banner h3.size03{ background:url(images/banner_ttl03.gif) no-repeat left top; }
div.banner h3.size04{ background:url(images/banner_ttl04.gif) no-repeat left top; }
div.banner h3.size05{ background:url(images/banner_ttl05.gif) no-repeat left top; }
div.banner h3.size06{ background:url(images/banner_ttl06.gif) no-repeat left top; }
div.banner h3.size07{ background:url(images/banner_ttl07.gif) no-repeat left top; }
div.banner h3.size08{ background:url(images/banner_ttl08.gif) no-repeat left top; }
div.banner h3.size09{ background:url(images/banner_ttl09.gif) no-repeat left top; }
div.banner h3.size10{ background:url(images/banner_ttl10.gif) no-repeat left top; }

div.banner ul{
	width:641px;
	margin:0 0 0 60px;
	padding-top:5px;
	}

div.banner ul.last{
	padding-bottom:100px;
	}

div.banner ul li{
	float:left;
	margin:15px 0 0 19px;
	}

div.banner ul li.bannerOther_01,
div.banner ul li.bannerOther_02{
	margin-left:-40px;
	}

/* yoko
---------------------------------------------------------------------------------------------*/

div.yoko h2{
	width:665px;
	height:143px;
	text-indent:-9999px;
	margin:-15px 0 0 48px;
	background:url(images/yoko_ttl01.gif) no-repeat left top;
	}

div.yoko p.comic{
	width:685px;
	height:381px;
	margin:0 0 0 29px;
	}

div.yoko ol.num{
	width:665px;
	margin:22px 0 0 42px;
	padding:0 80px 12px 87px;
	background:url(images/yoko_line01.gif) no-repeat left bottom;
	}

div.yoko ol.num li{
	width:512px;
	height:51px;
	margin-bottom:7px;
	text-indent:-9999px;
	}

div.yoko ol.num li a{
	display:block;
	width:512px;
	height:51px;
	}

div.yoko ol.num li.num01{ background:url(images/yoko_btn01.gif) no-repeat left top; }
div.yoko ol.num li.num02{ background:url(images/yoko_btn02.gif) no-repeat left top; }
div.yoko ol.num li.num03{ background:url(images/yoko_btn03.gif) no-repeat left top; }

/* article */

div.yoko div.article{
	width:665px;
	margin:25px 0 0 50px;
	}

div.yoko div.article h3{
	width:665px;
	height:71px;
	text-indent:-9999px
	}

div.yoko div#start h3{ background:url(images/yoko_ttl02.gif) no-repeat left top; }
div.yoko div#up h3{ background:url(images/yoko_ttl03.gif) no-repeat left top; }
div.yoko div#check h3{ background:url(images/yoko_ttl04.gif) no-repeat left top; }

div.yoko div.article p{
	width:561px;
	margin-top:20px;
	padding:0 0 0 80px;
	}

div.yoko div.article p.red{ background:url(images/yoko_ico01.gif) no-repeat 30px top; padding:9px 0 9px 80px; margin-top:10px; }
div.yoko div.article p.yoko{ background:url(images/yoko_ico02.gif) no-repeat 26px top; }
div.yoko div.article p.yoko02{ background:url(images/yoko_ico02.gif) no-repeat 26px top; padding:9px 0 9px 80px; margin-top:10px; }
div.yoko div.article p.yellow{ background:url(images/yoko_ico03.gif) no-repeat 30px top; padding:9px 0 9px 80px; margin-top:10px; }
div.yoko div.article p.pink{ background:url(images/yoko_ico04.gif) no-repeat 30px top; padding:9px 0 9px 80px; margin-top:10px; }

div.yoko div.article p span{
	font-size:10px;
	color:#666;
	}

div.yoko div.article p span.img{
	display:block;
	margin:20px 0 0 80px;
	}

div.yoko div.article dl.advice{
	width:605px;
	margin:18px 0 0 30px;
	background:url(images/yoko_bg01.gif) no-repeat left bottom;
	}

div.yoko div.article dl.advice dt{
	width:605px;
	height:34px;
	text-indent:-9999px;
	background:url(images/yoko_ttl05.gif) no-repeat left bottom;
	}

div.yoko div.article dl.advice dd{
	padding:15px 18px;
	font-weight:bold;
	color:#d72c5c;
	line-height:20px;
	}

div.yoko div.article div.glossary{
	width:594px;
	margin:22px 0 60px 33px;
	padding:3px;
	background:url(images/yoko_bg02.gif) repeat left top;
	}

div.yoko div#up div.glossary{
	padding:3px 3px 5px;
	}

div.yoko div.article div.glossary p{
	width:590px;
	height:37px;
	padding:0;
	margin:0;
	text-indent:-9999px;
	background:#fff url(images/yoko_ttl07.gif) no-repeat 14px 14px;
	}

div.yoko div.article div.glossary dl{
	width:564px;
	height:210px;
	padding:0 13px 14px;
	background:#fff;
	}

div.yoko div.article div.glossary dl.glossary02{
	height:60px;
	}

div.yoko div.article div.glossary dl dt{
	padding:1px 3px;
	background:#fee1d1;
	font-weight:bold;
	}

div.yoko div.article div.glossary dl dt span{
	font-size:10px;
	color:#666;
	margin-right:5px;
	}

div.yoko div.article div.glossary dl dd{
	margin-top:5px;
	}

div.yoko div.article div.glossary dl dd span{
	display:block;
	margin-bottom:15px;
	color:#666;
	font-size:10px;
	}

/* start */

div.yoko div#start ol.flow{
	width:597px;
	height:209px;
	margin:10px 0 0 30px;
	text-indent:-9999px;
	background:url(images/yoko_img02.gif) no-repeat left top;
	}

div.yoko div#start ul{
	margin:0px 0 0 70px;
	font-size:10px;
	color:#666;
	}

div.yoko div#start dl.banner{
	width:605px;
	padding-top:17px;
	margin:17px 0 0 30px;
	background:#fff996;
	}

div.yoko div#start dl.banner dt{
	height:40px;
	color:#666;
	padding:30px 0 0 483px;
	font-size:10px;
	background:url(images/yoko_ttl06.gif) no-repeat center top;
	}

div.yoko div#start dl.banner dt span{
	display:none;
	}

div.yoko div#start dl.banner dd{
	margin:0 0 0 42px;
	}

div.yoko div#start dl.banner dd.bannerLink{
	margin:10px 0 0 209px;
	padding:0 0 12px 20px;
	background:url(images/yoko_ico05.gif) no-repeat left 3px;
	}

/* check */

div.yoko div#check dl.service{
	width:605px;
	margin: 0 0 0 30px;
	}

div.yoko div#check dl.service dt{
	color:#f28300;
	font-weight:bold;
	background:#ffe9c5;
	margin-top:15px;
	padding:15px 0 0 20px
	}

div.yoko div#check dl.service dd{
	background:#ffe9c5;
	padding:7px 0 15px 25px;
	}

/* finish */

div.yoko p.finish{
	width:665px;
	height:190px;
	margin:35px auto 0;
	text-indent:-9999px;
	background:url(images/yoko_img05.gif) no-repeat left top;
	}

/* registA8 */

div.yoko div.article p.registA8,
div.yoko p.registA8{
	width:218px;
	text-align:center;
	margin:15px auto 0;
	padding:0;
	font-size:10px;
	color:#666;
	background:url(images/affiliate_btn01.gif) no-repeat left top;
	}

div.yoko div.article p.registA8 a,
div.yoko p.registA8 a{
	display:block;
	width:218px;
	height:91px;
	margin-bottom:10px;
	text-indent:-9999px;
	}

div.yoko div.article p.registA8 a:hover, div.yoko p.registA8 a:hover{ background:url(images/affiliate_btn01_ov.gif) no-repeat left top; }


/* bbwallet
---------------------------------------------------------------------------------------------*/
#page-head h1.bbw{
	_position: relative;
	_left: -2px;
	height: 88px;
	width: 954px;
	margin-left:1px;
	background: url(images/page-head-bbw.png) no-repeat center bottom;
	text-indent:-9999px;
	overflow:hidden;
	}

h2.bbw{
	width: 730px;
	height: 43px;
	margin:2px 0 0 16px;
	text-indent: -9999px;
	clear: both;
	background:url(images/h3_bg05.gif) no-repeat left top;
	}

p.bbw{
	background:url("images/bbw_h04.gif") no-repeat scroll left top transparent;
	clear:both;
	height:39px;
	margin:25px 0 0 16px;
	text-indent:-9999px;
	}

ul.submenu{
	width: 717px;
	margin-left:18px;
	padding:5px 0 8px 8px;
	background:#e1e1e1;
	}

ul.submenu li{
	float:left;
	margin-right:15px;
	}

ul.submenu li.last{
	margin-right:0;
	}

ul.submenu li a{
	font-size:10px;
	padding-left:15px;
	background:url(images/list_img01.gif) no-repeat left center;
	}

div#contents p.bbw em{
	display:block;
	margin-bottom:3px;
	font-weight:bold;
	font-style:normal;
	color:#f00;
	}

div#contents div.flow{
	width:587px;
	height:209px;
	margin:10px 0 0 80px;
	text-indent:-9999px;
	background:url(images/flow_img01.gif) no-repeat left top;
	}



div#whatBbw h3{
	height:39px;
	margin-top: 20px;
	text-indent:-9999px;
	background:url(images/bbw_h501.gif) no-repeat 20px top;
	}
div#whatBbw p{
	padding: 0px 78px;
	line-height:150%;
}
div#whatBbw p em{
	color: red;
	font-style: normal;
}

div#whatBbw p.ttl{
	height:53px;
	background:url(images/bbw_h601.gif) no-repeat 48px top;
	}

.flowBbw{
	margin-top: 20px;
	height: 460px;
	margin-bottom: 40px;
	background:url(images/whatBbw_flowBbw_img.gif) no-repeat center bottom;
	text-indent:-9999px;
}

div#caseBbw h3{
	height:74px;
	text-indent:-9999px;
	background:url(images/bbw_h502.gif) no-repeat 20px top;
	}
div#caseBbw ul{
	margin-top: 18px;
	margin-left: 78px;
	height: 158px;
	background:url(images/caseBbw_case.gif) no-repeat 0px top;
}
div#caseBbw ul li{
	float: left;
	width: 205px;
	height: 158px;
	text-indent: -9999px;
}
div#caseBbw .catch{
	height: 105px;
	margin-bottom: 2em;
	background:url(images/caseBbw_conclusion.gif) no-repeat center top;
	text-indent: -9999px;
}
div#caseBbw p{
	margin: 0px 78px;
	line-height: 140%;
}
div#caseBbw .case1{
	margin-top: 2em;
	height: 285px;
	background:url(images/caseBbw_case1.gif) no-repeat center top;
	text-indent: -9999px;
}
div#caseBbw .case2{
	margin: 2em 0px;
	height: 185px;
	background:url(images/caseBbw_case2.gif) no-repeat center top;
	text-indent: -9999px;
}

div#howtoBbw{
	padding-bottom: 12px;
	margin-bottom: 60px;
	background:url(images/howtoBbw_bg.gif) no-repeat 78px bottom;
}

div#howtoBbw h3{
	height:74px;
	text-indent:-9999px;
	background:url(images/bbw_h503.gif) no-repeat 20px top;
}

div#howtoBbw .lead{
	margin: 10px 78px;
}
div#howtoBbw #tab{
	margin-left: 78px;
	background:url(images/howtoBbw_tab.gif) no-repeat 0px -54px;
}
div#howtoBbw #tab li{
	float: left;
	width: 197px;
}

div#howtoBbw #tab li.tab0{ margin-right:6px; }
div#howtoBbw #tab li.tab1{ margin-right:0; }
div#howtoBbw #tab li.tab2{ margin-right:7px; }

div#howtoBbw #tab li a{
	display: block;
	width: 197px;
	height: 54px;
	text-indent:-9999px;
}
div#howtoBbw #tab li.tab0 a{background:url(images/howtoBbw_tab.gif) no-repeat -204px -54px;}
div#howtoBbw #tab li.tab1 a{background:url(images/howtoBbw_tab.gif) no-repeat -407px -54px;}
div#howtoBbw #tab li.tab2 a{background:url(images/howtoBbw_tab.gif) no-repeat 0 -54px;}

div#howtoBbw #tab li.tab0 a:hover{background:url(images/howtoBbw_tab.gif) no-repeat -204px -108px;}
div#howtoBbw #tab li.tab1 a:hover{background:url(images/howtoBbw_tab.gif) no-repeat -407px -108px;}
div#howtoBbw #tab li.tab2 a:hover{background:url(images/howtoBbw_tab.gif) no-repeat 0 -108px;}

div#howtoBbw #tab li.tab0 a.on,div#howtoBbw #tab li.tab0 a.on:hover{background:url(images/howtoBbw_tab.gif) no-repeat -204px 0px;}
div#howtoBbw #tab li.tab1 a.on,div#howtoBbw #tab li.tab1 a.on:hover{background:url(images/howtoBbw_tab.gif) no-repeat -407px 0px;}
div#howtoBbw #tab li.tab2 a.on,div#howtoBbw #tab li.tab2 a.on:hover{background:url(images/howtoBbw_tab.gif) no-repeat 0 0px;}

#lyr0{
	margin: 0px 72px 0px 78px;
	padding: 10px 40px 10px 22px;
	border-left: solid 3px #000;
	border-right: solid 3px #000;
}
#lyr0 ol{
	background:url(images/howtoBbw_lyr0_img03.gif) no-repeat right bottom;
}
#lyr0 .stp01 p{
	height: 159px;
	margin-top: 5px;
	background:url(images/howtoBbw_lyr0_img01.gif) no-repeat 0px 0px;
	text-indent:-9999px;
}
#lyr0 .stp02 p{
	height: 159px;
	margin-top: 5px;
	padding-left: 304px;
	padding-top: 7px;
	background:url(images/howtoBbw_lyr0_img02.gif) no-repeat 0px 0px;
	font-size: 10px;
	color: #f00;
}
#lyr0 .stp04 p{
	width: 280px;
	padding-top: 3px;
}
#lyr0 .stp04 p span{
	color: #f00;
}

#lyr1{
	padding: 10px 40px 10px 22px;
	margin: 0px 72px 0px 78px;
	border-left: solid 3px #000;
	border-right: solid 3px #000;
}
#lyr1 .stp01 p{
	height: 159px;
	margin-top: 5px;
	background:url(images/howtoBbw_lyr0_img01.gif) no-repeat 0px 0px;
	text-indent:-9999px;
}
#lyr1 .stp02 strong{
	display: inline-block;
	height: 159px;
	padding-right:250px;
	background:url(images/howtoBbw_lyr1_img02.gif) no-repeat right 0px;
	zoom:1;
}

#lyr1 dt{
	width: 14em;
	margin-top:1em;
	margin-bottom:.5em;
	text-align: center;
	background: #000;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}
#lyr1 .stp02 dd{
	font-size: 11px;
}

#lyr1 .stp02 dd strong{
	display: block;
	height: 1.4em;
	padding-top:1em;
	padding-right:0px;
	background:none;
	color: #d61f1f;
}
#lyr1 .stp02 dd span{
	display: block;
	text-indent: -1em;
	padding-left: 1em;
}
#lyr1 .stp03 p{
	padding-top: 3px;
}
#lyr1 .stp03 p span{
	color: #f00;
}


#lyr2{
	padding: 10px 40px 10px 22px;
	margin: 0px 72px 0px 78px;
	border-left: solid 3px #000;
	border-right: solid 3px #000;
}
#lyr2 .stp01 p{
	height: 159px;
	margin-top: 5px;
	background:url(images/howtoBbw_lyr0_img01.gif) no-repeat 0px 0px;
	text-indent:-9999px;
}
#lyr2 .stp02 strong{
	display: inline-block;
	height: 189px;
	padding-right:250px;
	background:url(images/howtoBbw_lyr2_img02.gif) no-repeat right 0px;
	zoom:1;
}

#lyr2 dt{
	margin:1em 0 0.5em -0.5em;
	color: #d61f1f;
	font-weight: bold;
	font-size: 12px;
}
#lyr2 dd{
	margin-bottom:1em;
	padding-left:15px;
	text-indent:-15px;
	line-height:140%;
}

#lyr2 .stp03 p span{
	color: #f00;
}


div#howtoBbw #lyr2 ol li.stp02{
	background:url(images/howtoBbw_lyr2_img03.gif) no-repeat 210px 105px;
	}


div#howtoBbw ol li{
	padding-left: 17px;
	padding-bottom: 20px;
	line-height: 140%;
}
div#howtoBbw span.num01{
	display: block;
	margin-left: -17px;
	_margin-left: -10px;
	float: left;
	width: 16px;
	background:url(images/num.gif) no-repeat 0px 0px;
	text-indent:-9999px;
}
div#howtoBbw span.num02{
	display: block;
	margin-left: -17px;
	_margin-left: -10px;
	float: left;
	width: 16px;
	background:url(images/num.gif) no-repeat -16px 0px;
	text-indent:-9999px;
}
div#howtoBbw span.num03{
	display: block;
	margin-left: -17px;
	_margin-left: -10px;
	float: left;
	width: 16px;
	background:url(images/num.gif) no-repeat -32px 0px;
	text-indent:-9999px;
}
div#howtoBbw span.num04{
	display: block;
	margin-left: -17px;
	_margin-left: -10px;
	float: left;
	width: 16px;
	background:url(images/num.gif) no-repeat -48px 0px;
	text-indent:-9999px;
}



/* point_exchange
---------------------------------------------------------------------------------------------*/
#page-head h1.pex{
	_position: relative;
	_left: -2px;
	height: 88px;
	width: 954px;
	margin-left:1px;
	background: url(images/page-head-pex.png) no-repeat center bottom;
	text-indent:-9999px;
	overflow:hidden;
	}


.top_visual {
	height: 212px;
	margin:0px 0px 15px 16px;
	background: url(images/pex_top_visual.gif) no-repeat left top;
	text-indent:-9999px;
}

ul.point_notice{
	margin:-10px 0 0 0;
	}

ul.point_notice li{
	text-align:right;
	color:#f00;
	font-size:10px;
	}

h2.ttl_p_easy{
	width: 730px;
	height: 42px;
	margin:0px 0 0 16px;
	text-indent: -9999px;
	clear: both;
	background:url(images/pex_easy_ttl.gif) no-repeat left top;
	}
.p_easy{
	height: 213px;
	margin: 15px 0px 35px 0px;
	_margin: 15px 0px 35px -26px;
	text-indent: -9999px;
	background:url(images/pex_easy_ul_bg.gif) no-repeat 26px center;
	_background:url(images/pex_easy_ul_bg.gif) no-repeat 52px center;
	}
.p_easy li{
	position: relative;
	float: left;
	margin-left: 26px;
	width: 224px;
	height: 213px;
}
.p_easy li.step1{ background:url(images/pex_easy_img01.gif) no-repeat 0px 0px; }
.p_easy li.step2{ background:url(images/pex_easy_img02.gif) no-repeat 0px 0px; }
.p_easy li.step3{ background:url(images/pex_easy_img03.gif) no-repeat 0px 0px; }
.p_easy li.step2 a{
	display: block;
	text-indent: 0px;
	position: absolute;
	right:10px;
	top: 55px;
}

h2.ttl_p_save{
	width: 730px;
	height: 43px;
	margin:2px 0 0 16px;
	text-indent: -9999px;
	clear: both;
	background:url(images/h2_bg.gif) no-repeat left -237px;
	}
.p_save{
	margin: 3px 0px 25px 16px;
	height: 195px;
	background:url(images/pex_save_img01.gif) no-repeat left 0px;
	text-indent: -9999px;
}
h2.ttl_p_use{
	width: 730px;
	height: 43px;
	margin:2px 0 0 16px;
	text-indent: -9999px;
	clear: both;
	background:url(images/h2_bg.gif) no-repeat left -283px;
	}
.p_use{
	margin: 3px 0px 15px 16px;
	height: 520px;
	background:url(images/pex_use_img01.jpg) no-repeat left 0px;
	text-indent: -9999px;
}
h2.ttl_p_cp{
	width: 730px;
	height: 93px;
	margin:15px 0 0 16px;
	text-indent: -9999px;
	clear: both;
	background:url(images/h2_bg.gif) no-repeat left -327px;
	}
.p_cp{
	height: 287px;
	margin: 15px 0px 25px 15px;
	_margin: 15px 0px 25px 5px;
	text-indent: -9999px;
	}
.p_cp li{
	position: relative;
	float: left;
	margin-left: 9px;
	width: 232px;
	height: 287px;
}
.p_cp li.norikae{ background:url(images/pex_cp_img01.jpg) no-repeat 0px 0px; }
.p_cp li.newftth{ background:url(images/pex_cp_img02.jpg) no-repeat 0px 0px; }
.p_cp li.ea2{ background:url(images/pex_cp_img03.jpg) no-repeat 0px 0px; }
.p_cp li a{
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	height: 287px;
	width: 232px;
}
.p_cp li.norikae a:hover{ background:url(images/pex_cp_img01_ov.jpg) no-repeat 0px 0px; }
.p_cp li.newftth a:hover{ background:url(images/pex_cp_img02_ov.jpg) no-repeat 0px 0px; }
.p_cp li.ea2 a:hover{ background:url(images/pex_cp_img03_ov.jpg) no-repeat 0px 0px; }

/* new clearfix */
.clrfx:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clrfx             { zoom: 1; } /* IE6 */
*:first-child+html .clrfx { zoom: 1; } /* IE7 */