@charset "utf-8";

/* card1 */
.moduleBoxTop   { margin-bottom: 6px; padding: 8px; border-style: solid; border-width: 4px 1px 1px; border-color: #693 #d1cecb #d1cecb }
/*.myPhoto    { background-image: url("/img/namecard/myPhotoBg.gif"); background-repeat: no-repeat; margin-bottom: 4px; margin-left: 6px; padding: 8px 12px 12px; width: 150px; height:150px; float: right }*/
.myPhoto    { background-repeat: no-repeat; margin-bottom: 4px; margin-left: 6px; padding: 8px 12px 12px; width: 150px; float: right; border: #c0c0c0 1px solid; background-color:#ffffff }
.catch  { margin-top: 0.6em; margin-bottom: 0.6em }
.moduleBoxTop h2  { font-size: large; margin-bottom: 1.6em }
.cardLine   { padding-top: 3px; padding-bottom: 2px; border-top: 1px dotted #d1cecb }
.cardQ { font-weight: bold; float: left }
.cardA  { padding-left: 11em }

.moduleBoxTop:after { content: ""; display: block; height: 0px; clear: both }
.moduleBoxTop { height: 100% }

/* cardkeyword */
.moduleBoxkeyTop    { background-image: url("/img/namecard/moduleKeyword_topG.gif"); background-repeat: no-repeat; padding-top: 4px }
.moduleBoxkey     { background-color: #eef5e6; margin: 0; padding: 4px 8px; border-right: 1px solid #d1cecb; border-left: 1px solid #d1cecb }
.moduleBoxkey h3    { font-size: small; line-height: 110%; margin: 0; padding: 0 0 6px }
.moduleBoxkeyEnd      { background-image: url("/img/namecard/moduleKeyword_endG.gif"); background-repeat: no-repeat; padding-bottom: 6px; height: 4px }

/* cardFriends */
.moduleBoxf  { margin-bottom: 6px; padding: 8px; border: solid 1px #d1cecb }
.moduleBoxf h3    { font-size: small; margin: 0 0 6px; padding: 0 }
.moduleBoxf ul  { list-style-type: none; margin: 0; padding: 0; display: inline }
.moduleBoxf li  { display: inline }

/* cardBlog */
.moduleBox  { margin-bottom: 6px; padding: 8px; border: solid 1px #d1cecb }
.moduleBox h3    { font-size: small; margin: 0 0 6px; padding: 0 }
.moduleBox ul  { list-style-type: none; margin: 0; padding: 0 }
.summary { margin-top: 2px; margin-bottom: 6px; padding-left: 6px; border-left: 4px solid #dce8d0 }
.date  { font-size: x-small }

/* cardset */
.card h2     { font-size: medium; background-color: #D1CECB; margin: 0 0 4px; padding: 4px 4px 4px 6px }
.card h3 { font-size: small; margin: 4px 0 6px; padding: 2px 2px 2px 4px; border: solid 1px #d1cecb }
.card h4   { font-size: small; margin: 1em 0 3px }
.cardBox     { padding: 8px }
.cardLine2     { margin-top: 6px; padding-top: 6px; height: 4px; border-top: 1px dotted #d1cecb }

.registmgn { padding: 1.2em 6px; border-style: solid; border-width: 4px 1px 1px; border-color: #d1cecb }
.red { color: #f00 }
.cntntBg    { background-color: #edebea; margin-top: 4px; margin-bottom: 1em; padding: 6px }
.weightN { font-weight: normal }

/* mail */
.pagenavi     { color: #817871; text-align: right; margin-top: 4px; margin-bottom: 4px }

.mailtab     { font-weight: bold; margin: 0; height: 24px }
.mailtab ul { list-style-type: none; margin: 0; padding: 0 }
.mailtab li     { background-image: url("/img/namecard/mailTab.jpg"); background-repeat: no-repeat; text-align: center; margin-right: 8px; padding-top: 2px; width: 161px; height: 22px; float: left }
.mailtab li a      { padding-right: 8px; position: relative; z-index: 1 }
.mailtab li a.selected        { display: block; position: relative; z-index: 3; height: 21px; border-bottom: 1px solid #fff }
.mailtab_underline      { margin: 0 0 1em; padding: 0; position: relative; top: -1px; border-top: 1px solid #693 }
.mailBox      { margin: 12px 18px; padding: 1px; border: solid 1px #d1cecb }
.mailheader { background-color: #edebea; padding: 4px }
.mailtx   { padding: 1em 1em 0.6em }
.mailtx2  { padding: 2px }

/* access */
.accesstab     { font-weight: bold; margin: 0; height: 24px }
.accesstab ul { list-style-type: none; margin: 0; padding: 0 }
.accesstab li     { background-image: url("/img/namecard/mailTab.jpg"); background-repeat: no-repeat; text-align: center; margin-right: 8px; padding-top: 2px; width: 161px; height: 22px; float: left }
.accesstab li a      { padding-right: 8px; position: relative; z-index: 1 }
.accesstab li a.selected        { display: block; position: relative; z-index: 3; height: 21px; border-bottom: 1px solid #fff }
.accesstab_underline      { margin: 0 0 1em; padding: 0; position: relative; top: -1px; border-top: 1px solid #693 }

.abox      { font-weight: bold; margin: 4px 0 1.8em; padding: 2px 10px; clear: left; border: solid 1px #b6b1ad }
.aboxmrgn  { margin-right: 18px; margin-left: 18px }
.aboxmrgn td  { padding-left: 6px }

.accesstab2               { font-weight: bold; margin: 0; height: 24px }
.accesstab2 div.parent    { margin: 0; padding: 0; position: relative; }
.accesstab2 div.up        { position:absolute; left:0px; top:0px;}
.accesstab2 div.down      { position:absolute; left:60px; top:13px;}
.accesstab2 span        { background-image: url("/img/mailTab2.gif"); background-repeat: no-repeat; text-align: center; margin-right: 8px; padding-top: 2px; width: 161px; height: 22px; float: left }
.accesstab2 a           { display: block; position: relative; height: 21px; border-bottom: 1px solid #693 }
.accesstab2 a.selected  { display: block; position: relative; height: 21px; border-bottom: 1px solid #ebf3e6 }
.accesstab2_underline_up   {position: absolute; top: 23px; background-color: #693;}
.accesstab2_underline_down {position: absolute; top: 36px; background-color: #693;}

.accesstab4               { font-weight: bold; margin: 0; height: 24px }
.accesstab4 div.parent    { margin: 0; padding: 0; position: relative; }
.accesstab4 div.up        { position:absolute; left:0px; top:0px;}
.accesstab4 div.down      { position:absolute; left:60px; top:13px;}
.accesstab4 span        { background-image: url("/img/mailTab4.gif"); background-repeat: no-repeat; text-align: center; margin-right: 8px; padding-top: 2px; width: 110px; height: 22px; float: left }
.accesstab4 a           { display: block; position: relative; height: 21px; border-bottom: 1px solid #693 }
.accesstab4 a.selected  { display: block; position: relative; height: 21px; border-bottom: 1px solid #ebf3e6 }
.accesstab4_underline_up   {position: absolute; top: 23px; background-color: #693;}
.accesstab4_underline_down {position: absolute; top: 36px; background-color: #693;}