@charset "utf-8";


body.lp{
*zoom:1;
}

body.lp:after,
#flowBlock:after,
.roundBlocks .innerContents dl:after,
.round-block2 .inner-contents .columns-4:after,
ul.wimaxGroups:after,
ul.productLists:after,
.iconSocials:after
{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}

body.lp #container #contents {
width: 831px;
}

div.socialBtns {
position: absolute;
left: 570px;
top: 258px;
}

div.socialBtns ul {
margin: 0;
}

div.socialBtns ul li {
float: left;
margin-right: 10px;
}
#lpfriendHeader {
position: relative;
}

#lpfriendHeader .lay-image .contents {
margin: 0;
float: left;
width: 577px;
}

#lpfriendHeader .lay-image .imageR {
width: 254px;
margin: 0;
}

#lpfriendHeader .lay-image.subHeader .contents {
width: 567px;
}

#lpfriendHeader .lay-image.subHeader .imageR {
width: 264px;
}

#lpfriendContents {
width: 801px;
margin: 0 auto;
}

.multiColorbg {
background: url("/lp/friends/images/bg_flow_01.jpg") left top repeat-y;
padding-bottom: 28px;
margin-bottom: 25px;
}

#flowBlock h3 {
margin: 0;
}

#flowBlock .lay-col2-01 {
clear: both;
}

#flowBlock .lay-col2-01 .col {
width: 393px;
margin-bottom: 0;
}

#flowBlock .lay-col2-01 .col .flowBoxs {
width: 363px;
padding-bottom: 10px;
margin-left: 15px;
}

p.fArrows {
text-align: center;
}

#flowBlock p.fArrows {
width: 363px;
margin: 0 0 0 15px;
}

#flowBlock .lay-col2-01 .col .pinkFlows {
background: url("/lp/friends/images/bg_pink_b.jpg") left bottom no-repeat;
}

#flowBlock .lay-col2-01 .col .yellowFlows {
background: url("/lp/friends/images/bg_yellow_b.jpg") left bottom no-repeat
}

#flowBlock .lay-col2-01 .col .flowBoxs .lay-image {
padding: 10px 8px 0 8px;
}

#flowBlock .lay-col2-01 .col .flowBoxs .lay-image .imageL {
padding-bottom: 0;
margin-top: 0;
}

#flowBlock .lay-col2-01 .col .pinkFlows .lay-image {
background: url("/lp/friends/images/bg_pink_t.jpg") left top no-repeat;
}

#flowBlock .lay-col2-01 .col .yellowFlows .lay-image {
background: url("/lp/friends/images/bg_yellow_t.jpg") left top no-repeat
}

#flowBlock .commonFlow {
width: 645px;
margin-left: 77px;
}

#flowBlock .commonFlow .flowBoxs{
padding: 0 0 10px 0;
background: url("/lp/friends/images/bg_common_b.jpg") left bottom no-repeat;
}

#flowBlock .commonFlow p.fArrows {
width: 645px;
margin: 0;
}

#flowBlock .commonFlow .flowBoxs .lay-image {
padding: 10px 15px 0 15px;
background: url("/lp/friends/images/bg_common_t.jpg") left top no-repeat;
}

.pinkColorbg {
background-color: #ffe4f8;
}

.yellowColorbg {
background-color: #fff9db;
}

#flowBlock {
padding: 30px 0 30px 0;
margin-bottom: 20px;
}

#flowBlock .box-content-01{

width: 645px;
margin: 0 auto;
}

#flowBlock.pinkColorbg .box-content-01 {
background:url("/lp/friends/images/bg_common_b_02.jpg") no-repeat 0 100%;
}

#flowBlock.pinkColorbg .box-content-01 .inner{
background:url("/lp/friends/images/bg_common_t_02.jpg") no-repeat 0 0;
}

#flowBlock.yellowColorbg .box-content-01 {
background:url("/lp/friends/images/bg_common_b_03.jpg") no-repeat 0 100%;
}

#flowBlock.yellowColorbg .box-content-01 .inner{
background:url("/lp/friends/images/bg_common_t_03.jpg") no-repeat 0 0;
}

#flowBlock .hdg-l2-02 {
padding: 0;
}

#flowBlock .list-step-01 .step {
text-align: left;
}

#flowBlock .lay-image {
padding-top: 20px;
}

#flowBlock .list-step-01 .col{
background:url("/lp/friends/images/arrow.png") no-repeat 50% 100%;
padding-bottom:35px;
}

#flowBlock .list-step-01 .last-child{
background:none;
padding-bottom:0;
}

.roundBlocks .roundTitle {
height: 56px;
padding: 19px 0 0 19px;
background: url("/lp/friends/images/pointtitle_bg_01.jpg") left top no-repeat;
}

.roundBlocks .roundTitle h2 {
margin: 0;
}

.roundBlocks {
background: url("/lp/friends/images/bg_box-content-03_m.png") left top repeat-y;

position:relative;
}

.roundBlocks .innerContents {
padding: 0 19px 20px 19px;
background: url("/lp/friends/images/bg_box-content-03.png") left bottom no-repeat;
}

.roundBlocks.containProducts .innerContents {
background: url("/lp/friends/images/bg_box-content-05.png") left bottom no-repeat;
}

.roundBlocks .innerContents dl {

}
.roundBlocks .innerContents .tbl-definition-01 th {
font-weight: bold;
white-space: nowrap;
padding: 5px 10px 5px 0;
}

.roundBlocks .innerContents .tbl-definition-01 td {
padding: 5px;
}

.roundBlocks .innerContents .tbl-definition-01 th,
.roundBlocks .innerContents .tbl-definition-01 td {
background: url("/lp/friends/images/border_dotte.png") left bottom repeat-x;
}

.roundBlocks .innerContents dl dt {
font-weight: bold;
}

.bottomLinks {
padding-left: 23px;
}

.bottomLinks .lay-col2-01 .col {
width: 370px;
}

.round-block2 #pointtitle {
height: 56px;
padding: 18px 0 0 30px;
background: url("/lp/friends/images/pointtitle_bg_01.jpg") left top no-repeat;
}

.round-block2 #pointtitle h2 {
margin: 0;
}

.round-block2 {
background: url("/lp/friends/images/bg_box-content-04.png") left bottom no-repeat;
position:relative;
}

.round-block2 .inner-contents {
padding: 0 19px 35px 19px;
}

.round-block2 .inner-contents .columns-4 {
margin-bottom: 12px;
}

.round-block2 .inner-contents .columns-4 .cols {
float: left;
}

.round-block2 .inner-contents .columns-4 .cols p {
margin: 0;
}

.round-block2 .inner-contents .columns-4 .pointcol-01 {
width: 194px;
}
.round-block2 .inner-contents .columns-4 .pointcol-02 {
width: 188px;
}
.round-block2 .inner-contents .columns-4 .pointcol-03 {
width: 189px;
}
.round-block2 .inner-contents .columns-4 .pointcol-04 {
width: 189px;
}

div.round-block2 #pointtitle p.logo{
position:absolute;
top:17px;
right:29px;
}
ul.wimaxGroups {
border-bottom: 1px solid #ccc;
}
ul.wimaxGroups li {
float: left;
width: 400px;
}
ul.productLists li {
float: left;
width:346px;
margin-right: 25px;
}

ul.productLists {
padding-left: 20px;
}

.box-feature-01{
position:relative;
background:url(/lp/friends/images/bg_box-feature-01_01.png) no-repeat 0 100%;
margin:15px -1px 18px;
padding:0 17px 6px;
}
.box-feature-01 h2{
margin:0 -17px 17px;
}
.box-feature-01 .lay-col3-01 .col{
margin-right:16px;
width:294px;
}
.box-feature-01 .lay-col3-01.col4 .col{
margin-right:12px;
width:183px;
}

dl.osusume-point{
background:url(/lp/friends/images/point_bg_osusume-point.png) no-repeat left bottom;
width:801px;
height:348px;
position:relative;
}
dl.osusume-point dt{
margin:0;
}
dl.osusume-point dd{
margin:0;
position:absolute;
}

dl.osusume-point dd.point1{top:82px; left:24px;}
dl.osusume-point dd.point2{top:172px; left:24px;}
dl.osusume-point dd.point3{top:260px; left:24px;}
dl.osusume-point dd.point4{top:82px; left:412px;}
dl.osusume-point dd.point5{top:172px; left:412px;}