@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document
  url("http://mixi.jp/"),
  url-prefix("http://mixi.jp/home.pl"),
  url-prefix("http://mixi.jp/show_profile.pl"),
  url-prefix("http://mixi.jp/show_friend.pl"),
  url-prefix("http://mixi.jp/view_diary.pl")
{
/* reset css */
  html,body,div,span,
  applet,object,iframe,
  h1,h2,h3,h4,h5,h6,p,blockquote,pre,
  a,abbr,acronym,address,big,cite,code,
  del,dfn,em,font,img,ins,kbd,q,s,samp,
  small,strike,strong,sub,sup,tt,var,
  dd,dl,dt,li,ol,ul,
  fieldset,form,label,legend,
  table,caption,tbody,tfoot,thead,tr,th,td {
    margin: 0 !important;
    padding: 0 !important;
    border: 0;
    font-weight: normal;
    font-style: normal;
    font-size: 100% !important;
    line-height: 1.5 !important;
    font-family: inherit;
    text-align: left;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  ol,ul {
    list-style: none;
  }
  q:before,q:after,
  blockquote:before,blockquote:after {
    content: "";
  }

  /* clearfix */
  .clearfix:after{/*for modern browser*/
      content:".";
      display: block;
      height:0px;
      clear:both;
      visibility:hidden;
  }
  
  /* 余計なのを消す */
  #pagetop,
  .adBanner,
  #searchCategories,
  #contentsTop div.information h2,
  #contentsTop div.information dl dt,
  #contentsTop div.information dl dd,
  #mymixiUpdate .heading01
  {
    display: none !important;
  }
  #contentsTop div.information dl dt.emphasis01,
  #contentsTop div.information dl dt.emphasis01+dd
  {
    display: block !important;
  }
  #contentsTop div.information dl dt.emphasis01+dd
  {
    padding-left: 20px !important;
  }
  /* 3カラム目を消す */
  #bodySub {
    display:none;
  }

/******************/
/*  トップページ  */
/******************/


  /* 幅指定を直していく */
  #bodyArea,
  #bodyMainArea,
  #diarySearch,
  div.information div.contents,
  #contentsTop
  {
    width: 100% !important;
  }
  /* 左と右を概ね３：７に */
  #bodySide     { width: 30% !important; margin-left: 1% !important; }
  #bodyContents { width: 66% !important; margin-left: 2% !important; }
  
  #bodyMainAreaSub  { width: 25% !important; margin-left: 1% !important; }
  #bodyMainAreaMain { width: 71% !important; margin-left: 2% !important; }
  
  /* トップのマージン */
  #contentsTop,
  #profile,
  div.diaryTitleFriend
  {
    margin-top: 0.5em !important;
  }
  
  /* 共通 */
  div.contents > ul,
  div.contents > dl,
  div.contents > p
  {
    margin-left: 0.5em !important;
  }
  
  /* 左カラム */
  #myProfile, #mymixiList, #communityList { width:100% !important; margin: 0 auto !important; }
  
  .contents01, .contents02, .contents02 ul { margin: 0 auto !important; text-align:center !important; }
  .contents02{ width:100% !important; }
  
  /* profile */
  #myProfile {
    margin: 0.5em 0 !important;
  }
  #myProfile h3 { text-align: center; }
  #myProfile .contents01    { width:16em !important; }
  #myProfile .contents01 p  { text-align: center !important; margin: 0 auto; }
  #myProfile .contents02 ul { width:18em !important; padding: 5px 0 !important; }
  
  #myProfile li {
    padding-left: 20px !important;
    display: inline !important;
    float: none !important;
  }
  #myProfile li.showMorePhoto,
  #myProfile li.photoChange { width:7em !important; }
  #myProfile li.profileEdit { width:9em !important; }
  
  #myProfile p.statusIcon { display:none; }
  
  /* マイミク, コミュ */
  #bodySide div.listBox01 {
    background: none #FFFFFF !important;
    border: 0 !important;
    margin-bottom: 0.5em !important;
  }
  #bodySide        div.listBox01 h2,
  #bodyContents    div.heading01,
  #bodyMainAreaSub div.heading
  {
    background: #FBE9CF url(http://img.mixi.jp/img/basic/common/bg_search_form001.gif) repeat-x scroll 0% !important;
    border: 1px solid #FBB14E !important;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
  }
  #myUpdate div.contents, 
  #intro    div.contents,
  #bodyMainAreaSub div.contents
  {
    border: 1px solid #FBB14E !important;
    border-top: 0px !important;
  }
  

  #bodySide div.listBox01 h2,
  #bodySide div.listBox01 div.contents {
    width: 100% !important;
    padding: 3px 0 3px 5px !important;
  }
  
  #bodySide div.listBox01 div.contents {
    background: none #FFFFFF !important;
  }
  
  /* マイミクとコミュニティのテーブル */
  #bodySide table.iconListTable {
    width: 100% !important;
    background: none !important;
  }
  #bodySide table.iconListTable tr {
    background: none !important;
  }
  #bodySide table.iconListTable td {
    width: 32% !important;
    border: 1px dotted #FBB14E !important;
    border-width: 0 0 1px 1px !important;
    padding: 3px !important;
    margin: 1% !important;
  }
  #bodySide table.iconListTable tr td:first-child {
    border-left: 0 !important;
  }
  
  #bodySide table.iconListTable td * {
    margin: 0 auto !important;
    text-align: center !important;
  }
  #bodySide div.listBoxUtility01 {
    width: 100% !important;
    margin-right: 0.5em !important;
  }
  #bodySide div.utilityLinks01 li {
    padding-left: 20px !important;
  }
  
  #bodySide dl.actionIcon01 {
    padding-top: 10px !important;
  }
  #bodySide dl.actionIcon01 {
    width: 6em !important;
    margin-left: 0.5em !important;
  }

  /* 右カラム */
  p.moreLink01 { text-align: left; }
  p.moreLink01 a { padding-left: 16px !important; }
  
  #bodyContents div.heading02 {
    width: 100% !important;
    background: #F2F2F2 url(http://img.mixi.jp/img/basic/common/left_box_bg004.gif) repeat-x scroll center top !important;
    padding: 3px 0 !important;
    margin-bottom: 0.5em !important;
  }
  #bodyContents div.heading02 h3 {
    padding-left: 3px !important;
  }
  #mymixiUpdate {
    margin-top: 0.5em !important;
  }
  #mymixiUpdate div.contents {
    padding-left: 5px !important;
  }
  
  /* 日時とタイトル */
  dl.contentsList01 dt {
    width: 6.5em !important;
  }
  dl.contentsList01 dt span {
    padding-left: 20px !important;
  }
  dl.contentsList01 dd {
    width: auto !important;
    padding-left: 20px !important;
  }
  
  #myUpdate,
  #intro
  {
    width: 100% !important;
    margin: 0.5em 0 !important;
  }
  #bodyContents .heading01,
  #intro .heading01 {
    padding: 3px 0 3px 5px !important;
  }
  
  dl.contentsList02 dd dl dt span {
    padding-left: 20px !important;
  }
  ul.actionIcon03 li.diary  { width:  7em !important; }
  ul.actionIcon03 li.movie  { width: 12em !important; }
  ul.actionIcon03 li.photo  { width: 12em !important; }
  ul.actionIcon03 li.review { width:  9em !important; }
  ul.actionIcon03 li a {
    padding-left: 20px !important;
  }
  
  #intro .contents dl dt { width: 20% !important; }
  #intro .contents dl dd { width: 80% !important; margin-bottom: 0.5em !important; }
  #intro .contents dl { margin-top: 0.5em !important; }
  #intro .contents dl dd p { padding: 3px; }


/******************/
/*   個人の日記   */
/******************/
  
  div.diaryTitleFriend {
    width: 100%;
    padding-top: 5px !important;
  }
  
  div.diaryTitleFriend h2 {
    margin-left: 50px !important;
  }
  
  /* 左カラム */
  #bodyMainAreaSub > div {
    margin: 0.5em 0 !important;
  }
  
  #bodyMainAreaSub div.diaryCalendar
  #bodyMainAreaSub div.heading,
  #bodyMainAreaSub div.contents
  {
    width: 97% !important;
    padding: 3px 5px !important;
  }
  
  #bodyMainAreaSub p.moreLink01 {
    margin-left: 0 !important;
  }
  
  
  /* カレンダ */
  .diaryCalendar {
    background: none white !important;
  }
  .diaryCalendar > div {
    margin: 0 auto !important;
  }
  .diaryCalendar td span {
    text-align: center;
  }
  
  
  /* 最近の日記とか */
  .contentsListDiary li,
  .seeContentsList {
    padding-left: 20px !important;
  }
  .diaryHistory dd li {
    width: 3em !important;
  }

  /* 日記 */
  .listDiaryTitle dt { width: 22em !important; }
  .listDiaryTitle dd { width: 12em !important; }
  
  .viewDiaryBox {
    width: 97% !important;
    margin: 0.5em 0 1em 0 !important;
  }
  .txtconfirmArea {
    width: 98% !important;
    padding: 1% !important;
  }

  #profile,
  #bodyContents #myUpdate
  {
    margin-bottom: 1em !important;
  }
  
  #bodyContents #newFriendDiary,
  #bodyContents #newComment,
  #bodyContents #newBbs,
  #bodyContents #newVideo,
  #bodyContents #newAlbum,
  #bodyContents #newPlaylist,
  #bodyContents #newReview {
    border: 1px solid #ccc;
    margin-bottom: 1em !important;
  }
  
  #bodyMainArea div.heading04,
  #bodyContents div.heading05
  {
    height: auto !important;
  }
  #bodyMainArea div.heading04,
  #bodyContents div.heading05,
  #bodyMainArea div.diaryCommentbox,
  #bodyMainArea div.diaryCommentboxLast
  {
    width:98% !important;
    background: #FBE9CF url(http://img.mixi.jp/img/basic/common/bg_search_form001.gif) repeat-x scroll 0% !important;
    border: 1px solid #FBB14E;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    padding: 3px 0 0 0 !important;
    margin-bottom: 0.5em !important;
  }
  
  .writecomtitle p.writecomment {
    background: none !important;
  }
  
  .diaryMainArea02 > .diaryCommentbox:before {
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
  }
  .diaryMainArea02 {
    border: 0 !important;
  }
  
  .diaryCommentbox .commentList01 .commentTitle,
  .diaryCommentboxLast .commentList01 .commentTitle,
  .diaryCommentboxReply
  {
    width: 98% !important;
  }
  .diaryCommentbox dt,
  .diaryCommentboxLast dt,
  .commentList01 .commentTitle
  {
    height: 1.2em !important;
  }
  .commentList01 .commentTitle .commentTitleDate {
    width: 15em !important;
  }
  .commentTitleName {
    padding-left: 5px !important;
  }
  .commentList01 dd {
    background: none white !important;
    padding-left: 5px !important;
  }
  
  .pageNavigation01,
  .pageList04,
  .listBoxUtility01
  {
    width: 98% !important;
    margin: 1em 0 !important;
  }
  .pageList04 .pageLeft,
  .pageList04 .pageRight
  {
    width:23% !important;
  }
  .pageList04 .pageCenter{
    width:52% !important;
  }


/******************/
/*  プロフィール  */
/******************/
  
  div#profile ul li dl dt {
    width: 18% !important;
    padding: 0.1em 0 0.1em 0.1em !important;
    background: #FFF3E2;
  }
  div#profile ul li dl dd {
    width: 81% !important;
    padding: 0.1em 0 0.1em 0.1em !important;
  }
   div#profile ul {
    border-top: 1px solid #FBB14E !important;
  }
   div#profile ul li {
    background: white !important;
    border: 1px solid #FBB14E !important;
    border-top: 0 !important;
  }
  div.heading04 dl dt,
  div.heading04 dl dd
  {
    width: auto !important;
  }
}