@charset "euc-jp";

/* CSS Document 20090624 001 */


/*---- default ----*/
html{
overflow-y:scroll;
}

body{
color:#333333;
background:#FFFFFF;
letter-spacing:0.05em;
font-size:12px;
*font-size:78%;
text-align:center;
}

body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,textarea,pre,code,blockquote{
margin:0;
padding:0;
}

br{
letter-spacing:0;
}

fieldset,img{
border:0;
}

li{
list-style:none;
}

caption,th{
text-align:left;
}

h1,h2,h3,h4,h5,h6,th{
font-size:100%;
font-weight:normal;
font-style:normal;
}

input,textarea,select{
font-family:inherit;
font-size:inherit;
font-weight:inherit;
color:#333;
}

select{
background-color:#ffffff !important;
}

address,caption,cite,code,dfn,var{
font-style:normal;
font-weight:normal;
}

abbr,acronym{
border:0;
font-variant:normal;
}

del,u{
text-decoration:none;
}

/*---- text ----*/
body{
line-height:1.5;
}

.userInput{
line-height:1.2;
word-break:break-all;
}

/* clearFix */
.clearfix{
zoom:1;
}

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

a:link{
color:#258fb8;
}

a:visited{
color:#258fb8;
}

a:hover{
color:#996600;
}
a:active{
color:#996600;
}
a:focus{
color:#996600;
}

dl.contentsList01 dd a:visited,
#mixiNewsArea #mixiNews ul li a:visited,
ul.entryList01 li dl dd a:visited,
div.show_log div.logListCenter a:visited{
color:#996699;
}

/*formSettin*/

input,
textarea{
padding:2px;
background-color:#fdf9f2;
border:1px solid #f1deb4;
}

/*safari setting*/
html[xmlns*=""] body:last-child input[type="file"]{
background-color:transparent;
border:none;
}
*input[type="file"]{
padding:2px;
background-color:#fdf9f2;
border:1px solid #f1deb4;
}


html*input[type="file"]{
background-color:transparent;
}

form input.focus,
form textarea.focus{
background-color: #f7f0e6;
}

div.searchForm01 input{
padding:0;
border:0;
background:transparent;
}

.formBt01.focus{
background:#5B524D;
}

.formBt02.focus{
background:#E5E4E2;
}


/* CSS Document */
#page{
width:945px;
margin:0 auto;
text-align:left;
position:relative;
}

#headerArea{
width:945px;
}

#bodyArea{
width:945px;
clear:both;
padding-top:5px;
}
#bodyMainArea{
float:left;
width:716px;
padding-left:0 !important;
}
#bodyMainArea #bodyMainAreaSub{
width:165px;
float:left;
}
#bodyMainArea #bodyMainAreaMain{
width:546px;
float:right;
}
#bodySide{
width:275px;
float:left;
clear:both;
}

#bodyContents{
width:441px;
float:left;
}

#bodySub{
float:right;
width:224px;
}

#bodyClear{
clear:both;
font:0/0 sans-serif;
width:0px;
height:0px;
}

#footerArea{
width:945px;
clear:both;
}

/*popup*/

#popupHeaderArea{
width:716px;
height:51px;
margin:0 12px !important;
background:url(http://img.mixi.jp/img/basic/common/logo_mixi002.gif) no-repeat 10px 12px;
}
#popupHeaderArea h1{
text-indent:-9999px;
}
body.popup #bodyMainArea{
float:none;
margin:0 12px !important;
text-align:left;
}
body.popup #footerArea{
width:716px;
margin:0 12px !important;
padding-top:27px;
}
body.popup #footerArea address{
padding-top:12px;
background:url(http://img.mixi.jp/img/basic/common/dotline_horizontal002.gif) repeat-x left top;
}


/* CSS Document */
table{
border-collapse:collapse;
border-spacing:0;
}
th,td{
margin:0;
padding:0;
}
input.fRadio,
input.fCheck{
background:none;
border:none;
}
/* ----- inlineNotes ----- */
span.inlineNotes{
color:red;
font-weight:bold;
}
/* ----- ContentsList01 ---- */
dl.contentsList01{
line-height:1.8;
}
dl.contentsList01 dt{
clear:both;
float:left;
width:80px;
}
dl.contentsList01 dt span{
padding-top:2px;
background-position: 0% 50%;
background-repeat: no-repeat;
}
dl.contentsList01 dd{
float:left;
width:327px;
padding-left:18px;
background:url(http://img.mixi.jp/img/basic/common/list_lead001.gif) no-repeat 0% 0.9em;
}
/* ----- ContentsList02 ---- */
dl.contentsList02{
line-height:1.6;
}
dl.contentsList02 dt{
position:absolute;
top:-9999px;
}
dl.contentsList02 dd dl{
padding-left:15px;
}
dl.contentsList02 dd dl dt{
position:static;
float:left;
width:6.5em;
}
dl.contentsList02 dd dl dd{
margin-left:7em;
padding-left:18px;
background:url(http://img.mixi.jp/img/basic/common/list_lead001.gif) no-repeat 0% 0.8em;
}
dl.contentsList02 dd dl dt span{
display:block;
padding-left:19px;
}
dl.contentsList02 dt.diaryTitle{
background:url(http://img.mixi.jp/img/basic/icon/diary002.gif) no-repeat 1px 50%;
}
dl.contentsList02 dt.videoTitle{
background:url(http://img.mixi.jp/img/basic/icon/video002.gif) no-repeat 0% 50%;
}
dl.contentsList02 dt.photoTitle{
background:url(http://img.mixi.jp/img/basic/icon/photo003.gif) no-repeat 1px 50%;
}
dl.contentsList02 dt.musicTitle{
background:url(http://img.mixi.jp/img/basic/icon/music001.gif) no-repeat 1px 50%;
}
dl.contentsList02 dt.reviewTitle{
background:url(http://img.mixi.jp/img/basic/icon/review001.gif) no-repeat 0% 50%;
}
dl.contentsList02 dd p.moreLink01{
margin-bottom:5px;
padding-right:10px;
}
/* ----- ContentsList03 ---- */
div.contentsList03{}
div.contentsList03 dl{}
div.contentsList03 dt{}
div.contentsList03 dd{
margin-left:20px;
}
/* ----- ActionIcon01 ----*/
p.actionIcon01{
float:left;
}
/* ----- ActionIcon03 ----*/
ul.actionIcon03{
padding:6px 0 6px 4px;
background:url(http://img.mixi.jp/img/basic/common/dotline_horizontal002.gif) repeat-x 0% 100%;
overflow:hidden;
}
ul.actionIcon03:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
* html ul.actionIcon03{
height:1%;
overflow:visible;
}
ul.actionIcon03 li{
float:left;
}
ul.actionIcon03 li.diary{width:80px;}
ul.actionIcon03 li.movie{width:125px;}
ul.actionIcon03 li.photo{width:137px;}
ul.actionIcon03 li.review{width:94px;}
ul.actionIcon03 li a{
padding-left:15px;
}
ul.actionIcon03 li.diary a{background:url(http://img.mixi.jp/img/basic/icon/diary002.gif) no-repeat 0% 50%;}
ul.actionIcon03 li.movie a{background:url(http://img.mixi.jp/img/basic/icon/video002.gif) no-repeat 0% 50%;}
ul.actionIcon03 li.photo a{background:url(http://img.mixi.jp/img/basic/icon/photo003.gif) no-repeat 0% 50%;}
ul.actionIcon03 li.review a{background:url(http://img.mixi.jp/img/basic/icon/review001.gif) no-repeat 0% 50%;}
/* ----- IconList ---- */
ul.iconList01{
clear:both;
margin:0 auto;
}
ul.iconList01 li{
width:82px;
float:left;
overflow:hidden;
padding:5px 0 5px;
}
ul.iconList01 li div{
height:80px;
}
ul.iconList01 li span{
width:84px;
display:block;
}
ul.iconList02{
margin-right:auto;
margin-left:auto;
padding-bottom:10px;
overflow:hidden;
}
ul.iconList02:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
* html ul.iconList02{
height:1%;
overflow:visible;
}
ul.iconList02 li{
float:left;
width:100px;
padding:0 4px;
}
ul.iconList02 li div{
height:85px;
border:1px solid #d4d4d4;
text-align:center;
}
ul.iconList02 li span{
display:block;
text-align:center;
}
ul.count1{width:108px;}
ul.count2{width:216px;}
ul.count3{width:324px;}
ul.count4{width:432px;}
ul.count5{width:540px;}
/*---- sponsorList02 ----*/
table.iconList02{
padding:0;
float:none
}
table.iconList02{
border-spacing:7px;
border-collapse:separate;
margin:0 auto;
}
table.iconList02 tr.itemList td{
width:84px;
border:1px solid #d4d4d4;
text-align:center;
padding:10px 7px;
}
table.iconList02 tr.nameList td{
text-align:center;
padding:0 7px 2px;
width:84px;
word-break:break-all;
overflow:visible;
}
/* -- iconList03 -- */
div.iconList03{
width:714px;
margin:0 auto;
border:1px solid #FBB14E;
z-index:1;
}
div.iconList03 ul{
background:transparent url(http://img.mixi.jp/img/basic/common/iconlist_line_block02.gif) no-repeat left bottom;
}
div.iconList03 ul.iconListBottom{
background:transparent url(http://img.mixi.jp/img/basic/common/iconlist_line_block02.gif) no-repeat left top;
}
div.iconList03 ul:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
div.iconList03 ul{
display:inline-block;
clear:both;
}
div.iconList03 ul.iconListBottom{
z-index:1;
}
div.iconList03 ul li{
overflow:visible;
word-break:break-all;
float:left;
width:138px;
padding:2px 3px 3px 2px;
text-align:center;
z-index:1;
}
div.iconList03 ul.iconListBottom li{
padding-bottom:2px;
}
div.iconList03 ul li.rightSide{
padding-right:2px;
background:none;
}
div.iconList03 ul li div div.iconListImage{
width:138px;
padding-top:1px;
text-align:center;
}
div.iconList03 ul li div.iconState01,
div.iconList03 ul li div.iconState02,
div.iconList03 ul li div.iconState03{
min-height:138px;
_height:138px;
z-index:1;
}
div.nomemo02 div.iconList03 ul li div.iconState01,
div.nomemo02 div.iconList03 ul li div.iconState02,
div.nomemo02 div.iconList03 ul li div.iconState03{
min-height:120px;
_height:120px;
}
div.nomemo02 div.iconList03 ul li div div.iconListImage{
position:relative;
}
div.nomemo02 div.iconList03 ul li div div.iconListImage img.newicon01{
position:absolute;
left:69%;
top:4px;
*top:3px;
}
div.nomemo div.iconList03 ul li div div.iconListImage{
padding-top:9px;
}
div.iconList03 ul li div.iconState01{background:#FFFFFF;}
div.iconList03 ul li div.iconState02{background:#FEE7C6;}
div.iconList03 ul li div.iconState03{background:#FFD8A7;}
div.iconList03 ul li div div.iconListImage a{
display:block;
width:76px;
height:76px;
margin:3px auto;
margin-right:auto;
margin-left:auto;
background-color:transparent !important;
background-position:50% 50% !important;
background-repeat:no-repeat !important;
outline:none;
}
div.iconList03 ul li div div a.iconTitle{
text-indent:-9999px;
}
div.iconList03 ul li div p{
padding-top:5px;
}
/* ----- UtilityLinks01 ---- */
div.utilityLinks01{
float:right;
}
div.utilityLinks01 li{
padding-left:12px;
background:url(http://img.mixi.jp/img/basic/icon/arrow001.gif) no-repeat left;
}
#bodySide #appliMemberList div.utilityLinks01 li{
text-align:left !important;
}
/* ----- UtilityLinks02 ---- */
div.utilityLinks02{
clear:both;
}
div.utilityLinks02 ul li{
margin-left:auto;
}
div.utilityLinks02 ul li a{
padding-left:14px;
background:url(http://img.mixi.jp/img/basic/icon/arrow001.gif) no-repeat 0% 50%;
}
/* ----- UtilityLinks03 ---- */
div.utilityLinks03 li{
width:49%;
float:left;
}
ul.utilityLinks03{
margin-top:35px;
text-align:center;
}
ul.utilityLinks03 li{
padding:0 5px 5px;
}
p.utilityLinks03{
margin-top:35px;
text-align:center;
}
body.popup p.utilityLinks03{
padding-top:16px;
}
div.messageArea .utilityLinks03{
margin-top:0;
padding:7px 40px 5px;
}
/* ----- moreLink01 ---- */
p.moreLink01{
clear:both;
text-align:right;
clear:both;
}
p.moreLink01 a{
padding-left:12px;
background:url(http://img.mixi.jp/img/basic/icon/arrow001.gif) no-repeat 0% 50%;
}
p.moreLink01 a:hover,
p.moreLink01 a:active,
p.moreLink01 a:focus{
background:url(http://img.mixi.jp/img/basic/icon/arrow001.gif) no-repeat 0% 50%;
}
div.moreLink01{
clear:both;
text-align:right;
clear:both;
}
div.moreLink01 a{
padding-left:12px;
background:url(http://img.mixi.jp/img/basic/icon/arrow001.gif) no-repeat 0% 50%;
}
div.moreLink01 a:hover,
div.moreLink01 a:active,
div.moreLink01 a:focus{
background:url(http://img.mixi.jp/img/basic/icon/arrow001.gif) no-repeat 0% 50%;
}
/* ---- supplement01 ---- */
.supplement01{
font-size:83%;
color:#666;
}
/* ---- supplement02 ---- */
.supplement02{
color:#666;
margin:1em 0;
}
/* ---- supplement03 ---- */
.supplement03{
font-size:100%;
color:#666;
}
/* ---- supplement04 ---- */
.supplement04{
font-size:83%;
color:#666;
display:block;
font-weight:normal;
}
/* ---- supplement05 ---- */
.supplement05{
font-size:83%;
color:#666;
margin:0.8em 0 0;
display:block;
font-weight:normal;
}
/* ---- supplement06 ---- */
.supplement06{
font-size:83%;
display:block;
font-weight:normal;
}
/* ---- formButtons01 ---- */
.formButtons01{
padding:10px;
background:url(http://img.mixi.jp/img/basic/common/bg_stripe001.gif) repeat 0% 0%;
}
div.formButtons01{
background:url(http://img.mixi.jp/img/basic/common/bg_stripe001.gif) repeat 0% 0%;
}
ul.formButtons01{
padding-bottom:0;
}
div#editList01 ul.formButtons01{
padding-bottom:10px;
}
.formButtons01 p,
.formButtons01 ul,
ul.formButtons01{
text-align:center;
}
.formButtons01 p.supplemnt{
margin-top:20px;
}
.formButtons01 li,
.formButtons01 form{
display:inline;
}
.formButtons01 p.rulesNote01{
color:#666666;
font-size:83%;
text-align:center !important;
}
.formButtons01 div.rulesNote01{
color:#666666;
font-size:83%;
margin-bottom:10px;
}
.formButtons01 div.rulesNote01 p,
.formButtons01 div.rulesNote01 ul{
font-size:100%!important;
margin:0 0 10px;
padding:0!important;
text-align:left;
}
.formButtons01 div.rulesNote01 li{
display:list-item;
list-style:disc;
margin-left:1.5em;
}
.formBt01{
padding:0 20px;
*padding:0 5px;
color:#fff;
border:1px solid #45362F !important;
background:#5B524D !important;
line-height:1.8;
*line-height:1.2;
cursor:pointer;
}
.formBt02{
padding:0 20px;
*padding:0 5px;
color:#575350;
border:1px solid #6D5A53 !important;
background:#E5E4E2 !important;
line-height:1.8;
*line-height:1.2;
cursor:pointer;
}
.formButtons01 input{
margin:0 4px;
}
/* ---- pageTitle ---- */
div.pageTitle{
z-index:1;
*height:43px;
padding-bottom:7px;
background:no-repeat 0% 0%;
height:43px;
min-height:43px;
}
div.pageTitle h2{
padding:5px 0 0 15px;
*padding-top:3px;
font-size:116.7%;
font-weight:bold;
line-height:2.5;
float:left;
}
div.pageTitle p{
float:right;
padding-top:15px;
padding-right:15px;
width:15em;
text-align:right;
}
div.homeTitle001{background-image:url(http://img.mixi.jp/img/basic/heading/title_home001.gif);}
div.homeTitle002{background-image:url(http://img.mixi.jp/img/basic/heading/title_home002.gif);}
div.homeTitle003{background-image:url(http://img.mixi.jp/img/basic/heading/title_home003.gif);}
div.homeTitle004{background-image:url(http://img.mixi.jp/img/basic/heading/title_home005.gif);}
div.homeTitle006{background-image:url(http://img.mixi.jp/img/basic/heading/title_home008.gif);}
div.communityTop{
padding-bottom:7px;
}
div.communityTitle001{background-image:url(http://img.mixi.jp/img/basic/heading/title_community001.gif);}
div.communityTitle002{background-image:url(http://img.mixi.jp/img/basic/heading/title_community002.gif);}
div.communityTitle003{background-image:url(http://img.mixi.jp/img/basic/heading/title_community003.gif);}
div.friendTitle001{background-image:url(http://img.mixi.jp/img/basic/heading/title_friend001.gif);}
div.friendTitle002{background-image:url(http://img.mixi.jp/img/basic/heading/title_friend002.gif);}
div.friendTitle003{background-image:url(http://img.mixi.jp/img/basic/heading/title_friend003.gif);}
div.friendTitle004{background-image:url(http://img.mixi.jp/img/basic/heading/title_friend004.gif);}
div.musicTitle001{background-image:url(http://img.mixi.jp/img/basic/heading/title_music001.gif);}
div.musicTitle002{background-image:url(http://img.mixi.jp/img/basic/heading/title_music002.gif);}
div.musicTitle003{background-image:url(http://img.mixi.jp/img/basic/heading/title_music003.gif);}
div.otherTitle001{background-image:url(http://img.mixi.jp/img/basic/heading/title_other001.gif);}
div.serviceListTitle001{
background-image:url(http://img.mixi.jp/img/basic/heading/title_service_list001.gif);
}
div.appliTitle001{background-image:url(http://img.mixi.jp/img/basic/heading/title_appli002.gif);}
div.appliTitle002{
margin-left:5px;
background-image:url(http://img.mixi.jp/img/basic/heading/title_appli_long001.gif);
}
div.settingListTitle001{
background-image:url(http://img.mixi.jp/img/basic/heading/title_settinglist001.gif);
}
div.homeTitle001,
div.communityTitle001,
div.friendTitle001{padding-left:20px;}
div.homeTitle002 h2,
div.homeTitle003 h2,
div.homeTitle004 h2,
div.homeTitle006 h2,
div.communityTitle002 h2,
div.communityTitle003 h2,
div.friendTitle002 h2,
div.friendTitle003 h2,
div.friendTitle004 h2,
div.serviceListTitle001 h2,
div.settingListTitle001 h2,
div.musicTitle001 h2,
div.musicTitle002 h2,
div.musicTitle003 h2,
div.otherTitle001 h2,
div.appliTitle001 h2,
div.appliTitle002 h2{padding-left:47px;}
/* ----- bbsList01 ---- */
dl.bbsList01{
width:714px;
border:1px solid #FBB14E;
border-top:none;
clear:both;
}
dl.bbsList01 dd.formButtons01{
border-top:1px solid #FBB14E;
}
dl.bbsDetail{
margin-bottom:5px;
}
/* -- bbsContent -- */
dl.bbsList01 dd.bbsContent dl{
border-top:1px solid #FBB14E;
background:url(http://img.mixi.jp/img/basic/common/bg_bbs01.gif) repeat-y 0% 0%;
overflow:hidden;
}
dl.bbsList01 dd.bbsContent dl:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
* html dl.bbsList01 dd.bbsContent dl{
height:1%;
overflow:visible;
}
dl.bbsList01 dd.bbsContent dt{
float:left;
width:141px;
padding:10px 0;
text-align:center;
}
dl.bbsList01 dd.bbsContent dd{
float:right;
width:543px;
padding:10px 10px 10px 0;
word-break:break-all;
overflow:hidden;
}
/* -- bbsInfo -- */
dl.bbsList01 dd.bbsInfo{
padding:3px 20px;
border-top:1px solid #FBB14E;
}
dl.bbsList01 dd.bbsInfo dl{
padding:2px 0;
}
dl.bbsList01 dd.bbsInfo dl dt{
display:inline;
padding-right:8px;
*padding-right:4px;
background:url(http://img.mixi.jp/img/basic/common/colon001.gif) no-repeat 100% 50%;
}
dl.bbsList01 dd.bbsInfo dl dd{
display:inline;
padding-left:4px;
*padding-left:8px;
}
/* ---- commentList01 ---- */
dl.commentList01{
border-bottom:1px solid #DDC49C;
}
/*---- deleteTextArea ----*/
p.deleteTextArea{
/*border-left:solid 1px #DDC49C;*/
display:block;
width:5em;
height:1.5em;
position:absolute;
left:2em;
top:2px;
font-weight:normal;
text-align:left;
line-height:1.4em;
*line-height:1.5;
padding-left:10px;
}
/* -- commentDate -- */
dl.commentList01 dt.commentDate{
width:714px;
*height:20px;
border:1px solid #DDC49C;
border-bottom:none;
background:#F5E9D4;
color:#B5966B;
font-weight:bold;
line-height:1.8;
}
dl.commentList01 dt.commentDate input{
border:1px solid #F2DDB7;
background:#FDF9F2;
vertical-align:middle;
}
dl.commentList01 dt.commentDate p{
padding-left:5px;
}
dl.commentList01 dt.commentDate span{
display:block;
width:12em;
	position:absolute;
right:10px;
bottom:0;
color:#8C7551;
font-weight:normal;
text-align:right;
*line-height:1.5;
}
/* -- commentContent01 -- */
dl.commentContent01{
border:1px solid #DDC49C;
border-bottom:none;
background:url(http://img.mixi.jp/img/basic/common/bg_comment01.gif) repeat-y 0% 0%;
overflow:hidden;
}
dl.commentContent01:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
dl.commentContent01{
clear:both;
overflow:hidden;
}
* html dl.commentContent01{
height:1%;
overflow:visible;
}
dl.commentContent01 dt{
float:left;
width:141px;
padding:10px 0;
text-align:center;
display:block;
}
div.commentForm dl.commentContent01 dt{
width:121px;
padding:10px;
text-align:left;
}
dl.commentContent01 dt span.supplement01{
display:block;
}
dl.commentContent01 dd{
float:right;
width:543px;
padding:10px 10px 10px 0;
word-break:break-all;
_overflow:hidden;
}
dl.commentContent01 dd textarea{
display:block;
margin-top:5px;
}
/* ---- commentForm ---- */
div.commentForm h3{
padding:0 10px;
border:1px solid #DDC49C;
border-top:none;
background:#F5E9D4 url(http://img.mixi.jp/img/basic/common/bg_comment_form001.gif) repeat-x 0% 0%;
font-weight:bold;
line-height:2;
}
div.commentForm div.formButtons01{
border:1px solid #DDC49C;
}
div.commentForm div.formButtons01 p{
padding:10px 20px;
font-size:83%;
text-align:left;
}
/* -- commentFormNote -- */
div.commentForm div.commentFormNote{
border-right:1px solid #D6D6D6;
border-left:1px solid #D6D6D6;
}
div.commentForm div.commentFormNote p{
padding:0 20px;
border-top:1px solid #EFEFEF;
border-bottom:1px solid #EBEBEB;
background:#F8F8F8;
color:#666;
line-height:2;
}
/* ---- pageNavigation01 ---- */
div.pageNavigation01{
width:714px;
border:1px solid #D6D6D6;
border-top:none;
}
div.pageNavigation01.top{
border-bottom:none;
}
/* -- pageList01 -- */
div.pageNavigation01 div.pageList01{
*height:24px;
min-height:23px;
background:#EBEBEB;
border-bottom:1px solid #d6d6d6;
line-height:1.8;
text-align:center;
padding-top:2px;
padding-bottom:1px;
}
div.pageNavigation01 div.pageList01 ul{
display:inline;
padding:0 1px;
*padding-left:4px;
}
div.pageNavigation01 div.pageList01 li,
div.pageNavigation01 div.pageList01 li div{
display:inline;
}
div.pageNavigation01 div.pageList01 li.on{
padding:2px 4px;
border:1px solid #258FB8;
background:#60AAC7;
color:#fff;
text-decoration:none;
}
div.pageNavigation01 div.pageList01 ul li a{
margin:0 0.25em;
}
/* -- pageList02 -- */
div.pageNavigation01 div.pageList02{
*height:26px;
padding:4px 8px 2px;
_padding:2px 8px 0;
background:#fff url(http://img.mixi.jp/img/basic/common/bg_page_list03.gif) repeat-x 0% 100%;
line-height:1.8;
}
div.pageNavigation01 div.pageList02:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
* html div.pageNavigation01 div.pageList02{
height:1%;
overflow:visible;
}
div.pageNavigation01 div.pageList02 p{
float:left;
width:55%;
color:#666;
}
div.pageNavigation01 div.pageList02 p span{
font-size:83%;
}
div.pageNavigation01 div.pageList02 p img{
margin-top:7px;
}
div.pageNavigation01 div.pageList02 p.supplement01{
padding-top:3px;
}
div.pageNavigation01 div.pageList02 ul{
float:right;
width:44%;
text-align:right;
white-space:nowrap;
}
div.pageNavigation01 div.pageList02 ul li{
display:inline;
margin-left:8px;
}
/* -- toolExplanation -- */
div.toolExplanation01,
div.toolExplanation02{
padding:4px 18px;
border-left:1px solid #d6d6d6;
border-right:1px solid #d6d6d6;
width:678px;
background-color:#f8f8f8;
color:#666;
font-size:83%;
}
div.toolExplanation02{
border-bottom:1px solid #F6A838;
}
div.toolExplanation01 p img,
div.toolExplanation02 p img{
margin-right:3px;
vertical-align:middle;
}
/* -- confirm01 -- */
div.confirm01{
border-left:1px solid #d6d6d6;
border-right:1px solid #d6d6d6;
border-bottom:1px solid #FBB14E;
background-color:#f8f8f8;
color:#666;
font-weight:bold;
}
div.confirm01 p{
padding:8px 20px 8px;
}
div.confirm01 p span.note{
font-size:83%;
font-weight:normal;
}
/* -- confirm02 -- */
div.confirm02{
background:#F8F8F8 url(http://img.mixi.jp/img/basic/common/bg_confirm003.gif) repeat-y 0% 0%;
color:#666;
padding:8px 20px 10px;
}
/* -- confirm03 -- */
div.confirm03{
border:1px solid #d6d6d6;
border-top:none;
background-color:#f8f8f8;
color:#666;
font-weight:bold;
}
div.confirm03 p{
padding:8px 20px 8px;
}
/*-- confirm04 --*/
div.confirm04{
border-left:1px solid #d6d6d6;
border-right:1px solid #d6d6d6;
background-color:#f8f8f8;
color:#666;
font-weight:bold;
}
div.confirm04 p{
padding:8px 20px 8px;
}
/*---- entryList01 ----*/
ul.entryList01{
border:1px solid #FBB14E;
clear:both;
}
ul.entryList01 li{
display:block;
*display:inline-block;
padding:5px 0;
*padding:4px 0 2px;
}
ul.entryList01 li.odd{
background:#FFF8E9;
}
ul.entryList01 li dl{
padding:0 15px;
zoom:1;
}
ul.entryList01 li dl:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
ul.entryList01 li dl{
overflow:hidden;
}
* html ul.entryList01 li dl{
height:1%;
overflow:visible;
}
ul.entryList01 li dl dt{
float:left;
width:160px;
padding-left:20px;
}
ul.entryList01 li dl dd{
float:right;
width:504px;
word-break:break-all;
}
ul.entryList01 li dl dd a img{
margin-left:5px;
vertical-align:middle;
_padding:0.2em 0 0.2em;
}
/* ---- searchForm ---- */
div.searchForm01 select,
div.searchForm02 select,
div.searchForm03 select,
#diarySubMenu{
overflow:auto;
}
div.searchForm01,
div.searchForm02,
div.searchForm03{
margin-bottom:5px;
border:1px solid #f3ddbf;
overflow:hidden;
}
div.searchForm01:after,
div.searchForm02:after,
div.searchForm03:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
* html div.searchForm01,
* html div.searchForm02,
* html div.searchForm03{
height:1%;
overflow:visible;
}
div.searchForm01 h2,
div.searchForm02 h2,
div.searchForm03 h2{
position:absolute;
left:-9999px;
}
li.searchDiary a{width:39px;}
li.searchCommunity a{width:64px;}
li.searchVideo a{width:36px;}
li.searchPhoto a{width:38px;}
li.searchMusic a{width:70px;}
li.searchReview a{width:52px;}
li.searchNews a{width:52px;}
li.searchWeb a{width:40px;}
li.searchInbox a{width:46px;}
li.searchLog a{width:56px;}
li.searchFrom a{width:46px;}
li.searchWholeCommunity a{width:88px;}
li.searchTopic a{width:50px;}
li.searchEvent a{width:50px;}
li.searchEnquete a{width:60px;}
li.searchOtherComuunities a{width:110px;}
li.searchEventDate a{width:112px;}
li.searchAll a{width:39px;}
li.searchWeb,
li.searchFrom,
ul.communitySearch01 li.searchEnquete,
li.searchEventDate,
li.searchOtherComuunities{
background:none !important;
}
/* -- searchForm01 -- */
div.searchForm01{
background:#fbe9cf url(http://img.mixi.jp/img/basic/common/bg_search_form001.gif) repeat-x 0% 0%;
}
div.searchForm01 ul.searchCategory01{
width:396px;
}
/* -- searchForm02 -- */
div.searchForm02{
background:#FBE9D0 url(http://img.mixi.jp/img/basic/common/bg_search_form002.gif) repeat-x 0% 0%;
}
div.searchForm02 ul.searchFunction01 ul.searchCategory01{
display:inline;
}
div.searchForm02 ul.searchFunction01 li ul{
display:inline;
}
/* -- searchForm03 -- */
div.searchForm03{
background:#FBE9CF url(http://img.mixi.jp/img/basic/common/bg_search_form003.gif) repeat-x 0% 0%;
}
div.searchForm03 li.select01{
padding-top:2px;
_padding-top:5px;
}
div.searchForm03 ul.searchCategory01{width:296px;}
div.searchForm03 ul.communitySearch01{width:416px;}
div.searchForm03 ul.communitySearch02{width:240px;}
div.searchForm03 ul.searchFunction03 ul.communitySearch01{width:auto;}
div.searchForm03 p.select01{
padding-bottom:5px;
text-align:center;
}
div.searchForm03 #reviewSearch ul.searchSort01{
text-align:center;
}
div.searchForm03 #reviewSearch p.supplement01{
padding-bottom:5px;
text-align:center;
}
div.bottomSearch01{
margin-top:10px;
clear:both;
padding:1px 0 3px;
}
div.bottomSearch02{
margin-top:10px;
clear:both;
}
div.bottomSearch03{
margin-top:10px;
clear:both;
padding:1px 0 2px;
}
/* -- searchCategory01 -- */
ul.searchCategory01{
margin-right:auto;
margin-left:auto;
padding:6px 0 0;
}
ul.searchCategory01 li{
float:left;
text-align:center;
}
ul.searchCategory01 li a{
display:block;
background:url(http://img.mixi.jp/img/basic/common/searchform_border.gif) repeat-y 100% 0%;
font-size:84% !important;
}
ul.searchCategory01 li.last a,
ul.searchCategory01 li.last a:hover{
background:none;
}
ul.searchCategory01 li a:hover{
background:url(http://img.mixi.jp/img/basic/common/searchform_border.gif) repeat-y 100% 0%;
}
ul.searchCategory01 li a.selected:link,
ul.searchCategory01 li a.selected:visited,
ul.searchCategory01 li a.selected:hover,
ul.searchCategory01 li a.selected:active,
ul.searchCategory01 li a.selected:focus{
color:#fff;
background:#f90;
text-decoration:none;
}
/* -- searchFunction01 -- */
ul.searchFunction01{
clear:both;
padding:6px 0 5px;
text-align:center;
}
ul.searchFunction01 li{
display:inline;
}
ul.searchFunction01 li input{
vertical-align:middle;
}
ul.searchFunction01 li.input02 span{
font-size:83%;
}
ul.searchFunction01 li.input01 input,
ul.searchFunction01 li.input02 input{
padding:2px 0 1px 21px;
*padding:3px 0 3px 21px;
border:1px solid #ffc976;
background:#fff url(http://img.mixi.jp/img/basic/icon/searchform001.gif) no-repeat 5px 50%;
font-size:100%;
}
ul.searchFunction01 li.select01 select{
background:#FDF9F2;
vertical-align:middle;
}
ul.searchFunction01 li.input02 select,
ul.searchFunction01 li.input02 input{
vertical-align:middle;
}
ul.searchFunction01 li.input01 input{width:299px;}
ul.searchFunction01 li.input02 input{width:199px;}
/* -- searchFunction02, searchFunction03 -- */
ul.searchFunction02,
ul.searchFunction03{
margin-right:auto;
margin-left:auto;
padding:6px 0 14px;
clear:both;
}
ul.searchFunction02 li,
ul.searchFunction03 li{
float:left;
padding-left:4px;
}
ul.searchFunction02 li ul li,
ul.searchFunction03 li ul li{
padding-left:0;
}
ul.searchFunction02 li input,
ul.searchFunction03 li input{
vertical-align:middle;
}
ul.searchFunction02 li.input02 input,
ul.searchFunction03 li.input02 input{
width:199px;
padding:2px 0 1px 21px;
*padding:3px 0 3px 21px;
border:1px solid #ffc976;
background:#fff url(http://img.mixi.jp/img/basic/icon/searchform001.gif) no-repeat 5px 50%;
font-size:100%;
}
ul.searchFunction02{width:540px;}
ul.searchFunction03{width:670px;}
div.searchForm03 ul.searchFunction03{width:640px;}
ul.searchFunction03 li.input02{
padding-top:3px;
_padding-top:3px;
}
/* -- searchSort -- */
ul.searchSort01,
ul.searchSort02,
ul.searchSort03{
padding:0 0 5px;
}
ul.searchSort01 li,
ul.searchSort02 li,
ul.searchSort03 li{
display:inline;
font-size:83%;
}
ul.searchSort01 li input,
ul.searchSort02 li input,
ul.searchSort03 li input{
margin-right:3px;
vertical-align:middle;
}
ul.searchSort01{
width:396px;
margin-right:auto;
margin-left:auto;
}
ul.searchSort02{
text-align:center;
}
ul.searchSort03{
width:484px;
margin-right:auto;
margin-left:auto;
text-align:right;
}
ul.searchSort01 .searchFocus01{
margin-left:20px;
}
/* ----- messageArea ----- */
div.searchError01{
padding-top:5px;
}
ul.searchSort01 li.searchVolume01{ 
margin-left:20px; 
white-space:nowrap; 
} 
ul.searchSort01 li.searchVolume01 select{ 
font-size:100%; 
vertical-align: middle; 
margin-left:3px; 
} 
div.messageArea{
margin-bottom:5px;
}
div.messageArea div.heading03{
width:690px;
height:24px;
padding:0 5px 0 21px;
background:url(http://img.mixi.jp/img/basic/heading/body_main_area001.gif) no-repeat 0% 0%;
line-height:24px;
clear:both;
}
div.messageArea div.heading03 h2,
div.messageArea div.heading03 h3{
font-weight:bold;
}
div.messageArea div.heading03 p{
position:absolute;
top:0;
right:10px;
}
div.messageArea div.contents{
padding:10px 20px;
border:1px solid #FBB14E;
border-top:none;
background:#FEE7C6;
}
div.messageArea div.contents div{
padding:23px 70px 34px;
border:1px solid #FFCD8F;
background:url(http://img.mixi.jp/img/basic/common/bg_stripe001.gif) repeat 0% 0%;
}
div.messageArea div.contents div .formButtons01{
padding:0;
border:none;
background:none;
}
div.messageArea div.contents div p{
padding:7px 40px 5px;
}
div.messageArea div.contents div p.supplement01{
padding-bottom:0;
}
div.messageArea div.contents div p.nothing{
padding-bottom:0;
}
div.messageArea div.contents div p strong{
font-weight:bold;
}
div.messageArea div.contents div p.messageAlert{
min-height:16px;
*height:1%;
background:url(http://img.mixi.jp/img/basic/icon/message_area001.gif) no-repeat 0% 0%;
}
div.messageArea div.contents div p.messageAlert strong.messageNote01{
color:red;
font-size:133%;
}
div.messageArea div.contents div ul.formButtons01{
background:none;
padding-bottom:3px;
}
div.messageArea div.contents div p.formButtons01{
padding:7px 0 3px;
text-align:center;
}
div.messageArea div.contents div p.formButtons01 span{
display:block;
padding-bottom:10px;
font-size:83%;
}
div.messageArea div.contents div dl.messageForm01{
width:370px;
margin:5px auto;
margin-right:auto;
margin-left:auto;
border:1px solid #F6A838;
background:#fff url(http://img.mixi.jp/img/basic/common/bg_edit_list001.gif) repeat-y 0% 0%;
overflow:hidden;
}
div.messageArea div.contents div dl.messageForm01:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
* html div.messageArea div.contents div dl.messageForm01{
height:1%;
overflow:visible;
}
div.messageArea div.contents div dl.messageForm01 dt{
float:left;
width:120px;
padding:10px;
}
div.messageArea div.contents div dl.messageForm01 dd{
float:left;
width:210px;
padding:10px;
}
div.messageArea div.contents div ul.messageContentList01{
padding:7px 40px 7px 40px;
}
div.messageArea div.contents div ul.messageContentList01 li input{
margin-right:3px;
vertical-align:middle;
}
div.messageArea div.contents div p strong.alartEntry01{
font-size:108%;
}
/*-- searchStartArea --*/
div.searchStartArea{
margin-bottom:15px;
padding:10px;
border:1px solid #FBB14E;
border-top:none;
background:#FEE7C6;
}
div.searchStartArea div.contents{
padding:16px 25px 20px;
border:1px solid #FFCD8F;
background:url(http://img.mixi.jp/img/basic/common/bg_stripe001.gif) repeat 0% 0%;
}
div.searchStartArea div.contents div.searchFormBox{
min-height:47px;
_height:47px;
margin-top:17px;
padding:0 0 0 75px;
background:url(http://img.mixi.jp/img/basic/common/bg_search_start_area001.gif) no-repeat left top;
}
div.searchStartArea div.contents div.searchFormBox p{
padding:0 0 8px;
font-weight:bold;
}
div.searchStartArea div.contents div.searchFormBox dl.formList{
padding:0;
font-weight:normal;
}
div.searchStartArea div.contents div.searchFormBox dl.formList dt{
display:inline;
font-size:83%;
}
div.searchStartArea div.contents div.searchFormBox dl.formList dd{
display:inline;
}
div.searchStartArea div.contents div.searchFormBox dl.formList dd input.keyword{
width:210px;
margin-right:10px;
}
/*-- messageAreaAd01 --*/
div.messageAreaAd01{
text-align:center;
border:none !important;
padding:23px 0 !important;
background:none !important;
}
/* ----- simpleMessageArea ----*/
.simpleMessageArea{
background:url(http://img.mixi.jp/img/basic/common/simplealert_bg_bottom001.gif) no-repeat left bottom;
padding-bottom:3px;
font-size:83%;
margin-bottom:10px;
}
.simpleMessageArea .simpleMessage{
background:url(http://img.mixi.jp/img/basic/common/simplealert_bg_top001.gif) no-repeat left top;
padding:10px 10px 5px;
position:relative;
}
.simpleMessageArea .simpleMessage .main{
padding-left:24px;
background:url(http://img.mixi.jp/img/basic/common/simplealert_alert001.gif) no-repeat left top;
}
.simpleMessageArea .simpleMessage .sub{
position:absolute;
top:10px;
right:10px;
}
div.simpleMessageArea div.simpleMessage p.notice {
background:url(http://img.mixi.jp/img/basic/icon/simplealert_alert002.gif) no-repeat left top;
padding-left:22px;
}
/* ----- bodyMainArea ----- */
#bodyMainArea div.heading02{
width:690px;
height:24px;
padding:0 5px 0 21px;
background:url(http://img.mixi.jp/img/basic/heading/body_main_area001.gif) no-repeat 0% 0%;
line-height:24px;
clear:both;
display:inline-block;
}
#bodyMainArea div.heading02:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
#bodyMainArea div.heading02 h2,
#bodyMainArea div.heading02 h3{
float:left;
width:550px;
font-weight:bold;
text-align:left;
}
#bodyMainArea #bodyContents div.heading02 h2,
#bodyMainArea #bodyContents div.heading02 h3{
font-weight:normal;
}
#bodyMainArea div.heading02 h3 em{
font-size:84%;
}
#bodyMainArea div.heading02 p{
float:right;
width:131px;
}
/* ----- listBox01 ----- */
#bodySide div.listBox01{
width:270px;
background:url(http://img.mixi.jp/img/basic/heading/body_side001.gif) no-repeat top;
margin:0 0 5px;
}
#bodySide div.listBox01 h2{
height:24px;
padding-left:15px;
line-height:24px;
}
#bodySide div.listBox01 h2 a:link,
#bodySide div.listBox01 h2 a:visited,
#bodySide div.listBox01 h2 a:hover,
#bodySide div.listBox01 h2 a:active,
#bodySide div.listBox01 h2 a:focus{
color:#000;
background:none;
}
#bodySide div.listBox01 div.contents{
width:268px;
border:1px solid #f90;
border-top:none;
}
#bodySide div.listBox01 div.communityListNone{
padding:7px 9px;
line-height:1.4;
}
#bodySide div.listBox01 div.communityListNone h3{
padding-bottom:6px;
font-size:14px;
*font-size:116%;
}
#bodySide div.listBox01 div.communityListNone p.moreLink01 a{
padding-left:9px;
background:url(http://img.mixi.jp/img/basic/icon/arrow002.gif) no-repeat left center;
}
/*---- itemList01 ----*/
ul.itemList01{
border:1px solid #FBB14E;
border-top:none;
background:url(http://img.mixi.jp/img/basic/common/dotline_vertical001.gif) repeat-y 176px top;
*background-position:177px top;
}
#bodyMainAreaMain ul.itemList01{
background-position:116px top;
*background-position:117px top;
}
ul.itemList01 li.listItem{
border-top:1px solid #FBB14E;
}
/*-- itemImage --*/
ul.itemList01 li.listItem div.itemImage,
div.editReview div.itemImage{
float:left;
width:160px;
padding:8px 9px 0 8px;
}
ul.itemList01 li.listItem div.itemImage table.image td,
div.editReview div.itemImage table.image td{
width:160px;
height:160px;
text-align:center;
vertical-align:middle;
}
ul.itemList01 li.listItem div.itemImage table.image td.communityItemImage{
background:#CCCCCC;
}
#bodyMainAreaMain ul.itemList01 li.listItem div.itemImage,
div.editReview div.itemImage{
width:100px;
}
div.add_review div.editReview div.itemImage{
margin-right:-1px;
border-right:1px solid #f6a838;
}
#bodyMainAreaMain ul.itemList01 li.listItem div.itemImage table.image td,
div.editReview div.itemImage table.image td{
width:100px;
height:100px;
}
ul.itemList01 li.listItem div.itemImage p,
div.editReview div.itemImage p{
padding:8px 0;
font-size:83%;
text-align:center;
}
ul.itemList01 li.listItem div.itemImage p input{
margin-top:5px;
}
/*-- itemInfo --*/
ul.itemList01 li.listItem div.itemInfo{
float:left;
width:537px;
}
ul.itemList01 li.listItem div.itemInfo table{
width:537px;
}
#bodyMainAreaMain ul.itemList01 li.listItem div.itemInfo,
#bodyMainAreaMain ul.itemList01 li.listItem div.itemInfo table{
width:427px;
}
ul.itemList01 li.listItem div.itemInfo table th.title{
padding:6px 10px 7px 15px;
border-bottom:1px solid #FFCD8F;
background:#FEE7C6;
}
ul.itemList01 li.listItem div.itemInfo table th.title span.name{
display:block;
padding-bottom:3px;
font-size:116%;
}
ul.itemList01 li.listItem div.itemInfo table th.title span.category{
font-size:100%;
}
ul.itemList01 li.listItem div.itemInfo table th.title ul li{
float:left;
width:50%;
}
ul.itemList01 li.listItem div.itemInfo table th.title ul li.date{
padding-top:1px;
color:#535353;
text-align:right;
}
ul.itemList01 li.listItem div.itemInfo table td.publisher,
ul.itemList01 li.listItem div.itemInfo table td.review{
padding:7px 15px;
background:url(http://img.mixi.jp/img/basic/common/dotline_horizontal001.gif) repeat-x left bottom;
}
ul.itemList01 li.listItem div.itemInfo table td.publisher p.publisherInfo{
width:507px;
overflow:visible;
}
#bodyMainAreaMain ul.itemList01 li.listItem div.itemInfo table td.publisher p.publisherInfo{
width:397px;
}
ul.itemList01 li.listItem div.itemInfo table td.bottom{
background:none;
}
ul.itemList01 li.listItem div.itemInfo table td.review{
padding:7px 15px 7px 10px;
}
ul.itemList01 li.listItem div.itemInfo table td.review p.rate{
padding-bottom:4px;
}
ul.itemList01 li.listItem div.itemInfo table td.viewItemReview p.rate{
min-height:25px;
_height:25px;
}
ul.itemList01 li.listItem div.itemInfo table td.review p.rate img{
vertical-align:-15%;
*vertical-align:-1%;
}
ul.itemList01 li.listItem div.itemInfo table td.review p.rate span.average{
font-weight:bold;
}
ul.itemList01 li.listItem div.itemInfo table td.review p.comment{
width:507px;
padding-left:5px;
overflow:visible;
word-break:break-all;
}
#bodyMainAreaMain ul.itemList01 li.listItem div.itemInfo table td.review p.comment{
width:397px;
}
ul.itemList01 li.listItem div.itemInfo table td.communityReview p.rate{
min-height:49px;
_height:49px;
}
ul.itemList01 li.listItem div.itemInfo table td.navigation{
padding:7px 2px;
*padding-bottom:3px;
}
ul.itemList01 li.listItem div.itemInfo table td.navigation ul{
text-align:right;
}
ul.itemList01 li.listItem div.itemInfo table td.navigation ul li{
display:inline;
padding:0 7px 0 8px;
border-left:1px solid #F2DDB7;
}
ul.itemList01 li.listItem div.itemInfo table td.navigation ul li.leftside{
border-left:none;
}
ul.itemList01 li.listItem div.itemInfo table td.navigation p{
padding-right:10px;
text-align:right;
}
ul.itemList01 li.listItem div.itemInfo table td.navigation a.addReview{
padding-top:1px;
padding-left:19px;
background:url(http://img.mixi.jp/img/basic/icon/review001.gif) no-repeat left top;
}
ul.itemList01 li.listItem div.itemInfo table td.navigation a.addClip{
padding-left:16px;
background:url(http://img.mixi.jp/img/basic/icon/clip001.gif) no-repeat left top;
}
ul.itemList01 li.listItem div.itemInfo dl.microformat{
display:none;
}
div.searcherLink {
padding:5px 0px 0px 5px;
}
/*-- viewItemList --*/
ul.viewItemList{
border:1px solid #FBB14E;
border-top:none;
}
ul.viewItemList li.listItem{
border:none;
}
/*----- editReview -----*/
div.editReview{
border:1px solid #FBB14E;
border-top:none;
}
div.editReview ul.editContents{
float:left;
width:596px;
border-right:none !important;
background-position:-576px top !important;
}
#editList01 div.editReview ul.editContents li.listItemBottom{
/*border-bottom:none;*/
}
div.editReview ul.editContents li dl dt{
width:104px !important;
padding:7px 10px !important;
}
div.editReview ul.editContents li dl dd{
width:452px !important;
padding:7px 10px !important;
}
div.editReview ul.editContents li dl dd.reviewInput textarea{
width:448px;
}
div.editReview ul.editContents li dl dd ul.publisher li{
width:452px;
overflow:visible;
}
/*----- reviewList -----*/
div.reviewList{
padding-top:15px;
}
div.reviewList ul.itemList01{
background:url(http://img.mixi.jp/img/basic/common/dotline_vertical001.gif) repeat-y 92px top;
*background-position:93px top;
}
div.reviewList ul.itemList01 li.listItem div.itemImage{
width:76px;
}
div.reviewList ul.itemList01 li.listItem div.itemImage table.image td{
width:76px;
height:76px;
}
div.reviewList ul.itemList01 li.listItem div.itemImage p{
font-size:100%;
padding-top:4px;
}
div.reviewList ul.itemList01 li.listItem div.itemInfo{
width:621px;
}
div.reviewList ul.itemList01 li.listItem div.itemInfo table{
width:621px;
}
div.reviewList ul.itemList01 li.listItem div.itemInfo table th.title{
padding:7px 10px 5px 15px;
}
div.reviewList ul.itemList01 li.listItem div.itemInfo table th.title p.reviewListDate{
color:#535353;
text-align:right;
}
div.myReview ul.itemList01{
border:1px solid #FBB14E;
border-top:none;
}
div.myReview ul.itemList01 li.listItem{
border:none;
}
div.reviewList div.adminChecked{
border:1px solid #FBB14E;
border-top:none;
}
/*----- iconListTable -----*/
table.iconListTable{
width:268px;
background:url(http://img.mixi.jp/img/basic/common/bg_iconlist001.gif) repeat-y 50% 0%;
table-layout:fixed;
overflow:visible;
}
table.iconListTable tr{
background:url(http://img.mixi.jp/img/basic/common/bg_iconlist002.gif) repeat-x 0% 100%;
}
table.iconListTable td{
width:79px;
padding:5px;
text-align:center;
vertical-align:top;
word-break:break-all;
}
table.iconListTable td.centerItem{
width:78px;
padding:5px 6px;
}
table.iconListTable td a:link,
table.iconListTable td a:visited,
table.iconListTable td a:hover,
table.iconListTable td a:active,
table.iconListTable td a:focus,
table.iconListTable td span.joinIcon{
display:block;
width:76px;
height:76px;
background-color:transparent;
background-position:50% 50%;
background-repeat:no-repeat;
text-indent:-9999px;
outline:none;
}
table.iconListTable td span{
display:block;
padding-top:5px;
line-height:1.4;
letter-spacing:0;
}
/* ----- listBoxUtility01 ----- */
#bodySide div.listBoxUtility01{
background:#fff;
width:266px;
margin:0 auto;
padding-bottom:5px;
overflow:hidden;
}
#bodySide div.listBoxUtility01:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
* html #bodySide div.listBoxUtility01{
height:1%;
overflow:visible;
}
#bodySide div.utilityLinks01 ul{
padding:5px;
}
/* ----- bodyContents ----- */
#bodyContents div.contents{
padding:5px 0 0;
}
/* ----- bodyContents/heading01 ----- */
#bodyContents div.heading01{
height:30px;
padding-left:21px;
background:url(http://img.mixi.jp/img/basic/heading/body_contents001.gif) no-repeat 0% 0%;
line-height:26px;
}
/* ----- bodyContents/heading02 ----- */
#bodyContents div.heading02{
width:421px;
height:24px;
padding:0 5px 0 15px;
background:url(http://img.mixi.jp/img/basic/heading/body_contents002.gif) no-repeat 0% 0%;
line-height:24px;
zoom:1;
}
#bodyContents div.heading02:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#bodyContents div.heading02 h3{
float:left;
width:355px;
}
#bodyContents div.heading02 ul.utility02{
float:right;
width:57px;
}
#bodyContents div.heading02 ul.utility02 li{
float:left;
width:19px;
}
#bodyContents div.heading02 ul.utility02 li a img{
margin-top:4px;
vertical-align:top;
}
*:first-child+html #bodyContents div.heading02 ul.utility02 li a img{
margin-top:0;
}
div.heading02 p.utility03{
float:right;
}
#bodyContents div.heading02 img.openRange{
margin-left:3px;
}
/* ----- bodyContents/heading15 ----- */
#bodyContents div.heading15{
width:421px;
height:24px;
padding:0 5px 0 15px;
background:url(http://img.mixi.jp/img/basic/heading/body_contents002.gif) no-repeat 0% 0%;
line-height:24px;
zoom:1;
position:relative;
}
#bodyContents div.heading15:after,
#mixiAppliArea div.application div.contents div.utility:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#bodyContents div.heading15 h3{
float:left;
width:210px;
}
#bodyContents div.heading15 ul.utility02{
float:right;
width:232px;
}
#bodyContents div.heading15 ul.utility02 li{
float:left;
width:19px;
}
#bodyContents div.heading15 ul.utility02 li.sectionSize{
display:block;
position:absolute;
top:0px;
}
#bodyContents div.heading15 ul.utility02 li.level{
width:95px;
text-align:right;
}
#bodyContents div.heading15 ul.utility02 li.showlevel{
width:95px;
text-align:right;
}
#bodyContents div.heading15 ul.utility02 li.setting{
width:32px;
}
#bodyContents div.heading15 ul.utility02 li.shared{
width:102px;
}
#bodyContents div.heading15 ul.utility02 li a img{
margin-top:4px;
vertical-align:top;
}
*:first-child+html #bodyContents div.heading15 ul.utility02 li a img{
margin-top:0;
}
div.heading15 p.utility03{
float:right;
}
#bodyContents div.heading15 img.openRange{
margin-left:3px;
}
#bodyContents div.heading15 ul.utility02 li.open,
#bodyContents div.heading15 ul.utility02 li.close{
right:4px;
}
#bodyContents div.heading15 ul.utility02 li.down{
right:23px;
}
#bodyContents div.heading15 ul.utility02 li.up{
right:42px;
}
#bodyContents div.heading15 ul.buttons li.delete{
right:4px;
}
#bodyContents div.heading15 ul.buttons li.open,
#bodyContents div.heading15 ul.buttons li.close{
right:23px;
}
#bodyContents div.heading15 ul.buttons li.down{
right:42px;
}
#bodyContents div.heading15 ul.buttons li.up{
right:61px;
}
#bodyContents div.heading15 ul.buttons li.setting{
right:80px;
}
#bodyContents div.heading15 ul.buttons li.level{
top:2px;
right:118px;
}
#bodyContents div.heading15 ul.utility02 li.showlevel{
top:2px;
right:4px;
}
#bodyContents div.heading15 ul.utility02 li.shared{
right:4px;
}
#bodyContents div.setting,
#mixiAppliArea div.bodySubSection div.setting{
position: absolute;
}
#bodyContents div.setting ul,
#mixiAppliArea div.bodySubSection div.setting ul{
position: relative;
border: 1px solid #ccc;
background: #fff;
}
#bodyContents div.setting li,
#mixiAppliArea div.bodySubSection div.setting li{
float: none;
width: 130px;
}
#bodyContents div.setting a,
#mixiAppliArea div.bodySubSection div.setting a{
display: block;
margin: 6px;
}
/* ----- bodyContents/heading05 ----- */
#bodyContents div.heading05{
width:420px;
height:30px;
position:relative;
padding-left:21px;
background:url(http://img.mixi.jp/img/basic/heading/body_contents004.gif) no-repeat 0% 0%;
line-height:26px;
}
#bodyContents div.heading05 p{
position:absolute;
top:0;
right:16px;
font-size:12px;
}
#bodyContents div.heading05 p.editProfileLink a{
padding-left:20px;
background:url(http://img.mixi.jp/img/basic/icon/change001.gif) no-repeat 0% 50%;
}
/* ----- bodyContents/contentsList01 ----- */
#bodyContents div.contents dl.contentsList01{
padding-left:15px;
}
/* ---- bodyContents/trackComment ----*/
/*trackComment*/
div#trackComment{
margin:5px 0 15px;
}
div#trackComment div.heading13{
position:relative;
background:url(http://img.mixi.jp/img/basic/heading/body_main_area008.gif) no-repeat left top;
height:25px;
}
div#trackComment div.heading13 h3{
float:left;
width:45%;
}
div#trackComment p.writeComment{
background:url(http://img.mixi.jp/img/basic/music/writecomment_bg003.gif) no-repeat right 0;
padding-right:10px;
float:right;
width:45%;
text-align:right;
}
div#trackComment p.writeComment a{
background:url(http://img.mixi.jp/img/basic/icon/comment002.gif) no-repeat 0 0;
padding-left:18px;
*letter-spacing:0.12em;
}
div#trackComment div.commentBox{
border-left:1px solid #D6D6D6;
border-right:1px solid #D6D6D6;
border-bottom:1px solid #D6D6D6;
padding:0 3px;
}
div#trackComment dl.comment{
background:url(http://img.mixi.jp/img/basic/common/dotline_horizontal002.gif) repeat-x left bottom;
padding:7px 0 0 3px;
position:relative;
line-height:1.2;
width:430px;
}
div#trackComment dl.comment.last{
background:none;
}
div#trackComment dl.comment dt{
padding-bottom:6px;
line-height:1.2;
display:block;
}
div#trackComment dl.comment img{
margin-right:13px;
vertical-align:text-top;
}
div#trackComment dd.date{
position:absolute;
top:7px;
right:10px;
text-align:right;
padding:0;
}
div#trackComment dd{
padding-left:92px;
}
div#trackComment dd p{
padding-bottom:9px;
padding-top:2px;
overflow:hidden;
}
/* ----- bodySubSection ---- */
div.bodySubSection{
margin-bottom:5px;
}
div.bodySubSection div.heading01{
position:relative;
height:24px;
}
div.bodySubSection h2{
height:24px;
padding-left:15px;
background:url(http://img.mixi.jp/img/basic/heading/body_sub001.gif) no-repeat 0% 0%;
line-height:24px;
}
div.bodySubSection h2 a:link,
div.bodySubSection h2 a:visited,
div.bodySubSection h2 a:hover,
div.bodySubSection h2 a:active,
div.bodySubSection h2 a:focus{
color:#000;
background:none;
}
div.bodySubSection .sectionSize{
display:block;
width:15px;
height:15px;
position:absolute;
top:5px;
right:5px;
}
div.bodySubSection div.contents{
border:1px solid #F6A838;
border-top:none;
}
/* ----- generalSection ---- */
div.generalSection{
margin:0 0 5px;
}
/* ----- emphasis ----- */
.emphasis01{
color:#FF0000;
font-weight:bold;
}
.emphasis02{
font-weight:bold;
}
.emphasis03{
color:#FF0000;
}
/* ----- nothing ----- */
.nothing{
padding-top:5px;
text-align:center;
}
/**************************/
/*---- if3colsContent ----*/
/**************************/
dl.bbsList01 dd.if3colsBbsContent dl{
border-top:1px solid #FFCD8F;
background:url(http://img.mixi.jp/img/basic/common/3cols_dot_vertical.gif) repeat-y 0% 0%;
overflow:hidden;
width:714px;
}
dl.bbsList01 dd.if3colsBbsContent dl.if2cols{
background:url(http://img.mixi.jp/img/basic/common/2cols_dot_vertical.gif) repeat-y 0% 0%;
}
dl.bbsList01 dd.if3colsBbsContent dl:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
dl.bbsList01 dd.if3colsBbsContent dl{
zoom:1;
}
dl.bbsList01 dd.if3colsBbsContent dl.if2cols dd.if3colsMessage{
width:530px;
background-color:#fff;
}
dl.bbsList01 dd.if3colsBbsContent dt{
float:left;
width:141px;
padding:10px 0;
text-align:center;
}
dl.bbsList01 dd.if3colsBbsContent dd.if3cols{
float:right;
width:141px;
padding:10px 0;
background:none;
text-align:center;
word-break:break-all;
}
dl.bbsList01 dd.if3colsBbsContent dd.if3colsMessage{
float:right;
width:390px;
padding:10px 10px 10px 0;
word-break:break-all;
}
/******************************/
/* ---- pageNavigation02 ---- */
/******************************/
div.pageNavigation02{
border:1px solid #D6D6D6;
background:url(http://img.mixi.jp/img/basic/community/community_info_bg002.gif);
text-align:center;
}
div.pageNavigation02 p{
width:630px;
margin:0 auto;
padding:10px 0;
text-align:left;
font-size:1em;
line-height:1.2em;
color:#000;
}
/*---- pageNavigation03 ----*/
/*- pageNavigation03 -*/
div.pageNavigation03{
clear:both;
border:1px solid #d6d6d6;
border-top:none;
border-bottom:none;
margin:0;
}
div.pageNavigation03 div.pageList02 ul{
float:right;
text-align:right;
white-space:nowrap;
width:50%;
margin-right:5px;
*margin-right:0;
}
div.pageNavigation03 div.pageList02 ul.dateNavi01{
float:left;
width:48%;
text-align:left;
}
div.pageNavigation03 div.pageList04{
background:#EBEBEB url(http://img.mixi.jp/img/basic/common/bg_page_list01.gif) repeat-x 0 100%;
margin:0 auto;
padding:3px 0 4px 0;
text-align:center;
}
div.pageNavigation03{
clear:both;
border:1px solid #d6d6d6;
border-top:none;
border-bottom:none;
margin:0;
}
div.pageNavigation03 div.pageList02 ul.dateNavi01{
float:left;
width:48%;
text-align:left;
}
div.pageNavigation03 div.pageList04{
background:#EBEBEB url(http://img.mixi.jp/img/basic/common/bg_page_list01.gif) repeat-x 0 100%;
margin:0 auto;
padding:3px 0 4px 0;
text-align:center;
}
div.pageNavigation03 div.pageList04{
background:#EBEBEB url(http://img.mixi.jp/img/basic/common/bg_page_list01.gif) repeat-x 0 100%;
margin:0 auto;
padding:3px 0 4px 0;
text-align:center;
}
div.pageNavigation03 div.pageList04 ul,
div.pageNavigation03 div.pageList04 li,
div.pageNavigation03 div.pageList04 p{
display:inline;
}
div.pageNavigation03 div.pageList04 li{
margin:1px;
padding:2px;
}
div.pageNavigation03 div.pageList04 li.on{
background:#60AAC7;
border:1px solid #258FB8;
color:#FFFFFF;
padding:2px 4px;
text-decoration:none;
}
div.pageNavigation03 div.pageList02{
clear:both;
background:#fff url(http://img.mixi.jp/img/basic/common/bg_page_list02.gif) repeat-x 0 bottom;
margin:0 auto;
line-height:1.8em;
min-height:26px;
padding:0 10px;
}
div.pageNavigation03 div.pageList02 ul li {
display:inline;
margin-left:5px;
}
/********************/
/* -- iconList03 -- */
/********************/
div.iconList03 ul li div.iconState04{
min-height:120px;
_height:120px;
overflow:hidden;
padding-top:10px;
}
div.iconList03 ul li div.iconState01,
div.iconList03 ul li div.iconState04{background:#FFFFFF;}
div.iconState04{}
div.iconList03 ul li div.iconState04 a{
display:block;
width:76px;
height:76px;
text-indent:-9999px;
margin:0 auto;
}
/*************************/
/* ---- entryList01 ---- */
/*************************/
ul.entryList01 li h3{
background:url(http://img.mixi.jp/img/basic/heading/body_long_contents001.gif) no-repeat;
height:20px;
padding:3px 0 0 20px; 
font-weight:bold; 
}
/* ---- errorArea ---- */
#errorArea{
width:678px;
border:1px solid #cccccc;
padding:1px;
margin:6px auto 15px;
}
#errorArea div.contents{
width:315px;
padding:24px 150px 21px 211px;
border:1px solid #cccccc;
background:url(http://img.mixi.jp/img/basic/icon/alert001.gif) no-repeat 150px 50%;
background-color:#eeeeee;
}
#errorArea div.contents p{
font-weight:bold;
color:#ff0000;
line-height:1.5;
}
body.popup #errorArea{
margin:0 auto 12px;
}
/*---- heading04 ----*/
div.heading04{
margin-bottom:5px;
border:1px solid #F3DDBF;
}
div.heading04 dl{
border:1px solid #fff;
background:#FFF3E0;
overflow:hidden;
}
div.heading04 dl:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
* html div.heading04 dl{
height:1%;
overflow:visible;
}
div.heading04 dl dt{
float:left;
width:280px;
padding:3px 0 3px 10px;
}
div.heading04 dl dd{
float:left;
width:137px;
padding:3px 10px 3px 0;
text-align:right;
}
div.heading04 dl dd a{
padding-left:10px;
background:url(http://img.mixi.jp/img/basic/icon/link001.gif) no-repeat 0% 50%;
}
/* ---- necessaryItem ---- */
span.necessaryItem{
color:#DD0000;
font-weight:bold;
}
/* ---- manageList ---- */
div.manageList01,
div.manageList02{
width:714px;
border:1px solid #FBB14E;
border-top:none;
}
div.manageList01{
background:url(http://img.mixi.jp/img/basic/common/bg_manage_list001.gif) repeat-y 0% 0%;
}
div.manageList01 col.tableColumn01{width:142px;}
div.manageList01 col.tableColumn02{width:330px;}
div.manageList01 col.tableColumn03{width:122px;}
div.manageList01 col.tableColumn04{width:120px;}
div.manageList02 col.tableColumn01{width:142px;}
div.manageList02 col.tableColumn02{width:452px;}
div.manageList02 col.tableColumn03{width:120px;}
div.manageList01 table,
div.manageList02 table{
width:714px;
}
div.manageList01 table th,
div.manageList01 table td,
div.manageList02 table th,
div.manageList02 table td{
border-top:1px solid #FBB14E;
vertical-align:middle;
}
div.manageList01 table th,
div.manageList02 table th{
padding-top:10px;
text-align:center;
}
div.manageList01 table th ul li,
div.manageList02 table th ul li{
padding-bottom:4px;
}
div.manageList01 table th ul li a img,
div.manageList02 table th ul li a img{
text-decoration:none;
}
div.manageList01 table td,
div.manageList02 table td{
padding:10px 0;
}
div.manageList01 table td.manageListIntro,
div.manageList02 table td.manageListIntro{
vertical-align:top;
}
div.manageList01 table td.manageListAddIntro{
vertical-align:middle;
}
div.manageList01 table td p,
div.manageList01 table td ul,
div.manageList02 table td p,
div.manageList02 table td ul{
padding:0 12px;
}
div.manageList01 table td ul.manageListEdit,
div.manageList02 table td ul.manageListEdit{
padding-top:10px;
text-align:right;
}
div.manageList01 table td ul.manageListEdit li,
div.manageList02 table td ul.manageListEdit li{
display:inline;
}
div.manageList01 table td ul.manageListEdit li.leftside,
div.manageList02 table td ul.manageListEdit li.leftside{
margin-right:5px;
padding-right:5px;
border-right:1px solid #FFCD8F;
}
div.manageList01 table td.invalid{
background:#f2f2f2;
}
div.manageList02 table tr td.invalid{
background-color:#f2f2f2 !important;
}
/*-- communityInfoList01 --*/
td.communityInfoList01{
padding:0 !important;
background:url(http://img.mixi.jp/img/basic/common/bg_manage_list003.gif) repeat-y 0% 0% !important;
}
td.communityInfoList01 ul{
padding:0 !important;
}
td.communityInfoList01 ul li{
border-top:1px solid #FBB14E;
overflow:hidden;
}
td.communityInfoList01 ul li.listTop{
border-top:none;
}
td.communityInfoList01 ul li:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
* html td.communityInfoList01 ul li{
height:1%;
overflow:visible;
}
td.communityInfoList01 ul li dl dt{
float:left;
width:78px;
padding:10px 12px;
}
td.communityInfoList01 ul li dl dd{
float:left;
width:325px;
padding:10px 12px;
}
div.memoList01 div.editMemoForm p.editMemoSubmit{
display:inline;
margin-right:4px;
}
div.memoList01 div.editMemoForm form{
display:inline;
}
/*---- sponsorList ----*/
div.sponsorList01{
clear:both;
margin-top:20px;
}
div.sponsorList01 div.contents{
width:674px;
padding:15px 20px 5px;
border:1px solid #E0E0E0;
background:#F8F8F8;
}
div.sponsorListArea div.contents{
border-bottom:none !important;
}
div.search_web div.sponsorListArea div.contents{
border:1px solid #E0E0E0 !important;
}
div.searchMusicResult div.sponsorListArea div.contents{
border-bottom:1px solid #E0E0E0 !important;
}
div.search_web div.sponsorListArea div.contents{
border:1px solid #E0E0E0 !important;
}
 
div.searchDiary01 div.sponsorList01 div.contents{
border-top:none !important;
}
div.searchDiary01 div.sponsorListArea div.contents{
border-top:1px solid #E0E0E0 !important;
}
div.sponsorList01 h3{
float:right;
color:#999;
font-size:83%;
}
div.sponsorList01 h3 a:link,
div.sponsorList01 h3 a:visited{
color:#999;
}
div.sponsorList01 h3 a:hover{
color:#996600;
}
div.sponsorList01 dl{
padding:0;
line-height:1.5;
}
div.sponsorList01 dl dt{
font-size:116%;
}
div.sponsorList01 dl dt a{
text-decoration:underline;
}
div.sponsorList01 dd{
margin-bottom:10px;
}
div.sponsorList01 dl dd a{
color:#000000;
text-decoration:none;
}
div.sponsorList01 dl dd a:hover{
color:#000000;
text-decoration:underline;
}
div.sponsorList01 span.siteHost{
color:#008000;
padding-left:5px;
margin-bottom:10px;
font-size:85%;
}
div.sponsorList01 span.siteHost a,
div.sponsorList01 span.siteHost a:hover{
color:#ff9933;
text-decoration:none;
font-weight:normal;
}
div.sponsorList01 strong{
font-weight:bold;
}
/*---- sponsorListsSide ----*/
div#sponsorListSide{
padding-left:10px;
padding-top:115px;
*padding-top:118px;
}
div#sponsorListSide h2{
margin-bottom:21px;
font-size:84%;
text-align:center;
}
div#sponsorListSide h2 a{
color:#999999;
}
div#sponsorListSide h2 a:hover{
color:#996600;
}
div#sponsorListSide dt{
line-height:1.3;
margin-bottom:3px;
}
div#sponsorListSide dt a{
font-size:14px;
*font-size:117%;
color:#248FB9;
}
div#sponsorListSide dt a:hover{
color:#996600;
}
div#sponsorListSide dd a{
color:#000;
text-decoration:none;
}
div#sponsorListSide dd.siteHost{
margin-bottom:23px;
}
div#sponsorListSide dd.siteHost a{
color:#679964;
}
/*---- contentsMatchAd01 ----*/
div.contentsMatchAd01{
clear:both;
margin-top:20px;
}
div.contentsMatchAd01 div.contents{
width:674px;
padding:20px;
border:1px solid #E0E0E0;
background:#fff;
}
div.contentsMatchAd01 dl{
padding:0 0 10px;
line-height:1.5;
}
div.contentsMatchAd01 dl dt a{
font-weight:bold;
text-decoration:none;
text-decoration:underline;
}
div.contentsMatchAd01 dl dd a,
div.contentsMatchAd01 dl dd a:hover{
color:#000000;
text-decoration:none;
}
div.contentsMatchAd01 dd.siteHost{
color:#008000;
padding-left:5px;
margin-bottom:10px;
}
div.contentsMatchAd01 dd.siteHost a,
div.contentsMatchAd01 dd.siteHost a:hover{
color:#008000;
text-decoration:none;
}
/*---- formButton ----*/
input.inputImage{
background-color:transparent;
border:none;
}
/*---- emoji ----*/
img.emoji{
vertical-align:bottom;
*vertical-align:-1%;
margin:0 2px;
}
/*---- video ----*/
div.insertVideo{
text-align:center;
margin-bottom:20px;
}
div.insertVideo .quotationLink{
margin:5px auto 0;
text-align:right;
}
div.insertVideo .quotationLink a,
div.insertVideo .quotationLink span{
padding-left:12px;
background:url(http://img.mixi.jp/img/basic/icon/arrow001.gif) no-repeat 0% 50%;
text-decoration:underline;
}
div.insertVideo div.nicovideo{
margin:auto;
width:450px;
height:357px;
color:#FFFFFF;
background-color:#000000;
}
div.insertVideo div.nicovideo p{
position:relative;
top:45%;
font-size:90%;
}
p.insert_v_over{
text-align:left;
width:240px;
padding:0px 0px 3px 0px;
margin:0px auto;
}
a.insert_v_thumb{
display: block;
background:url(http://img.mixi.jp/img/video/thumb_v_over_on.jpg) no-repeat center top #ffffff;
width:240px;
height:180px;
margin:0px auto;
}
a.insert_v_thumb:hover{
background:url(http://img.mixi.jp/img/video/thumb_v_over.jpg) no-repeat center top #ffffff;
}
/*---- ad ----*/
.bottomSpaceAd{
margin-top:15px;
border:1px solid #DDC49C;
}
.bottomSpaceAd h4{
font-weight:bold;
padding:2px 5px;
background:#F5E9D4;
color:#333;
}
.bottomSpaceAd p{
display:block;
padding:5px 0;
border-top:1px solid #DDC49C;
}
/*---- newsTitle ----*/
div.newsTitle001{
background:url(http://img.mixi.jp/img/basic/heading/title_news001.gif) no-repeat !important;
}
div.newsTitle001 h2{
padding-left:47px !important;
}
/*---- heading06-09 ----*/
div.heading06{
background:url(http://img.mixi.jp/img/basic/heading/body_contents006.gif) no-repeat;
height:22px;
padding:4px 0 0 20px;
}
div.heading06 h2{
font-weight:bold;
}
div.heading06 h2 a:link,
div.heading08 h2 a:link,
div.heading06 h2 a:visited,
div.heading08 h2 a:visited{
color:#333333;
text-decoration:underline;
}
div.heading07, div.heading08, div.heading09{
overflow:hidden;
clear:both;
}
div.heading07 h2, div.heading07 h3{
background:url(http://img.mixi.jp/img/basic/heading/body_main_area002.gif) no-repeat;
height:22px;
font-weight:bold;
padding:4px 4px 0 20px;
}
div.heading08 h2, div.heading08 h3{
background:url(http://img.mixi.jp/img/basic/heading/body_main_area003.gif) no-repeat;
height:22px;
font-weight:bold;
padding:4px 4px 0 20px;
}
div.heading09 h2, div.heading09 h3{
background:url(http://img.mixi.jp/img/basic/heading/body_main_area004.gif) no-repeat;
height:22px;
font-weight:bold;
padding:4px 4px 0 20px;
}
/*---- searchForm04 forNews ----*/
div.searchForm04{
border:1px solid #f3ddbf;
background:#ffefd8;
text-align:center;
margin-bottom:5px;
}
div.searchForm04 h2{ 
text-indent:-9999px;
position:absolute;
width:100px;
}
div.searchForm04 div{
background:url(http://img.mixi.jp/img/basic/news/bg_search.gif) repeat-x left top;
padding:2px 0;
}
div.searchForm04 label{
font-size:83%;
}
div.searchForm04 input, div.searchForm04 select{
vertical-align:middle;
}
div.searchForm04 input#keyword{
background:#FFFFFF url(http://img.mixi.jp/img/basic/icon/searchform001.gif) no-repeat scroll 5px 50%;
border:1px solid #FFC976;
padding:2px 0 1px 21px;
*padding:3px 0 3px 21px;
font-size:100%;
width:220px;
}
div.searchForm04 select#categoryId{
width:133px;
}
div#pickupKeyword{
border-top:1px solid #f3ddbf;
padding:5px 5px;
background:#ffefd8;
}
div#pickupKeyword dt, div#pickupKeyword dd{
display:inline;
}
div#pickupKeyword dt span{
color:#febe77;
}
div#pickupKeyword dd{
margin-right:8px;
}
/*musicHeading*/
div.heading10{
background:url(http://img.mixi.jp/img/basic/heading/body_contents008.gif) no-repeat left top;
height:26px;
line-height:26px;
padding:0 0 0 20px;
margin-bottom:4px;
}
div.heading10 h3,
div.heading13 h3{
font-weight:bold;
}
div.heading11{
background:url(http://img.mixi.jp/img/basic/heading/body_contents009.gif) no-repeat left top;
height:26px;
line-height:26px;
padding:0 0 0 20px;
}
div.heading12{
background:url(http://img.mixi.jp/img/basic/heading/body_contents010.gif) no-repeat left top;
height:26px;
line-height:26px;
padding:0 0 0 20px;
}
div.heading13{
background:url(http://img.mixi.jp/img/basic/heading/body_main_area005.gif) no-repeat left top;
height:25px;
line-height:25px;
padding:0 0 0 20px;
}
div.heading14{ 
padding-bottom:7px;
margin-bottom:10px;
background-repeat:no-repeat;
background-position:left bottom;
}
div.heading14 dl{ 
background-repeat:no-repeat;
background-position:left top;
padding:10px 10px 2px 16px;
width:415px;
min-height:30px;
_height:30px;
position:relative;
}
div.heading14 dl dt span.supplement05{
font-size:83%;
}
div.heading14 dl dt.shortline{
padding-top:6px;
}
div.heading14 dl dt strong{
font-weight:bold;
}
div.heading14 dl dd{
position:absolute;
top:50%;
right:10px;
}
div.heading14 dl dd a{
display:block;
}
/*3column sideList*/
div.sideList{
margin-bottom:5px;
}
div.sideList h3{
height:20px;
background:url(http://img.mixi.jp/img/basic/heading/diary_sub001.gif) no-repeat 0% 0%;
padding:4px 0 0 18px;
}
div.sideList div.contents{
padding:4px 0 0;
border-left:1px solid #fBB14E;
border-right:1px solid #fBB14E;
border-bottom:1px solid #fBB14E;
overflow:hidden;
word-break:break-all;
}
div.sideList p.moreLink01{
margin-bottom:5px;
}
div.sideList ul.iconList li{
background:url(http://img.mixi.jp/img/basic/common/dotline_horizontal001.gif) repeat-x left bottom;
padding:0 4px 3px 24px;;
margin-bottom:4px;
text-indent:-20px;
}
div.sideList ul.iconList li a{
padding:3px 0 0 20px;
}
div.sideList ul.plainList li a{
background:url(http://img.mixi.jp/img/basic/icon/link001.gif) no-repeat 5px 6px;
}
/*editList01*/
#editList01 ul.editContents{
border-right:1px solid #FBB14E;
border-left:1px solid #FBB14E;
background:#fff url(http://img.mixi.jp/img/basic/common/bg_edit_list001.gif) repeat-y 0% 0%;
}
#editList01 ul.editContents li{
clear:both;
border-bottom:1px solid #FBB14E;
}
#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;
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 p.appliImage01 img{
margin-right:10px;
vertical-align:middle;
}
#editList01 ul.editContents li dl dd p.appliImage01 a{
margin-right:10px;
}
#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;
}
#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 input.input20{ width:109px; }
#editList01 ul.editContents li input.input30{ width:159px; }
#editList01 ul.editContents li input.input50{ width:259px; }
#editList01 ul.editContents li dl dd ul.input10 li input{ width:59px; }
#editList01 ul.editContents li dl dd ul.input20 li input{ width:109px;}
#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{
display:inline-block;
}
#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;
}
#editList01 ul.editContents li dl dd ul.radioboxAgreement{
margin:20px auto 10px;
padding:0;
text-align:center;
}
#editList01 ul.editContents li dl dd ul.radioboxAgreement li{
display:inline;
margin-right:10px;
}
#editList01 ul.editContents li dl dd ul.radioboxAgreement li input{
margin-right:5px;
}
#editList01 ul.editContents li dl.itemKeyword dd input{
width:250px;
}
/*-- formButtons01 --*/
#editList01 .formButtons01{
border-top:none;
text-align:center;
border-left:1px solid #FBB14E;
border-right:1px solid #FBB14E;
border-bottom:1px solid #FBB14E;
}
#editList01 div.formButtons01 p.supplement01{
width:630px;
margin:0 auto 5px;
padding:10px 0;
text-align:center;
}
#editList01 div.formButtons01 p.supplement01.longLine{
text-align:left;
padding:10px 33px;
width:597px;
}
div.formButtonBox{
border-left:1px solid #FBB14E;
border-right:1px solid #FBB14E;
border-bottom:1px solid #FBB14E;
}
#editList01 em{
font-style:normal;
font-weight:normal;
}
div.remind_password span.supplement01{
padding-top:6px;
}
/*-------- layer_common --------*/
div.layerEdge01{
padding:5px;
background:url(http://img.mixi.jp/img/basic/common/bg_utility_window001.png) repeat left top;
}
.layerNote01{
color:#666666;
font-size:83%;
}
p.layerNote01{
padding:3px 0;
}
div.layerMessageArea{
padding-top:23px;
padding-bottom:34px;
background:url(http://img.mixi.jp/img/basic/common/bg_stripe001.gif) repeat left top;
}
div.layerMessageArea p{
padding:7px 0 5px 40px;
}
div.layerMessageArea p.messageAlert{
background:url(http://img.mixi.jp/img/basic/icon/message_area001.gif) no-repeat left top;
}
/*---- layer01 ----*/
div.layer01{
width:400px;
padding:0 0 10px;
background:url(http://img.mixi.jp/img/basic/common/bg_layer01_bottom001.png) no-repeat left bottom;
}
div.layer01 div.contents{
padding:23px 23px 15px;
background:url(http://img.mixi.jp/img/basic/common/bg_layer01_top001.png) no-repeat left top;
}
div.layer01 div.contents p.layerApplyBt01{
padding-top:15px;
text-align:center;
}
/*---- layer02 ----*/
div.layer02{
width:290px;
}
div.layer02 div.layer02Body{
border:1px solid #FBB14E;
background:#FFFFFF;
}
div.layer02 div.heading{
padding:0 7px 0 12px;
border-top:1px solid #FFF4DB;
border-bottom:1px soild #FFF4DB;
background:#FFE4A7;
zoom:1;
}
div.layer02 div.heading:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
div.layer02 div.heading h3{
float:left;
width:262px;
height:20px;
line-height:20px;
font-weight:bold;
}
div.layer02 div.heading span.closeBt{
display:block;
float:left;
width:7px;
padding-top:7px;
}
div.layer02 div.contents{
border-top:1px solid #FBB14E;
}
div.layer02 div.contents p{
padding:0 12px 7px;
}
div.layer02 div.contents p.leadTxt{
padding-top:11px;
}
div.layer02 div.contents p.confirmTxt,
div.layer02 div.contents p.plainTxt{
padding:10px 12px;
}
div.layer02 div.contents p.confirmTxt{
text-align:center;
}
div.layer02 div.contents div.messageConfirm01,
div.layer02 div.contents dl.messageForm01,
div.layer02 div.contents ul.layerNote01{
padding:0 12px 7px;
}
div.layer02 div.contents dl.messageForm01 dt{
padding-bottom:3px;
}
div.layer02 div.contents dl.messageForm01 dd textarea{
width:254px;
}
div.layer02 div.contents div.messageConfirm01 p{
padding:5px;
background:#FFF8E8;
}
div.layer02 div.contents ul.mymixiList01{
padding:9px 12px;
}
div.layer02 div.contents div.formButtons01{
border-top:1px solid #FBB14E;
}
div.layer02 div.layerMessageArea{
padding-right:30px;
padding-left:30px;
}
div.layer02 div.contents div.layerConfirm01{
padding:10px;
}
div.layer02 div.contents div.layerConfirm01 p{
padding:0;
}
div.layer02 div.contents table.contentsList{
width:100%;
background:#FFFFFF url(http://img.mixi.jp/img/basic/common/bg_edit_list001.gif) repeat-y -52px top;
}
div.layer02 div.contents table.contentsList th{
width:69px;
}
div.layer02 div.contents table.contentsList th,
div.layer02 div.contents table.contentsList td{
height:40px;
padding:5px 10px;
border-top:1px solid #FBB14E;
vertical-align:top;
}
div.homeTitle005{
background-image:url(http://img.mixi.jp/img/basic/heading/title_home006.gif);
}
div.friendTitle005{
background-image:url(http://img.mixi.jp/img/basic/heading/title_friend005.gif);
}
div.homeTitle005 h2,
div.friendTitle005 h2{
padding-left:47px;
}
ul.searchFunction01 li.input03 span{
font-size:83%;
}
ul.searchFunction01 li.input03 input{
width:199px;
height:15px;
}
ul.searchFunction01 li.input03 img{
display:none;
}
ul.searchFunction01 li.input03.select input{
width:182px;
}
ul.searchFunction01 li.input03.select img{
display:inline;
}
ul.searchFunction01 li.input02 select,
ul.searchFunction01 li.input02 input,
ul.searchFunction01 li.input03 select,
ul.searchFunction01 li.input03 input,
ul.searchFunction01 li.input03 img{
vertical-align:middle;
}
ul.searchFunction01 li.input01 input,
ul.searchFunction01 li.input02 input,
ul.searchFunction01 li.input03 input{
background:#FFFFFF url(http://img.mixi.jp/img/basic/icon/searchform001.gif) no-repeat scroll 5px 50%;
border:1px solid #FFC976;
font-size:100%;
padding:2px 0pt 1px 21px;
}
/*---- searchResultArea ----*/
div.searchResultArea{
margin-bottom:10px;
}
/*-- reviewSponsor --*/
div.searchResultArea div.reviewSponsorTop,
div.searchResultArea div.reviewSponsorBottom{
margin-top:0;
}
div.searchResultArea div.reviewSponsorTop div.sponsorList01,
div.searchResultArea div.reviewSponsorBottom div.sponsorList01{
margin-top:0 !important;
}
div.searchResultArea div.reviewSponsorTop div.contents,
div.searchResultArea div.reviewSponsorBottom div.contents{
border-top:none;
}
div.searchResultArea div.reviewSponsorBottom div.contents{
border-bottom:1px solid #E0E0E0 !important;
}
/*---- searchCategoryList ----*/
div.searchCategoryList{
margin-top:5px;
}
div.searchCategoryList ul.entryList01{
border-top:none;
}
div.searchCategoryList ul.entryList01 li dl dt.category{
float:left;
width:100px;
padding-left:20px;
background:url(http://img.mixi.jp/img/basic/common/colon001.gif) no-repeat 100% 50%;
text-align:left;
}
div.searchCategoryList ul.entryList01 li dl dd.categoryLink{
width:530px;
}
div.searchCategoryList ul.entryList01 li dl dd.categoryLink p{
float:left;
padding-right:20px;
background:none;
}
/*--- ContentsArea ExtraWrap ---*/
div#contentsArea{
clear:both;
}
div#contentsArea div.messageArea{
margin-bottom:0;
}
div#contentsArea div.messageArea div.contents{
border:1px solid #d6d6d6;
padding:10px 20px;
background:#e6e6e6;
min-height:1%;
_height:1%;
}
div#contentsArea div.messageArea div.contents div{
border:1px solid #d6d6d6;
}
div#contentsArea div#subArea{
width:160px;
float:left;
}
div#subArea div.sideBlock{
margin-bottom:7px;
}
div#subArea div#subMenu li{background:url(http://img.mixi.jp/img/basic/common/bg_sub_middle001.gif) 0 0;}
div#subArea div#subMenu li#subMenuTop{background:url(http://img.mixi.jp/img/basic/common/bg_sub_top001.gif) 0 0;}
div#subArea div#subMenu li#subMenuBottom{background:url(http://img.mixi.jp/img/basic/common/bg_sub_bottom001.gif) 0 bottom;}
div#subArea div#subMenu li.on{background:url(http://img.mixi.jp/img/basic/common/bg_sub_middle_on001.gif) 0 0;}
div#subArea div#subMenu li#subMenuTop.on{background:url(http://img.mixi.jp/img/basic/common/bg_sub_top_on001.gif) 0 0;}
div#subArea div#subMenu li#subMenuBottom.on{background:url(http://img.mixi.jp/img/basic/common/bg_sub_bottom_on001.gif) 0 bottom;}
div#subArea div#subMenu li a{
padding:7px 5px 6px 28px;
display:block;
width:127px;
}
div#subArea div#subMenu li#subMenuTop a{
padding-top:12px;
}
div#subArea div#subMenu li#subMenuBottom a{
padding-bottom:11px;
}
div#contentsArea div#mainArea{
width:556px;
float:right;
}
div.extraWrap01{
background:url(http://img.mixi.jp/img/basic/common/bg_extra_bottom001.gif) no-repeat left bottom;
padding:0 0 10px;
margin-bottom:10px;
*height:1%;
}
div.extraWrap02{
background:url(http://img.mixi.jp/img/basic/common/bg_extra_bottom002.gif) no-repeat left bottom;
padding:0 0 10px;
margin-bottom:10px;
*height:1%;
}
div.extraWrap01.tab,
div.extraWrap02.tab{
position:relative;
padding-top:30px;
}
div.extraWrap01 div.selectTab01,
div.extraWrap02 div.selectTab01{
position:absolute;
top:0;
left:0;
}
div.extraWrap01 div.selectTab01 ul,
div.extraWrap02 div.selectTab01 ul{
margin-left:5px;
}
div.extraWrap01 div.selectTab01 li,
div.extraWrap02 div.selectTab01 li{
float:left;
padding-left:5px;
text-indent:-9999px;
}
div.extraWrap01 div.selectTab01 li a,
div.extraWrap02 div.selectTab01 li a{
display:block;
height:32px;
overflow:hidden;
}
div.extraWrap01 div.extraInner{
clear:both;
background:url(http://img.mixi.jp/img/basic/common/bg_extra_top001.gif) no-repeat 0 0;
padding-top:10px;
*height:1%;
}
div.extraWrap02 div.extraInner{
clear:both;
background:url(http://img.mixi.jp/img/basic/common/bg_extra_top002.gif) no-repeat 0 0;
padding-top:10px;
*height:1%;
}
div.extraInner div.heading{
padding:0 10px;
margin-bottom:6px;
}
div.extraInner div.heading h3{
font-weight:bold;
background:url(http://img.mixi.jp/img/basic/list_friend/selection_title_head001.gif) no-repeat; 
padding-left:10px;
}
div.extraInner div.contents{
background-color:#f2f2f2;
border-right:1px solid #ddd;
border-left:1px solid #ddd;
padding:0 9px 1px;
margin-top:6px;
}
div.extraInner div.contents div.description01{
color:#666;
margin-bottom:6px;
}
div.extraInner div.contents div.notes01{
color:#666;
padding-top:3px;
font-size:83%;
}
div.extraInner div.contents div.notes01 p{
padding:5px 5px 0;
}
div.extraInner div.contents div.notes01 p img{
vertical-align:text-bottom;
}
div.extraInner div.contents p.moreLink01{
padding-top:10px;
}
/*--- noticeArea ---*/
div.noticeArea {
background: url(http://img.mixi.jp/img/basic/common/bg_alert_bottom001.gif) no-repeat left bottom;
margin:0 0 5px 0;
padding:0 0 4px 0;
}
div.noticeArea div.contents{
background: url(http://img.mixi.jp/img/basic/common/bg_alert_top001.gif) no-repeat left top;
padding:10px 40px 7px;
}
div.noticeArea div.contents p.notice{
background:url(http://img.mixi.jp/img/basic/icon/alertIcon002.gif) no-repeat 0 0;
padding:10px 0 0 50px;
min-height:28px;
_height:28px;
}
div.noticeArea div.contents p{
padding:0 0 0 50px;
}
div.noticeArea div.contents p strong{
font-weight:bold;
}
/*---- selectTab02 ----*/
.selectTab02{
}
.selectTab02{
background:url(http://img.mixi.jp/img/basic/common/tab_base001.gif) repeat-x left bottom;
height:31px;
}
.selectTab02 ul{
list-style:none;
margin:0;
padding:0;
text-align:center;
vertical-align:top;
}
.selectTab02 li{
display:inline;
margin:0 2px 0 3px;
}
.selectTab02 li a{
vertical-align:top;
display:table-cell;
display:inline-block;
background:url(http://img.mixi.jp/img/basic/common/tab_left001.gif) no-repeat left top;
height:26px;
}
.selectTab02 li a:link,
.selectTab02 li a:visited,
.selectTab02 li a:hover,
.selectTab02 li a:active,
.selectTab02 li a:focus{
color:#333;
}
.selectTab02 li a span{
cursor:pointer;
display:block;
_width:1px;
word-break:keep-all;
white-space:nowrap;
height:26px;
line-height:26px;
margin-left:4px;
padding-left:8px;
padding-right:12px;
background:url(http://img.mixi.jp/img/basic/common/tab_right001.gif) no-repeat right top;
}
.selectTab02 li.focused a{
background-image:url(http://img.mixi.jp/img/basic/common/tab_left_on001.gif);
height:27px;
}
.selectTab02 li.focused a span{
height:27px;
line-height:27px;
background-image:url(http://img.mixi.jp/img/basic/common/tab_right_on001.gif);
}

/*---- HeaderArea ----*/
#headerArea{
line-height:18px;
letter-spacing:0.6px;
font-family:'¥Ò¥é¥®¥Î³Ñ¥´ Pro W3','Hiragino Kaku Gothic Pro','£Í£Ó £Ð¥´¥·¥Ã¥¯',sans-serif !important;
font-size:12px !important;
}
#headerArea h1{
float:left;
width:230px;
}
#headerArea h1 a{
display:block;
width:162px;
padding:24px 8px 15px;
}
#headerArea span#season_logo a{
position:absolute;
top:0;
left:0;
}
#headerArea h1 a.seasonLogo{
padding:0;
}
#headerArea h1 a:hover{
background:none;
}
#headerArea h1 a:active{
background:none;
}
#headerArea h1 a:focus{
background:none;
}
/*---- headerArea/adBanner ----*/
#headerArea div.adBanner{
float:left;
width:468px;
margin:0;
padding:12px 0 0;
}
/*---- headerArea/headerNavigationRight ----*/
#headerArea div.headerNavigationRight{
float:left;
width:247px;
height:80px;
}
/*-- logout --*/
div.headerNavigationRight p.logout{
padding-top:19px !important;
text-align:right;
}
/*-- exNavi --*/
div.headerNavigationRight ul.exNavi{
padding-top:10px !important;
text-align:right;
}
div.headerNavigationRight ul.exNavi li{
display:inline;
margin-left:10px !important;
}
div.headerNavigationRight ul.exNavi li.mobile{
margin-left:0;
}
div.headerNavigationRight ul.exNavi li.mobile a{
padding:3px 0 1px 14px;
background:url(http://img.mixi.jp/img/basic/icon/mobile001.gif) no-repeat left center;
}
/*---- headerArea/headerNavigationBottom ----*/
#headerArea div.headerNavigationBottom{
padding-bottom:9px;
clear:both;
zoom:1;
}
#headerArea div.headerNavigationBottom:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
/*-- home --*/
div.headerNavigationBottom p.home{
float:left;
width:229px;
padding:3px 0 0 0 !important;
}
div.headerNavigationBottom p.home a{
display:block;
width:104px;
height:24px;
margin-left:8px;
background:url(http://img.mixi.jp/img/basic/button/home001.gif) no-repeat left top;
text-indent:-999999px;
outline:none;
}
div.headerNavigationBottom p.home a:hover{
background-position:left bottom;
}
/*-- globalNavigation01 --*/
div.headerNavigationBottom ul.globalNavigation01{
float:left;
width:356px;
height:25px;
padding-top:2px !important;
zoom:1;
}
div.headerNavigationBottom ul.globalNavigation01:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
div.headerNavigationBottom ul.globalNavigation01 li{
float:left;
}
div.headerNavigationBottom ul.globalNavigation01 li.appli{
width:71px;
}
div.headerNavigationBottom ul.globalNavigation01 li.community{
width:101px;
}
div.headerNavigationBottom ul.globalNavigation01 li.friendSearch{
width:95px;
}
div.headerNavigationBottom ul.globalNavigation01 li.friendInvite{
width:85px;
}
div.headerNavigationBottom ul.globalNavigation01 li a{
display:block;
height:25px;
line-height:25px;
background-image:url(http://img.mixi.jp/img/basic/button/global_navigation001.gif);
text-indent:-999999px;
outline:none;
font-size:1px;
}
div.headerNavigationBottom ul.globalNavigation01 li.appli a{
margin-right:12px;
background-position:left top;
}
div.headerNavigationBottom ul.globalNavigation01 li.appli a:hover{
background-position:left bottom;
}
div.headerNavigationBottom ul.globalNavigation01 li.community a{
margin-right:11px;
background-position:-59px top;
}
div.headerNavigationBottom ul.globalNavigation01 li.community a:hover{
background-position:-59px bottom;
}
div.headerNavigationBottom ul.globalNavigation01 li.friendSearch a{
margin-right:11px;
background-position:-149px top;
}
div.headerNavigationBottom ul.globalNavigation01 li.friendSearch a:hover{
background-position:-149px bottom;
}
div.headerNavigationBottom ul.globalNavigation01 li.friendInvite a{
background-position:-233px top;
}
div.headerNavigationBottom ul.globalNavigation01 li.friendInvite a:hover{
background-position:-233px bottom;
}
/*-- headerSearch --*/
div.headerNavigationBottom div.headerSearch{
float:right;
width:334px;
padding:0;
text-align:right;
}
div.headerNavigationBottom div.headerSearch form{
margin:0 !important;
}
div.headerSearch input,
div.headerSearch select{
margin:0 0 0 3px;
vertical-align:middle;
letter-spacing:0;
font-size:12px;
font-family:'¥Ò¥é¥®¥Î³Ñ¥´ Pro W3','Hiragino Kaku Gothic Pro','£Í£Ó £Ð¥´¥·¥Ã¥¯',sans-serif !important;
}
div.headerSearch input{
padding:3px;
border:1px solid #bbbbbb;
background:#ffffff;
}
div.headerSearch input.searchInput01{
width:161px;
}
body:first-of-type div.headerSearch input.searchInput01{
padding:0 3px !important;
}
div.headerSearch input.searchButton01{
border:none;
padding:3px 0;
background:none;
}
div.headerSearch select{
height:20px;
background-color:#FFFFFF !important;
}
/*-- navigationBt --*/
div.headerNavigationBottom span.navigationBt{
display:block;
float:right;
width:181px;
margin:10px 29px 0 0;
}
div.headerNavigationBottom span.navigationBt a{
display:block;
height:24px;
}
/*- mixiNenga -*/
div.headerNavigationBottom span.mixiNenga{
background-repeat:no-repeat;
background-position:right 4px;
}
div.headerNavigationBottom span.mixiNenga a{
width:100px;
background:url(http://img.mixi.jp/img/basic/button/bt_nenga96673945.gif) no-repeat left top;
text-indent:-999999px;
outline:none;
}
div.headerNavigationBottom span.mixiNenga a:hover{
background-position:left bottom;
}
div.headerNavigationBottom span.ic01{
background-image:url(http://img.mixi.jp/img/basic/icon/icon_nenga36027745.gif);
}
div.headerNavigationBottom span.ic02{
background-image:url(http://img.mixi.jp/img/basic/icon/icon_nenga89072399.gif);
}
div.headerNavigationBottom span.ic03{
background-image:url(http://img.mixi.jp/img/basic/icon/icon_nenga72921646.gif);
}
div.headerNavigationBottom span.ic04{
background-image:url(http://img.mixi.jp/img/basic/icon/icon_nenga88530565.gif);
}
div.headerNavigationBottom span.ic05{
background-image:url(http://img.mixi.jp/img/basic/icon/icon_nenga26924175.gif);
}
div.headerNavigationBottom span.ic06{
background-image:url(http://img.mixi.jp/img/basic/icon/icon_nenga87489206.gif);
}
/*-- headerArea/personalNavigation01 --*/
#headerArea div.personalNavigation01{
padding:0 0 5px 0;
}
#headerArea div.personalNavigation01 ul{
padding-bottom:3px;
background:url(http://img.mixi.jp/img/basic/common/personalnavi_bg001.gif) no-repeat center bottom;
zoom:1;
}
#headerArea div.personalNavigation01 ul:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
div.personalNavigation01 ul li{
float:left;
position:relative;
z-index:10;
zoom:1;
}
div.personalNavigation01 ul li:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
div.personalNavigation01 ul li a{
display:block;
float:left;
height:28px;
background-position:left top;
background-repeat:no-repeat;
text-indent:-9999px;
outline:none;
}
div.personalNavigation01 ul li a:hover,
div.personalNavigation01 ul li a.on{
background-position:left bottom;
}
div.personalNavigation01 ul li div.localSubMenu{
position:absolute;
top:28px;
right:0;
overflow:visible !important;
}
div.personalNavigation01 ul li div.localSubMenu ul{
width:auto;
padding:5px 8px 8px !important;
background-image:none !important;
}
div.personalNavigation01 ul li div.localSubMenu ul li{
white-space:nowrap;
}
div.personalNavigation01 ul li div.localSubMenu ul li a{
width:auto !important;
height:auto !important;
background:none !important;
text-indent:0;
}
div.personalNavigation01 ul li.diary div.localSubMenu ul li a{
padding-left:15px;
background:url(http://img.mixi.jp/img/basic/icon/diary002.gif) no-repeat 0% 50% !important;
}
div.personalNavigation01 ul li.message div.localSubMenu ul li a{
padding-left:22px;
background:url(http://img.mixi.jp/img/basic/icon/message001.gif) no-repeat 0% 50% !important;
}
div.personalNavigation01 ul li.photo div.localSubMenu ul li a{
padding-left:16px;
background:url(http://img.mixi.jp/img/basic/icon/photo003.gif) no-repeat 0% 50% !important;
}
div.personalNavigation01 ul li.video div.localSubMenu ul li a{
padding-left:17px;
background:url(http://img.mixi.jp/img/basic/icon/video002.gif) no-repeat 0% 50% !important;
}
div.personalNavigation01 ul li.review div.localSubMenu ul li a,
div.personalNavigation01 ul li#review div.localSubMenu ul li a{
padding-left:18px;
background:url(http://img.mixi.jp/img/basic/icon/review002.gif) no-repeat 0% 50% !important;
}
div.personalNavigation01 ul li.music div.localSubMenu ul li a{
padding-left:16px;
background:url(http://img.mixi.jp/img/basic/icon/music_playlist001.gif) no-repeat 0% 50% !important;
}
div.personalNavigation01 ul li.topic div.localSubMenu ul li a,
div.personalNavigation01 ul li#topic div.localSubMenu ul li a{
padding-left:19px;
background:url(http://img.mixi.jp/img/basic/icon/community_topic001.gif) no-repeat 0% 50% !important;
}
div.personalNavigation01 ul li.event div.localSubMenu ul li a,
div.personalNavigation01 ul li#event div.localSubMenu ul li a{
padding-left:15px;
background:url(http://img.mixi.jp/img/basic/icon/community_event001.gif) no-repeat 0% 50% !important;
}
div.personalNavigation01 ul li.enquete div.localSubMenu ul li a,
div.personalNavigation01 ul li#enquete div.localSubMenu ul li a{
padding-left:16px;
background:url(http://img.mixi.jp/img/basic/icon/community_enquete001.gif) no-repeat 0% 50% !important;
}
/* personalNaviHome */
div.personalNavigation01 ul.personalNaviHome li.top{
width:94px;
}
div.personalNavigation01 ul.personalNaviHome li.diary,
div.personalNavigation01 ul.personalNaviHome li.photo,
div.personalNavigation01 ul.personalNaviHome li.video,
div.personalNavigation01 ul.personalNaviHome li.review{
width:92px;
}
div.personalNavigation01 ul.personalNaviHome li.message,
div.personalNavigation01 ul.personalNaviHome li.music{
width:109px;
}
div.personalNavigation01 ul.personalNaviHome li.bookmark,
div.personalNavigation01 ul.personalNaviHome li.log{
width:88px;
}
div.personalNavigation01 ul.personalNaviHome li.setup{
width:89px;
}
div.personalNavigation01 ul.personalNaviHome li.diary a,
div.personalNavigation01 ul.personalNaviHome li.photo a,
div.personalNavigation01 ul.personalNaviHome li.video a,
div.personalNavigation01 ul.personalNaviHome li.review a{
width:71px;
}
div.personalNavigation01 ul.personalNaviHome li.music a,
div.personalNavigation01 ul.personalNaviHome li.message a,
div.personalNavigation01 ul.personalNaviHome li.bookmark a,
div.personalNavigation01 ul.personalNaviHome li.log a{
width:88px;
}
div.personalNavigation01 ul.personalNaviHome li.top a{
width:94px;
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_home_top002.gif);
}
div.personalNavigation01 ul.personalNaviHome li.message a{
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_home_message002.gif);
}
div.personalNavigation01 ul.personalNaviHome li.diary a{
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_home_diary002.gif);
}
div.personalNavigation01 ul.personalNaviHome li.photo a{
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_home_photo002.gif);
}
div.personalNavigation01 ul.personalNaviHome li.video a{
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_home_video002.gif);
}
div.personalNavigation01 ul.personalNaviHome li.review a{
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_home_review002.gif);
}
div.personalNavigation01 ul.personalNaviHome li.music a{
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_home_music002.gif);
}
div.personalNavigation01 ul.personalNaviHome li.bookmark a{
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_home_bookmark002.gif);
}
div.personalNavigation01 ul.personalNaviHome li.log a{
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_home_log002.gif);
}
div.personalNavigation01 ul.personalNaviHome li.setup a{
width:89px;
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_home_setup002.gif);
}
div.personalNavigation01 ul.personalNaviHome li a.pullButton{
width:21px;
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_home_pulldown002.gif);
}
div.personalNavigation01 ul.personalNaviHome li div.localSubMenu{
_width:94px;
min-width:94px;
}
div.personalNavigation01 ul.personalNaviHome li div.localSubMenu ul{
border:1px solid #FEC480;
background-color:#FFFBE8 !important;
}
/* personalNaviFriend */
div.personalNavigation01 ul.personalNaviFriend li{
width:93px;
}
div.personalNavigation01 ul.personalNaviFriend li.top{
width:97px;
}
div.personalNavigation01 ul.personalNaviFriend li.music{
width:94px;
}
div.personalNavigation01 ul.personalNaviFriend li.message,
div.personalNavigation01 ul.personalNaviFriend li.bookmark{
width:127px;
}
div.personalNavigation01 ul.personalNaviFriend li.mymixi{
width:128px;
}
div.personalNavigation01 ul.personalNaviFriend li a{
width:93px;
}
div.personalNavigation01 ul.personalNaviFriend li.top a{
width:97px;
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_friend_top001.gif);
}
div.personalNavigation01 ul.personalNaviFriend li.diary a{
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_friend_diary001.gif);
}
div.personalNavigation01 ul.personalNaviFriend li.photo a{
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_friend_photo001.gif);
}
div.personalNavigation01 ul.personalNaviFriend li.video a{
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_friend_video001.gif);
}
div.personalNavigation01 ul.personalNaviFriend li.review a{
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_friend_review001.gif);
}
div.personalNavigation01 ul.personalNaviFriend li.music a{
width:94px;
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_friend_music001.gif);
}
div.personalNavigation01 ul.personalNaviFriend li.message a{
width:127px;
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_friend_message001.gif);
}
div.personalNavigation01 ul.personalNaviFriend li.bookmark a{
width:127px;
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_friend_bookmark001.gif);
}
div.personalNavigation01 ul.personalNaviFriend li.mymixi a{
width:128px;
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_friend_mymixi001.gif);
}
/* personalNaviCommunity */
div.personalNavigation01 ul.personalNaviCommunity li{
width:108px;
}
div.personalNavigation01 ul.personalNaviCommunity li#top{
width:104px;
}
div.personalNavigation01 ul.personalNaviCommunity li#joinCommunity{
width:144px;
}
div.personalNavigation01 ul.personalNaviCommunity li#bookmark{
width:132px;
}
div.personalNavigation01 ul.personalNaviCommunity li#inviteCommunity{
width:133px;
}
div.personalNavigation01 ul.personalNaviCommunity li#leaveCommunity{
width:144px;
}
div.personalNavigation01 ul.personalNaviCommunity li a{
width:108px;
}
div.personalNavigation01 ul.personalNaviCommunity li#topic.subNavi a,
div.personalNavigation01 ul.personalNaviCommunity li#event.subNavi a,
div.personalNavigation01 ul.personalNaviCommunity li#enquete.subNavi a,
div.personalNavigation01 ul.personalNaviCommunity li#review.subNavi a{
width:87px;
}
div.personalNavigation01 ul.personalNaviCommunity li#top a{
width:104px;
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_community_top001.gif);
}
div.personalNavigation01 ul.personalNaviCommunity li#topic a{
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_community_topic001.gif);
}
div.personalNavigation01 ul.personalNaviCommunity li#event a{
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_community_event001.gif);
}
div.personalNavigation01 ul.personalNaviCommunity li#enquete a{
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_community_enquete001.gif);
}
div.personalNavigation01 ul.personalNaviCommunity li#review a{
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_community_review001.gif);
}
div.personalNavigation01 ul.personalNaviCommunity li#topic.subNavi a{
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_community_topic002.gif);
}
div.personalNavigation01 ul.personalNaviCommunity li#event.subNavi a{
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_community_event002.gif);
}
div.personalNavigation01 ul.personalNaviCommunity li#enquete.subNavi a{
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_community_enquete002.gif);
}
div.personalNavigation01 ul.personalNaviCommunity li#review.subNavi a{
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_community_review002.gif);
}
div.personalNavigation01 ul.personalNaviCommunity li#joinCommunity a{
width:144px;
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_community_add001.gif);
}
div.personalNavigation01 ul.personalNaviCommunity li#leaveCommunity a{
width:144px;
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_community_leave001.gif);
}
div.personalNavigation01 ul.personalNaviCommunity li#bookmark a{
width:132px;
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_community_bookmark001.gif);
}
div.personalNavigation01 ul.personalNaviCommunity li#inviteCommunity a{
width:133px;
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_community_invite001.gif);
}
div.personalNavigation01 ul.personalNaviCommunity li a.pullButton{
display:none;
}
div.personalNavigation01 ul.personalNaviCommunity li#topic.subNavi a.pullButton,
div.personalNavigation01 ul.personalNaviCommunity li#event.subNavi a.pullButton,
div.personalNavigation01 ul.personalNaviCommunity li#enquete.subNavi a.pullButton,
div.personalNavigation01 ul.personalNaviCommunity li#review.subNavi a.pullButton{
display:block;
width:21px;
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_community_pulldown001.gif);
}
div.personalNavigation01 ul.personalNaviCommunity li div.localSubMenu{
_width:108px;
min-width:108px;
}
div.personalNavigation01 ul.personalNaviCommunity li div.localSubMenu ul{
border:1px solid #B7D19D;
background-color:#F9FFEC !important;
}
div.personalNavigation01 ul.personalNaviCommunity li div.localSubMenu ul li{
width:auto;
}
/* personalNaviMusic */
div.personalNavigation01 ul.personalNaviMusic li{
width:156px;
}
div.personalNavigation01 ul.personalNaviMusic li.top{
width:161px;
}
div.personalNavigation01 ul.personalNaviMusic li.mymusic{
width:160px;
}
div.personalNavigation01 ul.personalNaviMusic li a{
width:156px;
}
div.personalNavigation01 ul.personalNaviMusic li.top a{
width:161px;
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_music_top002.gif);
}
div.personalNavigation01 ul.personalNaviMusic li.ranking a{
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_music_ranking002.gif);
}
div.personalNavigation01 ul.personalNaviMusic li.new a{
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_music_new002.gif);
}
div.personalNavigation01 ul.personalNaviMusic li.feature a{
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_music_feature002.gif);
}
div.personalNavigation01 ul.personalNaviMusic li.guide a{
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_music_guide002.gif);
}
div.personalNavigation01 ul.personalNaviMusic li.mymusic a{
width:160px;
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_music_mymusic002.gif);
}
/* personalNaviNews */
div.personalNavigation01 ul.personalNaviNews li{
width:73px;
}
div.personalNavigation01 ul.personalNaviNews li.top{
width:100px;
}
div.personalNavigation01 ul.personalNaviNews li.entertainment{
width:128px;
}
div.personalNavigation01 ul.personalNaviNews li.technology{
width:107px;
}
div.personalNavigation01 ul.personalNaviNews li.game{
width:94px;
}
div.personalNavigation01 ul.personalNaviNews li.column{
width:78px;
}
div.personalNavigation01 ul.personalNaviNews li a{
width:73px;
}
div.personalNavigation01 ul.personalNaviNews li.top a{
width:100px;
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_news_top001.gif);
}
div.personalNavigation01 ul.personalNaviNews li.domestic a{
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_news_domestic001.gif);
}
div.personalNavigation01 ul.personalNaviNews li.politics a{
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_news_politics001.gif);
}
div.personalNavigation01 ul.personalNaviNews li.economy a{
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_news_economy001.gif);
}
div.personalNavigation01 ul.personalNaviNews li.local a{
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_news_local001.gif);
}
div.personalNavigation01 ul.personalNaviNews li.foreign a{
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_news_foreign001.gif);
}
div.personalNavigation01 ul.personalNaviNews li.sports a{
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_news_sports001.gif);
}
div.personalNavigation01 ul.personalNaviNews li.politics a{
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_news_politics001.gif);
}
div.personalNavigation01 ul.personalNaviNews li.entertainment a{
width:128px;
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_news_entertainment001.gif);
}
div.personalNavigation01 ul.personalNaviNews li.technology a{
width:107px;
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_news_technology001.gif);
}
div.personalNavigation01 ul.personalNaviNews li.game a{
width:94px;
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_news_game001.gif);
}
div.personalNavigation01 ul.personalNaviNews li.column a{
width:78px;
background-image:url(http://img.mixi.jp/img/basic/common/personalnavi_news_column001.gif);
}
/*-- localNaviAppli --*/
#headerArea div.personalNavigation01 ul.personalNaviAppli{
background:url(http://img.mixi.jp/img/basic/common/personalnavi_bg002.gif) no-repeat left top;
}
ul.personalNaviAppli li.top a{
background:url(http://img.mixi.jp/img/basic/common/personalnavi_appli_top001.gif) no-repeat left top;
width:161px;
}
ul.personalNaviAppli li.open a{
background:url(http://img.mixi.jp/img/basic/common/personalnavi_appli_open001.gif) no-repeat left top;
width:156px;
}
ul.personalNaviAppli li.add a{
background:url(http://img.mixi.jp/img/basic/common/personalnavi_appli_add002.gif) no-repeat left top;
width:157px;
}
ul.personalNaviAppli li.remove a{
background:url(http://img.mixi.jp/img/basic/common/personalnavi_appli_remove002.gif) no-repeat left top;
width:157px;
}

/*---- FooterArea ----*/
#footerArea{
font-family:'¥Ò¥é¥®¥Î³Ñ¥´ Pro W3','Hiragino Kaku Gothic Pro','£Í£Ó £Ð¥´¥·¥Ã¥¯',sans-serif !important;
}
#footerArea p.pagetop{
margin-bottom:8px;
padding-top:15px;
text-align:right;
font-size:84%;
}
#footerArea p.pagetop a{
padding-left:11px;
background:url(http://img.mixi.jp/img/basic/icon/pagetop001.gif) no-repeat 0% 50%;
}
#footerArea ul{
line-height:1;
text-align:center;
}
#footerArea ul li{
display:inline;
}
#footerArea ul.footerNavigation01{
_height:1px;
padding:16px 0 6px;
}
#footerArea ul.footerNavigation01 li{
margin:0 2px;
font-size:11px;
*font-size:84%;
}
#footerArea ul.footerNavigation02{
padding:4px 3px 6px;
}
#footerArea ul.footerNavigation02 li{
margin:0 1px;
font-size:11px;
*font-size:84%;
}
#footerArea address{
padding-bottom:18px;
line-height:20px;
text-align:center;
color:#666;
}
/*adImpactFooter*/
div.adImpactFooter {
display:block;
clear:both;
width:945px;
padding:10px 0;
}
/*-- footer01 --*/
#footerArea ul.footer01{
background:url(http://img.mixi.jp/img/basic/common/dotline_horizontal002.gif) repeat-x left top;
}
/*-- joinFooter --*/
#footerArea address.joinFooter{
_height:1px;
padding-top:8px;
background:url(http://img.mixi.jp/img/basic/common/dotline_horizontal002.gif) repeat-x left top;
}



/*---- GlobalNavigation ----*/
#globalNavigation{
clear:both;
}

#globalNavigation h2{
position:absolute;
top:-9999px;
overflow:visible;
}

/*---- globalNavigation/contentsNavigation ----*/
ul.contentsNavigation{
float:left;
height:35px;
background:url(http://img.mixi.jp/img/basic/common/contentsnavi_bg.gif) repeat-x 0% 100%;
}

ul.contentsNavigation li{
float:left;
}

/*---- globalNavigation/utilityNavigation ----*/
ul.utilityNavigation{
float:left;
height:35px;
background:url(http://img.mixi.jp/img/basic/common/utilitynavi_bg.gif) no-repeat 0% 100%;
}

ul.utilityNavigation li{
float:left;
}


/*--- globanNaviButton ---*/
ul.contentsNavigation li a,
ul.utilityNavigation li a{
display:block;
text-indent:-9999px;
height:28px;
outline-style:none;
}

ul.contentsNavigation li.home a{
background:url(http://img.mixi.jp/img/basic/common/contentsnavi_home001.gif) no-repeat left top;
width:78px;
}

ul.contentsNavigation li.diary a{
background:url(http://img.mixi.jp/img/basic/common/contentsnavi_diary001.gif) no-repeat left top;
width:76px;
}

ul.contentsNavigation li.community a{
background:url(http://img.mixi.jp/img/basic/common/contentsnavi_community001.gif) no-repeat left top;
width:84px;
}

ul.contentsNavigation li.movie a{
background:url(http://img.mixi.jp/img/basic/common/contentsnavi_video001.gif) no-repeat left top;
width:76px;
}

ul.contentsNavigation li.photo a{
background:url(http://img.mixi.jp/img/basic/common/contentsnavi_photo001.gif) no-repeat left top;
width:76px;
}

ul.contentsNavigation li.music a{
background:url(http://img.mixi.jp/img/basic/common/contentsnavi_music001.gif) no-repeat left top;
width:84px;
}

ul.contentsNavigation li.review a{
background:url(http://img.mixi.jp/img/basic/common/contentsnavi_review001.gif) no-repeat left top;
width:76px;
}

ul.contentsNavigation li.news a{
background:url(http://img.mixi.jp/img/basic/common/contentsnavi_news001.gif) no-repeat left top;
width:76px;
}

ul.contentsNavigation li.mikly a{
background:url(http://img.mixi.jp/img/basic/common/contentsnavi_mikly001.gif) no-repeat left top;
width:73px;
}

ul.contentsNavigation li.promqueen a{
background:url(http://img.mixi.jp/img/basic/common/contentsnavi_pq001.gif) no-repeat left top;
width:73px;
}

ul.contentsNavigation li.friendSearch a{
background:url(http://img.mixi.jp/img/basic/common/contentsnavi_searchfriend001.gif) no-repeat left top;
width:68px;
}

ul.contentsNavigation li.friendInvite a{
background:url(http://img.mixi.jp/img/basic/common/contentsnavi_invite001.gif) no-repeat left top;
width:69px;
}

ul.utilityNavigation li.help a{
background:url(http://img.mixi.jp/img/basic/common/utilitynavi_help001.gif) no-repeat left top;
width:59px;
}

ul.utilityNavigation li.logout a{
background:url(http://img.mixi.jp/img/basic/common/utilitynavi_logout001.gif) no-repeat left top;
width:55px;
}


ul.contentsNavigation li a:hover,
ul.utilityNavigation li a:hover{
background-position:left bottom;
}




/*---- LocalNavigation ----*/
#localNavigation{
clear:both;
}

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

#localNavigation ul li{
position:relative;
z-index:10;
float:left;
height:23px;
background:url(http://img.mixi.jp/img/basic/common/localnavi_bg.gif) repeat-x 0% 100%;
}

/*---- LocalNavigation/localSubMenu ----*/
#localNavigation div.localSubMenu{
position:absolute;
top:23px;
left:0;
}

#localNavigation div.localSubMenu ul{
padding:5px 8px 8px;
width:auto;
}

#localNavigation div.localSubMenu ul li{
position:static;
float:none;
height:auto;
background:none;
white-space:nowrap;
line-height:20px;
}

#localNavigation div.localSubMenu ul li a{
float:none;
text-indent:0;
width:auto;
display:block;
overflow:visible;
}

/*-- localNaviHome --*/

ul.localNaviHome li.top a{
background:url(http://img.mixi.jp/img/basic/common/localnavi_top001.gif) no-repeat left top;
width:95px;
}
ul.localNaviHome li.message a{
background:url(http://img.mixi.jp/img/basic/common/localnavi_message001.gif) no-repeat left top;
width:95px;
}
ul.localNaviHome li.diary a{
background:url(http://img.mixi.jp/img/basic/common/localnavi_diary001.gif) no-repeat left top;
width:79px;
}
ul.localNaviHome li.video a{
background:url(http://img.mixi.jp/img/basic/common/localnavi_video001.gif) no-repeat left top;
width:79px;
}
ul.localNaviHome li.photo a{
background:url(http://img.mixi.jp/img/basic/common/localnavi_photo001.gif) no-repeat left top;
width:79px;
}
ul.localNaviHome li.music a{
background:url(http://img.mixi.jp/img/basic/common/localnavi_music002.gif) no-repeat left top;
width:79px;
}
ul.localNaviHome li.review a{
background:url(http://img.mixi.jp/img/basic/common/localnavi_review001.gif) no-repeat left top;
width:79px;
}
ul.localNaviHome li.review a{
background:url(http://img.mixi.jp/img/basic/common/localnavi_review001.gif) no-repeat left top;
width:79px;
}
ul.localNaviHome li.favorite a{
background:url(http://img.mixi.jp/img/basic/common/localnavi_bookmark001.gif) no-repeat left top;
width:95px;
}
ul.localNaviHome li.show-log a{
background:url(http://img.mixi.jp/img/basic/common/localnavi_log001.gif) no-repeat left top;
width:95px;
}
ul.localNaviHome li.setup a{
background:url(http://img.mixi.jp/img/basic/common/localnavi_edit001.gif) no-repeat left top;
width:95px;
}

ul.localNaviHome li.diary a,
ul.localNaviHome li.video a,
ul.localNaviHome li.photo a,
ul.localNaviHome li.music a,
ul.localNaviHome li.review a{
float:left;
}

ul.localNaviHome li a.pullButton{
float:left;
background:url(http://img.mixi.jp/img/basic/common/localnavi_pulldown001.gif) no-repeat left top;
width:16px;
}



ul.localNaviHome div.localSubMenu ul{
border:1px solid #fec480;
background:#fffbe8;
}

ul.localNaviHome li div.localSubMenu ul li{
min-width:77px;
_width:77px;
}

ul.localNaviHome li.diary div.localSubMenu ul li a{
padding-left:15px;
background:url(http://img.mixi.jp/img/basic/icon/diary002.gif) no-repeat 0% 50%;
}

ul.localNaviHome li.video div.localSubMenu ul li a{
padding-left:17px;
background:url(http://img.mixi.jp/img/basic/icon/video002.gif) no-repeat 0% 50%;
}

ul.localNaviHome li.photo div.localSubMenu ul li a{
padding-left:16px;
background:url(http://img.mixi.jp/img/basic/icon/photo003.gif) no-repeat 0% 50%;
}

ul.localNaviHome li.music div.localSubMenu ul li a{
padding-left:16px;
background:url(http://img.mixi.jp/img/basic/icon/music_playlist001.gif) no-repeat 0% 50%;
}


ul.localNaviHome li.review div.localSubMenu ul li a{
padding-left:18px;
background:url(http://img.mixi.jp/img/basic/icon/review002.gif) no-repeat 0% 50%;
}

/*-- localNaviFriend --*/

ul.localNaviFriend li.top a{
background:url(http://img.mixi.jp/img/basic/friend/localnavi_top001.gif) no-repeat left top;
width:101px;
}
ul.localNaviFriend li.diary a{
background:url(http://img.mixi.jp/img/basic/friend/localnavi_diary001.gif) no-repeat left top;
width:99px;
}
ul.localNaviFriend li.movie a{
background:url(http://img.mixi.jp/img/basic/friend/localnavi_video001.gif) no-repeat left top;
width:99px;
}
ul.localNaviFriend li.photo a{
background:url(http://img.mixi.jp/img/basic/friend/localnavi_photo001.gif) no-repeat left top;
width:100px;
}
ul.localNaviFriend li.music a{
background:url(http://img.mixi.jp/img/basic/friend/localnavi_music001.gif) no-repeat left top;
width:100px;
}
ul.localNaviFriend li.review a{
background:url(http://img.mixi.jp/img/basic/friend/localnavi_review001.gif) no-repeat left top;
width:100px;
}
ul.localNaviFriend li.message a{
background:url(http://img.mixi.jp/img/basic/friend/localnavi_message001.gif) no-repeat left top;
width:113px;
}
ul.localNaviFriend li.bookmark a{
background:url(http://img.mixi.jp/img/basic/friend/localnavi_bookmark001.gif) no-repeat left top;
width:119px;
}
ul.localNaviFriend li.mymixi a{
background:url(http://img.mixi.jp/img/basic/friend/localnavi_mymixi001.gif) no-repeat left top;
width:119px;
}

/*-- localNaviCommunity --*/

ul.localNaviCommunity li.top a{
background:url(http://img.mixi.jp/img/basic/common/communitynavi_top001.gif) no-repeat left top;
width:114px;
}
ul.localNaviCommunity li.topic a{
background:url(http://img.mixi.jp/img/basic/common/communitynavi_topic001.gif) no-repeat left top;
width:113px;
}
ul.localNaviCommunity li.topic a.can{
background:url(http://img.mixi.jp/img/basic/common/communitynavi_topic002.gif) no-repeat left top;
width:97px;
}
ul.localNaviCommunity li.event a{
background:url(http://img.mixi.jp/img/basic/common/communitynavi_event001.gif) no-repeat left top;
width:113px;
}
ul.localNaviCommunity li.event a.can{
background:url(http://img.mixi.jp/img/basic/common/communitynavi_event002.gif) no-repeat left top;
width:97px;
}
ul.localNaviCommunity li.enquete a{
background:url(http://img.mixi.jp/img/basic/common/communitynavi_enquete001.gif) no-repeat left top;
width:113px;
}
ul.localNaviCommunity li.enquete a.can{
background:url(http://img.mixi.jp/img/basic/common/communitynavi_enquete002.gif) no-repeat left top;
width:97px;
}
ul.localNaviCommunity li.review a{
background:url(http://img.mixi.jp/img/basic/common/communitynavi_review001.gif) no-repeat left top;
width:113px;
}
ul.localNaviCommunity li.review a.can{
background:url(http://img.mixi.jp/img/basic/common/communitynavi_review002.gif) no-repeat left top;
width:97px;
}

ul.localNaviCommunity li.leaveCommunity a{
background:url(http://img.mixi.jp/img/basic/common/communitynavi_leave001.gif) no-repeat left top;
width:138px;
}
ul.localNaviCommunity li.joinCommunity a{
background:url(http://img.mixi.jp/img/basic/common/communitynavi_join001.gif) no-repeat left top;
width:138px;
}
ul.localNaviCommunity li.addBookmark a{
background:url(http://img.mixi.jp/img/basic/common/communitynavi_add001.gif) no-repeat left top;
width:120px;
}
ul.localNaviCommunity li.inviteCommunity a{
background:url(http://img.mixi.jp/img/basic/common/communitynavi_recommend001.gif) no-repeat left top;
width:126px;
}



ul.localNaviCommunity li a.pullButton{
float:left;
background:url(http://img.mixi.jp/img/basic/common/communitynavi_pulldown001.gif) no-repeat left top;
width:16px;
}
ul.localNaviCommunity li a.pullButton.hide{
display:none;
}

ul.localNaviCommunity div.localSubMenu ul{
border:1px solid #B7D19D;
background:#F9FFEC;
}

ul.localNaviCommunity li div.localSubMenu ul li{
min-width:95px;
_width:95px;
}

ul.localNaviCommunity li.topic div.localSubMenu ul li a{
padding-left:19px;
background:url(http://img.mixi.jp/img/basic/icon/community_topic001.gif) no-repeat 0% 50%;
}

ul.localNaviCommunity li.event div.localSubMenu ul li a{
padding-left:15px;
background:url(http://img.mixi.jp/img/basic/icon/community_event001.gif) no-repeat 0% 50%;
}

ul.localNaviCommunity li.enquete div.localSubMenu ul li a{
padding-left:16px;
background:url(http://img.mixi.jp/img/basic/icon/community_enquete001.gif) no-repeat 0% 50%;
}

ul.localNaviCommunity li.review div.localSubMenu ul li a{
padding-left:18px;
background:url(http://img.mixi.jp/img/basic/icon/review002.gif) no-repeat 0% 50%;
}

ul.localNaviCommunity li.topic a,
ul.localNaviCommunity li.event a,
ul.localNaviCommunity li.enquete a,
ul.localNaviCommunity li.review a{
float:left;
}

/*-- localNaviNews --*/
ul.localNaviNews li a{
display:block;
text-indent:-9999px;
height:20px;
overflow:hidden;
}
/* \*//*/ul.localNaviNews li a{overflow:visible;}/* */

ul.localNaviNews li.top a{
background:url(http://img.mixi.jp/img/basic/news/localnavi_news_top001.gif) no-repeat left top;
width:91px;
}

ul.localNaviNews li.national a{
background:url(http://img.mixi.jp/img/basic/news/localnavi_news_national001.gif) no-repeat left top;
width:77px;
}

ul.localNaviNews li.politics a{
background:url(http://img.mixi.jp/img/basic/news/localnavi_news_politics001.gif) no-repeat left top;
width:77px;
}

ul.localNaviNews li.economy a{
background:url(http://img.mixi.jp/img/basic/news/localnavi_news_economy001.gif) no-repeat left top;
width:77px;
}

ul.localNaviNews li.local a{
background:url(http://img.mixi.jp/img/basic/news/localnavi_news_local001.gif) no-repeat left top;
width:77px;
}

ul.localNaviNews li.international a{
background:url(http://img.mixi.jp/img/basic/news/localnavi_news_international001.gif) no-repeat left top;
width:77px;
}

ul.localNaviNews li.sports a{
background:url(http://img.mixi.jp/img/basic/news/localnavi_news_sports001.gif) no-repeat left top;
width:82px;
}

ul.localNaviNews li.entertainment a{
background:url(http://img.mixi.jp/img/basic/news/localnavi_news_entertainment001.gif) no-repeat left top;
width:108px;
}

ul.localNaviNews li.technology a{
background:url(http://img.mixi.jp/img/basic/news/localnavi_news_technology001.gif) no-repeat left top;
width:98px;
}

ul.localNaviNews li.game a{
background:url(http://img.mixi.jp/img/basic/news/localnavi_news_game001.gif) no-repeat left top;
width:93px;
}

ul.localNaviNews li.column a{
background:url(http://img.mixi.jp/img/basic/news/localnavi_news_column001.gif) no-repeat left top;
width:93px;
}


/*-- localNaviMusic --*/

ul.localNaviMusic li.top a{
background:url(http://img.mixi.jp/img/basic/common/localnavi_music_top001.gif) no-repeat left top;
width:158px;
}
ul.localNaviMusic li.ranking a{
background:url(http://img.mixi.jp/img/basic/common/localnavi_music_ranking001.gif) no-repeat left top;
width:158px;
}
ul.localNaviMusic li.new a{
background:url(http://img.mixi.jp/img/basic/common/localnavi_music_new001.gif) no-repeat left top;
width:158px;
}
ul.localNaviMusic li.feature a{
background:url(http://img.mixi.jp/img/basic/common/localnavi_music_feature001.gif) no-repeat left top;
width:157px;
}
ul.localNaviMusic li.guide a{
background:url(http://img.mixi.jp/img/basic/common/localnavi_music_guide001.gif) no-repeat left top;
width:157px;
}
ul.localNaviMusic li.mymusic a{
background:url(http://img.mixi.jp/img/basic/common/localnavi_music_mymusic001.gif) no-repeat left top;
width:162px;
}


/*-- common setting --*/

ul.localNaviHome li a,
ul.localNaviCommunity li a,
ul.localNaviNews li a,
ul.localNaviFriend li a,
ul.localNaviMusic li a{
display:block;
text-indent:-9999px;
height:20px;
outline-style:none;
overflow:hidden;
}

/* \*//*/
ul.localNaviHome li a,
ul.localNaviCommunity li a,
ul.localNaviNews li a,
ul.localNaviMusic li a,
ul.localNaviFriend li a{overflow:visible;}
/* */


ul.localNaviHome li a:hover,
ul.localNaviHome li a.on,
#localNavigation ul.localNaviCommunity a:hover,
#localNavigation ul.localNaviCommunity a.on,
ul.localNaviNews li a:hover,
ul.localNaviNews li a.on,
ul.localNaviFriend li a:hover,
ul.localNaviFriend li a.on,
ul.localNaviMusic li a:hover,
ul.localNaviMusic li a.on{
background-position:left -20px;
}
#localNavigation ul div.localSubMenu a:hover{
background-position:0% 50%;
}

#localNavigation ul.localNaviCommunity li a.can.on{
background-position:left -20px;
}



/*---- help ----*/
#help div.contents{
_height:1px;
padding:5px;
background-color:#ffffff;
}
#help h3{
padding:1px 5px;
border:1px solid #FFCD8F;
background:#FFF7E9;
color:#FB7D00;
}
#help ul{
padding:2px 0 5px;
}
#help ul li{
padding-bottom:4px;
}
#help ul li a{
padding-left:6px;
background:url(http://img.mixi.jp/img/basic/icon/list001.gif) no-repeat 0% 0.5em;
}
#help ul.helpList02{
float:left;
width:45%;
}
#help ul.helpList03{
float:left;
width:55%;
}
#help ul.helpList04{
padding:0;
}
#help p.moreLink01{
clear:both;
}
/*---- mixiNews ----*/
#mixiNewsArea #mixiNews{
_height:1px;
margin-top:5px !important;
margin-bottom:5px !important;
background:url(http://img.mixi.jp/img/basic/common/dotline_horizontal001.gif) repeat-x 0% 100%;
}
#mixiNewsArea #mixiNews div.contents{
border-left:0px none;
border-right:0px none;
}
#mixiNewsArea #mixiNews div.contents ul{
padding:8px 5px 0;
border-right:1px solid #F6A838;
border-left:1px solid #F6A838;
}
#mixiNewsArea #mixiNews div.contents ul li{
padding-bottom:7px;
font-size:100%;
line-height:1;
}
#mixiNewsArea #mixiNews div.contents ul li img{
vertical-align:middle;
}
#mixiNewsArea #mixiNews p.moreLink01{
padding:0 9px 7px 0;
border-right:1px solid #F6A838;
border-left:1px solid #F6A838;
}
#mixiNewsArea #mixiNews div.nonews{
padding:6px 8px;
border-right:1px solid #F6A838;
border-left:1px solid #F6A838;
min-height:151px;
_height:157px;
}
/*---- prContents ----*/
#adBanner{
margin-bottom:5px;
}
div.adBanner{
margin-bottom:5px;
}
div.prContents{
margin:0 0 5px;
padding:3px 0 3px 3px;
border:1px solid #F6A838;
background-color:#ffffff;
}
div.prContents dl dt{
float:left;
width:71px;
}
div.prContents dl dd{
margin-left:77px;
}
div.prContents dl dd img{
display:block;
}
#mixiNewsArea div.prContents{
margin-top:0;
border-top:none;
}
.newsClosed div.prContents{
margin-top:5px !important;
border-top:1px solid #F6A838 !important;
}
.bodySubSection div.prContents{
border-top:none;
}
div.prContents div.megaContents{
width:216px;
line-height:1.5;
text-align:center;
font-size:12px;
}
div.prContents div.megaContents dl{
width:216px;
margin:0;
padding:0;
text-align:left;
overflow:hidden;
}
div.prContents div.megaContents img{
border:none;
display:block;
}
div.prContents div.megaContents dl dt{
float:left;
width:72px;
margin:0;
padding:0;
}
div.prContents div.megaContents dl dd{
float:right;
margin:0;
padding:0;
width:140px;
text-align:left;
}
div.prContents div.megaContents dl dd img{
padding-bottom:2px;
display:block;
}
div.prContents div.megaContents img.emoji{
padding-bottom:0;
display:inline;
}
div.prContents div.precedingMegaContents{
padding-bottom:4px; /* including heights of the border like background below */
background:transparent url(http://img.mixi.jp/img/basic/common/dotline_horizontal001.gif) repeat-x scroll 0 100%;
}
div.prContents div.succeedingMegaContents{
padding-top:3px;
}
/*---- mixiRadioArea ----*/
#mixiRadioArea div.mixiRadio{
margin-bottom:0;
background:url(http://img.mixi.jp/img/basic/common/dotline_horizontal001.gif) repeat-x left bottom;
}
#mixiRadioArea div.mixiRadio div.contents{
border-bottom:none !important ;
padding-top:5px;
padding-bottom:8px;
}
#mixiRadioArea div.prContents{
margin-top:0 !important;
border-top:0 !important;
}
#mixiRadioArea div.contents div.radioUpdate{
margin:0 6px 5px 5px;
padding-top:2px;
background:url(http://img.mixi.jp/img/basic/home/bg_radioupdate002.gif) no-repeat left top;
}
#mixiRadioArea div.contents div.radioUpdate p{
padding-bottom:2px;
background:#F1EFF0 url(http://img.mixi.jp/img/basic/home/bg_radioupdate002.gif) no-repeat right bottom;
text-align:center;
_padding:2px 0 4px;
font-weight:bold;
}
#mixiRadioArea div.contents div.radioUpdate p img{
margin-left:4px;
vertical-align:middle;
}
#mixiRadioArea div.contents p.listArtistLink{
margin:0 0 4px 7px;
}
#mixiRadioArea div.contents div#home_music_fla{
border:1px solid #dfdfdf;
width:208px;
margin:0 auto;
}
#mixiRadioArea div.contents p.searchMusicLink{
text-align:center;
margin:0 auto 5px;
width:210px;
height:24px;
line-height:24px;
background:url(http://img.mixi.jp/img/basic/music/home_link_bg.gif) no-repeat 0 0;
font-weight:bold;
}
#mixiRadioArea div.contents p.searchMusicLink a{
padding-left:9px;
background:url(http://img.mixi.jp/img/basic/icon/arrow002.gif) no-repeat left center;
}
#mixiRadioArea div.contents ul.radioList01{
padding-left:6px;
}
#mixiRadioArea div.contents ul.radioList01 li{
padding-bottom:3px;
width:211px;
overflow:hidden;
word-break:break-all;
}
#mixiRadioArea div.contents ul.radioList01 li a{
padding:1px 0 3px 21px;
background:url(http://img.mixi.jp/img/basic/music/bt_play003.gif) no-repeat left top;
font-weight:bold;
}
#mixiRadioArea div.contents p.moreLink01{
padding:0 6px 5px 0;
}
#mixiRadioArea div.contents p.moreLink01 a{
padding-left:9px;
background:url(http://img.mixi.jp/img/basic/icon/arrow002.gif) no-repeat left center;
}
#mixiRadioArea div.contents p.musicAdBanner{
padding-bottom:4px;
text-align:center;
}
/*-- mixiRadioHome --*/
#mixiRadioHome div.contents ul.radioButtonList01{
padding:5px 0 2px;
}
#mixiRadioHome div.contents ul.radioButtonList01 li{
padding-bottom:4px;
text-align:center;
}
#mixiRadioHome div.contents ul.radioButtonList01 li img{
vertical-align:bottom;
}
/*-- mixiRadioProfile --*/
#mixiRadioProfile div.contents div.radioButton01{
padding:5px 7px 0px;
}
#mixiRadioProfile div.contents div.radioButton01 dl{
background:url(http://img.mixi.jp/img/basic/music/bg_music_radio_profile001.gif) no-repeat left bottom;
}
#mixiRadioProfile div.contents div.radioButton01 dl dt img{
vertical-align:bottom;
}
#mixiRadioProfile div.contents div.radioButton01 dl dd{
padding-bottom:4px;
}
#mixiRadioProfile div.contents div.radioButton01 dl dd ul{
border-right:1px solid #B9C9DB;
border-left:1px solid #B9C9DB;
padding:3px 7px;
}
#mixiRadioProfile div.contents div.radioButton01 dl dd ul li{
padding-top:2px;
text-align:right;
}
#mixiRadioProfile div.contents div.radioButton01 dl dd ul li.myArtist{
background:url(http://img.mixi.jp/img/basic/music/radio_myartist001.gif) no-repeat left center;
}
#mixiRadioProfile div.contents div.radioButton01 dl dd ul li.songEval{
background:url(http://img.mixi.jp/img/basic/music/radio_songeval001.gif) no-repeat left center;
}
#mixiRadioProfile div.contents div.radioButton01 dl dd ul li.playCount{
margin-bottom:0;
background:url(http://img.mixi.jp/img/basic/music/radio_playcount001.gif) no-repeat left center;
}
#mixiRadioProfile div.contents p.musicAdBanner{
padding-top:4px;
padding-bottom:5px;
background:url(http://img.mixi.jp/img/basic/common/dotline_horizontal001.gif) repeat-x left bottom;
}
#mixiRadioProfile div.contents p.moreLink01{
padding-top:4px;
}
/*-- radioClossed --*/
#mixiRadioArea div.radioClosed{
background:none !important;
}
/*---- mixiAppliArea ----*/
#mixiAppliArea div.application div.contents {
text-align:center;
}
#mixiAppliArea div.application div.contents div.utility{
position: relative;
height: 24px;
line-height: 24px;
margin:0;
padding:0;
padding-top:3px;
text-align:left;
zoom:1;
}
#mixiAppliArea div.application div.contents div.utility ul.utility03{
float:right;
}
#mixiAppliArea div.application div.contents div.utility ul.utility03 li{
float:left;
width:19px;
}
#mixiAppliArea div.application div.contents div.utility ul.utility03 li.sectionSize{
display:block;
position:absolute;
top:0px;
}
#mixiAppliArea div.application div.contents div.utility ul.utility03 li.delete{
}
#mixiAppliArea div.application div.contents div.utility ul.utility03 li.level{
top:2px;
right:37px;
width:95px;
text-align:right;
}
#mixiAppliArea div.application div.contents div.utility ul.utility03 li.levelProfile{
right:4px;
}
#mixiAppliArea div.application div.contents div.utility ul.utility03 li.setting{
width:32px;
right:0px;
}
#mixiAppliArea div.application div.contents div.utility ul.utility03 li.shared{
width:9.5em;
text-align: right;
}
#mixiAppliArea div.application div.contents div.utility ul.utility03 li a img{
margin-top:4px;
vertical-align:top;
}
*:first-child+html #mixiAppliArea div.application div.contents div.utility ul.utility03 li a img{
margin-top:0;
}
#mixiAppliArea div.application div.contents iframe{
margin:0 auto;
border:0px;
padding-bottom:5px;
}
#mixiAppliArea div.application div.contents .simpleMessageArea{
font-size:100%;
}
/*---- prContentsArea ----*/
#prContentsArea div.prContentsTop{
padding:3px 0 3px 3px;
}
#prContentsArea div.prContentsBottom{
padding:4px 0 3px 3px;
background:url(http://img.mixi.jp/img/basic/common/dotline_horizontal001.gif) repeat-x left top;
}
/* ----- music teaser banner ----- */
div#musicTeaserBannerArea div.contents {
padding:11px 11px 5px;
}
div#musicTeaserBannerArea p.lead {
text-align:center;
margin-top:3px;
}
/*---- keywordRanking ----*/
#keywordRanking div.contents{
padding:5px 8px 4px 7px;
}
#keywordRanking div.contents p.keywordLink01{
min-height:23px;
_height:23px;
padding:4px 0 0 31px;
background:url(http://img.mixi.jp/img/basic/icon/hot_keyword001.gif) no-repeat left top;
}
/*---- calendar ----*/
#calendar div.clearfix{
padding:3px;
border:1px solid #e1e1e1;
background:#f4f4f4;
}
/*---- calendar/weather ----*/
#calendar dl.weather{
padding:3px 5px;
border:1px solid #ccc;
background:#fff url(http://img.mixi.jp/img/basic/home/weather_bg.gif) no-repeat 50% 100%;
zoom:1;
}
#calendar dl.weather:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#calendar dl.weather dt.weatherLocation{
*line-height:1.6;
_line-height:1.5;
}
#calendar dl.weather dd.today,
#calendar dl.weather dd.tomorrow{
float:left;
width:50%;
padding-top:3px;
}
#calendar dl.weather dl{
float:left;
width:65%;
text-align:right;
}
#calendar dl.weather dl dt{
display:none;
}
#calendar dl.weather dl dd{
padding-right:0.5em;
}
#calendar dl.weather dl dd span.tempHigh{
color:#f30;
}
#calendar dl.weather dl dd span.tempLow{
color:#33f;
}
#calendar dl.weather dl.pRain{
width:30%;
}
#calendar dl.weather dl.pRain dd{
color:#390;
}
#calendar dl.weather p.weatherIcon{
padding-bottom:5px;
color:#666666;
}
#calendar dl.weather p.weatherIcon img{
margin-left:2px;
vertical-align:middle;
}
#calendar dl.weather p.weatherIcon dt{
position:static;
float:left;
width:2.5em;
height:33px;
line-height:33px;
}
#calendar dl.weather p.weatherIcon dd{
float:right;
width:49px;
padding:0;
}
/*---- calendar/utilityLinks03 ----*/
#calendar div.utilityLinks03{
border-top:1px solid #e2e2e2;
}
#calendar div.utilityLinks03 ul{
padding:5px 0;
}
#calendar div.utilityLinks03 ul li{
text-align:center;
}
#calendar div.utilityLinks03 ul li.addCalendarSchedule a{
padding-left:18px;
background:url(http://img.mixi.jp/img/basic/icon/add_schedule001.gif) no-repeat 0% 50%;
}
#calendar div.utilityLinks03 ul li.weeklyWeather a{
padding-left:14px;
background:url(http://img.mixi.jp/img/basic/icon/arrow001.gif) no-repeat 0% 50%;
}
/*---- calendar/scheduleArea ----*/
#calendar div.scheduleArea{
border:1px solid #cccccc;
border-top:none;
background:#ffffff;
}
#calendar div.scheduleArea dl.scheduleList01{
padding:5px 5px 0;
}
#calendar div.scheduleArea dl.today{
border-top:1px solid #eeeeee;
}
#calendar div.scheduleArea dl.scheduleList01 dt{
float:left;
width:31px;
padding-top:2px;
}
#calendar div.scheduleArea dl.scheduleList01 dd{
float:left;
width:171px;
}
#calendar div.scheduleArea dl.scheduleList01 dd ul li{
margin-top:1px;
margin-bottom:4px;
_margin-bottom:3px;
padding-left:19px;
line-height:1.4;
}
#calendar div.scheduleArea dl.scheduleList01 dd ul li.event{
background:url(http://img.mixi.jp/img/basic/icon/calendar_event002.gif) no-repeat 2px 3px;
}
#calendar div.scheduleArea dl.scheduleList01 dd ul li.schedule{
background:url(http://img.mixi.jp/img/basic/icon/calendar_schedule002.gif) no-repeat 1px 2px;
}
#calendar div.scheduleArea dl.scheduleList01 dd ul li.birthday{
background:url(http://img.mixi.jp/img/calendaricon2/i_bd.gif) no-repeat left top;
}
#calendar div.scheduleArea dl.scheduleList01 dd ul li a.bdOthers{
padding-left:7px;
background:none;
}
#calendar div.scheduleArea ul.scheduleButtonList{
padding:5px 0 0 4px;
}
#calendar div.scheduleArea ul.scheduleButtonList li{
float:left;
width:104px;
height:28px;
}
/*---- miklyContents ----*/
/*---- miklyContents/latestMikly ----*/
#miklyContents div.latestMikly{
padding-bottom:5px;
}
#miklyContents div.latestMikly p{
padding:5px 0 0;
text-align:center;
}
/*---- miklyContents/contentsList03 ----*/
#miklyContents div.contentsList03 dl{
padding:4px 0;
}
#miklyContents div.contentsList03 dl dt{
height:19px;
padding-left:20px;
background:#fffbe8 url(http://img.mixi.jp/img/basic/heading/body_sub002.gif) no-repeat 0% 0%;
line-height:19px;
}
#miklyContents div.contentsList03 dl dd{
padding-top:3px;
}
/*---- prSepecial ----*/
#prSepecial div.contents{
padding:5px 0 5px 5px;
overflow:hidden;
}
#prSepecial div.contents:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
* html #prSepecial div.contents{
height:1%;
overflow:visible;
}
#prSepecial div.contents dl{
padding-bottom:3px;
background:url(http://img.mixi.jp/img/basic/common/dotline_horizontal001.gif) repeat-x 0% 100%;
}
#prSepecial div.contents dl dt{
float:left;
width:80px;
}
#prSepecial div.contents dl dd{
margin-left:80px;
}
#prSepecial div.contents dl dd.moreLink01{
text-align:right;
}
#prSepecial div.contents dl dd.moreLink01 a{
padding-left:9px;
background:url(http://img.mixi.jp/img/basic/icon/arrow002.gif) no-repeat 0% 50%;
}
#prSepecial div.contents p{
clear:both;
line-height:1.5;
}
/*---- attention ----*/
#attention div.contents ul{
padding:3px;
}
#attention div.contents ul li{
width:203px;
padding:5px 5px 3px;
background:url(http://img.mixi.jp/img/basic/common/dotline_horizontal001.gif) repeat-x 0% 0%;
}
#attention div.contents ul li.attentionListTop{
padding:3px 5px;
background:none;
}
#attention div.contents ul li dl dt a{
padding-left:14px;
background:url(http://img.mixi.jp/img/basic/icon/arrow001.gif) no-repeat 0% 50%;
}
#attention div.contents ul li dl dd{
margin-left:25px;
padding:3px 0 3px 7px;
background:url(http://img.mixi.jp/img/basic/icon/list001.gif) no-repeat 0% 10px;
font-size:84%;
line-height:1.5;
}
/*---- bodySubVideo ----*/
#bodySubVideo{
padding:5px;
border:1px solid #FFCD8F;
text-align:center;
}
#bodySubVideo h2{
padding:1px 5px;
border:1px solid #FFCD8F;
background:#FFF7E9;
color:#FB7D00;
text-align:left;
height:auto;
line-height:1.5;
}
#bodySubVideo dl{
padding:0 6px;
}
#bodySubVideo dl dt{
padding:4px 0;
text-align:left;
word-break:break-all;
}
#bodySubVideo dl dd.levelIcon{
padding-top:5px;
}
#bodySubVideo p.videoNote{
padding:5px 0;
text-align:left;
}
#bodySubVideo p.publicIcon{
padding:5px 0;
}
#bodySubVideo ul,
#bodySubVideo ul li{
display:inline;
}
#bodySubVideo ul{
margin-left:3px;
}
#bodySubVideo p.moreLink01{
padding-top:5px;
}
/*---- RelatedNews ----*/
div#relatedNews ul{
padding:5px 5px 1px 7px;
}
div#relatedNews li{
padding-bottom:4px;
padding-left:8px;
background:url(http://img.mixi.jp/img/basic/icon/list001.gif) no-repeat 0% 0.7em;
}
div#relatedNews li a:visited{
color:#996699;
}
div#relatedNews p.moreLink01{
padding:0 5px 5px;
}
/* ----- recommend ----- */
div#recommend table.iconListTable02{
width:222px;
background:url(http://img.mixi.jp/img/basic/common/dotline_vertical001.gif) repeat-y 50% 0%;
table-layout:fixed;
overflow:visible;
}
div#recommend table.iconListTable02 tr{
background:url(http://img.mixi.jp/img/basic/common/bg_iconlist002.gif) repeat-x 0% 100%;
}
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;
background-color:transparent;
background-position:50% 50%;
background-repeat:no-repeat;
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;
}
/* ----- FeaturedMusic ----- */
div#featuredMusic div.contents{
padding:5px 6px;
overflow:hidden;
}
div#musicTeaserBannerArea div.contents {
    padding:11px 11px 5px;
}
div#musicTeaserBannerArea p.lead {
    margin-top:3px;
    text-align:center;
}
/* ----- OfficialMembers ----- */
div#officialMembers div.contents{
padding:5px 6px;
}
/*---- moreLink01 ----*/
#bodySub p.moreLink01 a{
padding-left:9px;
background:url(http://img.mixi.jp/img/basic/icon/arrow002.gif) no-repeat 0% 50%;
}
#bodySub p.moreLink01 a:hover,
#bodySub p.moreLink01 a:active,
#bodySub p.moreLink01 a:focus{
background:url(http://img.mixi.jp/img/basic/icon/arrow002.gif) no-repeat 0% 50%;
}
#bodySub div.moreLink01 a{
padding-left:9px;
background:url(http://img.mixi.jp/img/basic/icon/arrow002.gif) no-repeat 0% 50%;
}
#bodySub div.moreLink01 a:hover,
#bodySub div.moreLink01 a:active,
#bodySub div.moreLink01 a:focus{
background:url(http://img.mixi.jp/img/basic/icon/arrow002.gif) no-repeat 0% 50%;
}
/*---- contentMatch ----*/
div#contentMatch{
font-size:12px;
overflow:hidden;
word-break:break-all;
}
div#contentMatch div.contents{
width:212px;
padding:6px 5px;
border:1px solid #cccccc;
background:#fff;
}
div#contentMatch dl{
letter-spacing:0.02em;
}
div#contentMatch dl dt{
margin-bottom:2px;
line-height:1.5;
}
div#contentMatch dl dt a{
font-weight:bold;
text-decoration:underline;
}
div#contentMatch dl dd{
line-height:1.3;
}
div#contentMatch dl dd a,
div#contentMatch dl dd a:hover{
color:#000000;
text-decoration:none;
}
div#contentMatch dd.siteHost{
color:#008000;
line-height:1.5;
padding-left:2px;
margin-bottom:8px;
}
div#contentMatch dd.siteHost a,
div#contentMatch dd.siteHost a:hover{
color:#008000;
text-decoration:none;
}
div#contentMatch p{
text-align:right;
font-size:10px;
line-height:1;
margin-bottom:3px;
}
div#contentMatch p a:link,
div#contentMatch p a:visited{
color:#999999;
}
div#contentMatch p a:link,
div#contentMatch p a:visited{
color:#999999;
}
div#contentMatch p a:hover{
color:#996600;
}
/* ----- lmark ----- */
div#lmark{
width:100%;
position:relative;
margin-top:10px;
}
div#lmark p{
color:#666;
font-size:9px;
*font-size:8px;
line-height:1.2;
padding-left:55px;
}
div#lmark p img{
padding:0 10px 0 5px;
position:absolute;
left:0;
top:0;
}

/* utilityWindow01
   [memo] copied from home.css
   [note] DONOT EDIT WITHOUT DESIGN-GROUP-MEMBER
---------------------------------------------------------- */
div.utilityWindow01{
clear:both;
width:290px;
padding:5px;
background:url("http://img.mixi.jp/img/basic/common/bg_utility_window001.png");
*background:#fcc47a;
position: absolute;
display: none;
}
div.utilityWindow01 div.contentStage{
background:#fff;
}
/* utilityWindow02
   [memo] copied from home.css
   [note] DONOT EDIT WITHOUT DESIGN-GROUP-MEMBER
---------------------------------------------------------- */
/*---- utilityWindow02 ----*/
div.utilityWindow02{
clear:both;
width:590px;
padding:5px;
background:url("http://img.mixi.jp/img/basic/common/bg_utility_window001.png");
*background:#fcc47a;
position: absolute;
}
div.utilityWindow02 div.layerHeading02{
background:url(http://img.mixi.jp/img/basic/list_friend/heading10_bg001.gif) no-repeat -1px -1px;
margin-bottom:0;
height:23px;
line-height:23px;
border:1px solid #fbb14e;
border-bottom:none;
}
div.utilityWindow02 div.layerHeading02 h2{
font-weight:bold;
margin-left:20px;
}
div.utilityWindow02 div.contents{
clear:both;
background:#ffffff;
border:1px solid #fbb14e;
border-top:none;
}
div.utilityWindow02 div.groupList{
background:url(http://img.mixi.jp/img/basic/icon/group_transparent001.gif) no-repeat 10px 8px #f8f8f8;
padding:7px 10px 6px 32px;
color:#d6d6d6;
border-bottom:1px solid #d6d6d6;
}
div.utilityWindow02 div.groupList a.on {
background:#60AAC7;
border:1px solid #258FB8;
color:#FFFFFF;
padding:2px 4px;
text-decoration:none;
}
/* --- [add] mixi_app090623 --->> */
div.utilityWindow02 div.groupList p.naviBtn{
float:right;
text-align:left;
padding:0 0 0 10px;
}
div.utilityWindow02 div.groupList p.naviBtn a.btn_selectAllFriends{
display:block;
width:180px;
height:30px;
*font-wize:12px;
text-indent:-9999px;
background:url(http://img.mixi.jp/img/basic/common/btn_select_all_friends001.gif) no-repeat left top;
outline:0;
}
/* <<--- [add] mixi_app090623 --- */
div.utilityWindow02 div.pageNavigation01{
border:none;
width:588px;
}
div.utilityWindow02 div.pageList01{
position:relative;
background:#ebebeb;
}
div.utilityWindow02 div.pageList01 div.pageList03{
background:none;
padding:0 5px;
position:absolute;
top:2px;
right:0;
}
div.utilityWindow02 div.pageList01 div.pageList03 p{
color:#ffcd8f;
text-align:right;
}
div.utilityWindow02 div.generalInfo01{
background:url(http://img.mixi.jp/img/basic/common/dotline_horizontal002.gif) left bottom repeat-x #f8f8f8;
font-weight:bold;
padding:7px 10px;
}
div.utilityWindow02 div.generalInfo01 p{
color:#666666;
}
div.utilityWindow02 div.generalInfo01 p.red{
color:#ff0000;
}
/* --- [add] mixi_app090623 --->> */
div.utilityWindow02 div.generalInfo01 p.stateInfo{
float:right;
text-align:right;
font-size:83%;
font-weight:bold;
line-height:1.0;
}
div.utilityWindow02 div.generalInfo01 p.stateInfo .param{
font-size:160%;
}
/* <<--- [add] mixi_app090623 --- */
/*---- utilityWindow02 (friendList) ----*/
div.utilityWindow02  #friendList{
border:1px solid #fbb14e;
width:588px;
_position:relative;
}
div.utilityWindow02 #friendList table{
width:100%;
border-spacing:0;
border-collapse:collapse;
table-layout:fixed;
}
div.utilityWindow02 #friendList td,
div.utilityWindow02 #friendList th{
word-break:break-all;
}
/*---- utilityWindow02 (friendList - selectionView) ----*/
div.utilityWindow02 .selectionView{
border:none !important;
background:#fff;
}
div.utilityWindow02 .selectionView.expand{
height:auto;
overflow-y:auto;
border-right:1px solid #ccc !important;
border-bottom:none !important;
}
div.utilityWindow02 .selectionView table{
*width:auto !important;
}
div.utilityWindow02 .selectionView .thumbnail{
float:left;
width:40px;
height:40px;
margin:0 4px 0 0;
}
div.utilityWindow02 .selectionView th{
vertical-align:top;
text-align:left;
padding:5px 5px 0 5px;
border-right:1px solid #ccc;
background:#fff;
}
div.utilityWindow02 .selectionView td{
vertical-align:top;
text-align:right;
padding:0 5px 5px 5px;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
background:#fff;
}
div.utilityWindow02 .selectionView td.last{
border-bottom:none;
}
div.utilityWindow02 .selectionView .selected{
background:#d2ebf5 url(http://img.mixi.jp/img/basic/list_friend/selected_bg001.gif) no-repeat right top;
}
div.utilityWindow02 .selectionView td.rightmost,
div.utilityWindow02 .selectionView th.rightmost{
border-right:none;
}
div.utilityWindow02 .selectionView .nickname{
padding-right:15px;
}
div.utilityWindow02 div.loading{ 
text-align:center; 
padding:25px 0; 
border:1px solid #FBB14E; 
background:#FFFFFF; 
border-top:none; 
border-bottom:none; 
} 
div.utilityWindow02 .selectionView .exclusion{ 
background:#f2f2f2; 
color:#999999; 
} 
div.utilityWindow02 .selectionView .exclusion a{ 
cursor:default; 
} 
/*---- utilityWindow02 (slideList01)  ----*/
div.utilityWindow02 div.layerHeading02{
position:relative;
}
div.utilityWindow02 div.layerHeading02 span{
position:absolute;
top:4px;
right:5px;
}
/*---- utilityWindow02 (finishWindow)  ----*/
div.utilityWindow02 .messageArea{
margin-bottom:0;
}
div.utilityWindow02 .messageArea .heading{
background:url(http://img.mixi.jp/img/basic/heading/layer_contents001.gif) no-repeat 0px 0px;
padding-left:20px;
height:24px;
line-height:24px;
}
div.utilityWindow02 .messageArea .heading h3{
font-weight:bold;
}
div.utilityWindow02 .messageArea .contents{
background:#fee7c6;
}
/*---- ErrorWindow ----*/
#errorWindow {
position:absolute;
top:0;
left:0;
z-index:100;
width:100%;
background-color:#fff;
}
#errorWindowBody {
display:block;
position:absolute;
top:0;
left:80px;
z-index:101;
width:550px;
*background:#fcc47a;
}
#errorWindowBody div.contentStage{
background:#fff;
border:1px solid #FBB14E;
}
#errorWindowBody #errorArea{
border:none;
width:auto;
padding:20px 0 23px;
margin:0;
background:#eee;
}
#errorWindowBody #errorArea div.contents{
border:none;
width:auto;
margin:0;
padding:24px 40px 21px 171px;
}
#errorWindowBody #errorArea .formButtons01{
background:#eee;
text-align:center;
padding-top:18px;
}
#errorWindowBody #errorArea div.contents{
background-position:110px 50%;
}



html:first-child div.headerNavigationRight ul.serviceNavigation li {
width:auto!important;
#
}
html:first-child div.headerNavigationRight ul.serviceNavigation li a {
text-indent:0 !important;
background:none!important;
display:inline;
float:none;
text-decoration:underline;
font-size:100%;
}
html:first-child div.personalNavigation01 ul li {
width:auto!important;
margin-right:40px;
}
html:first-child div.personalNavigation01 ul li a {
text-indent:0 !important;
background:none!important;
display:inline;
float:none;
text-decoration:underline;
}
html:first-child div.personalNavigation01 ul li a.pullButton {
display:none;
}
html:first-child div.headerNavigationBottom ul.globalNavigation01 li {
width:auto!important;
margin-right:10px;
}
html:first-child div.headerNavigationBottom ul.globalNavigation01 li a {
text-indent:0 !important;
background:none!important;
display:inline;
float:none;
text-decoration:underline;
}

/* home */html:first-child table.iconListTable td a,
/* list_community */html:first-child div.iconList03 ul li div div a.iconTitle,
/* list_friend */html:first-child #friendList .thumbnail {
text-indent:0 !important;
}