@charset "euc-jp";

/*---- bodySubSection:common ----*/
div.bodySubSection{
width:224px;
margin-bottom:5px;
padding-bottom:3px;
}

div.bodySubSection div.heading01 h2{
height:24px;
line-height:24px;
padding-left:10px;
}

div.bodySubSection div.contents{
padding:0 10px 4px;
}

div.bodySubSection p.moreLink01 a{
padding-left:8px;
}

div.bodySubSection02{
width:224px;
margin-bottom:5px;
}


/*---- bodySubSection:home ----*/
#bodySub02 div.bodySubSection{
width:250px;
}

#bodySub02 div.bodySubSection div.heading01{
width:250px;
}

#bodySub02 div.bodySubSection div.heading01 h2{
float:left;
width:220px;
}

#bodySub02 div.bodySubSection div.heading01 ul.utility02{
float:left;
width:20px;
}

#bodySub02 div.bodySubSection div.heading01 ul.utility02 li{
padding-top:5px;
height:15px;
}

#bodySub02 div.bodySubSection div.heading01 ul.utility02 li a{
display:block;
width:15px;
height:15px;
text-indent:-999999px;
outline:none;
}


/*---- siteInfo:home ----*/
#bodySub02 #siteInfo div.heading01{
text-indent:-9999px;
}

#bodySub02 #siteInfo div.contents ul{
padding-top:5px;
}

#bodySub02 #siteInfo div.contents ul li{
padding:2px 0 0 9px;
}

/*---- siteInfoDx ----*/
#siteInfoDx{
position: relative;
height: 118px;
margin-bottom: 5px;
padding: 3px 0 0 3px;
}
#siteInfoDx .close a{
position: absolute;
top: 8px;
right: 8px;
width: 11px;
height: 11px;
text-indent: -9999px;
outline:none;
}

/*---- mixiNews:home ----*/
#bodySub02 #mixiNews div.contents{
padding:0;
}

#bodySub02 #mixiNews div.contents ul.newsList{
padding:10px 10px 0;
}

#bodySub02 #mixiNews div.contents ul.newsList li{
line-height:1;
padding-bottom:7px;
}

#bodySub02 #mixiNews div.contents ul.newsList li img{
vertical-align:middle;
}

#bodySub02 #mixiNews div.contents ul.newsList li img.reactionCount{
margin-left:2px;
}

#bodySub02 #mixiNews div.contents p.moreLink01{
padding:0 10px 4px;
}

#bodySub02 #mixiNews div.contents ul.newsList li img.appended{
margin-left:3px;
}


/*---- weather:home ----*/
#bodySub02 #weather div.contents ul{
margin-bottom:5px;
padding:7px 0 8px;
zoom:1;
}

#bodySub02 #weather div.contents ul:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

#bodySub02 #weather div.contents ul li{
float:left;
width:114px;
}

#bodySub02 #weather div.contents ul li img.weatherIcon{
float:left;
width:40px;
}

#bodySub02 #weather div.contents ul li p{
width:70px;
margin-left:44px;
}

#bodySub02 #weather div.contents ul li p.day{
font-weight:bold;
}

#bodySub02 #weather div.contents ul li p.data span.probability{
margin-left:3px;
}


/*---- help ----*/
#help div.contents{
padding:5px;
}

#help ul{
padding:2px 0 5px;
}

#help ul li{
padding-bottom:4px;
}

#help ul li a{
padding-left:6px;
}

#help ul.helpList04{
padding:0;
}


/*---- video ----*/
#video div.contents{
padding:0 0 4px;
}

#video div.contents h3{
padding:7px 11px 5px;
}

#video div.contents div.videoContents{
padding:0 11px;
}

#video div.contents ul.utilityLink{
width:200px;
padding:7px 11px 0;
}

#video div.contents ul.utilityLink li{
float:left;
width:94px;
padding-left:5px;
}

#video div.contents ul.utilityLink li.edit{
width:90px;
padding-right:5px;
text-align:right;
}

#video div.contents p.moreLink01{
margin-top:8px;
padding:8px 10px 1px;
text-align:center;
}


/*---- AppliWidget ----*/
#bodySub .appliWidget div.contents{
padding:0 5px 4px;
}

.appliWidget .contents{
text-align:center;
}

.appliWidget div.contents ul.utility03{
text-align:right;
}

.appliWidget div.contents iframe{
margin:0 auto;
padding-top:5px;
}

div.simpleMessageArea222{
margin:0;
}

div.simpleMessageArea222 .simpleMessage{
padding:0 5px 5px;
}

div.simpleMessageArea222 .simpleMessage .main{
text-align:left;
}

div.simpleMessageArea222 .simpleMessage .formButtons01{
padding:5px 0 0;
}

div.simpleMessageArea222 .simpleMessage input{
font-size:100%;
}


/*---- adBanner ----*/
#adBanner,
.adBanner,
#adBanner02{
margin-bottom:5px;
}

.adBanner.adNetwork .adMain{
text-align:center;
}

#bodySub02 #adBanner .adMain{
position:relative;
z-index:1;
height:250px;
}

#bodySub02 #adBanner .adMain iframe{
position:absolute;
right:0;
top:0;
z-index:1;
}


/*---- prContents ----*/
div.prContents{
padding:3px 0 3px 3px;
}

#bodySub02 div.prContents{
padding:3px 10px;
}

div.prContents dl dt{
float:left;
width:72px;
}

div.prContents dl dd{
float:right;
width:140px;
}

div.prContents dl dd img{
display:block;
}


/*---- megaContents ----*/
div.megaContents{
width:216px;
font-size:12px;
text-align:left;
}

div.megaContents dl{
width:216px;
overflow:hidden;
}

div.megaContents dl dt{
float:left;
width:72px;
}

div.megaContents dl dd{
float:right;
width:140px;
}

div.megaContents img{
display:block;
}

div.megaContents div.textOnly{ 
width:216px; 
overflow:hidden; 
}

div.megaContents img.emoji{ 
padding-bottom:2px;
display:inline; 
} 

div.prContents div.precedingMegaContents{
padding-bottom:4px;
}

div.prContents div.succeedingMegaContents{
padding-top:3px;
}


/*---- contentMatch ----*/
div#contentMatch{
padding-bottom:0;
font-size:12px;
overflow:hidden;
word-break:break-all;
}

div#contentMatch div.contents{
width:212px;
padding:6px 5px;
}

div#contentMatch dl{
letter-spacing:0.02em;
}

div#contentMatch dl dt{
margin-bottom:2px;
font-weight:bold;
}

div#contentMatch dl dd{
line-height:1.3;
}

div#contentMatch dl dd a{
text-decoration:none;
}

div#contentMatch dd.siteHost{
margin-bottom:8px;
padding-left:2px;
}

div#contentMatch dd.siteHost a{
text-decoration:none;
}

div#contentMatch p{
font-size:10px;
text-align:right;
}


/*---- prContentsArea:NEWS ----*/
#prContentsArea .contents{
padding:0;
}

#prContentsArea div.prContentsTop{
padding:3px 0 3px 3px;
}

#prContentsArea div.prContentsBottom{
padding:4px 0 0 3px;
}


/*---- RelatedNews:関連ニュース ----*/
div#relatedNews ul{
padding:5px 5px 1px 7px;
}

div#relatedNews li{
padding-bottom:4px;
padding-left:8px;
}

div#relatedNews p.moreLink01{
padding:0 5px 5px;
}


/* ----- recommend:メンバーの参加コミュ ----- */
div#recommend div.contents{
padding:0;
}

div#recommend table.iconListTable02{
width:222px;
table-layout:fixed;
overflow:visible;
}

div#recommend table.iconListTable02 td{
width:101px;
padding:5px;
text-align:center;
vertical-align:top;
word-break:break-all;
}

div#recommend table.iconListTable02 td a:link,
div#recommend table.iconListTable02 td a:visited,
div#recommend table.iconListTable02 td a:hover,
div#recommend table.iconListTable02 td a:active,
div#recommend table.iconListTable02 td a:focus{
display:block;
width:76px;
height:76px;
text-indent:-9999px;
outline:none;
margin:0 auto;
}

div#recommend table.iconListTable02 td span{
display:block;
padding-top:5px;
}

div#recommend ul{
line-height:1.7;
padding:5px;
}

div#recommend p.moreLink01{
padding:0 5px 5px;
}


/* ----- classmates:同級生一覧 ----- */
div#classmates div.contents{
padding:0;
}

div#classmates table.iconListTable02{
width:222px;
table-layout:fixed;
overflow:visible;
}

div#classmates table.iconListTable02 td{
width:101px;
padding:5px;
text-align:center;
vertical-align:top;
word-break:break-all;
}

div#classmates table.iconListTable02 td a:link,
div#classmates table.iconListTable02 td a:visited,
div#classmates table.iconListTable02 td a:hover,
div#classmates table.iconListTable02 td a:active,
div#classmates table.iconListTable02 td a:focus{
display:block;
width:76px;
height:76px;
text-indent:-9999px;
outline:none;
margin:0 auto;
}

div#classmates table.iconListTable02 td span{
display:block;
padding-top:5px;
}

div#classmates ul{
line-height:1.7;
padding:5px;
}

div#classmates p.moreLink01{
padding:0 5px 5px;
}


/* ----- OfficialMembers:公認 ----- */
div#officialMembers{
padding:0;
}


/*---- sideRankingByMymixi:ランキング ---- */
#sideRankingByMymixi .contents{
padding:0;
}

#sideRankingByMymixi table{
width:222px;
table-layout:fixed;
}

#sideRankingByMymixi table tr td{
min-height:26px;
height:26px;
padding:5px 0;
vertical-align:middle;
}

#sideRankingByMymixi table tr td.rank{
width:46px;
text-indent:-9999px;
}

#sideRankingByMymixi table tr td.pict{
width:40px;
text-align:center;
}

#sideRankingByMymixi table tr td.name{
width:auto;
padding:0 10px 0 5px;
text-align:left;
overflow:hidden;
}

#sideRankingByMymixi table tr td.name a{
margin-right:2px;
}

#sideRankingByMymixi ul{
padding:0 4px;
}

#sideRankingByMymixi ul li{
width:214px;
}

#sideRankingByMymixi ul li span.rank{
display:block;
float:left;
width:32px;
height:26px;
*height:23px;
text-indent:-9999px;
}

#sideRankingByMymixi ul li span.name{
display:block;
float:left;
width:178px;
padding:5px 0 3px 0;
*padding-bottom:0;
overflow:hidden;
}

#sideRankingByMymixi img.newicon01{
position:relative;
top:2px;
*top:1px;
margin-left:2px;
}

#sideRankingByMymixi .moreLink01{
margin:0 5px;
padding:5px 0;
}


/*---- userSchoolList:学校 ----*/
#userSchoolList div.contents{
padding:5px 5px 5px 10px;
}

#userSchoolList div.contents ul li{
margin-bottom:5px;
padding-left:42px;
}


/*---- relationalCommunity:関連コミュニティ ----*/
#relationalCommunity .contents{
padding:0 5px;
}

#relationalCommunity ul{
padding:10px 5px 12px;
}

#relationalCommunity ul li{
margin-bottom:1px;
}

#relationalCommunity ul li dl{
margin-bottom:10px;
}

#relationalCommunity ul li dl dt{
float:left;
width:76px;
}

#relationalCommunity ul li dl dt img{
vertical-align:bottom;
}

#relationalCommunity ul li dl dd{
float:right;
width:116px;
}

#relationalCommunity p.moreLink01{
padding:8px 5px 5px 0;
}

/*---- premiumBannerArea ----*/
#premiumBannerArea{
width:224px;
margin-bottom:5px;
}

/*---- activityFeed:フィード ----*/
#activityFeed .heading01 h2{
width:214px;
overflow:hidden;
white-space:nowrap;
}

#activityFeed ul.activityFeedList01{
width:202px;
padding:2px 0;
word-break:break-all;
}

#activityFeed ul.activityFeedList01 li{
padding:5px 0 0 20px;
}

#activityFeed ul.activityFeedList01 li.photo a.album{
padding-left:20px;
}

#activityFeed ul.activityFeedList01 li span.image{
display:block;
float:left;
margin-right:7px;
}

#activityFeed ul.activityFeedList01 li span.image a{
display:block;
padding:2px;
}


/*---- voice:ボイス設定 ----*/
#bodySub #voice.bodySubSection{
padding:0;
}


/*---- voice:ボイスアンケート ----*/
#voiceOpinion div.contents{
padding:5px 10px;
}


/*---- voice:ボイスヘルプ ----*/
#voiceHelp div.contents{
padding:5px;
}

#voiceHelp ul.voiceHelpList{
padding:0;
}

#voiceHelp ul.voiceHelpList li{
padding-bottom:4px;
}

#voiceHelp ul.voiceHelpList li a{
padding-left:6px;
}


/*---- recommendSide:あなたの友人かも ----*/
#recommendSide .recommendMember{
width:228px;
padding:5px 0 6px;
}

#recommendSide .recommendMember .thumb{
float:left;
width:40px;
padding:0 15px 0 5px;
text-align:center;
}

#recommendSide .recommendMember .thumb img{
vertical-align:top;
}

#recommendSide .recommendMember .userInfo{
float:left;
width:161px;
word-wrap:break-word;
*word-break:break-all;
}

#recommendSide .recommendMember .userInfo dt{
margin-bottom:3px;
}

#recommendSide .recommendMember .userInfo dd p{
margin-bottom:3px;
font-size:83%;
}

#recommendSide .recommendMember .userInfo dd p span{
white-space:nowrap;
}

#recommendSide .recommendMember .delete{
float:left;
padding:2px 0;
}


/*---- mixiGame:今すぐ遊べるゲーム ----*/
#mixiGame .contents{
padding:10px 10px 7px;
}

#mixiGame .contents div.gameBanner{
position:relative;
width:228px;
height:228px;
overflow:hidden;
}

#mixiGame .contents div.gameBanner div.banner img{
vertical-align:top;
}

#mixiGame .contents div.gameBanner div.detail{
position:absolute;
top:228px;
width:218px;
height:218px;
padding:5px;
overflow:hidden;
font-size:83%;
}

#mixiGame .contents div.gameBanner div.detail .gameInfo p.thumbnail{
float:left;
}

#mixiGame .contents div.gameBanner div.detail .gameInfo p.title{
margin:0 0 2px 65px;
font-weight:bold;
}

#mixiGame .contents div.gameBanner div.detail .gameInfo p.info{
margin-left:65px;
line-height:1.1;
}

#mixiGame .contents div.gameBanner div.detail .startButton input{
margin-top:7px;
padding:0;
border:none;
}

#mixiGame .contents div.gameBanner div.detail .shareCheck{
margin:3px 0 6px;
text-align:center;
}

#mixiGame .contents div.gameBanner div.detail .shareCheck input{
margin-right:3px;
vertical-align:middle;
}

#mixiGame .contents div.gameBanner div.detail .joinedFriend li{
float:left;
margin-right:3px;
}

#mixiGame .contents div.gameBanner div.detail .joinedFriend li img{
max-width:20px;
max-height:20px;
}

#mixiGame .contents div.gameBanner div.detail .joinedFriend li.status{
margin:0 0 0 3px;
font-weight:bold;
}

#mixiGame .contents div.gameBanner div.detail .privacyInfo{
margin-top:5px;
line-height:1.1;
}

#mixiGame .contents div.gameBanner div.detail .partner{
text-align:right;
}


/*---- picupCommunity:注目のコミュニティ ----*/
#picupCommunity .contents ul{
margin-bottom:7px;
padding:10px 0 9px;
}

#picupCommunity .contents ul li{
margin-bottom:3px;
word-wrap:break-word;
word-break:break-all;
}

#picupCommunity .contents ul li div{
padding-bottom:8px;
}

#picupCommunity .contents ul li div.image{
float:left;
width:76px;
text-align:center;
}

#picupCommunity .contents ul li div.name{
float:right;
width:142px;
padding-top:15px;
}


/*---- pageFeed:communityFeed:最新書き込み ----*/
#bodySub02 #communityFeed .contents,
#bodySub02 #pageFeed .contents{
padding:0;
}

#bodySub02 #communityFeed .contents ul li{
width:228px;
vertical-align:top;
padding:10px 10px 7px;
word-wrap:break-word;
word-break:break-all;
}

#bodySub02 #pageFeed .contents ul li.mixiPageFeed{
width:248px;
vertical-align:top;
word-wrap:break-word;
word-break:break-all;
}

#bodySub02 #communityFeed .contents ul li.active,
#bodySub02 #pageFeed .contents ul li.mixiPageFeed .active{
cursor:pointer;
}

#bodySub02 #pageFeed .contents ul li.mixiPageFeed div.inner{
padding:10px 10px 7px;
}

#bodySub02 #communityFeed .contents ul li div.image,
#bodySub02 #pageFeed .contents ul li div.image{
float:left;
width:32px;
text-align:center;
}

#bodySub02 #communityFeed .contents ul li div.image img,
#bodySub02 #pageFeed .contents ul li div.image img{
max-width:32px;
max-height:32px;
}

#bodySub02 #communityFeed .contents ul li div.postData,
#bodySub02 #pageFeed .contents ul li div.postData{
float:right;
width:191px;
}

#bodySub02 #communityFeed .contents ul li div.postData p.name a,
#bodySub02 #pageFeed .contents ul li div.postData p.name a{
margin-bottom:2px;
font-size:83%;
color:#999;
}

#bodySub02 #pageFeed .contents ul li div.postData div.feedInfo p.photo{
float:left;
margin:0 5px 2px 0;
padding:2px;
}

#bodySub02 #pageFeed .contents ul li div.postData div.feedInfo p.photo img{
max-width:50px;
max-height:50px;
}

#bodySub02 #pageFeed .contents ul li div.postData div.feedInfo img.feedIcon{
vertical-align:middle;
margin:0 5px 0 0;
}

#bodySub02 #communityFeed .contents ul li div.postData p.title{
font-weight:bold;
text-indent:20px;
}

#bodySub02 #pageFeed .contents ul li div.postData div.feedInfo p.title{
font-weight:bold;
}

#bodySub02 #communityFeed .contents ul li div.postData p.title img.update{
margin-left:3px;
}

#bodySub02 #communityFeed .contents ul li div.postData p.title span{
margin-left:5px;
font-size:83%;
font-weight:normal;
}

#bodySub02 #pageFeed .contents ul li div.postData div.utility ul li{
display:inline;
font-size:83%;
}

#bodySub02 #pageFeed .contents ul li div.postData div.utility ul.source{
float:left;
width:95px;
}

#bodySub02 #pageFeed .contents ul li div.postData div.utility ul.source li.detailLink{
padding-left:5px;
}

#bodySub02 #pageFeed .contents ul li div.postData div.utility ul.listAction{
float:right;
clear:none;
width:95px;
margin:0;
}

#bodySub02 #pageFeed .contents ul li div.postData div.utility ul.listAction li .commentIcon{
padding-left:14px;
}

#bodySub02 #pageFeed .contents ul li div.others{
padding:5px 0 5px 47px;
font-size:83%;
}

#bodySub02 #pageFeed .contents ul li div.others a{
padding-left:8px;
}

#bodySub02 #communityFeed .contents p.moreLink01,
#bodySub02 #pageFeed .contents p.moreLink01{
padding:7px 10px 2px;
}


/*---- mAd ----*/
#mAdSiteInfo div.contents,
#mAdHelp div.contents{
padding:5px;
}

#mAdSiteInfo ul.infoList li,
#mAdHelp ul.infoList li{
padding-bottom:4px;
}

#mAdSiteInfo ul.infoList li a,
#mAdHelp ul.infoList li a{
padding-left:6px;
}

#mAd div.heading02{
width:204px;
height:13px;
padding:7px 10px 0;
}

#mAd div.heading02 p{
float:right;
width:auto;
margin-left:10px;
}

#mAd div.contents{
padding-bottom:0;
}

#mAd div.contents p.guide{
padding:5px 0 8px;
}

#mAd div.contents p.guide a{
font-weight:bold;
}

div.adSpace{
position:relative;
width:202px;
padding:10px 0 5px;
text-align:left;
}

div.adSpace.madFirst{
background:none;
}

div.adSpace h3{
line-height:1.3;
padding-bottom:5px;
word-wrap:break-word;
*word-break:break-all;
}

div.adSpace h3.community,
div.adSpace h3.mixiPage,
div.adSpace h3.mixi{
padding-left:20px;
}

div.adSpace h3 span{
font-size:83%;
}

div.adSpace div.thumbnail{
float:left;
width:76px;
text-align:center;
}

div.adSpace p.adText{
float:right;
width:120px;
line-height:1.2;
word-wrap:break-word;
*word-break:break-all;
}

div.adSpace p.adText a{
text-decoration:none;
}

div.adSpace p.member{
clear:both;
padding-top:5px;
font-size:83%;
text-align:right;
}

div.adSpace p.member span{
font-weight:bold;
font-size:120%;
}

div.adSpace p.moreLink01{
clear:both;
padding-top:5px;
font-size:83%;
}

div.adSpace p.notice,
div.adSpace p.adReport{
position:absolute;
bottom:5px;
left:0;
font-size:83%;
}

div.adSpace p.adReport a{
text-decoration:none;
}


/*---- aboutMixiPage:mixiページについて ----*/
#aboutMixiPage .contents{
padding-top:2px;
}

#aboutMixiPage .contents ul li{
margin-top:5px;
}

#aboutMixiPage .contents ul li a{
padding:2px 0 2px 20px;
}


/*---- guidePageBunner:mixiページガイド ----*/
#guidePageBunner{
margin-bottom:5px;
}


/*---- mixiPageMenu:mixiページメニュー ----*/
#mixiPageMenu .contents dl dt{
padding:5px 0 3px;
}

#mixiPageMenu .contents dl dt a{
padding:1px 0 1px 18px;
}

#mixiPageMenu .contents dl dd{
font-size:83%;
}


/*---- prContentFrame:注目のアプリ 注目のmixiページ ----*/
#prContentFrame{
width:202px;
font-size:12px !important;
text-align:left;
}

#prContentFrame.pickupApps{
width:228px;
}

#prContentFrame h1{
margin:5px 0;
}

#prContentFrame .ad dl{
margin-bottom:5px;
}

#prContentFrame .ad dt{
float:left;
width:81px;
height:76px;
}

#prContentFrame .ad dd{
float:right;
width:121px;
}

#prContentFrame.pickupApps .ad dd{
width:147px;
}

#prContentFrame .follow{
height:25px;
}

#prContentFrame .follow .link{
padding-top:10px;
font-size:83%;
}

#prContentFrame .follow .button{
position:absolute;
right:0;
bottom:2px;
width:68px;
}

#prContentFrame .follow .button a,
#prContentFrame .follow .button span{
display:block;
height:25px;
text-indent:-9999px;
}

#prContentFrame .follow .button a{
overflow:hidden;
}


/*---- relationalMixiGame:関連ゲーム ----*/
#relationalMixiGame ul.gameList li{
padding-top:5px;
}

#relationalMixiGame ul.gameList li .thumb{
float:left;
width:76px;
}

#relationalMixiGame ul.gameList li .gameInfo{
float:right;
width:121px;
}

#relationalMixiGame ul.gameList li .gameInfo img{
vertical-align:middle;
margin:0 3px;
}


/*---- clearfix ----*/
.appliWidget .contents,
#activityFeed ul.activityFeedList01 li,
#mixiGame .contents div.gameBanner div.detail .gameInfo,
#mixiGame .contents div.gameBanner div.detail .joinedFriend,
#bodySub02 #communityFeed .contents ul li,
#bodySub02 #pageFeed .contents ul li.mixiPageFeed div.inner,
#bodySub02 #pageFeed .contents ul li div.postData div.feedInfo,
#bodySub02 #pageFeed .contents ul li div.postData div.utility,
div.adSpace,
#prAppliArea .ad dl,
#relationalMixiGame ul.gameList li,
#prContentFrame .ad dl,
#prContentFrame .follow{
zoom:1;
}

#bodySub02 div.bodySubSection div.heading01:after,
#video div.contents ul.utilityLink:after,
.appliWidget .contents:after,
#sideRankingByMymixi ul li:after,
#activityFeed ul.activityFeedList01 li:after,
#mixiGame .contents div.gameBanner div.detail .gameInfo:after,
#mixiGame .contents div.gameBanner div.detail .joinedFriend:after,
#recommendSide .recommendMember:after,
#bodySub02 #communityFeed .contents ul li:after,
#bodySub02 #pageFeed .contents ul li.mixiPageFeed div.inner:after,
#bodySub02 #pageFeed .contents ul li div.postData div.feedInfo:after,
#bodySub02 #pageFeed .contents ul li div.postData div.utility:after,
div.adSpace:after,
#prAppliArea .ad dl:after,
#relationalMixiGame ul.gameList li:after,
#prContentFrame .ad dl:after,
#prContentFrame .follow:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}