@charset "UTF-8";

/*--- setting ---*/

/*---- contentsTop/information CN:MoveTo bodyContens Area----*/
div.information{
margin-bottom:5px;
padding:3px;
border:1px solid #f3ddbf;
border-top:none;
background:#ffefd8;
}

div.information div.contents{
_height:1px;
position:relative;
padding-bottom:3px;
border:1px solid #f3ddbf;
background:#fff;
}

div.information h2{
width:105px;
position:absolute;
top:0px;
left:0px;
padding:6px 0px 0px 20px;
background:url(/static/img/basic/icon/information001.gif) no-repeat 5px 10px;
text-align:left;
}

div.information ul{
margin-left:125px;
width:285px;
overflow:hidden;
padding:0px 3px 3px 10px;
background:url(/static/img/basic/home/bg_information01.gif) repeat-y 0% 0%;
line-height:1.6;
}

div.information ul li{
overflow:hidden;
}

div.information ul li:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

* html div.information ul li{
height:1%;
overflow:visible;
}

div.information dl dt{
float:left;
width:70%;
padding-left:10px;
background:url(/static/img/basic/icon/list001.gif) no-repeat 0% 0.7em;
}

div.information dl dd{
float:right;
width:25%;
}

div.information dl dd a{
padding-left:14px;
background:url(/static/img/basic/icon/arrow001.gif) no-repeat 0% 50%;
}

div.information dl dd a:hover,
div.information dl dd a:active,
div.information dl dd a:focus{
padding-left:14px;
background:url(/static/img/basic/icon/arrow001.gif) no-repeat 0% 50%;
}

div.homeSearchBox{
margin-bottom:0 !important;
}

/*---- myBirthday ----*/
p.myBirthday{
padding-bottom:5px;
text-align:center;
}

/*---- myProfile ----*/

#myProfile h2{
position:absolute;
left:-9999px;
}

#myProfile p.loginTime{
font-size:83%;
}

#myProfile p.friendPath{
padding-bottom:10px;
}

#myProfile .contents01{
width:240px;
margin:0px auto 10px;
background:#ffffff;
border:solid 1px #dbdbdb;
padding:10px 0;
}
#myProfile .contents01 h3{
    padding-top:5px;
}
#myProfile .contents01 h3 img{ vertical-align:text-bottom;}

#myProfile .contents02{
width:268px;
background:#f2f2f2 url(/static/img/basic/common/left_box_bg004.gif) repeat-x top;
padding:10px 0 8px;
}

#myProfile .contents03{
background:#f2f2f2 url(/static/img/basic/common/left_box_bg004.gif) repeat-x top;
padding:10px 0 7px;
}

.contents02 ul{
width:240px;
margin:0 auto;
padding:0 0 8px;
min-height:16px;
_height:12px;
}

.contents03 ul{
padding-bottom:8px;
}

.contents02 li{
padding:0 0 0 14px;
}

#myProfile li.photoChange{
width:70px;
float:left;
background:url(/static/img/basic/icon/change001.gif) no-repeat left;
}

#myProfile li.profileEdit{
width:110px;
float:right;
background:url(/static/img/basic/icon/profile_edit001.gif) no-repeat left;
}

#myProfile li.showMorePhoto a{
padding:2px 0 2px 18px;
background:url(/static/img/basic/icon/change001.gif) no-repeat 0% 50%;
}

#myProfile li.showMorePhoto a:hover,
#myProfile li.showMorePhoto a:active,
#myProfile li.showMorePhoto a:focus{
background:url(/static/img/basic/icon/change001.gif) no-repeat 0% 50%;
}

p.statusIcon{
width:260px;
text-align:center;
margin:0 auto;
padding:8px 0 0;
background:url(/static/img/basic/common/left_box_bg005.gif) repeat-x top;
clear:both;
}

p.extraIcon{
width:260px;
text-align:center;
margin:5px auto 0;
padding:8px 0 0;
background:url(/static/img/basic/common/left_box_bg005.gif) repeat-x top;
clear:both;
}

/*---- mymixi-community ----*/
ul.iconList01{
display:table;
padding:0;
margin:0 auto;
width:264px;
background:url(/static/img/basic/common/left_box_bg003.gif) repeat-x bottom;
}

ul.iconList01 li{
width:88px;
margin:0;
text-align:center;
}

ul.iconList01 li div{
background:none;

}

dl.actionIcon01{
width:100px;
text-align:center;
float:left;
padding-top:10px;
}

/*---- BodyUpdate ----*/
#bodyUpdate{
width:440px;
}

#bodyUpdate{
width:440px;
float:left;
}
#myUpdate{
float:left;
width:440px;
}

/*---- MymixiUpdate ----*/
#mymixiUpdate div.heading01 h2{
float:left;
width:5em;
}

#mymixiUpdate div.heading01 p.checkMobile{
float:right;
width:185px;
height:26px;
background:url(/static/img/basic/home/bg_checkmobile001.gif) no-repeat 0% 50%;
font-size:10px;
}

#mymixiUpdate div.heading01 p.checkMobile a{
margin-left:48px;
}

/*---- BodyContents ----*/
#bodyContents #rcm,
#bodyContents #dia,
#bodyContents #com,
#bodyContents #alb,
#bodyContents #bbs,
#bodyContents #ccm,
#bodyContents #gam,
#bodyContents #newFriendDiary,
#bodyContents #newComment,
#bodyContents #newBbs,
#bodyContents #newBbsComment,
#bodyContents #newVideo,
#bodyContents #newAlbum,
#bodyContents #newPlaylist,
#bodyContents #newReview,
#bodyContents #myUpdate{
padding-bottom:10px;
}

#bodyContents #rcm p.moreLink01,
#bodyContents #dia p.moreLink01,
#bodyContents #com p.moreLink01,
#bodyContents #alb p.moreLink01,
#bodyContents #bbs p.moreLink01,
#bodyContents #ccm p.moreLink01,
#bodyContents #newFriendDiary p.moreLink01,
#bodyContents #newComment p.moreLink01,
#bodyContents #newBbs p.moreLink01,
#bodyContents #newBbsComment p.moreLink01,
#bodyContents #newVideo p.moreLink01,
#bodyContents #newAlbum p.moreLink01,
#bodyContents #newPlaylist p.moreLink01,
#bodyContents #newReview p.moreLink01{
padding-right:10px;
}

#bodyContents #alb div.contents,
#bodyContents #newVideo div.contents,
#bodyContents #newAlbum div.contents,
#bodyContents #newPlaylist div.contents,
#bodyContents #newReview div.contents{
padding-top:0;
}

#bodyContents div.heading02 h3 img{
margin:4px 0 6px 10px;
vertical-align:middle;
}

/*---- dia ----*/
#dia dl.contentsList01 dt span{
padding-left:19px;
background:url(/static/img/basic/icon/diary002.gif) no-repeat 2px 50%;
}

/*---- NewFriendDiary ----*/
#newFriendDiary dl.contentsList01 dt span{
padding-left:19px;
background:url(/static/img/basic/icon/diary002.gif) no-repeat 2px 50%;
}

/*---- com ----*/
#com dl.contentsList01 dt span{
padding-left:19px;
background:url(/static/img/basic/icon/comment002.gif) no-repeat 0% 0%;
}

/*---- NewComment ----*/
#newComment dl.contentsList01 dt span{
padding-left:19px;
background:url(/static/img/basic/icon/comment002.gif) no-repeat 0% 0%;
}

 /*---- rcm ----*/
#rcm dl.contentsList01 dt span{
background:url(/static/img/basic/icon/community_topic001.gif);
}

#rcm dl.contentsList01 dt.bbs span{
padding-left:19px;
background:url(/static/img/basic/icon/community_topic001.gif) no-repeat 0% 50%;
}
#rcm dl.contentsList01 dt.event span{
padding-left:19px;
background:url(/static/img/basic/icon/community_event001.gif) no-repeat 0% 50%;
}
#rcm dl.contentsList01 dt.enquete span{
padding-left:19px;
background:url(/static/img/basic/icon/community_enquete001.gif) no-repeat 0% 50%;
}

/*---- bbs ----*/
#bbs dl.contentsList01 dt span{
background:url(/static/img/basic/icon/community_topic001.gif);
}

#bbs dl.contentsList01 dt.bbs span{
padding-left:19px;
background:url(/static/img/basic/icon/community_topic001.gif) no-repeat 0% 50%;
}
#bbs dl.contentsList01 dt.event span{
padding-left:19px;
background:url(/static/img/basic/icon/community_event001.gif) no-repeat 0% 50%;
}
#bbs dl.contentsList01 dt.enquete span{
padding-left:19px;
background:url(/static/img/basic/icon/community_enquete001.gif) no-repeat 0% 50%;
}

/*---- NewBbs ----*/
#newBbs dl.contentsList01 dt span{
background:url(/static/img/basic/icon/community_topic001.gif);
}

#newBbs dl.contentsList01 dt.bbs span{
padding-left:19px;
background:url(/static/img/basic/icon/community_topic001.gif) no-repeat 0% 50%;
}
#newBbs dl.contentsList01 dt.event span{
padding-left:19px;
background:url(/static/img/basic/icon/community_event001.gif) no-repeat 0% 50%;
}
#newBbs dl.contentsList01 dt.enquete span{
padding-left:19px;
background:url(/static/img/basic/icon/community_enquete001.gif) no-repeat 0% 50%;
}

/*---- NewBbsComment ----*/
#newBbsComment dl.contentsList01 dt span{
padding-left:19px;
background:url(/static/img/basic/icon/community_comment001.gif) no-repeat 1px 50%;
}
#newBbsComment dl.contentsList01 dt.bbs span{
padding-left:19px;
background:url(/static/img/basic/icon/community_topic001.gif) no-repeat 0% 50%;
}
#newBbsComment dl.contentsList01 dt.event span{
padding-left:19px;
background:url(/static/img/basic/icon/community_event001.gif) no-repeat 0% 50%;
}
#newBbsComment dl.contentsList01 dt.enquete span{
padding-left:19px;
background:url(/static/img/basic/icon/community_enquete001.gif) no-repeat 0% 50%;
}

/*---- NewMyDiary ----*/
#newMyDiary div.contents{
padding-right:0;
}

#newMyDiary div.contents dl.contentsList02{
padding-bottom:10px;
background:url(/static/img/basic/common/dotline_horizontal002.gif) repeat-x 0% 100%;
}

/*---- Intro ----*/
#intro{
clear:both;
}

#intro div.contents div.utilityLinks02{
background:url(/static/img/basic/common/dotline_horizontal002.gif) repeat-x 0% 0%;
}

#intro div.contents div.utilityLinks02 ul{
padding:5px 0;
}

#intro div.contents div.utilityLinks02 ul li{
padding-right:10px;
text-align:right;
}

#intro div.contents div.utilityLinks02 ul li a:hover,
#intro div.contents div.utilityLinks02 ul li a:active,
#intro div.contents div.utilityLinks02 ul li a:focus{
background:url(/static/img/basic/icon/arrow001.gif) no-repeat 0% 50%;
}

#intro div.contents dl{
clear:both;
_height:1px;
padding:0 15px;
}

#intro div.contents dl dt{
display:block;
float:left;
clear:both;
width:76px;
padding-bottom:10px;
text-align:center;
position:relative;
z-index:5;
word-break:break-all;
}

#intro div.contents dl dd{
float:right;
width:332px;
margin-bottom:10px;
padding:8px 0 0;
background:url(/static/img/basic/home/intro_bg_top.gif) no-repeat 100% 0%;
}

#intro div.contents dl dd p{
margin-left:12px;
padding:0 16px 10px;
background:#fff3e2 url(/static/img/basic/home/intro_bg_bottom.gif) no-repeat 100% 100%;
}

#intro div.contents dl dd p.relation{
background-image:none;
}

/*---- showMyProfile ----*/
div.showMyProfile{
margin:0 20px 5px 19px;
padding:20px 70px;
border:1px solid #FFD096;
background:url(/static/img/basic/common/bg_stripe001.gif) repeat 0% 0%;
}

div.showMyProfile p{
padding-left:40px;
background:url(/static/img/basic/icon/message_area001.gif) no-repeat 0% 0%;
}

/*---- profilie ----*/
div#profile{
padding-bottom:10px;
}

div#profile ul{
padding:0 5px 4px 4px;
border:1px solid #E0E0E0;
background:#F2F2F2;
}

div#profile ul li{
margin-top:2px;
padding-top:5px;
background:url(/static/img/basic/common/bg_profile_top002.gif) no-repeat 0% 0%;
}

div#profile ul li dl{
padding-bottom:5px;
background:#fff url(/static/img/basic/common/bg_profile_bottom001.gif) no-repeat 0% 100%;
zoom:1;
}

*:first-child+html div#profile ul li dl{
padding-bottom:0;
}

div#profile ul li dl:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

* html div#profile ul li dl{
height:1%;
overflow:visible;
}

div#profile ul li dl dt{
float:left;
width:73px;
padding-left:5px;
}

div#profile ul li dl dd{
float:right;
width:342px;
word-break:break-all;
overflow:hidden;
}

div#profile ul li dl dd img{
margin-left:10px;
vertical-align:middle;
*vertical-align:top;
}
div#profile ul li dl dd img.pictograph{
margin-left:2px;
}

/*---- birthday ----*/
p.birthday{
padding-bottom:5px;
text-align:center;
}

/*---- editPhotoArea ----*/
#editPhotoArea div.heading02{
height:26px;
background:url(/static/img/basic/heading/edit_photo001.gif) no-repeat 0% 0%;
}

#editPhotoArea div.contents{
border-right:1px solid #FBB14E;
border-left:1px solid #FBB14E;
clear:both;
}

#editPhotoArea div.friendPhotoList{
border-bottom:1px solid #FBB14E;
}

/*-- profilePhotoList --*/
ul.profilePhotoList{
width:687px;
padding:10px 0 10px 27px;
background:#F2F2F2;
overflow:hidden;
}

ul.profilePhotoList:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

* html ul.profilePhotoList{
height:1%;
overflow:visible;
}

ul.profilePhotoList li{
float:left;
width:229px;
}

ul.profilePhotoList li dl{
width:202px;
margin-right:27px;
}

ul.profilePhotoList li dl dt{
height:200px;
border:1px solid #D9D9D9;
background-color:#fff;
background-repeat:no-repeat;
background-position:50% 50%;
text-indent:-9999px;
}

ul.profilePhotoList li dl dd{
width:202px;
padding-top:5px;
}

ul.profilePhotoList li dl dd,
ul.profilePhotoList li dl dd ul{
text-align:center;
}

ul.profilePhotoList li dl dd ul,
ul.profilePhotoList li dl dd ul li{
display:inline;
float:none;
width:auto;
}

ul.profilePhotoList li dl dd ul{
margin-left:2px;
}

ul.profilePhotoList li dl dd ul li{
margin-right:2px;
}

/*-- showPhotoList --*/
div.showPhotoList{
width:670px;
padding:0 22px;
border-bottom:1px solid #FBB14E;
background:#F2F2F2;
clear:both;
}

div.showPhotoList table{
width:100%;
}

div.showPhotoList table td{
padding:10px 5px;
}

div.showPhotoList table td div{
width:202px;
height:200px;
margin-right:auto;
margin-left:auto;
border:1px solid #D9D9D9;
background-color:#fff;
background-repeat:no-repeat;
background-position:50% 50%;
text-indent:-9999px;
}

/*-- photoUploadForm --*/
ul.photoUploadForm{
padding:23px 0;
border-top:1px solid #D9D9D9;
background:url(/static/img/basic/common/bg_stripe001.gif) repeat 0% 0%;
text-align:center;
}

ul.photoUploadForm li{
display:inline;
}

ul.photoUploadForm li.selectFile{
background-color:#FDF9F2;
}
ul.photoUploadForm li.selectFile input{
*height:22px;
}

ul.photoUploadForm li.formButton input.formBt01{
color:#fff;
border:1px solid #45362F;
background:#5B524D;
line-height:1.8;
*line-height:1.2;
cursor:pointer;
}

ul.photoUploadForm li.formButton input.formBt02{
color:#575350;
border:1px solid #6D5A53;
background:#E5E4E2;
line-height:1.8;
*line-height:1.2;
cursor:pointer;
}

ul.photoUploadForm li.formButton input{
margin:0 4px;
padding:0 20px;
}

/*-- photoUploadNote --*/
ul.photoUploadNote{
padding:8px 28px 0;
border-top:1px solid #FFCD8F;
border-bottom:1px solid #FBB14E;
background:#FFF8E9;
color:#666;
}

ul.photoUploadNote li{
padding:0 0 8px 7px;
text-indent:-7px;
}

/*---- editList01 ----*/
#editList01 ul.editContents{
border-right:1px solid #F6A838;
border-left:1px solid #F6A838;
background:#fff url(/static/img/basic/common/bg_edit_list001.gif) repeat-y 0% 0%;
}

#editList01 ul.editContents li{
clear:both;
border-bottom:1px solid #FDCD8B;
}

#editList01 ul.editContents li dl{
zoom:1;
}

#editList01 ul.editContents li dl:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#editList01 ul.editContents li dl dt,
#editList01 ul.editContents li dl dd{
padding:5px 10px;
}

#editList01 ul.editContents li dl dt{
float:left;
width:120px;
}

#editList01 ul.editContents li dl dd{
float:left;
width:554px;
/*_height:1px;*/
word-break:break-all;
_overflow:hidden;
}

#editList01 ul.editContents li dl dd p.editIntroPhoto{
width:80px;
text-align:center;
}

#editList01 ul.editContents li dl dd p.editIntroRelation{
padding-bottom:5px;
}

#editList01 ul.editContents li dl dd input,
#editList01 ul.editContents li dl dd select{
vertical-align:middle;
}

#editList01 ul.editContents li dl dd select{
margin-right:3px;
}

#editList01 ul.editContents li dl dd textarea{
margin-top:5px;
width:548px;
}

#editList01 ul.editContents li dl dd dl.inputName dt,
#editList01 ul.editContents li dl dd dl.inputName dd{
display:inline;
float:none;
width:auto;
padding:0;
text-align:left;
}

#editList01 ul.editContents li dl dd dl.inputName dd{
margin:0 10px 0 3px;
}

#editList01 ul.editContents li dl dd ul li{
border:none;
}

#editList01 ul.editContents li dl dd ul.checkList01 li{
display:inline;
margin-right:5px;
}

#editList01 ul.editContents li dl dd ul.checkList01 li input{
margin-right:3px;
}

#editList01 ul.editContents li dl dd ul.checkList02{
zoom:1;
}

#editList01 ul.editContents li dl dd ul.checkList02:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#editList01 ul.editContents li dl dd ul.checkList02 li{
clear:none;
float:left;
width:30%;
padding-bottom:3px;
}

#editList01 ul.editContents li dl dd ul.checkList02 li input{
margin-right:3px;
}

.editNote{
color:#666;
font-size:83%;
}

#editList01 ul.editContents li dl dd .editNote{
clear:both;
padding-top:5px;
}

#editList01 ul.editContents li dl dd div.editItem01{
float:left;
width:400px;
_padding-bottom:1px;
}

#editList01 ul.editContents li dl dd p.openRange{
float:right;
width:150px;
_padding-bottom:1px;
text-align:right;
}

#editList01 ul.editContents li dl dd img.openRange{
margin-left:3px;
vertical-align:middle;
}

#editList01 ul.editContents li dl.diarySelect dd div.editItem01{
width:250px;
}

#editList01 ul.editContents li dl.diarySelect dd p.openRange{
width:300px;
}

/*-- editGroup01 --*/
#editList01 ul.editContents dd.editGroup01{
padding:5px 10px;
_padding-bottom:0;
}

#editList01 ul.editContents dd.editGroup01 dt{
display:inline;
float:none;
width:auto;
padding:0 10px 0 0;
text-align:left;
}

#editList01 ul.editContents dd.editGroup01 dd{
display:inline;
float:none;
width:auto;
position:static;
padding:0;
}

#editList01 ul.editContents dd.editGroup01 dd ul{
text-align:right;
}

#editList01 ul.editContents dd.editGroup01 dl.editCommunityGroup dt{
float:left;
width:203px;
}

#editList01 ul.editContents dd.editGroup01 dl.editCommunityGroup dd{
float:right;
width:340px;
}

#editList01 ul.editContents dd.editGroup01 dl.editGroupList01,
#editList01 ul.editContents dd.editGroup01 dl.editCommunityGroup{
margin-bottom:5px;
padding-bottom:5px;
border-bottom:1px solid #DDDDDD;
}
#editList01 ul.editContents dd.editGroup01 dl.editGroupList01:last-child,
#editList01 ul.editContents dd.editGroup01 dl.editCommunityGroup:last-child{
margin-bottom:0px;
padding-bottom:0px;
border-bottom:none;
}

#editList01 ul.editContents dd.editGroup01 dl.editGroupList01:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

* html #editList01 ul.editContents dd.editGroup01 dl.editGroupList01{
height:1%;
overflow:visible;
}

#editList01 ul.editContents dd.editGroup01 dl.editGroupList01 dt{
float:left;
}

#editList01 ul.editContents dd.editGroup01 dl.editGroupList01 dd{
float:right;
}

#editList01 ul.editContents dd.editGroup01 dd ul li{
display:inline;
margin-left:3px;
padding-left:5px;
border-left:1px solid #FDCD8B;
}

#editList01 ul.editContents dd.editGroup01 dd ul li.leftside{
margin-left:0;
border-left:none;
}

/*-- addGroup01 --*/
#editList01 ul.editContents dd.addGroup01 input{
margin-right:5px;
}

#editList01 ul.editContents dd.addGroup01 .supplement01{
padding-top:5px;
}

/*-- formButtons01 --*/
#editList01 .formButtons01{
border:1px solid #F6A838;
border-top:none;
text-align:center;
}

#editList01 ul.formButtons01 li{
display:inline;
margin:0 4px;
}

/*-- confirmation --*/
#editList01 p.confirmation{
padding:8px 20px;
border-right:1px solid #D6D6D6;
border-bottom:1px solid #F6A838;
border-left:1px solid #D6D6D6;
background:#F8F8F8;
color:#666;
}

/*---- entryList ----*/
div.newVoteCommentArea ul.entryList01 li dl dt{
background:url(/static/img/basic/common/vote001.gif) no-repeat 0% 50%;
}

div.newFriendDiaryArea ul.entryList01 li dl dt{
background:url(/static/img/basic/icon/diary002.gif) no-repeat 0% 50%;
}

div.newBbsArea ul.entryList01 li dl dt{
background:url(/static/img/basic/icon/community_topic001.gif) no-repeat 0% 50%;
}

div.newBbsArea ul.entryList01 li dl dt.iconTopic{
background-image:url(/static/img/basic/icon/community_topic001.gif);
}

div.newBbsArea ul.entryList01 li dl dt.iconEvent{
background-image:url(/static/img/basic/icon/community_event001.gif);
}

div.newBbsArea ul.entryList01 li dl dt.iconEnquete{
background-image:url(/static/img/basic/icon/community_enquete001.gif);
}

div.newBbsCommentArea ul.entryList01 li dl dt{
background:url(/static/img/basic/icon/community_comment001.gif) no-repeat 0% 50%;
}

div.newBbsCommentArea ul.entryList01 li dl dt.iconTopic{
background-image:url(/static/img/basic/icon/community_topic001.gif);
}

div.newBbsCommentArea ul.entryList01 li dl dt.iconEvent{
background-image:url(/static/img/basic/icon/community_event001.gif);
}

div.newBbsCommentArea ul.entryList01 li dl dt.iconEnquete{
background-image:url(/static/img/basic/icon/community_enquete001.gif);
}

div.newCommentArea ul.entryList01 li dl dt{
background:url(/static/img/basic/icon/comment002.gif) no-repeat 0% 50%;
}

div.newVideoArea ul.entryList01 li dl dt{
background:url(/static/img/basic/icon/video001.gif) no-repeat 0% 50%;
}

div.newReviewArea ul.entryList01 li dl dt{
background:url(/static/img/basic/icon/review002.gif) no-repeat 0% 50%;
}

div.newMusicArea ul.entryList01 li dl dt{
background:url(/static/img/basic/icon/music001.gif) no-repeat 0% 50%;
}

div.newAlbumArea ul.entryList01 li dl dt{
background:url(/static/img/basic/icon/photo001.gif) no-repeat 0% 50%;
}

/*---- memoList01 ----*/
div.memoList01{
border:1px solid #FAAB44;
border-top:none;
overflow:hidden;
}

div.memoList01:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

* html div.memoList01{
height:1%;
overflow:visible;
}

div.memoList01 p.memoListPhoto{
float:left;
width:96px;
padding:10px 0;
text-align:center;
}

div.memoList01 ul.memoListContent{
float:left;
width:618px;
background:url(/static/img/basic/common/bg_memo_list001.gif) repeat-y 0% 0%;
}

div.memoList01 ul.editMemoForm{
padding-top:5px;
}

div.memoList01 ul.editMemoForm li{
display:inline;
margin-right:5px;
}

div.editMemoForm p textarea{
margin-bottom:5px;
}

div.memoList01 ul.memoListContent li{
clear:both;
}

div.memoList01 ul.memoListContent li dl{
border-top:1px solid #FBCE8D;
overflow:hidden;
}

div.memoList01 ul.memoListContent li dl:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

* html div.memoList01 ul.memoListContent li dl{
height:1%;
overflow:visible;
}

div.memoList01 ul.memoListContent li dl.memoListTop{
border-top:none;
}

div.memoList01 ul.memoListContent li dl dt{
float:left;
width:122px;
padding:10px;
}

div.memoList01 ul.memoListContent li dl dt span.supplement01{
display:block;
}

div.memoList01 ul.memoListContent li dl dd{
float:left;
width:456px;
padding:10px;
}

div.memoList01 ul.memoListContent li dl dd input.formBt01,
div.memoList01 ul.memoListContent li dl dd input.formBt02{
_padding:0 5px;
}

div.memoList01 ul.memoListContent li dl dd p{
padding-top:5px;
}

div.memoList01 ul.memoListContent li dl dd p.selectGroup{
padding-top:0px;
}


div.memoList01 ul.memoListContent li dl dd p input,
div.memoList01 ul.memoListContent li dl dd p select{
margin-right:5px;
}

div.memoList01 ul.memoListContent li dl dd dl{
border:none;
}

div.memoList01 ul.memoListContent li dl dd dl dt{
float:none;
width:auto;
padding:0;
text-align:left;
}

div.memoList01 ul.memoListContent li dl dd dl dd{
float:none;
width:auto;
padding:0;
}

p.editMemoLink{
text-align:right;
}

/*-- manageGroupList01 --*/
div.memoList01 ul.memoListContent li dl dd dl.manageGroupList01{
padding-bottom:5px;
overflow:hidden;
}

div.memoList01 ul.memoListContent li dl dd dl.manageGroupList01:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

* html div.memoList01 ul.memoListContent li dl dd dl.manageGroupList01{
height:1%;
overflow:visible;
}

div.memoList01 ul.memoListContent li dl dd dl.manageGroupList01 dt{
float:left;
width:256px;
}

div.memoList01 ul.memoListContent li dl dd dl.manageGroupList01 dd{
float:left;
width:200px;
}

/*---- groupList01 ----*/
div.groupList01{
width:696px;
overflow:hidden;
padding:8px 10px;
border-bottom:none;
background:url(/static/img/basic/common/bg_vertical_line001.gif) repeat-y left top;
clear:both;
}

div.groupList01 div.groupListTitle{
width:694px;
_height:1px;
position:relative;
background:url(/static/img/basic/common/dotline_horizontal002.gif) repeat-x 0% 100%;
}

div.groupList01 div.groupListTitle h3{
padding:0 0 8px 13px;
font-weight:bold;
}

div.groupList01 div.groupListTitle p{
position:absolute;
top:0;
right:0;
}

div.groupList01 div.groupListTitle p a{
padding-left:18px;
background:url(/static/img/basic/icon/change001.gif) no-repeat 0% 50%;
}

div.groupList01 dl{
padding:6px 10px 8px 18px;
}

div.groupList01 dl dt{
padding-left:21px;
background:url(/static/img/basic/icon/group001.gif) no-repeat 0% 50%;
}

div.groupList01 dl dd{
padding-left:21px;
background:url(/static/img/basic/home/bg_group_list001.gif) no-repeat 6px 6px;
}

div.groupList01 dl dd ul{
padding-top:5px;
overflow:hidden;
}

div.groupList01 dl dd ul:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

* html div.groupList01 dl dd ul{
height:1%;
overflow:visible;
}

div.groupList01 dl dd ul li{
float:left;
margin-right:13px;
white-space:nowrap;
background:transparent url(/static/img/basic/icon/group002.gif) no-repeat scroll 0%;
padding-left:18px;
}

div.groupList01 dl dd ul li a{
padding:2px 0;
}

div.groupList01 dl dd ul li.selected{
background:url(/static/img/basic/icon/group001.gif) no-repeat 0% 0%;
color:#333333;
}
div.groupList01 p.utilityLinks04{
margin-top:5px;
padding-left:18px;
background:url(/static/img/basic/icon/link001.gif) no-repeat 5px 50%;
}

/*---- introList01 ----*/
div.introList01 ul.introListContents{
padding:17px 33px 2px;
border:1px solid #FFA935;
}

div.introList01 ul.introListContents li{
padding-bottom:10px;
overflow:hidden;
}

div.introList01 ul.introListContents li:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

* html div.introList01 ul.introListContents li{
height:1%;
overflow:visible;
}

div.introList01 ul.introListContents li dl dt{
display:block;
float:left;
clear:both;
width:76px;
padding-bottom:2.5em;
text-align:center;
word-break:break-all;
}

div.introList01 span.name{
position:relative;
display:block;
text-align:left;
}

div.introList01 span.name a{
position:absolute;
display:block;
width:76px;
text-align:center;
}

div.introList01 ul.introListContents li dl dd{
float:right;
width:572px;
margin-bottom:10px;
padding:8px 0 0;
background:url(/static/img/basic/home/introlist01_top.gif) no-repeat 100% 0%;
}

div.introList01 ul.introListContents li dl dd div{
min-height:46px;
_height:46px;
margin-left:18px;
padding:0 16px 10px;
background:#fff3e2 url(/static/img/basic/home/introlist01_bottom.gif) no-repeat 100% 100%;
}

div.introList01 ul.introListContents li dl dd p.relation{
background-image:none;
}

div.introList01 ul.introListContents li dl dd div ul{
padding-top:5px;
text-align:right;
}

div.introList01 ul.introListContents li dl dd div ul li{
display:inline;
padding-bottom:0;
}

div.introList01 ul.introListContents li dl dd div ul li.leftside{
margin-right:5px;
padding-right:5px;
border-right:1px solid #FFA930;
}

div.introList01 ul.confirmContents01{
border-top:none !important;
background:url(/static/img/basic/home/bg_confirm_content001.gif) repeat-x 0% 0%;
}

div.introList01 ul.confirmContents02{
background:url(/static/img/basic/home/bg_confirm_content001.gif) repeat-x 0% 0%;
}

div.introList01 ul.formButtons01{
border:1px solid #FFA935;
border-top:none;
}

/*---- beginnersContents ----*/
p.beginnersContents{
padding:15px 0;
}

/*---- publicIcon01 ----*/
span.publicIcon01{
position:absolute;
top:5px;
padding-left:10px;
}

/*---- messageArea02 (unused?)----*/
div.messageArea02{
background-color: #FEE7C6;
width:714px; 
margin:0 0 25px;
border:1px solid #FBB14E;
}

div.messageArea02 h3{ 
background: url(/static/img/basic/heading/body_long_contents001.gif) no-repeat;
height:20px;
padding:3px 0 0 20px; 
font-weight:bold;
/*
border-bottom:1px solid #DDC9AC;
*/
}

div.messageArea02 form{
text-align:center;
}

div.messageArea02 .alertArea{
background:url(/static/img/basic/community/community_info_bg002.gif); 
margin:10px 20px; 
padding:20px 10px; 
border:1px solid #FFCD8F;
text-align:center;
overflow:visible;
*word-break:break-all;
}

/*  \*/div.messageArea02 .alertArea{overflow:hidden;}/*  */

div.messageArea02 .alertArea img{
vertical-align:middle;
margin-right:10px;
}

div.messageArea02 .alertArea p{
margin:20px 50px;
text-align:left;
background:url(/static/img/basic/common/alertIcon001.gif) no-repeat 0% 0%;
padding:8px 0 8px 40px;
}

div.messageArea02 .alertArea ul.formButtons01{
text-align:center;
background:url(none) !important;
}

div.messageArea02 .alertArea ul.formButtons01 li{
text-align:left;
width:140px;
margin:0 auto;
}

div.messageArea02 .alertArea strong{
font-weight:bold;
}

div.messageArea02 .alertArea ul.formButtons01 input{
width:115px;
margin:0 33px;
}


/*========================== 2008/05/14 ==========================*/

#myProfile{
width:268px;
border:solid 1px #f0cd78;
text-align:center;
padding:10px 0 0;
margin:0 0 5px;
background:#fee4a6 url(/static/img/basic/common/bg_myProfile.gif) repeat-x top;
}

#dia dl.contentsList04 dt span{
padding-left:19px;
background:url(/static/img/basic/icon/diary002.gif) no-repeat 2px 50%;
}
#com dl.contentsList04 dt span{
padding-left:19px;
background:url(/static/img/basic/icon/comment002.gif) no-repeat 0% 0%;
}
#newBbsComment dl.contentsList04 dt span{
padding-left:19px;
background:url(/static/img/basic/icon/community_topic001.gif) no-repeat 1px 50%;
}
#rcm dl.contentsList04 dt.bbs span{
padding-left:19px;
background:url(/static/img/basic/icon/community_topic001.gif) no-repeat 1px 50%;
}
#rcm dl.contentsList04 dt.event span{
padding-left:19px;
background:url(/static/img/basic/icon/community_event001.gif) no-repeat 1px 50%;
}
#gam dl.contentsList04 dt.bbs span{
padding-left:19px;
background:url(/static/img/basic/icon/community_topic001.gif) no-repeat 1px 50%;
}
#bbs dl.contentsList04 dt.event span{
padding-left:19px;
background:url(/static/img/basic/icon/community_event001.gif) no-repeat 1px 50%;
}
#bbs dl.contentsList04 dt.bbs span{
padding-left:19px;
background:url(/static/img/basic/icon/community_topic001.gif) no-repeat 1px 50%;
}
#ccm dl.contentsList04 dt span{
padding-left:19px;
background:url(/static/img/basic/icon/community_topic001.gif) no-repeat 1px 50%;
}
#newFriendDiary dl.contentsList04 dt span{
padding-left:19px;
background:url(/static/img/basic/icon/diary002.gif) no-repeat 2px 50%;
}
#newComment dl.contentsList04 dt span{
padding-left:19px;
background:url(/static/img/basic/icon/comment002.gif) no-repeat 0% 0%;
}
#newBbsComment dl.contentsList04 dt span{
padding-left:19px;
background:url(/static/img/basic/icon/community_topic001.gif) no-repeat 1px 50%;
}
#newBbs dl.contentsList04 dt.bbs span{
padding-left:19px;
background:url(/static/img/basic/icon/community_topic001.gif) no-repeat 1px 50%;
}
#newBbs dl.contentsList04 dt.event span{
padding-left:19px;
background:url(/static/img/basic/icon/community_event001.gif) no-repeat 1px 50%;
}
#misc dl.contentsList04 dt span.photo{
padding-left:19px;
background:url(/static/img/basic/icon/photo001.gif) no-repeat 1px 50%;
}
#misc dl.contentsList04 dt span.diary{
padding-left:19px;
background:url(/static/img/basic/icon/diary002.gif) no-repeat 1px 50%;
}

#myHistory .icoArea{
padding:5px 0 0 25px;
/* background:url(/static/img/basic/common/bg_balloon_01.gif) no-repeat; */
}
#myHistory .inputArea{
padding:3px 0 0 25px;
/* background:url(/static/img/basic/common/bg_balloon_05.gif) repeat-y; */
}
#myHistory .submitArea{
padding:3px 0 0 0;
text-align:right;
/* background:url(/static/img/basic/common/bg_balloon_05.gif) repeat-y; */
}
#myHistory .submitArea input{
margin-right:10px;
}

#mymixHistory .icoArea{
margin:5px 0 5px 15px;
}
#mymixHistory .inputArea{
padding:5px 0 5px 15px;
}
#mymixHistory .submitArea{
width:405px;
margin:5px 0 5px 15px;
text-align:right;
}

#globalHome{
width:100%;
padding:15px;
}

#globalHome div.visual{
float:left;
width:463px;
}

#globalHome div.novigation{
float:left;
width:223px;
}


#tabNav{
width:223px;
height:279px;
background: url(/static/img/basic/common/bg_tabNav.gif) no-repeat;
}

#tabNav ul{
padding-left:43px;
}
#tabNav ul.solo{
padding-left:133px;
}

#tabNav li{
display:inline;
padding:8px 0 0 0;
}


#tabNav li a{
float:left;
display:block;
width:90px;
height:25px;
background:url(/static/img/basic/common/tabNav_off.gif) no-repeat;
text-decoration:none;
color:#000000;
}

#tabNav a.sel{
background:url(/static/img/basic/common/tabNav_sel.gif) no-repeat;
font-weight:bold;
}

#friend, #login{
}

#friend{
padding-top:10px;
_padding-top:10px;
display:none;
}
*:first-child+html #friend{padding-top:10px;}
#friend p{
margin-left:11px;
}
#friend input.locate{
width:195px;
height:20px;
margin-bottom:12px;
border:1px solid #a5acb2;
background:#ffffff;
text-align:left;
}
#friend input.btnSearch{
width:152px;
margin:18px 0 12px 25px;
color:#ffffff;
border:1px solid #ff6c00 !important;
background:#ff8a00 !important;
cursor:pointer;
}

#login{
padding-top:10px;
_padding-top:10px;
}
*:first-child+html #login{padding-top:10px;}
#login p{
margin-left:11px;
}
#login p.forgot{
margin-top:8px;
text-align:center;
}
#login p.regist{
text-align:center;
}
#login input.email,
#login input.pwd{
width:195px;
height:20px;
margin-bottom:12px;
border:1px solid #a5acb2;
background:#ffffff;
text-align:left;
}
#login input.auto{
padding:0;
background:none;
border:none;
}
#login input.btnLogin{
width:152px;
margin:18px 0 12px 25px;
color:#ffffff;
border:1px solid #ff6c00 !important;
background:#ff8a00 !important;
cursor:pointer;
}


#intro02{
clear:both;
}

#intro02 div.contents{
margin-top:15px;
padding-top:15px;
background:url(/static/img/basic/common/dotline_horizontal002.gif) repeat-x 0% 0%;
}

#intro02 div.contents div.homegbkcontents{
margin:5px 0px 5px 0px;
clear:both;
}
#intro02 div.contents div.homegbkcontents div.gbkdotline{
clear:both;
background: transparent url(/static/img/basic/common/dotline_horizontal002.gif) repeat-x scroll left bottom;
height:10px;
}
#intro02 div.contents div.homegbkcontents div.gbkautharea{
float:left;
width:94px;
clear:left;
text-align:center;
margin-top:8px;
margin-left:8px;
margin-bottom:8px;
display:inline;
}
#intro02 div.contents div.homegbkcontents div.gbkcontentarea{
float:right;
width:320px;
}

#intro02 div.contents div.homegbkcontents div.gbkuserInput{
line-height:1.2;
word-break:break-all;
overflow: hidden;
float:right;
clear:right;
text-align:left;
padding:5px 20px 5px 10px;
width:280px;
}

#intro02 div.contents div.utilityLinks02{
background:none;
}

#intro02 div.contents div.utilityLinks02 ul{
padding:5px 0;
}

#intro02 div.contents div.utilityLinks02 ul li{
padding-right:10px;
text-align:right;
}

#intro02 div.contents div.utilityLinks02 ul li a:hover,
#intro02 div.contents div.utilityLinks02 ul li a:active,
#intro02 div.contents div.utilityLinks02 ul li a:focus{
background:url(/static/img/basic/icon/arrow001.gif) no-repeat 0% 50%;
}

#intro02 div.contents dl{
clear:both;
_height:1px;
padding:0 15px;
}

#intro02 div.contents dl dt{
display:block;
float:left;
clear:both;
width:76px;
padding-bottom:10px;
text-align:center;
position:relative;
z-index:5;
word-break:break-all;
}

#intro02 div.contents dl dd{
float:right;
width:332px;
margin-bottom:10px;
padding:8px 0 0;
background:url(/static/img/basic/home/intro_bg_top.gif) no-repeat 100% 0%;
}

#intro02 div.contents dl dd div{
margin-left:12px;
padding:0 16px 10px;
background:#fff3e2 url(/static/img/basic/home/intro_bg_bottom.gif) no-repeat 100% 100%;
}

#intro02 div.contents dl dd div.replylink{
text-align:right;
margin-left:12px;
padding:0 16px 10px;
background:#fff3e2 url(/static/img/basic/home/intro_bg_bottom.gif) no-repeat 100% 100%;
display:inline;
}

#intro02 div.contents dl dd div.relation{
background-image:none;
}

#intro02 div.contents dl dd div.userInput img{
/*float:left;*/
/*margin-right:10px;*/
}
#intro02 div.contents dl dd div blockquote{
background-color:#FFEDBB;
width:270px;
margin:3px 0px 3px 10px;
padding:3px;
}


#mymixProfile{
width:268px;
border:solid 1px #b1d4de;
text-align:center;
padding:7px 0 0;
margin:0 0 5px;
background:#cee5eb url(/static/img/basic/common/bg_mymixProfile.gif) repeat-x top;
}
#mymixProfile .contents01{
width:240px;
margin:0px auto 10px;
background:#ffffff;
border:solid 1px #c7e1e8;
padding:10px 0;
}
#mymixProfile p.status{
/*font-size:85%;*/
}
#mymixProfile .contents04{
background:#eaf4f7 url(/static/img/basic/common/left_box_bg004.gif) repeat-x top;
padding:3px;
}
#mymixProfile .contents04 li.lookslike img{
vertical-align:middle;
}

/* messageArea was moved to signup_view_inviter.css at 080819*/

/* 0617 Move from common.css */
#bodySide div.myProfileList{
width:250px;
height:36px;
margin-bottom:5px;
padding:10px 10px;
background:url(/static/img/basic/common/bg_myProfile_list.gif) no-repeat top left;
}
#bodySide div.myProfileList li{
margin-left:15px;
display:inline;
}
#bodySide div.myProfileList li img{
margin:3px 0;
}
#bodySide div.myProfileList li.left{
margin-right:7px;
}
#bodySide div.myProfileList li img{
vertical-align:middle;
}

#myProfile .looklike{
height:15px;
margin-top:5px;
padding-top:5px;
background:url(/static/img/basic/common/bg_myProfile_looklike.gif) no-repeat top;
}
#myProfile .looklike img{
vertical-align:middle;
}

#school_details{
margin-top:5px;
}
/*-- form size for FF3 with Meiryo --*/
input.editInfo{width:548px;}
input.editInfoSub{width:300px;}
input.editInfoShort{width:150px;}
input.editPassword{width:498px;}

/*-- setting of 面面趣 --*/
#bodySide #myProfile .contents01,
#bodySide #mymixProfile .contents01 {padding:10px 0 0 0;}

#bodySide #myProfile #myProfileButtons_rim {
    background-color: #e9e9e9;
    padding: 3px;
    height: 76px;
    width: 224px;
    margin: 10px auto 5px auto;
}
#bodySide #mymixProfile #friendProfileButtons_rim {
    background-color: #e9e9e9;
    padding: 3px;
    height: 69px;
    width: 224px;
    margin: 10px auto 5px auto;
    position: relative;
}
#bodySide #myProfile #myProfileButtons_rim #myProfileButtons,
#bodySide #mymixProfile #friendProfileButtons_rim #friendProfileButtons {
    background-color: #FFFFFF;
    margin: 0px;
    padding: 10px 0px 0px 17px;
    border: 1px solid #cccccc;
}
#bodySide #myProfile #myProfileButtons_rim #myProfileButtons {
    height: 64px;
    width: 205px;
    padding: 10px 0px 0px 17px;
}
#bodySide #mymixProfile #friendProfileButtons_rim #friendProfileButtons {
    height: 59px;
    width: 207px;
    padding: 8px 0px 0px 15px;
}
#bodySide #myProfile #myProfileButtons_rim #myProfileButtons ul li,
#bodySide #mymixProfile #friendProfileButtons_rim #friendProfileButtons ul li {
    display: inline;
}
#bodySide #myProfile #myProfileButtons_rim #myProfileButtons ul li a,
#bodySide #mymixProfile #friendProfileButtons_rim #friendProfileButtons ul li a {
    display: block;
    float: left;
}
#bodySide #myProfile #myProfileButtons_rim #myProfileButtons ul li a {
    height: 22px;
    width: 79px;
}
#bodySide #mymixProfile #friendProfileButtons_rim #friendProfileButtons ul li a {
    height: 23px;
    width: 83px;
}
#bodySide #myProfile #myProfileButtons_rim #myProfileButtons ul li.change_gift a {
    background: url(/static/img/basic/button/favorite_home_buttons.gif) no-repeat 0px 0px;
}
#bodySide #myProfile #myProfileButtons_rim #myProfileButtons ul li.change_gift a:hover {
    background: url(/static/img/basic/button/favorite_home_buttons_new_on.gif) no-repeat 0px 0px;
}

#bodySide #myProfile #myProfileButtons_rim #myProfileButtons ul li.use_item a {
    background: url(/static/img/basic/button/favorite_home_buttons.gif) no-repeat -79px 0px;
    margin-left:29px;
}
#bodySide #myProfile #myProfileButtons_rim #myProfileButtons ul li.use_item a:hover {
    background: url(/static/img/basic/button/favorite_home_buttons_new_on.gif) no-repeat -79px 0px;
    margin-left:29px;
}

#bodySide #myProfile #myProfileButtons_rim #myProfileButtons ul li.favorite a {
    background: url(/static/img/basic/button/favorite_home_buttons.gif) no-repeat 0px -22px;
    margin-top:4px;
}
#bodySide #myProfile #myProfileButtons_rim #myProfileButtons ul li.favorite a:hover {
    background: url(/static/img/basic/button/favorite_home_buttons_new_on.gif) no-repeat 0px -22px;
    margin-top:4px;
}

#bodySide #myProfile #myProfileButtons_rim #myProfileButtons ul li.mypoint a {
    background: url(/static/img/basic/button/favorite_home_buttons.gif) no-repeat -79px -22px;
    margin-left:29px;
    margin-top:4px;
}
#bodySide #myProfile #myProfileButtons_rim #myProfileButtons ul li.mypoint a:hover {
    background: url(/static/img/basic/button/favorite_home_buttons_new_on.gif) no-repeat -79px -22px;
    margin-left:29px;
    margin-top:4px;
}
#bodySide #myProfile #myProfileButtons_rim #myProfileButtons ul li.messages a {
    background: url(/static/img/basic/button/favorite_home_buttons.gif) no-repeat 0px -44px;
    margin-top:4px;
}
#bodySide #myProfile #myProfileButtons_rim #myProfileButtons ul li.messages a:hover {
    background: url(/static/img/basic/button/favorite_home_buttons_new_on.gif) no-repeat 0px -44px;
    margin-top:4px;
}
#bodySide #myProfile #myProfileButtons_rim #myProfileButtons ul li.profile a {
    background: url(/static/img/basic/button/favorite_home_buttons.gif) no-repeat -79px -44px;
    margin-top:4px;
    margin-left:29px;
}
#bodySide #myProfile #myProfileButtons_rim #myProfileButtons ul li.profile a:hover {
    background: url(/static/img/basic/button/favorite_home_buttons_new_on.gif) no-repeat -79px -44px;
    margin-top:4px;
    margin-left:29px;
}

#bodySide #mymixProfile #friendProfileButtons_rim #friendProfileButtons ul li.favorite a {
        background: url(/static/img/basic/button/favorite_showfriend_buttons.gif) no-repeat 0px 0px;
}
#bodySide #mymixProfile #friendProfileButtons_rim #friendProfileButtons ul li.favorite a:hover {
        background: url(/static/img/basic/button/favorite_showfriend_buttons_on.gif) no-repeat 0px 0px;
}

#bodySide #mymixProfile #friendProfileButtons_rim #friendProfileButtons ul li.mixiuhit a {
        background: url(/static/img/basic/button/favorite_showfriend_buttons.gif) no-repeat -83px 0px;
        margin-left:25px;
}
#bodySide #mymixProfile #friendProfileButtons_rim #friendProfileButtons ul li.mixiuhit div.divfloat{
    width:277px;
    height:85px;
    display:none;
    position:absolute;
    top:30px;
    left:0px;
}
#bodySide #mymixProfile #friendProfileButtons_rim #friendProfileButtons ul li.mixiuhit div.divfloatOver{
    visibility:visible;
    display:block;
    top:30px;
    left:0px;
    position:absolute;
}

#bodySide #mymixProfile #friendProfileButtons_rim #friendProfileButtons ul li.mixiuhit a:hover {
        background: url(/static/img/basic/button/favorite_showfriend_buttons_on.gif) no-repeat -83px 0px;
        margin-left:25px;
}

#bodySide #mymixProfile #friendProfileButtons_rim #friendProfileButtons ul li.messages a {
        background: url(/static/img/basic/button/favorite_showfriend_buttons.gif) no-repeat 0px -23px;
        margin-top:4px;
}
#bodySide #mymixProfile #friendProfileButtons_rim #friendProfileButtons ul li.messages a:hover {
        background: url(/static/img/basic/button/favorite_showfriend_buttons_on.gif) no-repeat 0px -23px;
        margin-top:4px;
}
#bodySide #mymixProfile #friendProfileButtons_rim #friendProfileButtons ul li.addfriend a {
        background: url(/static/img/basic/button/favorite_showfriend_buttons.gif) no-repeat -83px -23px;
        margin-top:4px;
        margin-left:25px;
}
#bodySide #mymixProfile #friendProfileButtons_rim #friendProfileButtons ul li.addfriend a:hover {
        background: url(/static/img/basic/button/favorite_showfriend_buttons_on.gif) no-repeat -83px -23px;
        margin-top:4px;
        margin-left:25px;
}

#bodySide #myProfile #myProfileButtons_rim #myProfileButtons ul li a span,
#bodySide #mymixProfile #friendProfileButtons_rim #friendProfileButtons ul li a span {
    display:none;
}
.moneydata {font-size:11px; font-weight:bold; color:#FA741B;}
.noticetxt {color:#FA741B;}

.gbkButtons {
    margin-bottom:10px;
    text-align:center;
    padding-top:10px;
}
.gbkButtons li {
    display:inline;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}
.gbkReplyArea {
    clear:both;
    padding-left:25px;
}
.gbkreplylink{
text-align:right;
margin:5px 5px 5px 5px;
background:#FBF4E5 none repeat scroll 0 0;
float:right;
clear:right;
width:280px;
padding:5px 15px;
}
.gbkreplylink div{
float:left;
}

.news .tab {
    border-bottom: 1px solid #FFD280;
    margin-top: 10px;
}
.news .tab ul {
    height: 26px;
    line-height: 26px;
    letter-spacing: 0;
    margin-right: -10px;
    text-align: center;
}
.news .tab ul li {
    float: left;
    cursor: pointer; 
    background: #FFE9C2 url(/static/img/basic/home/new_comment_tab_left.gif) no-repeat left top;
    margin-left: 1px;
    display: inline;
}
.news .tab ul li div {
    background: url(/static/img/basic/home/new_comment_tab_right.gif) no-repeat right top;
    padding: 0 9px;
}
.news .tab ul li.on {
   background: #FFFFFF;
   border: 1px #FFE9C2 solid;
   border-bottom: none;
   color: #FF9400;
}
.news .tab ul li.on div {
    background: none;
}
.news .contents div.on {
    padding: 5px 8px;
    overflow: hidden;
    width: 424px;
    display: block;
}
.news .contents .news {
    padding: 5px 8px;
    overflow: hidden;
    width: 424px;
    display: none;
    clear:both;
}
.news select {
    float: right;
    border: 1px solid #7F9DB9;
    color: #6D6D6D;
    clear: both;
}



.newComment .tab {
    border-bottom: 1px solid #FFD280;
}
.newComment .tab ul {
    height: 26px;
    line-height: 26px;
    letter-spacing: 0;
    margin-right: -10px;
    text-align: center;
}
.newComment .tab ul li {
    float: left;
    cursor: pointer; 
    background: #FFE9C2 url(/static/img/basic/home/new_comment_tab_left.gif) no-repeat left top;
    margin-left: 1px;
    display: inline;
}
.newComment .tab ul li div {
    background: url(/static/img/basic/home/new_comment_tab_right.gif) no-repeat right top;
    padding: 0 5px;
}
.newComment .tab ul li.on {
   background: #FFFFFF;
   border: 1px #FFE9C2 solid;
   border-bottom: none;
   color: #FF9400;
}
.newComment .tab ul li.on div {
    background: none;
}
#new_comment_content {
    margin-top: 2px;
    padding: 5px 8px;
    overflow: hidden;
    border-bottom: #FFE9C2 1px solid;
    margin-bottom: 30px;
    width: 424px;
}
#new_comment_content p {
    padding: 3px 0;
}
#new_comment_content .date {
    padding-left: 19px;
    float: left;
}
#new_comment_content .diary .date {
    background: url(/static/img/basic/icon/comment002.gif) no-repeat left center;
}
#new_comment_content .album .date {
    background: url(/static/img/basic/common/photo003.gif) no-repeat left center;
}
#new_comment_content .community .date {
    background: url(/static/img/basic/icon/community_topic001.gif) no-repeat left center;
}
#new_comment_content .vote .date {
    background: url(/static/img/basic/common/vote001.gif) no-repeat left center;
}
#new_comment_content .showcase .date {
    background: url(/static/img/basic/common/showcase001.gif) no-repeat left center;
}
#new_comment_content .content {
    padding-left: 18px;
    background: url(/static/img/basic/common/list_lead001.gif) no-repeat left center;
    margin-left: 15px;
    width: 330px;
    float: left;
    overflow: hidden;
}
/* message center */

/* message_center_nav */
.message_center{width:441px; margin-bottom:5px;}
.message_center .message_center_nav .message_center_nav_ul{height:24px;width:441px;background:url(/static/img/basic/home/message_nva_menu_mid.gif);}
.message_center .message_center_nav .message_center_nav_ul li{float:left;padding:4px 5px 0px 9px;width:90px;letter-spacing:0px;color:#2291be;}
.message_center .message_center_nav .message_center_nav_ul .message_center_nav_left{background:url(/static/img/basic/home/message_nva_menu_left.gif);width:4px;height:24px;padding:0px;}
.message_center .message_center_nav .message_center_nav_ul .message_center_nav_right{float:right;background:url(/static/img/basic/home/message_nva_menu_right.gif);width:5px;height:24px;padding:0px;}
.message_center .message_center_nav .message_center_nav_ul .message_center_nav_space{background:url(/static/img/basic/home/message_nva_menu_space.gif);width:1px;height:24px;padding:0px;}
.message_center .message_center_nav .message_center_nav_ul .red{color:red;font-weight:700;font-family:Arial, Helvetica, sans-serif;}