body { margin: 0; padding: 0 }
img { border-style: none; outline-style: none }
a:link  { color: #00d }
a:visited  { color: #66f }
a:hover { color: #c60; text-decoration: underline }
a:active { color: red }

img.photo {margin: 10px;}
.thumbnail img {margin: 10px;}
.profilePhoto img {margin: 10px;}

/*class for hide item*/
.hidden { display: none; }
/*common elements*/
.contents                { background-color: transparent; padding-top: 5px; padding-bottom: 5px; clear: both }
.item                  { background-image: url("images/skins/skin0/bg-module.jpg"); margin-bottom: 5px; border: solid 1px gray }
.item .contents    { background-color: white; background-image: none; margin: 5px 10px; padding: 5px; clear: both; border: solid 5px white }
.header             { font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; font-weight: bolder; background-image: url("images/skins/skin0/bg-header.jpg"); background-repeat: repeat-x; padding: 5px 10px; border-top: medium none gray; border-bottom: 1px none gray }
.footer        { font-size: 90%; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; text-align: right; padding: 5px 10px; clear: both }
.comment { padding: 5px 10px }
.caution { color: white; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; font-weight: bold; background-color: red; padding: 3px }
/*menu select tab*/
.moduleTabTable    { width: 100% }
.moduleTab            { font-size: 90%; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; font-weight: bolder; background-color: white; background-image: url("images/headbg-family.gif"); text-align: center; padding: 3px 0 0; height: 25px; overflow: hidden; border-style: solid; border-width: medium 1px 1px; border-color: #ddd #ddd #eee #eee; -moz-opacity: 0.8; filter: Alpha(opacity=80) ; opacity: 0.8         }
.moduleTabSelected         { font-size: 110%; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; font-weight: bold; background-color: #dd9; background-image: url("images/skins/skin0/bg-header.jpg"); background-repeat: repeat-x; text-align: center; padding: 1px 0 0; height: 27px; overflow: hidden; border-style: solid solid none none; border-width: medium 1px 1px; border-color: gray #ccc gray gray }
.moduleIcon    { margin: 0; padding: 0; width: 16px; height: 16px; vertical-align: middle }
/*main frame*/
.container     { margin-right: 10%; margin-left: 10%; border-right: 1px none gray; border-left: 1px none silver }
.mainmenu     { background-color: white; background-repeat: repeat-x; padding: 5px 10px; height: 20px; border-top: medium solid #333; -moz-opacity: 0.8; filter: Alpha(opacity=80) ; opacity: 0.8   }
.title             { font-size: 150%; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; font-weight: bold; background-image: url("images/headbg-family.gif"); padding-top: 10px; padding-right: 10px; padding-left: 10px; height: 70px; vertical-align: middle; -moz-opacity: 0.7; filter: Alpha(opacity=70) ; opacity: 0.7     }

.username           { font-size: 110%; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; background-image: url("images/headbg-family.gif"); text-align: right; padding-right: 10px; padding-left: 10px; height: 30px; -moz-opacity: 0.7; filter: Alpha(opacity=70) ; opacity: 0.7      }
.username2             { font-size: 110%; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; background-image: url("images/headbg-family.gif"); text-align: left; padding-right: 10px; padding-left: 10px; height: 30px; -moz-opacity: 0.7; filter: Alpha(opacity=70) ; opacity: 0.7        }

.copyright   { color: white; font-size: 80%; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; background-color: #333; background-repeat: repeat-x; text-align: center; padding: 5px 10px; clear: both; border-top: 1px solid #999; border-bottom: 1px solid #666 }
.module    { padding: 0; border-top: 2px #dd9 }
.sidebar  { width: 30% }
.sidebar .header   { background-color: transparent; border-top: 0 none; border-bottom: 1px dotted #999 }
/*nagaya*/
.nagaya  { background-color: white; background-image: url(images/skins/bg/bg-nagaya.jpg); background-repeat: no-repeat; background-attachment: fixed }
.nagayaMenu      { font-size: 110%; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; background-color: white; background-image: url("images/nagaya-line.gif"); background-repeat: repeat-x; text-align: right; padding-top: 5px; padding-right: 10px; padding-left: 10px; height: 30px; -moz-opacity: 0.8; filter: Alpha(opacity=80) ; opacity: 0.8         }
/*menu*/
.menu           { background-image: url("images/skins/skin0/bg-module.jpg"); margin: 0; padding: 5px 10px; height: 20px; min-height: 20px; max-height: 100px }
.menu2   { background-color: white; margin: 5px; padding: 5px; border: solid 2px red }
.menuButton     { font-size: 90%; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; margin-left: 5px; padding-right: 5px; padding-left: 5px; border-left: 1px dotted gray }
.menuIcon    { margin: 0; padding: 0; vertical-align: bottom }
/*list table design*/
.listTable    { background-color: #666; margin: 0; padding: 0; width: 100%; border-width: 0; outline-width: 0 }
.listTH   { color: white; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; font-weight: bolder; background-color: gray }
.listTR1  { background-color: #eee; border-bottom: 1px dotted gray }
.listTR2 { background-color: #fff }
/*familigo! common pages*/
.familigo  { background-color: white; background-image: url("images/skins/bg/bg0.jpg"); background-repeat: no-repeat; background-attachment: fixed }
.logoTop { margin: 0; padding: 0; width: 300px; height: 100px; float: left }
.familigoTable   { cellpadding: 10px   }
.logoTD  { background-color: white; width: 29%; height: 100px; max-width: 300px; -moz-opacity: 0.8; filter: Alpha(opacity=80) ; opacity: 0.8  }
.familigoTD    { background-color: white; text-align: center; width: 70%; -moz-opacity: 0.8; filter: Alpha(opacity=80) ; opacity: 0.8    }
.familigoTD2  { background-color: white; vertical-align: top  }
/*profile menu*/
.profilePhoto   { background-color: black; text-align: center; padding: 0; width: 100px; height: 100px; max-height: auto; border: solid 1px silver }
.profileHeader  { width: 20%; vertical-align: top }
.profileCaption { vertical-align: top }
.profileMenu { vertical-align: bottom }
/*photo menu*/
.photoList      { font-family: "Courier New", Courier, Monaco, monospace; font-weight: bolder }
.photoScrollList  { height: 180px; overflow: scroll }
.thumbnail       { color: orange; background-color: black; margin: 5px; padding: 5px; width: 100px; height: 160px; float: left; overflow: hidden }
.thumbnail2     { color: orange; background-color: black; margin: 5px; padding: 5px; width: 180px; height: 240px; float: left; overflow: hidden }
.photoTitle   { font-family: "Courier New", Courier, Monaco, monospace; font-weight: bolder; padding-top: 0; padding-bottom: 2px; height: 40px; overflow: hidden }
/*calendar menu : calendar table*/
.calendar { width: 100% }
.calendarS { width: 100% }
.calMonth { text-align: center; border-bottom: 1px solid silver }
.calWeek { background-color: white; text-align: center; -moz-opacity: 0.9; filter: Alpha(opacity=90) ; opacity: 0.9 }
.Sunday { background-color: #fcc }
.Saturday { background-color: #cdf }
.calDay       { background-color: white; width: 14%; height: 50px; min-height: 30px; vertical-align: top; border: solid 1px gray; -moz-opacity: 1; filter: Alpha(opacity=100) ; opacity: 1     }
.calDaySelected       { background-color: white; background-image: none; border: solid 2px orange; -moz-opacity: 1; filter: Alpha(opacity=100) ; vertical-align: top; opacity: 1      }
.calItem    { background-color: white; margin-top: 1px; border: solid 2px orange }
.calItem .header { font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; font-weight: bolder; background-color: white; padding: 5px; border-style: none }
.calItem .contents            { background-color: white; background-image: none; padding: 5px 10px; clear: both }
.calItem .contents .menu  { background-image: none; margin: 0; padding: 5px 10px; height: 20px; border-style: none; -moz-opacity: 0.9; filter: Alpha(opacity=90) ; opacity: 0.9         }
.calendarS .calDay { width: 14%; height: 20px; min-height: 30px; border: solid 1px silver }
/*other local design rule cascades*/
.familigo .container  { margin-right: 10%; margin-left: 10%; border-right: 1px none gray; border-left: 1px none silver }
.familigo .contents    { background-color: white; background-image: none; padding: 5px 10px 1px; clear: both }
.familigo .item   { background-image: url("images/skins/skin0/bg-module.jpg"); border: solid 1px #eec }
.familigo .header    { font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; font-weight: bolder; background-image: none; padding: 5px; border-top: medium solid orange; border-bottom: 1px none gray }
.title a:link { color: #00d; text-decoration: none }
.title a:visited { color: #66f; text-decoration: none }
.title a:hover { color: #c60; text-decoration: underline }
.username a:link { color: #00d; text-decoration: none }
.username a:visited { color: #66f; text-decoration: none }
.username a:hover { color: #c60; text-decoration: underline }
.username2 a:link { color: #00d; text-decoration: none }
.username2 a:visited { color: #66f; text-decoration: none }
.username2 a:hover { color: #c60; text-decoration: underline }
.menuButton a:link { color: #00d; text-decoration: none }
.menuButton a:visited { color: #66f; text-decoration: none }
.menuButton a:hover { color: #c60; text-decoration: underline }
.moduleTab a:link { color: #00d; text-decoration: none }
.moduleTab a:visited { color: #66f; text-decoration: none }
.moduleTab a:hover { color: #c60; text-decoration: underline }
.moduleTabSelected a:link { color: #00d; text-decoration: none }
.moduleTabSelected a:visited { color: #66f; text-decoration: none }
.moduleTabSelected a:hover { color: #c60; text-decoration: underline }
.photoList a:link   { color: #fff }
.photoList a:visited  { color: #999 }
.photoList a:hover { color: #ec9; text-decoration: underline }
.thumbnail .contents  { background-color: black; background-image: none; text-align: center; margin: 0; padding: 0; width: 100px; height: 100px; overflow: hidden; border-style: none }
.thumbnail .footer   { font-size: 90%; font-family: "Courier New", Courier, Monaco, monospace; text-align: right; padding: 0 5px 2px; height: 10px; clear: both }
.thumbnail2 .photoTitle   { font-family: "Courier New", Courier, Monaco, monospace; font-weight: bolder; background-color: black; padding: 0 5px 2px; height: 40px; border-style: none; border-width: medium medium 1px; border-color: gray  }
.thumbnail2 .contents  { background-color: black; background-image: none; text-align: center; margin: 0; padding: 0; width: 180px; height: 180px; overflow: hidden; border-style: none }
.thumbnail2 .footer   { font-size: 90%; font-family: "Courier New", Courier, Monaco, monospace; text-align: right; padding: 0 5px 2px; height: 10px; clear: both }
/*skins for user page*/
.bgSkin0   { background-image: url("images/skins/bg/bg0.jpg"); background-repeat: no-repeat; background-attachment: fixed }
.bgSkin1   { background-image: url("images/skins/bg/bg1.jpg"); background-repeat: no-repeat; background-attachment: fixed }
.bgSkin2   { background-image: url("images/skins/bg/bg2.jpg"); background-repeat: no-repeat; background-attachment: fixed }
.bgSkin3   { background-image: url("images/skins/bg/bg3.jpg"); background-repeat: no-repeat; background-attachment: fixed }
.bgSkin4   { background-image: url("images/skins/bg/bg4.jpg"); background-repeat: no-repeat; background-attachment: fixed }
.bgSkin5   { background-image: url("images/skins/bg/bg5.jpg"); background-repeat: no-repeat; background-attachment: fixed }
.bgSkin6   { background-image: url("images/skins/bg/bg6.jpg"); background-repeat: no-repeat; background-attachment: fixed }
.bgSkin7   { background-image: url("images/skins/bg/bg7.jpg"); background-repeat: no-repeat; background-attachment: fixed }
.bgSkin8   { background-image: url("images/skins/bg/bg8.jpg"); background-repeat: no-repeat; background-attachment: fixed }
.bgSkin9   { background-image: url("images/skins/bg/bg9.jpg"); background-repeat: repeat }
.bgSkin10   { background-image: url("images/skins/bg/bg10.jpg"); background-repeat: repeat }
.bgSkin11   { background-image: url("images/skins/bg/bg11.jpg"); background-repeat: repeat }
.bgSkin12   { background-image: url("images/skins/bg/bg12.jpg"); background-repeat: repeat }
.bgSkin13   { background-image: url("images/skins/bg/bg13.jpg"); background-repeat: repeat }
.bgSkin14   { background-image: url("images/skins/bg/bg14.jpg"); background-repeat: repeat }
.bgSkin15   { background-image: url("images/skins/bg/bg15.jpg"); background-repeat: repeat }
.bgSkin16   { background-image: url("images/skins/bg/bg16.jpg"); background-repeat: repeat }
.bgSkin17   { background-image: url("images/skins/bg/bg17.jpg"); background-repeat: repeat }
.bgSkin18   { background-image: url("images/skins/bg/bg18.jpg"); background-repeat: repeat }
.bgSkin19   { background-image: url("images/skins/bg/bg19.jpg"); background-repeat: repeat }
.bgSkin20   { background-image: url("images/skins/bg/bg20.jpg"); background-repeat: repeat }
.bgSkin21   { background-image: url("images/skins/bg/bg21.jpg"); background-repeat: repeat }
.bgSkin22   { background-image: url("images/skins/bg/bg22.jpg"); background-repeat: repeat }
.bgSkin23   { background-image: url("images/skins/bg/bg23.jpg"); background-repeat: repeat }
.bgSkin24   { background-image: url("images/skins/bg/bg24.jpg"); background-repeat: repeat }
.bgSkin25   { background-image: url("images/skins/bg/bg25.jpg"); background-repeat: repeat }
.bgSkin26   { background-image: url("images/skins/bg/bg26.jpg"); background-repeat: repeat }
.bgSkin27   { background-image: url("images/skins/bg/bg27.jpg"); background-repeat: repeat }
.bgSkin28   { background-image: url("images/skins/bg/bg28.jpg"); background-repeat: repeat }
.bgSkin29   { background-image: url("images/skins/bg/bg29.jpg"); background-repeat: repeat }

.bgSkin-1 { background-image: none; background-repeat: repeat; background-attachment: fixed }
.bgSkin101 { background-image: none; background-repeat: no-repeat; background-attachment: scroll }
.bgSkin102 { background-image: none; background-repeat: no-repeat; background-attachment: fixed }
.bgSkin103 { background-image: none; background-repeat: repeat; background-attachment: scroll }
.bgSkin104 { background-image: none; background-repeat: repeat-x; background-attachment: scroll }
.bgSkin105 { background-image: none; background-repeat: repeat-x; background-attachment: fixed }
.bgSkin106 { background-image: none; background-repeat: repeat-y; background-attachment: scroll }

.contentsSkin0  { }
.contentsSkin0 .moduleTabSelected      { background-image: url("images/skins/skin0/bg-header.jpg"); background-repeat: repeat-x; border-top: medium solid gray }
.contentsSkin0 .header      { background-image: url("images/skins/skin0/bg-header.jpg"); background-repeat: repeat-x }
.contentsSkin0 .menu     { background-image: url("images/skins/skin0/bg-module.jpg") }
.contentsSkin0 .item     { background-image: url("images/skins/skin0/bg-module.jpg") }
.contentsSkin0 .calDay     { background-image: url("images/skins/skin0/bg-module.jpg") }
.contentsSkin1  { }
.contentsSkin1 .moduleTabSelected    { background-image: url("images/skins/skin1/bg-header.jpg"); background-repeat: repeat-x }
.contentsSkin1 .header   { background-image: url("images/skins/skin1/bg-header.jpg"); background-repeat: repeat-x }
.contentsSkin1 .menu     { background-image: url("images/skins/skin1/bg-module.jpg") }
.contentsSkin1 .item    { background-image: url("images/skins/skin1/bg-module.jpg") }
.contentsSkin1 .calDay    { background-image: url("images/skins/skin1/bg-module.jpg") }
.contentsSkin2  { }
.contentsSkin2 .moduleTabSelected    { background-image: url("images/skins/skin2/bg-header.jpg"); background-repeat: repeat-x }
.contentsSkin2 .header   { background-image: url("images/skins/skin2/bg-header.jpg"); background-repeat: repeat-x }
.contentsSkin2 .menu     { background-image: url("images/skins/skin2/bg-module.jpg") }
.contentsSkin2 .item    { background-image: url("images/skins/skin2/bg-module.jpg") }
.contentsSkin2 .calDay    { background-image: url("images/skins/skin2/bg-module.jpg") }
.contentsSkin3  { }
.contentsSkin3 .moduleTabSelected    { background-image: url("images/skins/skin3/bg-header.jpg"); background-repeat: repeat-x }
.contentsSkin3 .header   { background-image: url("images/skins/skin3/bg-header.jpg"); background-repeat: repeat-x }
.contentsSkin3 .menu     { background-image: url("images/skins/skin3/bg-module.jpg") }
.contentsSkin3 .item    { background-image: url("images/skins/skin3/bg-module.jpg") }
.contentsSkin3 .calDay    { background-image: url("images/skins/skin3/bg-module.jpg") }
.contentsSkin4  { }
.contentsSkin4 .moduleTabSelected    { background-image: url("images/skins/skin4/bg-header.jpg"); background-repeat: repeat-x }
.contentsSkin4 .header   { background-image: url("images/skins/skin4/bg-header.jpg"); background-repeat: repeat-x }
.contentsSkin4 .menu     { background-image: url("images/skins/skin4/bg-module.jpg") }
.contentsSkin4 .item    { background-image: url("images/skins/skin4/bg-module.jpg") }
.contentsSkin4 .calDay    { background-image: url("images/skins/skin4/bg-module.jpg") }
.contentsSkin5  { }
.contentsSkin5 .moduleTabSelected    { background-image: url("images/skins/skin5/bg-header.jpg"); background-repeat: repeat-x }
.contentsSkin5 .header   { background-image: url("images/skins/skin5/bg-header.jpg"); background-repeat: repeat-x }
.contentsSkin5 .menu     { background-image: url("images/skins/skin5/bg-module.jpg") }
.contentsSkin5 .item    { background-image: url("images/skins/skin5/bg-module.jpg") }
.contentsSkin5 .calDay    { background-image: url("images/skins/skin5/bg-module.jpg") }
.contentsSkin6  { }
.contentsSkin6 .moduleTabSelected    { background-image: url("images/skins/skin6/bg-header.jpg"); background-repeat: repeat-x }
.contentsSkin6 .header   { background-image: url("images/skins/skin6/bg-header.jpg"); background-repeat: repeat-x }
.contentsSkin6 .menu     { background-image: url("images/skins/skin6/bg-module.jpg") }
.contentsSkin6 .item    { background-image: url("images/skins/skin6/bg-module.jpg") }
.contentsSkin6 .calDay    { background-image: url("images/skins/skin6/bg-module.jpg") }
/*menu thumbnail table :use in user home. not in use */
.moduleTable  { width: 100% }
.moduleTableCenter { vertical-align: top }
.moduleTableLeft { padding-right: 4px; width: 50%; vertical-align: top }
.moduleTableRight { padding-left: 4px; vertical-align: top }
.moduleThumb    { background-color: #eec; margin: 10px; padding: 0; border: solid 1px gray }
.moduleThumb .header { background-color: #dd9 }
.moduleThumb .contents .header { background-color: #eec }
/*
#news { background-image: url("images/module-news.gif"); background-repeat: no-repeat }
#intro { background-image: url("images/module-intro.gif"); background-repeat: no-repeat }
#profile { background-image: url("images/module-profile.gif"); background-repeat: no-repeat }
#photo { background-image: url("images/module-photo.gif"); background-repeat: no-repeat }
#blog { background-image: url("images/module-blog.gif"); background-repeat: no-repeat }
#bbs { background-image: url("images/module-bbs.gif"); background-repeat: no-repeat }
#log { background-image: url("images/module-log.gif"); background-repeat: no-repeat }
#friend { background-image: url("images/module-friend.gif"); background-repeat: no-repeat }
#calendar { background-image: url("images/module-calendar.gif"); background-repeat: no-repeat }
#bookmark { background-image: url("images/module-bookmark.gif"); background-repeat: no-repeat }
*/