@charset "utf-8";
html{
  font-size:10px;
  overflow-y:scroll;
}
body{
  margin:0;
  padding:0;
  background:var(--MXVAR-BASE-BACKGROUND-COLOR--base-normal, #fff);
  color:var(--MXVAR-BASE-COLOR--text-normal, #333);
  text-align:center;
  letter-spacing:0.05em;
  font-size:1.2rem;
  font-family:sans-serif;
  text-autospace:no-autospace;
}
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-weight:normal;
  font-style:normal;
  font-size:100%;
}
input,
textarea,
select{
  color:var(--MXVAR-BASE-COLOR--text-normal, #333);
  font-weight:inherit;
  font-size:inherit;
  font-family:inherit;
}
optgroup{
  font-family:inherit;
}
select{
  background-color:var(--MXVAR-BASE-BACKGROUND-COLOR--base-normal, #fff) !important;
}
address,
caption,
cite,
code,
dfn,
var{
  font-weight:normal;
  font-style:normal;
}
abbr,
acronym{
  border:0;
  font-variant:normal;
}
del,
u{
  text-decoration:none;
}
article,
aside,
figure,
footer,
header,
menu,
nav,
section,
figcaption,
time,
mark,
audio,
video{
  margin:0;
  padding:0;
  border:0;
  background:transparent;
}
.FRAME2016_page,
.FRAME2016_bodyArea{
  background:var(--MXVAR-BASE-BACKGROUND-COLOR--base-normal, #fff);
}
body{
  line-height:var(--MXVAR-BASE-LINE-HEIGHT--normal, 1.5);
}
.userInput{
  word-break:break-all;
  line-height:1.2;
}
a:link{
  color:var(--MXVAR-BASE-COLOR--text-link, #258fb8);
}
a:visited{
  color:var(--MXVAR-BASE-COLOR--text-link-visited, #258fb8);
}
a:hover,
a:active,
a:focus{
  color:var(--MXVAR-BASE-COLOR--text-link-focused, #996600);
}
div.myCommentHistory ul.myCommentList li a:visited,
.contentsFeedList01 a:visited,
.newFeedList a:visited,
ul.imageListTable01 div.info a:visited,
ul.mymixiFeed dl dd a:visited,
dl.feedList01 dd a:visited,
.STATE_ID2016_mixiNews ul li a:visited,
ul.entryList01 li dl dd a:visited,
ul.entryList01 li div.postData p.title a:visited,
.FRAME2016_bodyMainAreaSub .diaryDrafts .entryList a:visited,
.FRAME2016_bodyMainAreaSub .diaryFriend .entryList a:visited,
.FRAME2016_bodyMainAreaSub .diarySelf .entryList a:visited{
  color:var(--MXVAR-BASE-COLOR--text-link-visited, #996699);
}
.clearfix::after{
  content:" ";
  display:block;
  clear:both;
}
.FRAME2016_bodyArea::after{
  content:" ";
  display:block;
  clear:both;
}
input,
textarea{
  padding:2px;
  border:1px solid #dfdfdf;
  background-color:#fdf9f2;
}
form input:where(:focus),
form textarea:where(:focus){
  background-color:#f7f0e6;
}
.formBt01:focus{
  background:#5b524d;
}
.formBt02:focus{
  background:#e5e4e2;
}
.FRAME2016_page{
  position:relative;
  width:100%;
  margin:0 auto;
  text-align:left;
}
.FRAME2016_headerArea{
  width:1022px;
  margin:0 auto;
}
.FRAME2016_bodyArea{
  clear:both;
  width:1022px;
  margin:0 auto;
  padding:5px 0;
}
.bodyAreaInner{
  width:945px;
  margin-right:auto;
  margin-left:auto;
}
.FRAME2016_bodyMainArea{
  float:left;
  width:716px;
  padding-left:0 !important;
}
.FRAME2016_bodyMainArea02{
  float:left;
  width:712px;
  padding-left:0 !important;
}
.FRAME2016_bodyMainArea .FRAME2016_bodyMainAreaSub{
  float:left;
  width:165px;
}
.FRAME2016_bodyMainArea .FRAME2016_bodyMainAreaMain{
  float:right;
  width:546px;
}
.FRAME2016_bodyMainArea.withoutBodySub{
  float:none !important;
  margin-left:auto;
  margin-right:auto;
}
.FRAME2016_bodySide{
  float:left;
  width:270px;
  padding-right:5px;
}
.FRAME2016_bodySide01{
  float:left;
  clear:both;
  width:270px;
  padding-right:10px;
}
.FRAME2016_bodySide02{
  float:left;
  clear:both;
  width:220px;
  padding-right:10px;
}
.FRAME2016_bodyContents{
  float:right;
  width:441px;
}
.FRAME2016_bodyContents01{
  float:left;
  width:431px;
}
.FRAME2016_bodyContents02{
  float:left;
  width:482px;
}
.FRAME2016_bodySub{
  float:right;
  width:300px;
}
.FRAME2016_bodySub02{
  float:right;
  width:300px;
}
.FRAME2016_bodyBottomArea{
  clear:both;
  width:100%;
  padding:5px 0 0;
}
.FRAME2016_bodyClear{
  clear:both;
  height:0;
}
.FRAME2016_footerArea{
  clear:both;
  width:1022px;
  margin:0 auto;
}
body.popup .FRAME2016_bodyMainArea{
  float:none;
  margin:0 12px !important;
  text-align:left;
}
body.popup .FRAME2016_footerArea{
  width:716px;
  margin:0 12px !important;
  padding-top:27px;
}
body.popup .FRAME2016_footerArea address{
  padding-top:12px;
  background:url("/img/basic/common/dotline_horizontal002.gif") repeat-x left top;
}
body.popup,
body.iframe{
  background-image:none !important;
}
.FRAME2016_headerArea{
  padding-bottom:2px;
}
.FRAME2016_headerArea\$\$\$div--headerLogo{
  float:left;
  width:72px;
  padding:23px 10px 26px 20px;
}
a.FRAME2016_headerArea\$\$\$div--headerLogo\$\$\$a,
.FRAME2016_headerArea\$\$\$div--headerLogo\$\$\$a{
  display:block;
  height:30px;
  outline:none;
}
.FRAME2016_headerArea div.adBanner{
  float:right;
  width:468px;
  margin:5px 0 14px;
}
.FRAME2016_headerArea01{
  padding:10px 5px 2px;
  border-top:solid 5px #e0c074;
}
.FRAME2016_headerArea01\$\$\$a{
  display:inline-block;
}
.FRAME2016_headerArea01\$\$\$div--home{
  float:left;
}
.FRAME2016_headerArea01\$\$\$div--home\$\$\$a{
  padding-left:20px;
  background:url("/img/basic/icon/home001.gif") 0 50% no-repeat;
}
.FRAME2016_headerArea01\$\$\$ul--global{
  float:right;
  padding-left:5px;
}
.FRAME2016_headerArea01\$\$\$ul--global\$\$\$li{
  float:left;
  padding:0 0 0 10px;
}
.FRAME2016_headerArea01\$\$\$ul--local{
  float:right;
  border-right:solid 1px #ddd;
}
.FRAME2016_headerArea01\$\$\$ul--local\$\$\$li{
  float:left;
  padding-right:20px;
}
.FRAME2016_headerArea01::after,
.FRAME2016_headerArea01\$\$\$ul::after{
  content:" ";
  display:block;
  clear:both;
}
body.logout .FRAME2016_headerArea{
  padding-bottom:0;
}
body.logout .FRAME2016_headerArea h1{
  float:left;
  width:338px;
}
body.logout .FRAME2016_headerArea h1 a{
  display:block;
  width:72px;
  padding:23px 20px 28px;
}
body.logout .FRAME2016_headerArea h1 a:hover,
body.logout .FRAME2016_headerArea h1 a:active,
body.logout .FRAME2016_headerArea h1 a:focus{
  background:none;
}
body.logout .FRAME2016_headerArea div.adBanner{
  float:left;
  width:468px;
  margin:0;
  padding:7px 0 10px;
}
body.logout .FRAME2016_headerArea::after{
  content:" ";
  display:block;
  clear:both;
}
.FRAME2016_footerArea{
  padding-top:15px;
}
.LEGACY_UI2016_footer_pagetopLink{
  padding:0 5px 8px;
  font-size:var(--MXVAR-BASE-FONT-SIZE--minimum, 83%);
  text-align:right;
}
a.LEGACY_UI2016_footer_pagetopLink\$\$\$p\$\$\$a,
.LEGACY_UI2016_footer_pagetopLink\$\$\$p\$\$\$a{
  padding-left:13px;
  background:url("/img/basic/skin/gray/icon/pagetop002.gif") no-repeat 0 center;
}
.FRAME2016_footerArea div.adImpactFooter{
  clear:both;
  width:1022px;
  margin:0 0 10px;
  text-align:center;
}
.FRAME2016_footerArea div.footerMain{
  width:1022px;
  padding:0 0 18px;
  text-align:center;
}
.LEGACY_UI2016_footer_footNav01{
  padding-top:15px;
}
.LEGACY_UI2016_footer_footNav01\$\$\$li{
  display:inline;
  padding:0 4px;
  font-size:91%;
}
.LEGACY_UI2016_footer_footNav02{
  padding-top:5px;
}
.LEGACY_UI2016_footer_footNav02\$\$\$li{
  display:inline;
  padding:0 3px;
  font-size:91%;
}
.FRAME2016_footerArea .LEGACY_UI2016_copyright{
  padding-top:6px;
}
.COMMONDOC_footerNav{
  padding-top:20px;
  padding-bottom:10px;
  text-align:center;
  line-height:2.4;
  font-size:var(--MXVAR-BASE-FONT-SIZE--minimum, 11px);
}
.COMMONDOC_footerNavItem{
  display:inline;
  padding:0 4px;
}
.COMMONDOC_footerNavGroup{
  display:inline;
  white-space:pre;
}
.COMMONDOC_footerNavGroup--isLinkToMixiEfforts::before{
  content:"\A";
}
body.loginForm div.FRAME2016_footerArea{
  padding-top:0;
}
body.loginForm div.LEGACY_UI2016_footer_footNav01{
  background:none;
}
table{
  border-collapse:collapse;
  border-spacing:0;
}
th,
td{
  margin:0;
  padding:0;
}
.emphasis03{
  color:#ff0000;
}
div.formButtonBox{
  border:1px solid var(--MXVAR-SKIN-COLORVAR_border_deep01, #d0d0d1);
  border-top:none;
}
input.inputImage{
  background-color:transparent;
  border:none;
}
span.inlineNotes{
  color:#ff0000;
  font-weight:bold;
}
ul.count1{
  width:108px;
}
ul.count2{
  width:216px;
}
ul.count3{
  width:324px;
}
ul.count4{
  width:432px;
}
ul.count5{
  width:540px;
}
div.iconList03{
  z-index:1;
  width:714px;
  margin:0 auto;
  border:1px solid var(--MXVAR-SKIN-COLORVAR_border_deep01, #d0d0d1);
}
div.iconList03 ul{
  clear:both;
  background:transparent url("/img/basic/skin/gray/common/iconlist_line_block02.gif") no-repeat left bottom;
}
div.iconList03 ul.iconListBottom{
  background:transparent url("/img/basic/skin/gray/common/iconlist_line_block02.gif") no-repeat 0 0;
  z-index:1;
}
div.iconList03 ul li{
  float:left;
  z-index:1;
  width:138px;
  padding:2px 3px 3px 2px;
  text-align:center;
  overflow:visible;
  word-break:break-all;
}
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{
  background:#fff;
  min-height:138px;
  z-index:1;
}
div.iconList03 ul li div.iconState02{
  background:#fee7c6;
  min-height:138px;
  z-index:1;
}
div.iconList03 ul li div.iconState03{
  background:#ffd8a7;
  min-height:138px;
  z-index:1;
}
div.nomemo div.iconList03 ul li div div.iconListImage{
  padding-top:9px;
}
div.iconList03 ul li div div.iconListImage a{
  display:block;
  width:76px;
  height:76px;
  margin:3px 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;
}
div.iconList03 ul li div p.time{
  padding-top:3px;
  color:var(--MXVAR-BASE-COLOR--text-softest, #999);
  font-size:86%;
}
div.utilityLinks03 li{
  float:left;
  width:49%;
}
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;
}
.utilityLinks04{
  padding-top:20px;
  text-align:center;
}
.moreLink01{
  clear:both;
  text-align:right;
}
.moreLink01 a{
  padding-left:12px;
}
.moreLink01 a,
.moreLink01 a:hover,
.moreLink01 a:active,
.moreLink01 a:focus{
  background:url("/img/basic/skin/gray/icon/arrow001.gif") no-repeat 4px 50%;
}
.supplement01{
  color:var(--MXVAR-BASE-COLOR--text-soft, #666);
  font-size:var(--MXVAR-BASE-FONT-SIZE--minimum, 83%);
}
.supplement02{
  margin:1em 0;
  color:var(--MXVAR-BASE-COLOR--text-soft, #666);
}
.supplement04{
  display:block;
  color:var(--MXVAR-BASE-COLOR--text-soft, #666);
  font-weight:normal;
  font-size:var(--MXVAR-BASE-FONT-SIZE--minimum, 83%);
}
.supplement06{
  display:block;
  font-weight:normal;
  font-size:var(--MXVAR-BASE-FONT-SIZE--minimum, 83%);
}
.alert01{
  margin-top:8px;
  padding-left:18px;
  background:url("/img/basic/icon/alert014.png") no-repeat 0 1px;
  background-size:14px auto;
}
.supplement05{
  display:block;
  margin:0.8em 0 0;
  color:var(--MXVAR-BASE-COLOR--text-soft, #666);
  font-weight:normal;
  font-size:var(--MXVAR-BASE-FONT-SIZE--minimum, 83%);
}
.appliName01{
  padding:2px 0 2px 20px;
  background:url("/img/basic/icon/icon_appli002.gif") no-repeat 0 0;
}
.monetarySign01{
  vertical-align:top;
}
.monetarySign01.mixipoint{
  margin-right:0.3em;
}
.formButtons01{
  padding:10px;
  background:url("/img/basic/common/bg_stripe001.gif") repeat 0 0;
}
div.formButtons01{
  background:url("/img/basic/common/bg_stripe001.gif") repeat 0 0;
}
ul.formButtons01{
  padding-bottom:0;
}
div.LEGACY_UI2016_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:#666;
  font-size:var(--MXVAR-BASE-FONT-SIZE--minimum, 83%);
  text-align:center !important;
}
.formButtons01 div.rulesNote01{
  margin-bottom:10px;
  color:#666;
  font-size:83%;
}
.formButtons01 div.rulesNote01 p,
.formButtons01 div.rulesNote01 ul{
  margin:0 0 10px;
  padding:0 !important;
  font-size:100% !important;
  text-align:left;
}
.formButtons01 div.rulesNote01 li{
  display:list-item;
  list-style:disc;
  margin-left:1.5em;
}
.formBt01{
  padding:0 20px;
  line-height:1.8;
  color:#fff;
  border:1px solid #45362f !important;
  background:#5b524d !important;
  cursor:pointer;
}
.formBt01[disabled]{
  color:#808080;
  cursor:default;
}
.formBt02{
  padding:0 20px;
  line-height:1.8;
  color:#575350;
  border:1px solid #6d5a53 !important;
  background:#e5e4e2 !important;
  cursor:pointer;
}
.formBt03{
  padding:0 20px;
  line-height:1.8;
  color:#999;
  border:solid 1px #ccc !important;
  background:#f7f7f7 !important;
  cursor:default;
}
.formButtons01 input{
  margin:0 4px;
}
div.pageTitle{
  z-index:1;
  height:43px;
  min-height:43px;
  padding-bottom:7px;
  background:no-repeat 0% 0%;
}
div.pageTitle h1,
div.pageTitle h2{
  float:left;
  line-height:2.5;
  padding:5px 0 0 15px;
  font-size:116.7%;
  font-weight:bold;
}
div.pageTitle p{
  float:right;
  width:16em;
  padding-top:15px;
  padding-right:15px;
  text-align:right;
}
div.pageTitle p.openRange{
  float:left;
  width:100px;
  padding-left:13px;
  text-align:left;
}
div.pageTitle p.changeOpenRange{
  width:140px !important;
  padding-top:14px;
}
div.communityTop{
  padding-bottom:7px;
}
div.homeTitle001{
  background-image:url("/img/basic/skin/gray/heading/title_home001.gif");
  padding-left:20px;
}
div.homeTitle002{
  background-image:url("/img/basic/skin/gray/heading/title_home002.gif");
}
div.homeTitle003{
  background-image:url("/img/basic/skin/gray/heading/title_home003.gif");
}
div.homeTitle004{
  background-image:url("/img/basic/skin/gray/heading/title_home005.gif");
}
div.homeTitle006{
  background-image:url("/img/basic/skin/gray/heading/title_home008.gif");
}
div.homeTitle007{
  background-image:url("/img/basic/skin/gray/heading/title_home009.gif");
}
div.homeTitle008{
  background-image:url("/img/basic/skin/gray/heading/title_home010.gif");
}
div.scheduleTitle001{
  background-image:url("/img/basic/skin/gray/heading/title_schedule001.gif");
}
div.scheduleTitle002{
  background-image:url("/img/basic/skin/gray/heading/title_schedule002.gif");
}
div.scheduleTitle003{
  background-image:url("/img/basic/skin/gray/heading/title_schedule003.gif");
}
div.communityTitle001{
  background-image:url("/img/basic/heading/title_community001.gif");
  padding-left:20px;
}
div.communityTitle002{
  background-image:url("/img/basic/heading/title_community002.gif");
}
div.communityTitle003{
  background-image:url("/img/basic/heading/title_community003.gif");
}
div.communityEventTitle001{
  background-image:url("/img/basic/skin/gray/heading/title_community_event001.gif");
}
div.friendTitle001{
  background-image:url("/img/basic/skin/gray/heading/title_friend001.gif");
  padding-left:20px;
}
div.friendTitle002{
  background-image:url("/img/basic/skin/gray/heading/title_friend002.gif");
}
div.friendTitle003{
  background-image:url("/img/basic/skin/gray/heading/title_friend003.gif");
}
div.friendTitle004{
  background-image:url("/img/basic/skin/gray/heading/title_friend004.gif");
}
div.friendTitle006{
  background-image:url("/img/basic/skin/gray/heading/title_friend006.gif");
}
div.friendTitle007{
  background-image:url("/img/basic/skin/gray/heading/title_friend007.gif");
}
div.otherTitle001{
  background-image:url("/img/basic/heading/title_other001.gif");
}
div.serviceListTitle001{
  background-image:url("/img/basic/heading/title_service_list001.gif");
}
div.appliTitle001{
  background-image:url("/img/basic/skin/gray/heading/title_game002.gif");
}
div.appliTitle002{
  background-image:url("/img/basic/skin/gray/heading/title_game003.gif");
}
div.settingListTitle001{
  background-image:url("/img/basic/skin/gray/heading/title_settinglist001.gif");
}
div.voiceTitle001{
  background-image:url("/img/basic/skin/gray/heading/title_echo001.gif");
}
div.voiceTitle002{
  background-image:url("/img/basic/skin/gray/heading/title_echo002.gif");
}
div.skinTitle001{
  background-image:url("/img/basic/skin/gray/heading/title_skin001.gif");
}
div.photoTitle001{
  background-image:url("/img/basic/skin/gray/heading/title_photo001.gif");
}
div.friendPhotoTitle001{
  background-image:url("/img/basic/skin/gray/heading/title_friend_photo001.gif");
}
div.mixicheckTitle001{
  background-image:url("/img/basic/skin/gray/heading/title_mixicheck001.gif");
}
div.mixicheckTitle002{
  background-image:url("/img/basic/skin/gray/heading/title_mixicheck002.gif");
}
div.reportTitle001{
  background-image:url("/img/basic/heading/title_report001.gif");
}
div.homeTitle002 h2,
div.homeTitle003 h2,
div.homeTitle004 h2,
div.homeTitle006 h2,
div.homeTitle007 h2,
div.homeTitle008 h2,
div.communityTitle002 h1,
div.communityTitle002 h2,
div.communityTitle003 h2,
div.communityEventTitle001 h2,
div.friendTitle002 h2,
div.friendTitle003 h2,
div.friendTitle004 h2,
div.friendTitle006 h2,
div.friendTitle007 h2,
div.serviceListTitle001 h2,
div.settingListTitle001 h2,
div.otherTitle001 h2,
div.appliTitle001 h2,
div.appliTitle002 h2,
div.voiceTitle001 h2,
div.voiceTitle002 h2,
div.skinTitle001 h2,
div.reportTitle001 h2,
div.mixicheckTitle001 h2,
div.mixicheckTitle002 h2{
  padding-left:48px;
}
div.scheduleTitle001 h2,
div.scheduleTitle002 h2,
div.scheduleTitle003 h2{
  padding-left:52px;
}
div.photoTitle001 h2,
div.friendPhotoTitle001 h2{
  padding-left:49px;
}
dl.bbsList01{
  clear:both;
  width:714px;
  border:1px solid var(--MXVAR-SKIN-COLORVAR_border_deep01, #d0d0d1);
  border-top:none;
}
dl.bbsList01 dd.formButtons01{
  border-top:1px solid var(--MXVAR-SKIN-COLORVAR_border_deep01, #d0d0d1);
}
dl.bbsList01 dd.bbsContent dl{
  border-top:1px solid var(--MXVAR-SKIN-COLORVAR_border_deep01, #d0d0d1);
  background:url("/img/basic/skin/gray/common/bg_bbs01.gif") repeat-y 0 0;
}
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;
}
dl.bbsList01 dd.bbsInfo{
  padding:3px 20px;
  border-top:1px solid var(--MXVAR-SKIN-COLORVAR_border_deep01, #d0d0d1);
}
dl.bbsList01 dd.bbsInfo dl{
  padding:2px 0;
}
dl.bbsList01 dd.bbsInfo dl dt{
  display:inline;
  padding-right:8px;
  background:url("/img/basic/skin/gray/common/colon001.gif") no-repeat 100% 50%;
}
dl.bbsList01 dd.bbsInfo dl dd{
  display:inline;
  padding-left:4px;
}
dl.bbsList01 dt.communityEventTitle{
  padding:3px 20px;
  line-height:2em;
  border-top:solid 1px var(--MXVAR-SKIN-COLORVAR_border_deep01, #d0d0d1);
  background:var(--MXVAR-SKIN-COLORVAR_background_deep01, #edecec);
}
p.deleteTextArea{
  display:block;
  position:absolute;
  width:5em;
  height:1.5em;
  line-height:1.4em;
  top:2px;
  left:2em;
  padding-left:10px;
  font-weight:normal;
  text-align:left;
}
dl.commentList01{
  border-bottom:1px solid var(--MXVAR-SKIN-COLORVAR_border_blank01, #dedede);
}
dl.commentContent01{
  clear:both;
  border:1px solid var(--MXVAR-SKIN-COLORVAR_border_blank01, #dedede);
  border-bottom:none;
  background:url("/img/basic/common/bg_comment02.gif") repeat-y 0 0;
}
dl.commentContent01 dt{
  display:block;
  float:left;
  width:141px;
  padding:10px 0;
  text-align:center;
}
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;
}
div.commentForm h3{
  padding:0 10px;
  border:1px solid var(--MXVAR-SKIN-COLORVAR_border_blank01, #dedede);
  border-top:none;
  background:var(--MXVAR-SKIN-COLORVAR_background_blank01, #f2eee8) url("/img/basic/common/bg_comment_form001.gif") repeat-x 0 0;
  line-height:2;
  font-weight:bold;
}
div.commentForm div.formButtons01{
  border:1px solid var(--MXVAR-SKIN-COLORVAR_border_blank01, #dedede);
}
div.commentForm div.formButtons01 p{
  padding:10px 20px;
  font-size:83%;
  text-align:left;
}
div.commentForm div.commentFormNote{
  border-right:1px solid #d6d6d6;
  border-left:1px solid #d6d6d6;
}
div.commentForm div.commentFormNote p{
  line-height:2;
  padding:0 20px;
  border-top:1px solid #d6d6d6;
  border-bottom:1px solid #d6d6d6;
  background:#f8f8f8;
  color:#666;
}
div.pageNavigation01{
  width:714px;
  border:1px solid #d6d6d6;
  border-top:none;
}
div.pageNavigation01.top{
  border-bottom:none;
}
div.pageNavigation01 div.pageList01{
  min-height:23px;
  line-height:1.8;
  padding-top:2px;
  padding-bottom:1px;
  background:#ebebeb;
  border-bottom:1px solid #d6d6d6;
  text-align:center;
}
div.pageNavigation01 div.pageList01 ul{
  display:inline;
  padding:0 1px;
}
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 var(--MXVAR-BASE-COLOR--text-link, #258fb8);
  background:var(--MXVAR-BASE-COLOR--text-link, #60aac7);
  color:#fff;
  text-decoration:none;
}
div.pageNavigation01 div.pageList01 ul li a{
  margin:0 0.25em;
}
div.pageNavigation01 div.pageList02{
  line-height:1.8;
  padding:4px 8px 2px;
  background:#fff url("/img/basic/common/bg_page_list03.gif") repeat-x 0% 100%;
}
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;
}
div.pagerize01{
  padding:10px;
}
div.pagerize01 p.more a{
  display:block;
  line-height:32px;
  background:url("/img/basic/skin/gray/common/more_feed_left001.gif") no-repeat 0 0;
  text-align:center;
}
div.pagerize01 p.more a span.inner{
  display:block;
  background:url("/img/basic/skin/gray/common/more_feed_right001.gif") no-repeat 100% 0;
}
div.pagerize01 p.more a:hover{
  background-position:0 100%;
}
div.pagerize01 p.more a:hover span.inner{
  background-position:100% 100%;
}
div.pagerize01 p.more a span.icon{
  padding-left:13px;
  background:url("/img/basic/skin/gray/icon/link_arrow_down001.gif") no-repeat 0 50%;
}
div.pagerize01 p.loading{
  height:18px;
  padding:7px 0;
  background:url("/img/basic/common/loading001.gif") no-repeat 50% 7px;
  text-indent:-9999px;
}
div.pagerize01 p.alert{
  line-height:32px;
  color:var(--MXVAR-BASE-COLOR--text-softest, #999);
  text-align:center;
}
div.confirm01{
  border-left:1px solid #d6d6d6;
  border-right:1px solid #d6d6d6;
  border-bottom:1px solid var(--MXVAR-SKIN-COLORVAR_border_deep01, #d0d0d1);
  background-color:#f8f8f8;
  color:#666;
  font-weight:bold;
}
div.confirm03{
  border:1px solid #d6d6d6;
  border-top:none;
  background-color:#f8f8f8;
  color:#666;
  font-weight:bold;
}
div.confirm04{
  border-left:1px solid #d6d6d6;
  border-right:1px solid #d6d6d6;
  background-color:#f8f8f8;
  color:#666;
  font-weight:bold;
}
div.confirm01 p,
div.confirm03 p,
div.confirm04 p{
  padding:8px 20px 8px;
}
div.confirm01 p span.note{
  font-weight:normal;
  font-size:83%;
}
div.confirm02{
  padding:8px 20px 10px;
  background:#f8f8f8 url("/img/basic/common/bg_confirm003.gif") repeat-y 0 0;
  color:#666;
}
ul.entryList01{
  clear:both;
  border:1px solid var(--MXVAR-SKIN-COLORVAR_border_deep01, #d0d0d1);
}
ul.entryList01 li{
  display:block;
  padding:5px 0;
}
ul.entryList01 li.odd{
  background:var(--MXVAR-SKIN-COLORVAR_background_pale01, #f9f8f8);
}
ul.entryList01 li dl{
  padding:0 15px;
}
ul.entryList01 li dl dt{
  float:left;
  width:160px;
  padding-left:20px;
}
div.newScheduleArea ul.entryList01 li dl dt{
  width:132px;
}
ul.entryList01 li dl dd{
  float:right;
  width:504px;
  overflow:hidden;
  word-break:break-all;
}
ul.entryList01 li dl dd a img{
  margin-left:5px;
  vertical-align:middle;
}
.FRAME2016_bodyMainAreaMain div.pageNavigation01{
  width:544px;
}
.FRAME2016_bodyMainAreaMain ul.entryList01 li dl dt{
  width:105px;
}
.FRAME2016_bodyMainAreaMain ul.entryList01 li dl dd{
  width:385px;
  word-break:break-all;
  word-wrap:break-word;
}
div.searchForm02 select,
div.searchForm03 select,
.LEGACY_UI2016_diarySubMenu{
  overflow:auto;
}
div.searchForm02,
div.searchForm03{
  margin-bottom:5px;
  border:1px solid #dfdfdf;
  background:#faf9f5;
}
div.searchForm02 h2,
div.searchForm03 h2{
  position:absolute;
  left:-9999px;
}
li.searchDiary a{
  width:39px;
}
li.searchCommunity a{
  width:68px;
}
li.searchVideo a{
  width:36px;
}
li.searchPhoto a{
  width:38px;
}
li.searchReview a{
  width:52px;
}
li.searchNews a{
  width:52px;
}
li.searchInbox a{
  width:46px;
}
li.searchLog a{
  width:56px;
}
li.searchWholeCommunity a{
  width:88px;
}
li.searchTopic a{
  width:50px;
}
li.searchEvent a{
  width:50px;
}
li.searchEnquete a{
  width:60px;
}
li.searchAll a{
  width:39px;
}
div.searchForm02 ul.searchFunction01 li ul{
  display:inline;
}
div.searchForm03 li.select01{
  padding-top:2px;
}
div.searchForm03 p.select01{
  padding-bottom:5px;
  text-align:center;
}
div.searchForm03 .LEGACY_UI2016_reviewSearch ul.searchSort01{
  text-align:center;
}
div.searchForm03 .LEGACY_UI2016_reviewSearch p.supplement01{
  padding-bottom:5px;
  text-align:center;
}
div.bottomSearch01{
  clear:both;
  margin-top:10px;
  padding:1px 0 3px;
}
div.bottomSearch02{
  clear:both;
  margin-top:10px;
}
div.bottomSearch03{
  clear:both;
  margin-top:10px;
  padding:1px 0 2px;
}
div.searchError01{
  padding-top:5px;
}
div.messageArea{
  margin-bottom:5px;
}
div.messageArea div.heading03{
  clear:both;
  width:690px;
  height:24px;
  line-height:24px;
  padding:0 5px 0 21px;
  background:url("/img/basic/skin/gray/heading/body_main_area001.gif") no-repeat 0 0;
  color:var(--MXVAR-SKIN-COLORVAR_fontColor_standard01, #333);
}
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 var(--MXVAR-SKIN-COLORVAR_border_deep01, #d0d0d1);
  border-top:none;
  background:var(--MXVAR-SKIN-COLORVAR_background_deep01, #edecec);
}
div.messageArea div.contents div{
  padding:23px 70px 34px;
  border:1px solid var(--MXVAR-SKIN-COLORVAR_border_pale01, #d0d0d1);
  background:url("/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;
}
.FRAME2016_bodyMainAreaMain div.messageArea div.contents div p.nothing{
  padding:12px 0 1px;
}
div.messageArea div.contents div p strong{
  font-weight:bold;
}
div.messageArea div.contents div p.messageAlert{
  min-height:16px;
  background:url("/img/basic/icon/message_area002.gif") no-repeat 0 0;
}
div.messageArea div.contents div p.messageAlert strong.messageNote01{
  color:var(--MXVAR-BASE-COLOR--text-alert, red);
  font-size:133%;
}
div.messageArea div.contents div ul.formButtons01{
  padding-bottom:3px;
  background:none;
}
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;
  border:1px solid var(--MXVAR-SKIN-COLORVAR_border_deep01, #d0d0d1);
  background:#fff url("/img/basic/skin/gray/common/bg_edit_list001.gif") repeat-y 0 0;
}
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%;
}
div.messageArea div.contents div .shareButtons{
  margin-top:5px;
  text-align:center;
}
div.messageArea div.contents div .shareButtons li{
  display:inline;
  padding:0 10px;
}
.errorMessage{
  color:#f00;
  text-align:center;
  margin-top:20px;
}
div.messageAreaAd01{
  text-align:center;
  padding:23px 0 !important;
  border:none !important;
  background:none !important;
}
div.messageAreaAd01 > div.adMain > div{
  border:0 !important;
}
div.messageAreaAd01 > div.adMain div{
  padding:0 !important;
}
div.adMain{
  border:none !important;
}
.simpleMessageArea{
  margin-bottom:10px;
  padding-bottom:3px;
  background:url("/img/basic/common/simplealert_bg_bottom_945.gif") no-repeat left bottom;
  font-size:83%;
}
.FRAME2016_bodyMainArea .simpleMessageArea{
  background:url("/img/basic/common/simplealert_bg_bottom001.gif") no-repeat left bottom;
}
.simpleMessageArea .simpleMessage{
  position:relative;
  padding:10px 10px 5px;
  background:url("/img/basic/common/simplealert_bg_top_945.gif") no-repeat 0 0;
}
.FRAME2016_bodyMainArea .simpleMessageArea .simpleMessage{
  background:url("/img/basic/common/simplealert_bg_top001.gif") no-repeat 0 0;
}
.simpleMessageArea .simpleMessage .main{
  padding-left:24px;
  background:url("/img/basic/common/simplealert_alert001.gif") no-repeat 0 0;
}
.simpleMessageArea .simpleMessage .sub{
  position:absolute;
  top:10px;
  right:10px;
}
div.simpleMessageArea div.simpleMessage p.notice{
  padding-left:22px;
  background:url("/img/basic/icon/simplealert_alert002.gif") no-repeat 0 0;
}
div.simpleMessageArea div.simpleMessage p.notice02{
  padding-left:22px;
  background:url("/img/basic/icon/simplealert_alert002.gif") no-repeat 0 0;
  font-size:12px;
}
.FRAME2016_bodyMainArea div.heading02{
  clear:both;
  width:690px;
  height:22px;
  line-height:21px;
  padding:2px 5px 0 21px;
  background:url("/img/basic/skin/gray/heading/body_main_area001.gif") no-repeat 0 0;
  color:var(--MXVAR-SKIN-COLORVAR_fontColor_standard01, #333);
}
.FRAME2016_bodyMainArea div.heading02 h1,
.FRAME2016_bodyMainArea div.heading02 h2,
.FRAME2016_bodyMainArea div.heading02 h3{
  float:left;
  width:550px;
  font-weight:bold;
  text-align:left;
}
.FRAME2016_bodyMainArea .FRAME2016_bodyContents div.heading02 h2,
.FRAME2016_bodyMainArea .FRAME2016_bodyContents div.heading02 h3{
  font-weight:normal;
}
.FRAME2016_bodyMainArea div.heading02 h3 em{
  font-size:84%;
}
.FRAME2016_bodyMainArea div.heading02 p{
  float:right;
  width:131px;
}
.FRAME2016_bodySide div.listBoxUtility01{
  width:266px;
  margin:0 auto;
  padding-bottom:5px;
  background:#fff;
}
.FRAME2016_bodyContents div.contents{
  padding:5px 0 0;
}
.FRAME2016_bodyContents div.heading01{
  height:30px;
  line-height:26px;
  padding-left:21px;
  background:url("/img/basic/skin/gray/heading/body_contents001.gif") no-repeat 0 0;
}
.FRAME2016_bodyContents div.heading02{
  width:421px;
  height:24px;
  line-height:24px;
  padding:0 5px 0 15px;
}
.FRAME2016_bodyContents div.heading02 h3{
  float:left;
  width:355px;
}
.FRAME2016_bodyContents div.heading02 ul.utility02{
  float:right;
  width:57px;
}
.FRAME2016_bodyContents div.heading02 ul.utility02 li{
  float:left;
  width:19px;
}
.FRAME2016_bodyContents div.heading02 ul.utility02 li a img{
  margin-top:4px;
  vertical-align:top;
}
div.heading02 p.utility03{
  float:right;
}
.FRAME2016_bodyContents div.heading02 img.openRange{
  margin-left:3px;
}
div.generalSection{
  margin:0 0 5px;
}
.nothing{
  padding-top:5px;
  text-align:center;
}
div.iconList03 ul li div.iconState01{
  background:#fff;
}
div.iconList03 ul li div.iconState04{
  min-height:120px;
  overflow:hidden;
  padding-top:10px;
  background:#fff;
}
div.iconList03 ul li div.iconState04 a{
  display:block;
  width:76px;
  height:76px;
  margin:0 auto;
  text-indent:-9999px;
}
ul.entryList01 li h3{
  height:20px;
  padding:3px 0 0 20px;
  font-weight:bold;
}
.FRAME2016_errorArea.FRAME2016_errorArea{
  width:678px;
  margin:6px auto 15px;
  padding:1px;
  border:1px solid #ccc;
}
.FRAME2016_errorArea.FRAME2016_errorArea div.contents{
  width:315px;
  padding:24px 150px 21px 211px;
  border:1px solid #ccc;
  background:url("/img/basic/icon/alert001.gif") no-repeat 150px 50% #eee;
}
.FRAME2016_errorArea.FRAME2016_errorArea div.contents p{
  line-height:1.5;
  color:var(--MXVAR-BASE-COLOR--text-alert, #ff0000);
  font-weight:bold;
}
body.popup .FRAME2016_errorArea.FRAME2016_errorArea{
  margin:0 auto 12px;
}
span.necessaryItem{
  color:#dd0000;
  font-weight:bold;
}
div.memoList01 div.editMemoForm p.editMemoSubmit{
  display:inline;
  margin-right:4px;
}
div.memoList01 div.editMemoForm form{
  display:inline;
}
img.emoji{
  vertical-align:text-bottom;
  margin:0 2px;
}
div.newsTitle001{
  background:url("/img/basic/heading/title_news001.gif") no-repeat !important;
}
div.newsTitle001 h2{
  padding-left:47px !important;
}
div.heading06{
  height:22px;
  padding:4px 0 0 20px;
  background:url("/img/basic/heading/body_contents006.gif") no-repeat;
}
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:#333;
  text-decoration:underline;
}
div.heading08{
  clear:both;
  overflow:hidden;
}
div.heading08 h2,
div.heading08 h3{
  height:22px;
  padding:4px 4px 0 20px;
  background:url("/img/basic/heading/body_main_area003.gif") no-repeat;
  font-weight:bold;
}
div.heading10{
  height:24px;
  line-height:24px;
  padding:0 0 0 20px;
  background:url("/img/basic/skin/gray/heading/body_contents008.gif") no-repeat 0 0;
  color:var(--MXVAR-SKIN-COLORVAR_fontColor_standard01, #333);
}
div.heading13{
  height:24px;
  line-height:24px;
  padding:0 0 0 20px;
  background:url("/img/basic/skin/gray/heading/body_main_area005.gif") no-repeat 0 0;
  color:var(--MXVAR-SKIN-COLORVAR_fontColor_standard01, #333);
}
div.heading10 h3,
div.heading13 h3{
  font-weight:bold;
}
div.sideList{
  width:165px;
  margin-bottom:5px;
}
div.sideList h3{
  height:20px;
  padding:4px 0 0 18px;
  background:url("/img/basic/skin/gray/heading/diary_sub001.gif") no-repeat 0 0;
  color:var(--MXVAR-SKIN-COLORVAR_fontColor_standard01, #333);
}
div.sideList div.contents{
  border:1px solid var(--MXVAR-SKIN-COLORVAR_border_deep01, #d0d0d1);
  border-top:none;
  overflow:hidden;
  word-break:break-all;
}
div.sideList p.moreLink01{
  margin-bottom:5px;
}
div.sideList ul.iconList li{
  padding-bottom:1px;
  background:url("/img/basic/skin/gray/common/dotline_horizontal001.gif") repeat-x left bottom;
}
div.sideList ul.plainList li.last,
div.sideList ul.iconList li.last{
  background-image:none;
}
div.sideList ul.iconList li a{
  display:block;
  padding:6px 3px 4px 30px;
  background:url("/img/basic/skin/gray/icon/link001.gif") no-repeat 13px 55%;
}
div.sideList ul.plainList li a{
  background:url("/img/basic/skin/gray/icon/link001.gif") no-repeat 13px 55%;
}
div.sideList ul.plainList li.selected,
div.sideList ul.iconList li.selected{
  background-color:var(--MXVAR-SKIN-COLORVAR_background_focused01, #edecec);
}
.LEGACY_UI2016_editList01 ul.editContents{
  border-right:1px solid var(--MXVAR-SKIN-COLORVAR_border_deep01, #d0d0d1);
  border-left:1px solid var(--MXVAR-SKIN-COLORVAR_border_deep01, #d0d0d1);
  background:#fff url("/img/basic/skin/gray/common/bg_edit_list001.gif") repeat-y 0 0;
}
.LEGACY_UI2016_editList01 ul.editContents.withoutTitle{
  border-top:1px solid var(--MXVAR-SKIN-COLORVAR_border_deep01, #d0d0d1);
}
.LEGACY_UI2016_editList01 ul.editContents li{
  clear:both;
  border-bottom:1px solid var(--MXVAR-SKIN-COLORVAR_border_deep01, #d0d0d1);
}
.LEGACY_UI2016_editList01 ul.editContents li dl dt,
.LEGACY_UI2016_editList01 ul.editContents li dl dd{
  padding:5px 10px;
}
.LEGACY_UI2016_editList01 ul.editContents li dl dt{
  float:left;
  width:120px;
}
.LEGACY_UI2016_editList01 ul.editContents li dl dd{
  float:left;
  width:554px;
  word-break:break-all;
}
.LEGACY_UI2016_editList01 ul.editContents li dl dd p.editIntroPhoto{
  width:80px;
  text-align:center;
}
.LEGACY_UI2016_editList01 ul.editContents li dl dd p.editIntroRelation{
  padding-bottom:5px;
}
.LEGACY_UI2016_editList01 ul.editContents li dl dd input,
.LEGACY_UI2016_editList01 ul.editContents li dl dd select{
  vertical-align:middle;
}
.LEGACY_UI2016_editList01 ul.editContents li dl dd select{
  margin-right:3px;
}
.LEGACY_UI2016_editList01 ul.editContents li dl dd textarea{
  margin-top:5px;
}
.LEGACY_UI2016_editList01 ul.editContents li dl dd dl.inputName dt,
.LEGACY_UI2016_editList01 ul.editContents li dl dd dl.inputName dd{
  display:inline;
  float:none;
  width:auto;
  padding:0;
  text-align:left;
}
.LEGACY_UI2016_editList01 ul.editContents li dl dd dl.inputName dd{
  margin:0 10px 0 3px;
}
.LEGACY_UI2016_editList01 ul.editContents li input.input20{
  width:109px;
}
.LEGACY_UI2016_editList01 ul.editContents li input.input30{
  width:159px;
}
.LEGACY_UI2016_editList01 ul.editContents li input.input50{
  width:259px;
}
.LEGACY_UI2016_editList01 ul.editContents li dl dd ul.input10 li input{
  width:59px;
}
.LEGACY_UI2016_editList01 ul.editContents li dl dd ul.input20 li input{
  width:109px;
}
.LEGACY_UI2016_editList01 ul.editContents li dl dd ul li{
  border:none;
}
.LEGACY_UI2016_editList01 ul.editContents li dl dd ul.checkList01 li{
  display:inline;
  margin-right:5px;
}
.LEGACY_UI2016_editList01 ul.editContents li dl dd ul.checkList01 li input{
  margin-right:3px;
}
.LEGACY_UI2016_editList01 ul.editContents li dl dd ul.checkList02 li{
  float:left;
  clear:none;
  width:30%;
  padding-bottom:3px;
}
.LEGACY_UI2016_editList01 ul.editContents li dl dd ul.checkList02 li input{
  margin-right:3px;
}
.LEGACY_UI2016_editList01 ul.editContents li dl dd ul.radioboxAgreement{
  margin:20px auto 10px;
  padding:0;
  text-align:center;
}
.LEGACY_UI2016_editList01 ul.editContents li dl dd ul.radioboxAgreement li{
  display:inline;
  margin-right:10px;
}
.LEGACY_UI2016_editList01 ul.editContents li dl dd ul.radioboxAgreement li input{
  margin-right:5px;
}
.LEGACY_UI2016_editList01 ul.editContents li dl.itemKeyword dd input{
  width:250px;
}
.LEGACY_UI2016_editList01 ul.editContents li.hide ul.hiddenMember{
  margin:15px 0 0;
}
.LEGACY_UI2016_editList01 ul.editContents li.hide ul.hiddenMember li{
  display:inline-table;
  width:270px;
  height:40px;
  margin-bottom:10px;
  vertical-align:top;
}
.LEGACY_UI2016_editList01 ul.editContents li.hide ul.hiddenMember li p.thumb{
  float:left;
  width:40px;
  height:40px;
  margin-right:5px;
  text-align:center;
}
.LEGACY_UI2016_editList01 ul.editContents li.hide ul.hiddenMember li p.thumb img{
  max-width:40px;
  max-height:40px;
  vertical-align:middle;
}
.LEGACY_UI2016_editList01 ul.editContents li.hide ul.hiddenMember li p.name{
  float:left;
  width:225px;
}
.LEGACY_UI2016_editList01 ul.editContents li.hide ul.hiddenMember li p.name span{
  display:block;
  margin-top:2px;
}
.LEGACY_UI2016_editList01 ul.editContents li.notify p.setting{
  padding:2px 0 4px;
  background:url("/img/basic/skin/gray/icon/arrow001.gif") no-repeat 0 50%;
  text-indent:10px;
}
.LEGACY_UI2016_editList01 .formButtons01{
  border:1px solid var(--MXVAR-SKIN-COLORVAR_border_deep01, #d0d0d1);
  border-top:none;
  text-align:center;
}
.LEGACY_UI2016_editList01 .formButtons01.noBG{
  background:none;
  text-align:left;
  padding:15px;
}
.LEGACY_UI2016_editList01 div.formButtons01 p.supplement01{
  width:630px;
  margin:0 auto 5px;
  padding:10px 0;
  text-align:center;
}
.LEGACY_UI2016_editList01 div.formButtons01 p.supplement01.longLine,
.LEGACY_UI2016_editList01 .formButtons01 p.supplement05.longLine,
.formButtons01 .longLine,
.formButtons01 .longLine p{
  text-align:left;
}
.LEGACY_UI2016_editList01 div.formButtons01 p.supplement02{
  width:630px;
  margin:0 auto 5px;
  padding:10px 0;
  text-align:center;
}
.LEGACY_UI2016_editList01 div.formButtons01 p.supplement03{
  text-align:left;
  color:var(--MXVAR-BASE-COLOR--text-softest, #999);
}
.LEGACY_UI2016_editList01 div.formButtons01 p.buttonArea{
  margin:15px 0;
}
.LEGACY_UI2016_editList01 .formButtons01 p.note{
  text-align:left;
  color:#666;
  font-size:100%;
}
.LEGACY_UI2016_editList01 em{
  font-style:normal;
  font-weight:normal;
}
div.remind_password span.supplement01{
  padding-top:6px;
}
.LEGACY_UI2016_editList01 ul.formButtons01 li{
  display:inline;
  margin:0 4px;
}
div.homeTitle005{
  background-image:url("/img/basic/skin/gray/heading/title_home006.gif");
}
div.friendTitle005{
  background-image:url("/img/basic/skin/gray/heading/title_friend005.gif");
}
div.homeTitle005 h2,
div.friendTitle005 h2{
  padding-left:47px;
}
div.searchResultArea{
  margin-bottom:10px;
}
div.searchCategoryList{
  margin:5px 0;
}
div.searchCategoryList ul.entryList01{
  border-top:none;
}
div.searchCategoryList ul.entryList01 li dl dt.category{
  float:left;
  width:100px;
  padding-left:20px;
  background:url("/img/basic/skin/gray/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;
}
div.FRAME2016_contentsArea{
  clear:both;
}
div.FRAME2016_contentsArea div.messageArea{
  margin-bottom:0;
}
div.FRAME2016_contentsArea div.messageArea div.contents{
  min-height:1%;
  padding:10px 20px;
  border:1px solid #d6d6d6;
  background:#e6e6e6;
}
div.FRAME2016_contentsArea div.messageArea div.contents div{
  border:1px solid #d6d6d6;
}
div.FRAME2016_contentsArea div.FRAME2016_subArea{
  float:left;
  width:160px;
}
div.FRAME2016_subArea div.sideBlock{
  margin-bottom:7px;
}
div.FRAME2016_subArea div.LEGACY_UI2016_subMenu li{
  background:url("/img/basic/common/bg_sub_middle001.gif") 0 0;
}
div.FRAME2016_subArea div.LEGACY_UI2016_subMenu li.STATE_ID2016_subMenuTop{
  background:url("/img/basic/common/bg_sub_top001.gif") 0 0;
}
div.FRAME2016_subArea div.LEGACY_UI2016_subMenu li.STATE_ID2016_subMenuBottom{
  background:url("/img/basic/common/bg_sub_bottom001.gif") 0 bottom;
}
div.FRAME2016_subArea div.LEGACY_UI2016_subMenu li.on{
  background:url("/img/basic/common/bg_sub_middle_on001.gif") 0 0;
}
div.FRAME2016_subArea div.LEGACY_UI2016_subMenu li.STATE_ID2016_subMenuTop.on{
  background:url("/img/basic/common/bg_sub_top_on001.gif") 0 0;
}
div.FRAME2016_subArea div.LEGACY_UI2016_subMenu li.STATE_ID2016_subMenuBottom.on{
  background:url("/img/basic/common/bg_sub_bottom_on001.gif") 0 bottom;
}
div.FRAME2016_subArea div.LEGACY_UI2016_subMenu li a{
  display:block;
  width:127px;
  padding:7px 5px 6px 28px;
}
div.FRAME2016_subArea div.LEGACY_UI2016_subMenu li.STATE_ID2016_subMenuTop a{
  padding-top:12px;
}
div.FRAME2016_subArea div.LEGACY_UI2016_subMenu li.STATE_ID2016_subMenuBottom a{
  padding-bottom:11px;
}
div.FRAME2016_contentsArea div.FRAME2016_mainArea{
  float:right;
  width:556px;
}
div.extraWrap01{
  margin-bottom:10px;
  padding:0 0 10px;
  background:url("/img/basic/common/bg_extra_bottom001.gif") no-repeat left bottom;
}
div.extraWrap02{
  margin-bottom:10px;
  padding:0 0 10px;
  background:url("/img/basic/common/bg_extra_bottom002.gif") no-repeat left bottom;
}
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.navigationLink,
div.extraWrap02 div.navigationLink{
  position:absolute;
  top:0;
  right:0;
}
div.extraWrap01 div.extraInner{
  clear:both;
  padding-top:10px;
  background:url("/img/basic/common/bg_extra_top001.gif") no-repeat 0 0;
}
div.extraWrap02 div.extraInner{
  clear:both;
  padding-top:10px;
  background:url("/img/basic/common/bg_extra_top002.gif") no-repeat 0 0;
}
div.extraInner div.heading{
  margin-bottom:6px;
  padding:0 10px;
}
div.extraInner div.heading h3{
  padding-left:10px;
  background:url("/img/basic/list_friend/selection_title_head001.gif") no-repeat;
  font-weight:bold;
}
div.extraInner div.contents{
  margin-top:6px;
  padding:0 9px 1px;
  background-color:#f2f2f2;
  border-right:1px solid #ddd;
  border-left:1px solid #ddd;
}
div.extraInner div.contents div.description01{
  margin-bottom:6px;
  color:#666;
}
div.extraInner div.contents div.notes01{
  padding-top:3px;
  color:#666;
  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;
}
div.noticeArea{
  margin:0 0 5px 0;
  padding:0 0 4px 0;
  background:url("/img/basic/common/bg_alert_bottom001.gif") no-repeat left bottom;
}
div.noticeArea div.contents{
  padding:10px 40px 7px;
  background:url("/img/basic/common/bg_alert_top001.gif") no-repeat 0 0;
}
div.noticeArea div.contents p.notice{
  min-height:28px;
  padding:10px 0 0 50px;
  background:url("/img/basic/icon/alertIcon002.gif") no-repeat 0 0;
}
div.noticeArea div.contents p{
  padding:0 0 0 50px;
}
div.noticeArea div.contents p strong{
  font-weight:bold;
}
div.selectTab02{
  height:31px;
  background:url("/img/basic/skin/gray/common/tab_base002.gif") left bottom no-repeat #f8f8f8;
}
div.selectTab02 ul{
  text-align:center;
}
div.selectTab02 li{
  display:inline;
}
div.selectTab02 li a{
  display:inline-block;
  padding-left:4px;
  height:26px;
  border-bottom:1px solid var(--MXVAR-SKIN-COLORVAR_border_deep01, #d0d0d1);
  background:url("/img/basic/skin/gray/common/tab_left001.gif") 0 0 no-repeat;
  color:#333 !important;
}
div.selectTab02 li a:link,
div.selectTab02 li a:visited,
div.selectTab02 li a:hover,
div.selectTab02 li a:active{
  cursor:pointer;
}
div.selectTab02 li a span{
  display:block;
  height:21px;
  padding:5px 10px 0;
  background:url("/img/basic/skin/gray/common/tab_right001.gif") right top no-repeat;
}
div.selectTab02 li.focused a{
  height:27px;
  background:url("/img/basic/skin/gray/common/tab_left_on001.gif") 0 0 no-repeat;
  border-bottom:none;
  color:var(--MXVAR-SKIN-COLORVAR_fontColor_standard01, #333) !important;
}
div.selectTab02 li.focused a span{
  height:22px;
  padding:5px 10px 0;
  background:url("/img/basic/skin/gray/common/tab_right_on001.gif") right top no-repeat;
}
.diaryCalendar{
  margin-bottom:5px;
  font-size:12px;
}
.diaryCalendar div{
  position:relative;
  width:165px;
}
.diaryCalendar caption{
  width:165px;
  background:url("/img/basic/skin/gray/heading/diary_sub001.gif") no-repeat 0 0;
  font-weight:bold;
  text-align:center;
}
.diaryCalendar .sun{
  color:#dd0000;
}
.diaryCalendar .sat{
  color:#0066ff;
}
.diaryCalendar caption span{
  display:block;
  color:var(--MXVAR-SKIN-COLORVAR_fontColor_standard01, #333);
  line-height:24px;
}
.diaryCalendar caption a:link,
.diaryCalendar caption a:visited{
  color:var(--MXVAR-SKIN-COLORVAR_fontColor_standard01, #333);
}
.diaryCalendar caption .previousMonth{
  position:absolute;
  top:0;
  left:6px;
}
.diaryCalendar caption .calMonth{
  text-align:center;
}
.diaryCalendar caption .nextMonth{
  position:absolute;
  top:0;
  right:6px;
}
.diaryCalendar table{
  width:165px;
  border-left:1px solid #dfdfdf;
  border-collapse:separate;
}
.diaryCalendar th{
  padding:1px;
  background:#f8f8f8;
  border-right:1px solid #dfdfdf;
  border-bottom:1px solid #dfdfdf;
  text-align:center;
}
.diaryCalendar td{
  padding:1px;
  background-color:#fff;
  border-right:1px solid #dfdfdf;
  border-bottom:1px solid #dfdfdf;
  text-align:center;
}
.diaryCalendar td span,
.diaryCalendar td a{
  display:block;
}
.diaryCalendar td.on span{
  background-color:var(--MXVAR-SKIN-COLORVAR_background_deep01, #edecec);
}
div.section01{
  clear:both;
  width:431px;
  margin-bottom:10px;
  padding-bottom:2px;
  background:url("/img/basic/skin/gray/common/bodycontents_section_bg001.gif") no-repeat left bottom;
}
div.section01 div.sectionHead{
  width:431px;
  height:24px;
  background:url("/img/basic/skin/gray/heading/bodycontents_section_head001.gif") no-repeat left top;
}
div.section01 div.sectionHead h2{
  line-height:24px;
  padding:0 10px 0 25px;
  background:url("/img/basic/skin/gray/heading/sectionhead001.gif") no-repeat 6px 50%;
  color:var(--MXVAR-SKIN-COLORVAR_fontColor_standard01, #333);
}
div.section01 div.sectionHead img{
  vertical-align:middle;
  margin:4px 0 6px 10px;
}
div.section01 div.sectionBody{
  background:#fff;
}
div.section01 div.sectionBody p.moreLink01{
  padding:10px 7px 5px 0;
}
div.section01 dl.contentsFeedList01{
  width:416px;
  padding:5px 0 0 15px;
}
div.section01 dl.contentsFeedList01 dt{
  float:left;
  clear:left;
  width:60px;
  margin-top:5px;
  padding-left:20px;
  background:no-repeat 0 2px;
}
div.section01 dl.contentsFeedList01 dd{
  float:left;
  width:318px;
  margin-top:5px;
  padding:0 0 0 18px;
  background:url("/img/basic/icon/leader001.gif") no-repeat left 0.7em;
  overflow:hidden;
  word-break:break-all;
}
div.section01 dl.contentsFeedList01 dd span.date,
div.section01 dl.contentsFeedList01 dd span.name{
  margin-left:5px;
}
div.section01 dl.contentsFeedList01 dd img{
  vertical-align:middle;
}
div.section01 ul.imageListTable01{
  width:431px;
  margin:0 auto;
}
div.section01 ul.imageListTable01 li{
  float:left;
  width:84px;
  padding:12px 12px 0;
  text-align:center;
}
div.section01 ul.imageListTable01 li.latest{
  padding-left:11px;
}
div.section01 ul.imageListTable01 li table{
  border-collapse:separate;
  table-layout:fixed;
}
div.section01 ul.imageListTable01 li table td.image{
  width:84px;
  height:84px;
  padding:3px;
  border:1px solid #ddd;
  background:#fff;
}
div.section01 ul.imageListTable01 li table td.image img{
  max-width:76px;
  max-height:76px;
}
div.section01 ul.imageListTable01 li div.info span{
  display:block;
  width:84px;
  word-break:break-all;
}
div.section01 ul.imageListTable01 li div.info span.contentName{
  margin-top:7px;
  line-height:1.3;
}
div.section01 ul.imageListTable01 li div.info span.contentName a.photo{
  padding:1px 0 1px 19px;
  background:url("/img/basic/icon/photo005.gif") no-repeat 0 2px;
}
div.section01 ul.imageListTable01 li div.info span.contentName a.video{
  padding:1px 0 1px 19px;
  background:url("/img/basic/icon/video003.gif") no-repeat 0 1px;
}
div.section01 ul.imageListTable01 li div.info span.contentName a.review{
  padding:1px 0 1px 19px;
  background:url("/img/basic/icon/review003.gif") no-repeat 0 1px;
}
div.section01 ul.imageListTable01 li div.info span.date{
  padding-top:2px;
  color:var(--MXVAR-BASE-COLOR--text-softest, #999);
}
div.inlineLoading{
  padding:30px 0;
  text-align:center;
}
.reportLink01{
  padding:7px !important;
  text-align:right !important;
}
.commentListArea{
  border-right:1px solid var(--MXVAR-SKIN-COLORVAR_border_blank01, #dedede);
  border-left:1px solid var(--MXVAR-SKIN-COLORVAR_border_blank01, #dedede);
}
div.commentListArea ul{
  padding:0 10px;
}
div.commentListArea ul li{
  width:auto;
  background:url("/img/basic/skin/gray/common/dotline_horizontal004.gif") repeat-x 0 100%;
  vertical-align:bottom;
  overflow:hidden;
  padding:10px 0;
}
.commentListArea ul li.last{
  background:none;
}
.commentListArea ul li.fromPublicAccount{
  background-color:#ffefef;
}
div.commentListArea p.thumbnail{
  float:left;
  width:40px;
  text-align:center;
}
div.commentListArea dl.comment{
  float:left;
  padding:0 0 0 10px;
}
div.commentSection01 .commentListArea dl.comment{
  width:644px;
}
div.commentSection02 .commentListArea dl.comment{
  width:474px;
}
div.commentListArea dl.comment dt{
  position:relative;
  margin-bottom:5px;
}
div.commentListArea dl.comment dt span.date{
  margin-left:10px;
  color:#666;
  font-size:83%;
}
div.commentListArea dl.comment dt span.operation{
  position:absolute;
  top:0;
  right:2px;
  float:left;
  width:40px;
  text-align:right;
}
div.commentListArea dl.comment dd{
  word-wrap:break-word;
}
div.commentListArea dl.comment dd span.photo{
  display:block;
  margin:3px 0;
}
div.commentListArea dl.comment dd span.photo img{
  max-width:115px;
  max-height:115px;
  padding:2px;
  border:1px solid #ddd;
}
.commentSection01 div.pageNavigation01.bottom,
.commentSection02 div.pageNavigation01.bottom{
  border-bottom:none;
}
.commentSection01 div.pageNavigation01.bottom .pageList01,
.commentSection02 div.pageNavigation01.bottom .pageList01{
  border-top:1px solid #d6d6d6;
  border-bottom:none;
}
.commentSection01 div.pageNavigation01.bottom .pageList02,
.commentSection02 div.pageNavigation01.bottom .pageList02{
  border-top:1px solid #d6d6d6;
}
.commentSection01 div.deleteCheckedComment,
.commentSection02 div.deleteCheckedComment{
  border:1px solid #d6d6d6;
  border-bottom:none;
}
div.commentInputArea02{
  padding:10px;
  border:1px solid var(--MXVAR-SKIN-COLORVAR_border_blank01, #dedede);
  border-top:none;
}
div.commentInputArea02 p.thumbnail{
  float:left;
  width:40px;
  text-align:center;
}
div.commentInputArea02 div.addComment{
  float:left;
  padding:0 0 0 10px;
}
div.commentInputArea02 div.addComment textarea{
  height:40px;
  margin-bottom:3px;
  background:#fff;
  overflow:auto;
}
div.commentInputArea02 div.addComment div.control{
  margin-bottom:5px;
}
div.commentInputArea02 div.addComment div.control img{
  vertical-align:bottom;
}
div.commentInputArea02 div.addComment div.control div.function{
  float:left;
  width:49%;
}
div.commentInputArea02 div.addComment div.control div.submit{
  float:right;
  width:49%;
  text-align:right;
}
div.commentInputArea02 div.addComment div.control div.submit input{
  padding:0;
  border:none;
}
div.commentInputArea02 div.addComment p.error{
  font-weight:bold;
  padding-left:20px;
  background:url("/img/basic/common/simplealert_alert002.gif") no-repeat 0 0;
  color:#f00;
}
div.commentInputArea02 div.addComment div.officialNotify{
  margin-top:5px;
  color:#666;
  font-size:83%;
}
div.commentSection01 .commentInputArea02 div.addComment{
  width:644px;
}
div.commentSection01 .commentInputArea02 div.addComment textarea{
  width:638px;
}
div.commentInputError02{
  padding:30px 40px 20px;
  border:1px solid var(--MXVAR-SKIN-COLORVAR_border_blank01, #dedede);
  border-top:none;
  background:url("/img/basic/community/community_info_bg002.gif");
}
div.commentInputError02 p.notice{
  display:block;
  padding:7px 40px 10px;
  background:url("/img/basic/icon/message_area002.gif") no-repeat 0 0;
}
div.commentInputError02 p{
  padding:0 40px 10px;
}
dl.listIine dt{
  display:inline;
  padding:3px 0 0 13px;
  background:url("/img/basic/icon/like001.gif") no-repeat 0 0;
  color:#666;
  font-weight:bold;
  font-size:83%;
}
dl.listIine dd{
  display:inline;
  margin-left:6px;
}
dl.listIine dd a{
  white-space:nowrap;
}
dl.listIine dd img{
  vertical-align:middle;
  margin-left:3px;
}
div.commentListArea ul li div.commentFeedback dl.listIine{
  margin-top:7px;
  padding-top:10px;
  background:url("/img/basic/skin/gray/common/dotline_horizontal001.gif") repeat-x 0 0;
}
ul.listAction{
  clear:both;
  width:100%;
  margin-top:5px;
  color:var(--MXVAR-BASE-COLOR--text-softest, #999);
  text-align:right;
}
ul.listAction li{
  display:inline;
  font-size:83%;
}
ul.listAction li a,
ul.listAction li span{
  margin-left:3px;
  padding:3px 0;
}
ul.listAction li a.deleteIcon{
  padding-left:16px;
  background:url("/img/basic/icon/voice_trash001.gif") no-repeat 0 0;
}
ul.listAction li a.likeIcon{
  padding-left:13px;
  background:url("/img/basic/icon/like001.gif") no-repeat 0 0;
}
ul.listAction li a.likedIcon{
  padding-left:13px;
  background:url("/img/basic/icon/like_done001.gif") no-repeat 0 0;
  color:var(--MXVAR-BASE-COLOR--text-softest, #999);
  text-decoration:none;
}
ul.listAction li span.likedIcon{
  padding-left:13px;
  background:url("/img/basic/icon/like_done001.gif") no-repeat 0 0;
}
ul.listAction li a.commentIcon{
  padding-left:21px;
  background:url("/img/basic/icon/voice_reply002.gif") no-repeat 0 0;
}
ul.listAction li span.commentIcon{
  padding-left:21px;
  background:url("/img/basic/icon/fb_comment_off002.gif") no-repeat 0 0;
}
div.commentListArea ul li div.commentFeedback{
  clear:both;
  margin-left:50px;
}
div.commentListArea ul li div.commentFeedback ul{
  margin-top:0;
  padding:3px 0 0;
}
div.commentListArea ul li div.commentFeedback ul li{
  vertical-align:middle;
  padding:0;
  background:none;
}
ul.limitFeedback{
  padding-top:3px;
  color:var(--MXVAR-BASE-COLOR--text-softest, #999);
  font-size:83%;
  text-align:right;
}
.listWord{
  margin:30px 0 0;
  color:var(--MXVAR-BASE-COLOR--text-softest, #999);
  font-size:83%;
  text-align:center;
}
.listWord h3{
  display:inline;
  margin-right:5px;
  color:#666;
}
.listWord ul{
  display:inline;
}
.listWord li{
  display:inline;
  margin-left:5px;
}
.listWord a{
  color:var(--MXVAR-BASE-COLOR--text-softest, #999);
}
div.advertorial{
  margin:15px 0;
  border:1px solid #ddc49c;
}
div.advertorial h3{
  padding:5px 10px;
  border-bottom:1px solid #ddc49c;
  background-color:#f5e9d4;
  font-weight:bold;
}
.bodyAreaAd{
  margin-bottom:10px;
  text-align:center;
}
.adsbygoogle.square{
  display:inline-block;
  width:250px;
  height:250px;
}
.adsbygoogle.generalBanner{
  display:inline-block;
  width:468px;
  height:60px;
}
.adsbygoogle.bigBanner{
  display:inline-block;
  width:728px;
  height:90px;
}
.adsbygoogle.largeBigBanner,
.adsbygoogle.bigBanner_largeBigBanner{
  display:inline-block;
  width:970px;
  height:90px;
}
.adsbygoogle.largeBigBanner_billboard,
.adsbygoogle.bigBanner_largeBigBanner_billboard,
.adsbygoogle.generalBanner_bigBanner_largeBigBanner_billboard{
  display:inline-block;
  width:970px;
  min-height:90px;
}
.adsbygoogle.lrectangle{
  display:inline-block;
  width:336px;
  height:280px;
}
.adsbygoogle.rectangle,
.adsbygoogle.square_rectangle{
  display:inline-block;
  width:300px;
  height:250px;
}
.adsbygoogle.rectangle_halfPage{
  display:inline-block;
  width:300px;
  min-height:250px;
}
.adsbygoogle.bigSkyscraper{
  display:inline-block;
  width:300px;
  height:600px;
}
.adsbygoogle.wideSkyscraper{
  display:inline-block;
  width:160px;
  height:600px;
}
.adsbygoogle.smallSquare{
  display:inline-block;
  width:200px;
  height:200px;
}
.adsbygoogle.rectangle_halfPage{
  display:inline-block;
  width:300px;
  min-height:250px;
}
.FRAME2016_bodyMainArea .registerTelNumber{
  border:solid 1px #d6d6d6;
  padding:40px 100px;
}
.registerTelNumber{
  text-align:left;
}
.registerTelNumber p.close{
  position:absolute;
  top:8px;
  right:8px;
}
.registerTelNumber p.title{
  color:#646464;
  font-size:166%;
  margin-bottom:10px;
}
.registerTelNumber p.note{
  color:var(--MXVAR-BASE-COLOR--text-softest, #999);
}
.registerTelNumber div.flowArea{
  border:solid 1px #d6d6d6;
  border-radius:4px;
  text-align:center;
  padding:15px 0;
  margin-top:10px;
  margin-bottom:20px;
}
.registerTelNumber div.flowArea ul.flowText li{
  display:inline-block;
  background-color:#56b0f0;
  border-radius:4px;
  position:relative;
}
.registerTelNumber div.flowArea ul.flowText li::after{
  content:"";
  position:absolute;
  bottom:-8px;
  right:0;
  left:0;
  margin:0 auto;
  width:9px;
  height:8px;
  background:url("/img/basic/icon/arrow026.png") no-repeat 0 0;
}
.registerTelNumber div.flowArea ul.flowText li.center{
  margin:0 15px;
}
.registerTelNumber div.flowArea ul.flowText li p{
  display:table-cell;
  width:110px;
  height:62px;
  color:#fff;
  font-size:133%;
  vertical-align:middle;
}
.registerTelNumber div.flowArea ul.flowText li.center p{
  width:210px;
}
.registerTelNumber div.flowArea ul.flowImg{
  margin:15px 0;
}
.registerTelNumber div.flowArea ul.flowImg li{
  display:inline-block;
  vertical-align:middle;
  padding:0 20px;
}
.registerTelNumber div.flowArea .lead{
  font-weight:bold;
  font-size:133%;
  color:#cfa34c;
}
.registerTelNumber p.button{
  margin-bottom:15px;
}
.registerTelNumber p.button a{
  display:block;
  background-color:#cfa34c;
  color:#fff;
  width:320px;
  padding:12px 0;
  text-align:center;
  font-size:150%;
  font-weight:bold;
  text-decoration:none;
  border-radius:4px;
  margin:0 auto;
}
.errorPanel{
  border:solid 2px #feca2f;
  font-size:133%;
  font-weight:bold;
  color:#666;
  padding:15px 15px 15px 50px;
  background:url("/img/basic/icon/alert006.png") no-repeat 15px 15px #fff5d3;
}
div.iconList03 ul::after,
dl.bbsList01 dd.bbsContent dl::after,
dl.commentContent01::after,
div.pageNavigation01 div.pageList02::after,
ul.entryList01 li dl::after,
div.searchForm02::after,
div.searchForm03::after,
div.messageArea div.contents div dl.messageForm01::after,
.FRAME2016_bodyMainArea div.heading02::after,
.FRAME2016_bodySide div.listBoxUtility01::after,
.FRAME2016_bodyContents div.heading02::after,
.FRAME2016_bodyContents div.heading15::after,
.LEGACY_UI2016_editList01 ul.editContents li dl::after,
.LEGACY_UI2016_editList01 ul.editContents li dl dd ul.checkList02::after,
div.section01 div.sectionHead::after,
div.section01 dl.contentsFeedList01::after,
div.section01 ul.imageListTable01::after,
div.commentInputArea02::after,
div.commentInputArea02 div.addComment div.control::after,
ul.itemList01 li.listItem div.itemInfo table td.review::after,
ul.itemList01 li.listItem div.itemInfo table td.navigation::after,
ul.itemList01 li.listItem div.itemInfo table td.navigation ul.itemNav::after{
  content:" ";
  display:block;
  clear:both;
}
.LEGACY_UI2016_bodySubSection{
  width:300px;
  margin-bottom:5px;
  border-bottom:1px solid var(--MXVAR-SKIN-COLORVAR_border_subspecific05, #d0d0d1);
}
.LEGACY_UI2016_sidebar_heading01{
  background:url("/img/basic/skin/gray/heading/bodysubsection_head004.gif") no-repeat 0 0;
}
.LEGACY_UI2016_sidebar_heading01\$\$\$h2{
  height:24px;
  line-height:24px;
  padding-left:10px;
}
a.LEGACY_UI2016_sidebar_heading01\$\$\$h2\$\$\$a:link,
a.LEGACY_UI2016_sidebar_heading01\$\$\$h2\$\$\$a:visited,
a.LEGACY_UI2016_sidebar_heading01\$\$\$h2\$\$\$a:hover,
a.LEGACY_UI2016_sidebar_heading01\$\$\$h2\$\$\$a:active,
a.LEGACY_UI2016_sidebar_heading01\$\$\$h2\$\$\$a:focus{
  color:#333;
}
.LEGACY_UI2016_bodySubSection__contents{
  padding:0 10px 6px;
  border-right:1px solid var(--MXVAR-SKIN-COLORVAR_border_subspecific05, #d0d0d1);
  border-left:1px solid var(--MXVAR-SKIN-COLORVAR_border_subspecific05, #d0d0d1);
  background:#fff;
}
.LEGACY_UI2016_bodySubSection--private .LEGACY_UI2016_bodySubSection__contents{
  border-right:1px solid var(--MXVAR-SKIN-COLORVAR_border01, #d0d0d1);
  border-left:1px solid var(--MXVAR-SKIN-COLORVAR_border01, #d0d0d1);
}
.LEGACY_UI2016_bodySubSection p.moreLink01 a{
  padding-left:8px;
}
.LEGACY_UI2016_bodySubSection__contents .moreLink01 a:link{
  background:url("/img/basic/icon/link_arrow002.gif") no-repeat 0 50%;
}
div.bodySubSection02{
  width:300px;
  margin-bottom:5px;
}
.FRAME2016_bodySub02 .LEGACY_UI2016_bodySubSection--private{
  border-bottom:1px solid var(--MXVAR-SKIN-COLORVAR_border01, #d0d0d1);
}
.FRAME2016_bodySub02 .LEGACY_UI2016_sidebar_heading01{
  width:300px;
  background:url("/img/basic/skin/gray/heading/bodysubsection_head004.gif") no-repeat 0 0;
}
.FRAME2016_bodySub02 .LEGACY_UI2016_bodySubSection--private .LEGACY_UI2016_sidebar_heading01{
  background:url("/img/basic/skin/gray/heading/bodysubsection_head005.gif") no-repeat 0 0;
}
.FRAME2016_bodySub02 .LEGACY_UI2016_sidebar_heading01\$\$\$h2{
  float:left;
  width:270px;
}
.FRAME2016_bodySub02 .LEGACY_UI2016_bodySubSection--private a.LEGACY_UI2016_sidebar_heading01\$\$\$h2\$\$\$a{
  color:var(--MXVAR-SKIN-COLORVAR_fontColor_standard01, #333);
}
.LEGACY_UI2016_sidebar_heading01_utility01{
  float:left;
  width:20px;
}
.LEGACY_UI2016_sidebar_heading01_utility01\$\$\$li{
  padding-top:5px;
  height:15px;
}
.LEGACY_UI2016_sidebar_heading01_utility01\$\$\$li\$\$\$a{
  display:block;
  width:15px;
  height:15px;
  background:url("/img/basic/skin/gray/button/section_utility001.gif") no-repeat;
  text-indent:-999999px;
  outline:none;
}
.LEGACY_UI2016_sidebar_heading01_utility01\$\$\$li--open\$\$\$a{
  background-position:-45px 0;
}
.LEGACY_UI2016_sidebar_heading01_utility01\$\$\$li--close\$\$\$a{
  background-position:-30px 0;
}
.FRAME2016_bodySub02 .STATE_ID2016_siteInfo.STATE_ID2016_siteInfo div.heading01{
  background-image:url("/img/basic/skin/gray/home/siteinfo_title002.gif");
  text-indent:-9999px;
}
.FRAME2016_bodySub02 .STATE_ID2016_siteInfo.STATE_ID2016_siteInfo div.contents ul{
  padding-top:5px;
}
.FRAME2016_bodySub02 .STATE_ID2016_siteInfo.STATE_ID2016_siteInfo div.contents ul li{
  padding:2px 0 0 9px;
  background:url("/img/basic/icon/list002.gif") no-repeat 0 0.8em;
  font-weight:bold;
}
.FRAME2016_bodySub02 .STATE_ID2016_siteInfo.STATE_ID2016_siteInfo div.contents ul li.noEmphasis a{
  font-weight:normal;
}
.bodySubSection.STATE_ID2016_mixiNews,
.STATE_ID2016_mixiNews{
  text-align:left;
}
.bodySubSection.STATE_ID2016_mixiNews div.contents,
.STATE_ID2016_mixiNews div.contents{
  padding-right:0;
  padding-left:0;
}
.LEGACY_UI2016_sidebar_newsList01{
  padding:10px 10px 0;
}
.LEGACY_UI2016_sidebar_newsList01\$\$\$li{
  line-height:1.2;
  padding-bottom:8px;
}
.LEGACY_UI2016_sidebar_newsList01\$\$\$li\$\$\$img{
  vertical-align:middle;
}
.STATE_ID2016_mixiNews div.contents p.moreLink01{
  padding:2px 10px;
}
.LEGACY_UI2016_sidebar_newsList01\$\$\$li\$\$\$img--appended{
  margin-left:6px;
}
div.contents span.reactionCountBalloon{
  display:inline-block;
  width:34px;
  height:11px;
  line-height:11px;
  margin-left:6px;
  font-size:83%;
  text-align:center;
}
div.contents span.reactionCountBalloon.level01{
  background:url("/img/basic/icon/count_balloon004.gif") no-repeat 0 0;
}
div.contents span.reactionCountBalloon.level02{
  background:url("/img/basic/icon/count_balloon005.gif") no-repeat 0 0;
}
div.contents span.reactionCountBalloon.level03{
  background:url("/img/basic/icon/count_balloon006.gif") no-repeat 0 0;
}
div.contents span.reactionCountBalloon a{
  display:block;
  color:#fff !important;
  text-decoration:none;
}
div.contents span.reactionCountBalloon.level01 a{
  color:#666 !important;
}
.bodySubSection.STATE_ID2016_help div.contents,
.STATE_ID2016_help div.contents{
  padding:5px 10px;
}
.LEGACY_UI2016_sidebar_helpList01{
  padding:2px 0 5px;
}
.LEGACY_UI2016_sidebar_helpItem01{
  padding-bottom:4px;
}
.LEGACY_UI2016_sidebar_helpItem01\$\$\$a{
  padding-left:10px;
  background:url("/img/basic/icon/list002.gif") no-repeat 0% 0.5em;
}
.LEGACY_UI2016_sidebar_helpList01--helpList04{
  padding:0;
}
.LEGACY_UI2016_adBanner,
.adBanner{
  margin-bottom:5px;
}
div.STATE_ID2016_recommend div.contents{
  padding:0;
}
div.STATE_ID2016_recommend ul{
  line-height:1.7;
  padding:5px;
}
div.STATE_ID2016_recommend p.moreLink01{
  padding:0 5px 5px;
}
.LEGACY_UI2016_sidebar_iconListTable02{
  width:298px;
  table-layout:fixed;
  background:url("/img/basic/skin/gray/common/dotline_vertical001.gif") repeat-y 50% 0%;
  overflow:visible;
}
.LEGACY_UI2016_sidebar_iconListTable02\$\$\$tr{
  background:url("/img/basic/skin/gray/common/bg_iconlist002.gif") repeat-x 0% 100%;
}
.LEGACY_UI2016_sidebar_iconListTable02\$\$\$td{
  width:139px;
  padding:5px;
  text-align:center;
  vertical-align:top;
  word-break:break-all;
}
.LEGACY_UI2016_sidebar_iconListTable02\$\$\$td\$\$\$a:link,
.LEGACY_UI2016_sidebar_iconListTable02\$\$\$td\$\$\$a:visited,
.LEGACY_UI2016_sidebar_iconListTable02\$\$\$td\$\$\$a:hover,
.LEGACY_UI2016_sidebar_iconListTable02\$\$\$td\$\$\$a:active,
.LEGACY_UI2016_sidebar_iconListTable02\$\$\$td\$\$\$a:focus{
  display:block;
  width:76px;
  height:76px;
  margin:0 auto;
  background-color:transparent;
  background-position:50% 50%;
  background-repeat:no-repeat;
  text-indent:-9999px;
}
.LEGACY_UI2016_sidebar_iconListTable02\$\$\$td\$\$\$span{
  display:block;
  padding-top:5px;
}
.bodySubSection.STATE_ID2016_voiceHelp div.contents,
.STATE_ID2016_voiceHelp div.contents{
  padding:5px 10px;
}
.LEGACY_UI2016_sidebar_voiceHelpList{
  padding:0;
}
.LEGACY_UI2016_sidebar_voiceHelpList\$\$\$li{
  padding-bottom:4px;
}
.LEGACY_UI2016_sidebar_voiceHelpList\$\$\$li\$\$\$a{
  padding-left:10px;
  background:url("/img/basic/icon/list002.gif") no-repeat 0% 0.5em;
}
.LEGACY_UI2016_sidebar_recommendMember01{
  width:278px;
  padding:5px 0 6px;
  background:url("/img/basic/skin/gray/common/border_dot_horizontal001.gif") repeat-x 0 100%;
}
.LEGACY_UI2016_sidebar_recommendMember01.last{
  background:none;
}
.LEGACY_UI2016_sidebar_recommendMember01__thumb{
  float:left;
  width:40px;
  padding:0 15px 0 5px;
  text-align:center;
}
.LEGACY_UI2016_sidebar_recommendMember01__thumb\$\$\$img{
  vertical-align:top;
}
.LEGACY_UI2016_sidebar_recommendMember01__userInfo{
  float:left;
  width:210px;
  word-wrap:break-word;
}
.LEGACY_UI2016_sidebar_recommendMember01__userInfo\$\$\$dt{
  margin-bottom:3px;
}
.LEGACY_UI2016_sidebar_recommendMember01__userInfo\$\$\$dd\$\$\$p{
  margin-bottom:3px;
  font-size:83%;
}
.LEGACY_UI2016_sidebar_recommendMember01__userInfo\$\$\$dd\$\$\$p\$\$\$span{
  white-space:nowrap;
}
.LEGACY_UI2016_sidebar_recommendMember01__delete{
  float:left;
  padding:2px 0;
}
.bodySubSection.STATE_ID2016_mixiGame .contents,
.STATE_ID2016_mixiGame .contents{
  padding:10px 10px 7px;
}
.LEGACY_UI2016_sidebar_gameBanner01{
  position:relative;
  height:228px;
  overflow:hidden;
  margin:0 auto;
}
.LEGACY_UI2016_sidebar_gameBanner01_banner{
  text-align:center;
}
.LEGACY_UI2016_sidebar_gameBanner01_banner\$\$\$img{
  vertical-align:top;
}
.LEGACY_UI2016_sidebar_gameBanner01_detail{
  position:absolute;
  top:228px;
  width:268px;
  height:218px;
  padding:5px;
  background:#2b2a30;
  color:#fff;
  overflow:hidden;
  font-size:83%;
}
.LEGACY_UI2016_sidebar_gameBanner01_detail__gameInfo_thumbnail{
  float:left;
}
.LEGACY_UI2016_sidebar_gameBanner01_detail__gameInfo_title{
  margin:0 0 2px 65px;
  font-weight:bold;
}
.LEGACY_UI2016_sidebar_gameBanner01_detail__gameInfo_info{
  margin-left:65px;
  line-height:1.1;
}
.LEGACY_UI2016_sidebar_gameBanner01_detail__startButton{
  text-align:center;
}
.LEGACY_UI2016_sidebar_gameBanner01_detail__startButton\$\$\$input{
  margin-top:7px;
  padding:0;
  border:none;
}
.LEGACY_UI2016_sidebar_gameBanner01_detail__shareCheck{
  margin:3px 0 6px;
  text-align:center;
}
.LEGACY_UI2016_sidebar_gameBanner01_detail__shareCheck\$\$\$input{
  margin-right:3px;
  vertical-align:middle;
}
.LEGACY_UI2016_sidebar_gameBanner01_detail__joinedFriend\$\$\$li{
  float:left;
  margin-right:3px;
}
.LEGACY_UI2016_sidebar_gameBanner01_detail__joinedFriend\$\$\$li\$\$\$img{
  max-width:20px;
  max-height:20px;
}
.LEGACY_UI2016_sidebar_gameBanner01_detail__joinedFriend\$\$\$li--status{
  margin:0 0 0 3px;
  color:#eb7f5e;
  font-weight:bold;
}
.LEGACY_UI2016_sidebar_gameBanner01_detail__privacyInfo{
  margin-top:5px;
  line-height:1.1;
  color:var(--MXVAR-BASE-COLOR--text-softest, #999);
}
.LEGACY_UI2016_sidebar_gameBanner01_detail__partner{
  text-align:right;
}
.LEGACY_UI2016_sidebar_gameList_banner{
  width:278px;
  text-align:center;
}
.LEGACY_UI2016_sidebar_gameList_banner\$\$\$img{
  width:278px;
  height:auto;
  vertical-align:middle;
}
.STATE_ID2016_mixiGame .moreLink01{
  margin-top:8px;
}
.bodySubSection.STATE_ID2016_communityFeed .contents,
.STATE_ID2016_communityFeed .contents{
  padding-right:0;
  padding-left:0;
}
.STATE_ID2016_communityFeed ul li a:visited{
  color:#969;
}
.LEGACY_UI2016_sidebar_communityFeedItem{
  width:278px;
  vertical-align:top;
  padding:10px 10px 7px;
  border-bottom:1px solid var(--MXVAR-SKIN-COLORVAR_border_subspecific05, #d0d0d1);
  word-wrap:break-word;
  word-break:break-all;
}
.LEGACY_UI2016_bodySubSection--private .LEGACY_UI2016_sidebar_communityFeedItem{
  border-bottom:1px solid var(--MXVAR-SKIN-COLORVAR_border01, #d0d0d1);
}
.LEGACY_UI2016_sidebar_communityFeedItem.active{
  background-color:var(--MXVAR-SKIN-COLORVAR_background01, #f9f8f8);
  cursor:pointer;
}
.LEGACY_UI2016_sidebar_communityFeedItem_image{
  float:left;
  width:32px;
  text-align:center;
}
.LEGACY_UI2016_sidebar_communityFeedItem_image\$\$\$img{
  max-width:32px;
  max-height:32px;
}
.LEGACY_UI2016_sidebar_communityFeedItem_postData{
  float:right;
  width:236px;
}
.LEGACY_UI2016_sidebar_communityFeedItem_postData_name{
  padding-bottom:1px;
  font-size:83%;
}
a.LEGACY_UI2016_sidebar_communityFeedItem_postData_name\$\$\$a{
  color:var(--MXVAR-BASE-COLOR--text-softest, #999);
}
.LEGACY_UI2016_sidebar_communityFeedItem_postData_title{
  font-weight:bold;
  text-indent:20px;
  word-wrap:break-word;
  word-break:break-all;
}
.event .LEGACY_UI2016_sidebar_communityFeedItem_postData_title{
  background:url("/img/basic/icon/event002.gif") no-repeat 1px 0;
}
.enquete .LEGACY_UI2016_sidebar_communityFeedItem_postData_title{
  background:url("/img/basic/icon/enquete001.gif") no-repeat 0 0;
}
.bbs .LEGACY_UI2016_sidebar_communityFeedItem_postData_title{
  background:url("/img/basic/icon/topic001.gif") no-repeat 0 1px;
}
.announcement .LEGACY_UI2016_sidebar_communityFeedItem_postData_title{
  background:url("/img/basic/icon/announce002.gif") no-repeat 0 0;
}
.LEGACY_UI2016_sidebar_communityFeedItem_postData_title\$\$\$span{
  color:var(--MXVAR-BASE-COLOR--text-softest, #999);
  font-size:83%;
  font-weight:normal;
}
.LEGACY_UI2016_sidebar_communityFeedItem_postData_title\$\$\$span::before{
  content:" ";
  display:inline;
}
.STATE_ID2016_communityFeed .contents p.moreLink01{
  padding:7px 10px 0;
}
.bodySubSection.STATE_ID2016_prAppli .contents,
.STATE_ID2016_prAppli .contents{
  width:278px;
}
.LEGACY_UI2016_sidebar_prAppli_prTitle{
  padding:5px 0;
}
.LEGACY_UI2016_sidebar_prAppli\$\$\$dt{
  float:left;
  width:81px;
  height:76px;
}
.LEGACY_UI2016_sidebar_prAppli\$\$\$dd{
  float:right;
  width:197px;
  word-break:break-all;
}
.LEGACY_UI2016_sidebar_communityCategoryList{
  padding:10px 0 0;
}
.LEGACY_UI2016_sidebar_communityCategoryList\$\$\$li{
  margin-bottom:8px;
}
.LEGACY_UI2016_sidebar_communityCategoryList\$\$\$li\$\$\$a{
  padding:1px 0 4px 27px;
  background:url("/img/basic/icon/community_category001.gif") no-repeat;
}
.LEGACY_UI2016_sidebar_communityCategoryList\$\$\$li\$\$\$a.music{
  background-position:0 0;
}
.LEGACY_UI2016_sidebar_communityCategoryList\$\$\$li\$\$\$a.game{
  background-position:0 -27px;
}
.LEGACY_UI2016_sidebar_communityCategoryList\$\$\$li\$\$\$a.hobby{
  background-position:0 -54px;
}
.LEGACY_UI2016_sidebar_communityCategoryList\$\$\$li\$\$\$a.sports{
  background-position:0 -82px;
}
.LEGACY_UI2016_sidebar_communityCategoryList\$\$\$li\$\$\$a.fashion{
  background-position:0 -110px;
}
.LEGACY_UI2016_sidebar_communityCategoryList\$\$\$li\$\$\$a.celebration{
  background-position:0 -138px;
}
.LEGACY_UI2016_sidebar_communityCategoryList\$\$\$li\$\$\$a.comedy{
  background-position:0 -167px;
}
.LEGACY_UI2016_sidebar_communityCategoryList\$\$\$li\$\$\$a.tv{
  background-position:0 -193px;
}
.LEGACY_UI2016_sidebar_communityCategoryList\$\$\$li\$\$\$a.gourmet{
  background-position:0 -222px;
}
.LEGACY_UI2016_sidebar_communityCategoryList\$\$\$li\$\$\$a.circle{
  background-position:0 -251px;
}
.LEGACY_UI2016_sidebar_communityCategoryList\$\$\$li\$\$\$a.region{
  background-position:0 -278px;
}
.LEGACY_UI2016_sidebar_communityCategoryList\$\$\$li\$\$\$a.generation{
  background-position:0 -307px;
}
.LEGACY_UI2016_sidebar_communityCategoryList\$\$\$li\$\$\$a.school{
  background-position:0 -335px;
}
.LEGACY_UI2016_sidebar_communityCategoryList\$\$\$li\$\$\$a.company{
  background-position:0 -362px;
}
.LEGACY_UI2016_sidebar_communityCategoryList\$\$\$li\$\$\$a.car{
  background-position:0 -390px;
}
.LEGACY_UI2016_sidebar_communityCategoryList\$\$\$li\$\$\$a.book{
  background-position:0 -419px;
}
.LEGACY_UI2016_sidebar_communityCategoryList\$\$\$li\$\$\$a.movie{
  background-position:0 -446px;
}
.LEGACY_UI2016_sidebar_communityCategoryList\$\$\$li\$\$\$a.art{
  background-position:0 -475px;
}
.LEGACY_UI2016_sidebar_communityCategoryList\$\$\$li\$\$\$a.study{
  background-position:0 -504px;
}
.LEGACY_UI2016_sidebar_communityCategoryList\$\$\$li\$\$\$a.business{
  background-position:0 -531px;
}
.LEGACY_UI2016_sidebar_communityCategoryList\$\$\$li\$\$\$a.pc{
  background-position:0 -558px;
}
.LEGACY_UI2016_sidebar_communityCategoryList\$\$\$li\$\$\$a.trip{
  background-position:0 -587px;
}
.LEGACY_UI2016_sidebar_communityCategoryList\$\$\$li\$\$\$a.animal{
  background-position:0 -615px;
}
.LEGACY_UI2016_sidebar_communityCategoryList\$\$\$li\$\$\$a.fortune{
  background-position:0 -644px;
}
.LEGACY_UI2016_sidebar_communityCategoryList\$\$\$li\$\$\$a.disaster{
  background-position:0 -670px;
}
.LEGACY_UI2016_sidebar_communityCategoryList\$\$\$li\$\$\$a.others{
  background-position:0 -700px;
}
.LEGACY_UI2016_sidebar_communityRanking_item{
  padding-top:10px;
  margin-top:10px;
  background:url("/img/basic/skin/gray/common/bg_iconlist002.gif") repeat-x 0% 0%;
}
.LEGACY_UI2016_sidebar_communityRanking_item.first{
  margin-top:0;
  background:none;
}
.LEGACY_UI2016_sidebar_communityRanking_itemThumb{
  float:left;
  margin-right:7px;
  padding:1px;
  border:1px solid #ddd;
  text-align:center;
}
.LEGACY_UI2016_sidebar_communityRanking_itemThumb\$\$\$a{
  display:table-cell;
  width:76px;
  height:76px;
  vertical-align:middle;
}
.LEGACY_UI2016_sidebar_communityRanking_itemThumb\$\$\$img{
  max-width:76px;
  max-height:76px;
  vertical-align:middle;
}
.LEGACY_UI2016_sidebar_communityRanking_itemDetail{
  font-size:116%;
}
.LEGACY_UI2016_sidebar_communityRanking_itemDetail\$\$\$dd{
  color:#666;
}
.LEGACY_UI2016_sidebar_communityRanking_itemRank.rank01{
  color:#b8931f;
  font-weight:bold;
}
.LEGACY_UI2016_sidebar_communityRanking_itemRank.rank02{
  color:#999;
  font-weight:bold;
}
.LEGACY_UI2016_sidebar_communityRanking_itemRank.rank03{
  color:#905c26;
  font-weight:bold;
}
.STATE_ID2016_communityRanking .communityBlock01::after,
.FRAME2016_bodySub02 .LEGACY_UI2016_sidebar_heading01::after,
.LEGACY_UI2016_sidebar_gameBanner01_detail__gameInfo::after,
.LEGACY_UI2016_sidebar_gameBanner01_detail__joinedFriend::after,
.STATE_ID2016_recommendSide .recommendMember::after,
.LEGACY_UI2016_sidebar_communityFeedItem::after,
.LEGACY_UI2016_sidebar_prAppli\$\$\$dl::after{
  content:" ";
  display:block;
  clear:both;
}
.inputAlert01{
  margin:2px 0;
  padding-left:20px !important;
  background:url("/img/basic/icon/simplealert_alert001.gif") no-repeat 0 0;
  color:var(--MXVAR-BASE-COLOR--text-alert, #f00);
  text-align:left !important;
  font-weight:bold;
  font-size:83%;
}
div.utilityWindow01{
  display:none;
  position:absolute;
  clear:both;
  width:290px;
  padding:5px;
  background:#fcc47a;
  z-index:50;
}
div.utilityWindow01 div.contentStage{
  background:#fff;
}
div.utilityWindow01 div.layerHeading01{
  line-height:22px;
  padding:2px 4px 0 12px;
  background:url("/img/basic/heading/layer_titile001.gif") no-repeat 0 0;
}
div.utilityWindow01 div.layerHeading01 h2{
  float:left;
  font-weight:bold;
}
div.utilityWindow01 div.layerHeading01 a{
  float:right;
  padding:6px 5px;
  line-height:9px;
}
div.utilityWindow01 div.contents{
  clear:both;
  padding:8px 13px;
  border:1px solid #ffc356;
  border-top:none;
  background:#fff;
}
div.utilityWindow01 div.contents p.noContents{
  padding:10px 0;
  text-align:center;
}
div.utilityWindow01 ul.checkList01{
  padding-top:5px;
}
div.utilityWindow01 ul.checkList01 li input{
  vertical-align:middle;
  margin-right:5px;
}
div.utilityWindow01 p.notes01{
  line-height:1.3;
  margin-bottom:7px;
}
div.utilityWindow01 p.notes02{
  line-height:1.3;
}
div.utilityWindow01 p.alert{
  line-height:1.3;
  padding-left:20px;
  color:#c00;
  font-weight:bold;
  background:url("/img/music/music_alert01.gif") no-repeat;
}
div.utilityWindow01 textarea{
  width:97%;
  height:6em;
  margin:3px 0;
}
div.utilityWindow01 p.confirmNotes{
  background:#fffaf2;
  padding:5px;
  line-height:1.3;
  height:8em;
  overflow:auto;
  word-break:break-all;
}
div.utilityWindow01 ul.commonFriendList{
  word-break:break-all;
}
div.utilityWindow01 div.confirm01{
  border:1px solid #ffc356;
  border-bottom:none;
}
div.utilityWindow01 div.confirm01 span.confirmNote01{
  display:block;
  padding-top:1px;
  font-weight:normal;
  font-size:83%;
}
div.utilityWindow01 div.confirm01 span.inputAlert01{
  display:block;
  padding-top:1px;
  padding-bottom:1px;
}
div.utilityWindow01 div.utilityWindowList01 div.formButtons01{
  padding-top:10px !important;
}
div.utilityWindow01 div.messageArea{
  background:transparent url("/img/basic/common/bg_stripe001.gif") repeat scroll 0 0;
  border:1px solid #ffc356;
  border-top:none;
  padding:20px 20px 30px 30px;
  margin:0;
}
div.utilityWindow01 div.messageArea p{
  padding:7px 0 0 40px;
}
div.utilityWindow01 div.messageArea p.messageAlert{
  background:transparent url("/img/basic/icon/message_area002.gif") no-repeat 0 0;
  min-height:30px;
}
div.utilityWindow01 p.loading01{
  padding:15px 0;
  text-align:center;
  background:#fff;
}
div.utilityWindow01 .utilityLinks03{
  margin-top:10px;
}
div.utilityWindow01 strong{
  font-weight:bold;
}
div.utilityWindow01 div.editListPopup01 .formButtons01,
div.utilityWindow02 div.editListPopup01 .formButtons01{
  border:1px solid #ffc356;
  border-top:none;
  text-align:center;
}
div.utilityWindow01 div.editListPopup01 ul.formButtons01,
div.utilityWindow02 div.editListPopup01 ul.formButtons01{
  padding-bottom:10px;
}
div.utilityWindow01 ul.myMixiOk{
  margin:10px 0;
}
div.utilityWindow01 ul.myMixiOk input{
  vertical-align:middle;
  margin-right:5px;
}
div.utilityWindow01 .editList01 div.diarySet{
  margin:15px 0 0;
}
div.utilityWindow01 .editList01 div.diarySet p.utilityLinks03{
  margin-top:3px;
}
div.utilityWindow01 .editList01 .formButtons01{
  border:1px solid #ffc356;
  border-top:none;
  text-align:center;
}
div.utilityWindow01 div.editList01 ul.formButtons01{
  padding-bottom:10px;
}
div.utilityWindow01 .inputAlert01,
div.utilityWindow01 .inputAlert02{
  font-size:83%;
  font-weight:bold;
  color:var(--MXVAR-BASE-COLOR--text-alert, #f00);
  background:url("/img/basic/common/simplealert_alert002.gif") no-repeat;
  padding-left:22px;
  margin:3px 0 0;
}
div.utilityWindow01 .inputAlert02{
  background-position:left center;
}
div.utilityWindow01 ul.showList01{
  margin:5px 0;
}
div.utilityWindow01 ul.showList01 li{
  list-style:inside disc;
}
div.utilityWindow01 div.feedbackHistory{
  border:1px solid #ffc356;
  border-top:none;
  background:#fff;
}
div.utilityWindow01 div.feedbackHistory div.sort{
  padding:7px;
  border-bottom:1px solid #d0d0d1;
}
div.utilityWindow01 div.feedbackHistory ul.feedbackList li{
  padding:7px 10px 7px 7px;
  background:url("/img/basic/skin/gray/common/border_dot_horizontal001.gif") repeat-x 0 100%;
}
div.utilityWindow01 div.feedbackHistory ul.feedbackList li.unread{
  background-color:#fffaf2;
}
div.utilityWindow01 div.feedbackHistory ul.feedbackList li.unread a{
  font-weight:bold;
}
div.utilityWindow01 div.feedbackHistory ul.feedbackList li.listItemBottom{
  background-image:none;
}
div.utilityWindow01 div.feedbackHistory ul.feedbackList li div{
  padding-left:26px;
  letter-spacing:0;
  word-break:break-all;
}
div.utilityWindow01 div.feedbackHistory ul.feedbackList li.community_comment_response div{
  background:url("/img/basic/icon/topic001.gif") no-repeat 4px 2px;
}
div.utilityWindow01 div.feedbackHistory ul.feedbackList li.easyshare div{
  background:url("/img/basic/icon/check001.gif") no-repeat 4px 2px;
}
div.utilityWindow01 div.feedbackHistory ul.feedbackList li.diary div{
  background:url("/img/basic/icon/diary004.gif") no-repeat 2px 1px;
}
div.utilityWindow01 div.feedbackHistory ul.feedbackList li.photo div,
div.utilityWindow01 div.feedbackHistory ul.feedbackList li.album div{
  background:url("/img/basic/icon/photo005.gif") no-repeat 2px 2px;
}
div.utilityWindow01 div.feedbackHistory ul.feedbackList li.voice div,
div.utilityWindow01 div.feedbackHistory ul.feedbackList li.voice_comment_feedback div{
  background:url("/img/basic/icon/voice002.gif") no-repeat 2px 1px;
}
div.utilityWindow01 div.feedbackHistory ul.feedbackList li.schedule div{
  background:url("/img/basic/icon/schedule002.gif") no-repeat 2px 0;
}
div.utilityWindow01 div.feedbackHistory ul.feedbackList li.video div{
  background:url("/img/basic/icon/video003.gif") no-repeat 2px 1px;
}
div.utilityWindow01 div.feedbackHistory ul.feedbackList li.community_bbs_comment_feedback div,
div.utilityWindow01 div.feedbackHistory ul.feedbackList li.community_bbs div{
  background:url("/img/basic/icon/topic001.gif") no-repeat 4px 2px;
}
div.utilityWindow01 div.feedbackHistory ul.feedbackList li.platform_feed div{
  background:url("/img/basic/icon/appli003.gif") no-repeat 2px 1px;
}
div.utilityWindow01 div.feedbackHistory ul.feedbackList li.review div{
  background:url("/img/basic/icon/review003.gif") no-repeat 2px 1px;
}
div.utilityWindow01 div.feedbackHistory ul.feedbackList li.wall_comment_response div{
  background:url("/img/basic/icon/wall001.gif") no-repeat 2px 2px;
}
div.utilityWindow01 div.feedbackHistory ul.feedbackList li.profile_image div{
  background:url("/img/basic/icon/profile004.gif") no-repeat 0 2px;
}
div.utilityWindow01 div.feedbackHistory ul.feedbackList li span.pageName{
  display:block;
  color:var(--MXVAR-BASE-COLOR--text-softest, #999);
  font-weight:bold;
}
div.utilityWindow01 div.feedbackHistory ul.feedbackList li span.date{
  color:var(--MXVAR-BASE-COLOR--text-softest, #999);
  font-size:83%;
}
div.utilityWindow01 div.feedbackHistory ul.pageList{
  width:288px;
  border-top:1px solid #ffb526;
}
div.utilityWindow01 div.feedbackHistory ul.pageList::after{
  content:" ";
  display:block;
  clear:both;
}
div.utilityWindow01 div.feedbackHistory ul.pageList li{
  float:left;
  width:124px;
  padding:3px 10px 8px;
}
div.utilityWindow01 div.feedbackHistory ul.pageList li.next{
  text-align:right;
}
div.utilityWindow01 ul.likeList{
  line-height:1.6;
  overflow:hidden;
}
div.utilityWindow01 ul.likeList img{
  margin-left:3px;
  vertical-align:middle;
}
div.utilityWindow01 div.pageArea{
  padding:5px 10px;
  border:1px solid #ffc356;
  border-top:none;
  background:#fff;
}
div.utilityWindow01 div.pageArea p.pre{
  float:left;
  width:50%;
}
div.utilityWindow01 div.pageArea p.next{
  float:right;
  width:50%;
  text-align:right;
}
.utilityWindow01 div.contentsArea{
  background:#fff;
  border:1px solid #ffc356;
  border-top:none;
}
.utilityWindow01 div.contentsArea .moreLink01{
  padding:5px;
  border-top:1px solid #ffc356;
}
.utilityWindow01 ul.menuList{
  padding:5px 15px;
  background:#f8f8f8;
}
.utilityWindow01 ul.menuList li{
  display:inline;
}
.utilityWindow01 ul.menuList li a{
  display:inline-block;
}
.utilityWindow01 ul.menuList li img{
  vertical-align:middle;
}
.utilityWindow01 ul.menuList li a.selected{
  padding:1px 3px 0 4px;
  border:1px solid #258fb8;
  background-color:#66b0cd;
  color:#fff;
  text-decoration:none;
}
.utilityWindow01 ul.menuList li.friend{
  margin-right:5px;
  padding-right:5px;
  border-right:1px solid #d5d5d5;
}
.utilityWindow01 .contentsArea ul.thumbList li{
  overflow:hidden;
  padding:8px 10px 7px;
  background:url("/img/basic/common/dotline_horizontal005.gif") repeat-x 0 0;
}
.utilityWindow01 .contentsArea ul.thumbList li.unread{
  background-color:#fffaf2;
}
.utilityWindow01 .contentsArea ul.thumbList div.thumbnail{
  float:left;
  width:40px;
  padding-right:10px;
  text-align:center;
}
.utilityWindow01 .contentsArea ul.thumbList div.info{
  float:left;
  width:218px;
}
div.utilityWindow02{
  clear:both;
  width:590px;
  padding:5px;
  background:#fcc47a;
  position:absolute;
  text-align:left;
  z-index:50;
}
div.utilityWindow02 div.layerHeading02{
  background:url("/img/basic/heading/layer_titile002.gif") no-repeat 0 0;
  margin-bottom:0;
  height:24px;
  line-height:24px;
}
div.utilityWindow02 div.layerHeading02 h2{
  font-weight:bold;
  margin-left:20px;
}
div.utilityWindow02 div.layerHeading02 h2 em{
  font-size:84%;
  font-style:normal;
  font-weight:normal;
}
div.utilityWindow02 div.contents{
  clear:both;
  background:#fff;
  border:1px solid #ffc356;
  border-top:none;
}
div.utilityWindow02 div.groupList{
  background:url("/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:#fff;
  padding:2px 4px;
  text-decoration:none;
}
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;
  text-indent:-9999px;
  background:url("/img/basic/common/btn_select_all_friends001.gif") no-repeat left top;
  outline:0;
}
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:#ffc356;
  text-align:right;
}
div.utilityWindow02 div.generalInfo01{
  background:url("/img/basic/common/dotline_horizontal002.gif") left bottom repeat-x #f8f8f8;
  font-weight:bold;
  padding:7px 10px;
}
div.utilityWindow02 div.generalInfo01 p{
  color:#666;
}
div.utilityWindow02 div.generalInfo01 p.red{
  color:var(--MXVAR-BASE-COLOR--text-alert, #f00);
}
div.utilityWindow02 div.generalInfo01 p.stateInfo{
  float:right;
  text-align:right;
  font-size:83%;
  font-weight:bold;
  line-height:1;
}
div.utilityWindow02 div.generalInfo01 p.stateInfo .param{
  font-size:160%;
}
div.utilityWindow02 div.confirm01{
  border-right:none;
  border-left:none;
  border-color:#ffc356;
}
div.utilityWindow02 ul.entryList01{
  border:none;
}
div.utilityWindow02 div.contents ul.editContents{
  border:none;
}
div.utilityWindow02 .LEGACY_UI2016_friendList{
  border:1px solid #ffc356;
  width:588px;
}
div.utilityWindow02 .LEGACY_UI2016_friendList table{
  width:100%;
  border-spacing:0;
  border-collapse:collapse;
  table-layout:fixed;
}
div.utilityWindow02 .LEGACY_UI2016_friendList td,
div.utilityWindow02 .LEGACY_UI2016_friendList th{
  word-break:break-all;
}
div.utilityWindow02 div.empty{
  border-color:#ccc !important;
}
div.utilityWindow02 .LEGACY_UI2016_friendList .messageArea{
  margin-bottom:0;
}
div.utilityWindow02 .LEGACY_UI2016_friendList .messageArea .contents{
  border:none;
  background:#f8f8f8;
  padding:10px 20px;
}
div.utilityWindow02 .empty .messageArea .contents{
  background:#f8f8f8 !important;
  border-color:#dfdfdf !important;
}
div.utilityWindow02 .LEGACY_UI2016_friendList.adminView .messageArea .contents{
  border-right:none;
  border-bottom:none;
}
div.utilityWindow02 .LEGACY_UI2016_friendList .messageArea .contents div{
  padding-left:0;
  padding-right:0;
}
div.utilityWindow02 .empty .messageArea .contents div{
  border-color:#dfdfdf !important;
}
div.utilityWindow02 .empty .messageArea .contents div p.supplement01{
  margin-top:14px;
}
div.utilityWindow02 .messageArea .contents p span.note{
  color:var(--MXVAR-BASE-COLOR--text-alert, red);
}
div.utilityWindow02 .addMemberTag .LEGACY_UI2016_friendList .nothing,
div.utilityWindow02 .editMemberTag .LEGACY_UI2016_friendList .nothing{
  padding-top:135px;
  padding-bottom:145px;
}
div.utilityWindow02 .addMemberTag .expand .nothing,
div.utilityWindow02 .editMemberTag .expand .nothing{
  padding-bottom:144px !important;
  border-bottom:1px solid #ccc;
}
div.utilityWindow02 .LEGACY_UI2016_friendList .wrapper{
  position:relative;
}
div.utilityWindow02 .LEGACY_UI2016_friendList .officialIcon{
  position:absolute;
  left:1px;
  top:1px;
}
div.utilityWindow02 .thumbnail{
  display:block;
  width:76px;
  height:76px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:5px;
  background-repeat:no-repeat;
  background-position:center center;
  text-indent:-9999px;
  outline:none;
}
div.utilityWindow02 .editMemberTag div.LEGACY_UI2016_friendListArea,
div.utilityWindow02 .addMemberTag div.LEGACY_UI2016_friendListArea{
  background-position:left top;
}
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 div.selectionView div.thumbnail{
  float:left;
  width:40px;
  height:40px;
  margin:0 4px 0 0;
  background:no-repeat center center;
  text-indent:-9999px;
}
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("/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;
  background:#fff;
}
div.utilityWindow02 .selectionView .exclusion{
  background:#f2f2f2;
  color:var(--MXVAR-BASE-COLOR--text-softest-onGray244, #999);
}
div.utilityWindow02 .selectionView .exclusion a{
  cursor:default;
}
div.utilityWindow02 div.editList01 .formButtons01{
  border:1px solid #ffc356;
  border-top:none;
  text-align:center;
}
div.utilityWindow02 div.layerHeading02{
  position:relative;
}
div.utilityWindow02 div.layerHeading02 span.close{
  position:absolute;
  top:4px;
  right:5px;
}
div.utilityWindow02 div.layerHeading02 a.closeButton{
  position:absolute;
  top:3px;
  right:3px;
  padding:6px 5px;
  line-height:var(--MXVAR-BASE-LINE-HEIGHT--is-zero, inherit);
}
div.utilityWindow02 div.category01{
  line-height:32px;
  border-bottom:1px solid #ccc;
  background:#eee;
  text-align:right;
}
div.utilityWindow02 div.category01 p{
  display:inline;
  margin-right:5px;
}
div.utilityWindow02 div.category01 select{
  vertical-align:middle;
  margin-right:20px;
}
div.utilityWindow02 div.slideList01{
  position:relative;
  width:558px;
  height:180px;
  overflow:hidden;
  margin:12px 15px 0;
  padding-bottom:15px;
}
div.utilityWindow02 div.slideList01 ul{
  position:absolute;
  top:0;
  left:0;
  white-space:nowrap;
}
div.utilityWindow02 div.slideList01 ul li{
  display:inline-block;
  padding-right:10px;
  text-align:center;
}
div.utilityWindow02 div.slideList01 ul li span.thumb{
  display:table-cell;
  width:120px;
  min-width:120px;
  padding-bottom:12px;
}
div.utilityWindow02 div.slideList01 ul li span.thumb img{
  vertical-align:bottom;
}
div.utilityWindow02 div.slideList01 ul li span.btn{
  display:block;
}
div.utilityWindow02 div.slider{
  position:relative;
  top:160px;
  width:400px;
  height:15px;
  margin:0 auto;
  background:url("/img/basic/common/slider_base001.gif") no-repeat;
}
div.utilityWindow02 div.handle{
  position:absolute;
  top:0;
  width:110px;
  height:15px;
  background:url("/img/basic/common/slider_handle001.gif") no-repeat;
  z-index:10;
  cursor:pointer;
}
div.utilityWindow02 div.up{
  position:absolute;
  top:1px;
  left:-20px;
  width:11px;
  height:13px;
  background:url("/img/basic/common/slider_up001.gif") no-repeat;
  cursor:pointer;
}
div.utilityWindow02 div.down{
  position:absolute;
  top:1px;
  right:-20px;
  width:11px;
  height:13px;
  background:url("/img/basic/common/slider_down001.gif") no-repeat;
  cursor:pointer;
}
div.utilityWindow02 div.decomessageAlert{
  position:relative;
  height:210px;
  padding:15px;
  background:url("/img/promotion/others/decomessage_alert.gif") no-repeat 15px 15px;
}
div.utilityWindow02 div.decomessageAlert p{
  position:absolute;
  left:23px;
  bottom:20px;
  text-indent:-9999px;
}
div.utilityWindow02 div.decomessageAlert p a{
  display:block;
  width:324px;
  height:45px;
  overflow:hidden;
  background:url("/img/promotion/others/decomessage_btn.gif") no-repeat;
}
div.utilityWindow02 div.tab01{
  background:url("/img/basic/skin/orange/common/tab_base001.gif") left bottom repeat-x #f8f8f8;
  height:38px;
}
div.utilityWindow02 div.tab01 ul{
  margin-left:10px;
  padding-top:7px;
}
div.utilityWindow02 div.tab01 li{
  display:inline;
}
div.utilityWindow02 div.tab01 li a,
div.utilityWindow02 div.tab01 li span.disabled{
  background:url("/img/basic/skin/orange/common/tab_left001.gif") left top no-repeat;
  display:inline-block;
  padding-left:4px;
  height:26px;
  border-bottom:1px solid #ffc356;
  color:#333;
}
div.utilityWindow02 div.tab01 li span.disabled{
  color:#999;
}
div.utilityWindow02 div.tab01 li a.on{
  background:url("/img/basic/skin/orange/common/tab_left_on001.gif") left top no-repeat;
  height:27px;
  border-bottom:none;
}
div.utilityWindow02 div.tab01 li a span,
div.utilityWindow02 div.tab01 li span.disabled span{
  background:url("/img/basic/skin/orange/common/tab_right001.gif") right top no-repeat;
  display:block;
  height:21px;
  padding:5px 10px 0;
}
div.utilityWindow02 div.tab01 li a.on span{
  background:url("/img/basic/skin/orange/common/tab_right_on001.gif") right top no-repeat;
  height:22px;
  padding:5px 10px 0;
}
div.utilityWindow02 div.sortArea01{
  background:#f8f8f8;
  padding:5px 10px 4px;
  border-bottom:1px solid #d6d6d6;
}
div.utilityWindow02 div.sortArea01 input{
  width:200px;
  background:url("/img/basic/icon/searchform002.gif") no-repeat 5px 50% #fff;
  border:1px solid #ffc356;
  padding:2px 0 1px 20px;
  margin:0 5px;
}
div.utilityWindow02 div.sortArea01 input.example{
  color:var(--MXVAR-BASE-COLOR--text-softest, #999);
}
div.utilityWindow02 div.selectOptions01{
  height:20px;
  color:#ffc356;
  text-align:right;
  padding:4px 7px 4px;
  border-top:solid 1px #d6d6d6;
  background:#f8f8f8;
}
div.utilityWindow02 div.selectOptions01 p.iconInfo{
  float:left;
  width:192px;
  height:16px;
  text-indent:-9999px;
  text-align:left;
  background:url("/img/basic/common/profile_info001.gif") no-repeat 5px 2px;
}
div.utilityWindow02 .messageArea{
  margin-bottom:0;
}
div.utilityWindow02 .messageArea .heading{
  background:url("/img/basic/heading/layer_titile002.gif") no-repeat 0 0;
  padding-left:20px;
  height:24px;
  line-height:24px;
}
div.utilityWindow02 .messageArea .heading h3{
  font-weight:bold;
}
div.utilityWindow02 .messageArea .contents{
  border:1px solid #ffc356;
  border-top:none;
  background:#f8f8f8;
}
div.utilityWindow02 .messageArea .contents div{
  border-color:#dfdfdf;
}
div.utilityWindow02 .messageArea .contents div p.messageAlert{
  background:url("/img/basic/icon/message_area002.gif") no-repeat 0 0;
}
div.utilityWindow02 .messageArea ul.formButtons01{
  margin-top:10px;
}
div.utilityWindow02 .formButtons01 .inputArea{
  padding:0 30px 10px;
  text-align:left;
}
div.utilityWindow02 .formButtons01 .inputArea p{
  padding:0 0 10px;
}
div.utilityWindow02 .formButtons01 .inputArea textarea{
  width:502px;
  height:35px;
  overflow:auto;
  margin:2px 0;
}
div.utilityWindow02 .formButtons01 .longLine{
  text-align:left;
}
div.LEGACY_UI2016_mymixiSelector.utilityWindow02 div.messageArea .contents{
  height:380px;
}
div.LEGACY_UI2016_mymixiSelector.utilityWindow02 div.sortArea01{
  height:23px;
}
div.LEGACY_UI2016_mymixiSelector.utilityWindow02 div.selectionView{
  min-height:344px;
}
div.LEGACY_UI2016_mymixiSelector.utilityWindow02 div.messageArea .contents div{
  padding:0 70px;
  height:377px;
}
div.LEGACY_UI2016_mymixiSelector.utilityWindow02 div.messageArea .contents div p.nothing{
  padding:170px 40px 10px;
  background-position:0 133px;
}
div.LEGACY_UI2016_mymixiSelector.utilityWindow02 div.messageArea .contents div p.messageAlert{
  padding:162px 40px 10px;
  background-position:0 155px;
}
div.LEGACY_UI2016_mymixiSelector.utilityWindow02 div.selectionView table td{
  height:16px;
  overflow:hidden;
}
div.LEGACY_UI2016_mymixiSelector.utilityWindow02 div.selectionView table td a.profileIcon{
  float:left;
  width:16px;
  height:15px;
  text-align:center;
  margin:3px 12px 0;
  padding:0;
}
div.LEGACY_UI2016_mymixiSelector.utilityWindow02 div.selectionView .nickname{
  width:130px;
  height:36px;
  overflow:hidden;
  padding-right:5px;
}
div.LEGACY_UI2016_mymixiSelector.utilityWindow02 div.loading{
  height:260px;
  text-align:center;
  padding:243px 0 0;
  background:#fff;
}
div.utilityWindow02 .LEGACY_UI2016_photoList{
  border:1px solid #fbb14e;
  width:588px;
  height:auto !important;
}
div.utilityWindow02 .LEGACY_UI2016_photoList table{
  width:100%;
  border-spacing:0;
  border-collapse:collapse;
  table-layout:fixed;
}
div.utilityWindow02 .LEGACY_UI2016_photoList td,
div.utilityWindow02 .LEGACY_UI2016_photoList th{
  word-break:break-all;
  text-align:center;
}
div.utilityWindow02 .LEGACY_UI2016_photoList th.selectPhoto{
  padding:10px 5px 4px;
}
div.utilityWindow02 .LEGACY_UI2016_photoList td.albumTitle{
  padding-top:3px !important;
}
div.utilityWindow02 .LEGACY_UI2016_photoList td.selectButton{
  padding-bottom:9px;
}
div.utilityWindow02 .LEGACY_UI2016_photoList th.selected{
  background-image:none;
}
div.utilityWindow02 .LEGACY_UI2016_photoList td.selected{
  background-position:75px -3px;
}
div.utilityWindow02 .LEGACY_UI2016_photoList p.nothing{
  padding:170px 0 181px;
  text-align:center;
}
div.utilityWindow02 .LEGACY_UI2016_photoList ul.quotePhotoSelect{
  padding:101px 40px 124px 48px;
}
div.utilityWindow02 .LEGACY_UI2016_photoList ul.quotePhotoSelect li{
  display:inline;
  padding:0 4px 0 0;
}
div.utilityWindow02 .LEGACY_UI2016_photoList ul.quotePhotoSelect li img{
  vertical-align:bottom;
}
div.utilityWindow02 div.photoUtilityList01{
  border-top:1px solid #fbb14e;
}
div.utilityWindowList01 ul.editContents ul.radioButtonList01 li{
  display:inline;
  margin-right:10px;
}
div.utilityWindowList01 ul.editContents ul.radioButtonList01 li input{
  margin-top:2px;
  margin-right:3px;
  vertical-align:top;
}
.LEGACY_UI2016_profilePhotoSetting.utilityWindow02 .editContents li dd{
  width:446px;
  padding:0;
}
.LEGACY_UI2016_profilePhotoSetting.utilityWindow02 .editContents li dd p{
  padding:7px 10px;
  background:url("/img/basic/common/dotline_horizontal001.gif") repeat-x 0 100%;
}
.LEGACY_UI2016_profilePhotoSetting.utilityWindow02 .editContents li dd p.last{
  background:none;
}
.LEGACY_UI2016_profilePhotoSetting.utilityWindow02 .editContents li dd p input{
  margin-right:3px;
}
.LEGACY_UI2016_profilePhotoSetting.utilityWindow02 .formButtons01 p{
  width:100%;
  padding:0 0 5px;
  text-align:left;
}
.utilityWindow02.premiumGuide .contents{
  position:relative;
  padding:30px 0;
  text-align:center;
}
.utilityWindow02.premiumGuide p.text{
  margin:15px 0;
  color:#666;
  font-weight:bold;
  font-size:114%;
}
.utilityWindow02.premiumGuide div.info{
  width:558px;
  margin:20px auto 0;
  padding:28px 0 30px;
  border:1px solid #feedc4;
  background-color:#fff9eb;
}
.utilityWindow02.premiumGuide div.info .intro{
  padding:16px 25px 0;
  font-size:116%;
}
.utilityWindow02.premiumGuide div.info .image{
  padding:20px 0 0;
  text-align:center;
}
.utilityWindow02.premiumGuide div.info .image img{
  vertical-align:bottom;
}
.utilityWindow02.premiumGuide p.close{
  position:absolute;
  top:10px;
  right:10px;
}
div.utilityWindow03{
  clear:both;
  padding:5px;
  background:#fcc47a;
  position:absolute;
}
div.utilityWindow03 div.contents{
  clear:both;
  background:#ffffff;
  border:1px solid #fbb14e;
}
div.utilityWindow03 div.selectionView{
  min-width:160px;
  min-height:120px;
  padding:15px 15px 0;
  text-align:center;
}
div.utilityWindow03 div.formButtons01{
  border:none;
  background:none;
  text-align:center;
}
#JS_errorWindow,
.LEGACY_UI2016_dItemErrorWindow{
  position:absolute;
  top:0;
  left:0;
  z-index:100;
  width:100%;
  background-color:#fff;
}
#JS_errorWindowBody,
.LEGACY_UI2016_dItemErrorWindowBody{
  display:block;
  position:absolute;
  top:0;
  z-index:101;
}
#JS_errorWindowBody div.contentStage,
.LEGACY_UI2016_dItemErrorWindowBody div.contentStage{
  background:#fff;
  border:1px solid #ffc356;
}
#JS_errorWindowBody .FRAME2016_errorArea.FRAME2016_errorArea,
.LEGACY_UI2016_dItemErrorWindowBody .FRAME2016_errorArea.FRAME2016_errorArea{
  border:none;
  width:auto;
  padding:20px 0 23px;
  margin:0;
  background:#eee;
}
#JS_errorWindowBody .FRAME2016_errorArea.FRAME2016_errorArea div.contents,
.LEGACY_UI2016_dItemErrorWindowBody .FRAME2016_errorArea.FRAME2016_errorArea div.contents{
  border:none;
  width:auto;
  margin:0;
  padding:24px 40px 21px 171px;
  background-position:110px 50%;
}
#JS_errorWindowBody .FRAME2016_errorArea.FRAME2016_errorArea .formButtons01,
.LEGACY_UI2016_dItemErrorWindowBody .FRAME2016_errorArea.FRAME2016_errorArea .formButtons01{
  background:#eee;
  text-align:center;
  padding-top:18px;
}
#JS_errorWindowBody.utilityWindow01 div.contents p,
.LEGACY_UI2016_dItemErrorWindowBody.utilityWindow01 div.contents p{
  margin-bottom:10px;
}
.LEGACY_UI2016_simpleprofile{
  display:block;
  position:absolute;
  width:195px;
  z-index:51;
  top:0;
  left:0;
  padding-bottom:6px;
  background:url("/img/basic/list_friend/simpleprofile_bottom002.gif") no-repeat left bottom;
}
.simpleprofileWithoutHige{
  background:none!important;
}
.LEGACY_UI2016_simpleprofile .utilityWindow01{
  display:block!important;
  width:auto;
  padding:5px;
  background:#fcc47a;
  position:static;
}
.LEGACY_UI2016_simpleprofile.LEGACY_UI2016_simpleprofile div.loading{
  text-align:center;
  padding:25px 0;
}
.LEGACY_UI2016_simpleprofile.LEGACY_UI2016_simpleprofile div.contentStage{
  background:#fff;
  border-top:1px solid #ffc356;
  border-bottom:1px solid #ffc356;
}
.LEGACY_UI2016_simpleprofile.LEGACY_UI2016_simpleprofile.LEGACY_UI2016_simpleprofile dt{
  width:41px;
}
.LEGACY_UI2016_simpleprofile.LEGACY_UI2016_simpleprofile.LEGACY_UI2016_simpleprofile dd{
  width:100px;
}
.LEGACY_UI2016_simpleprofile .moreLink01{
  background:#fff;
  padding:5px;
}
.LEGACY_UI2016_simpleprofile .moreLink01 a{
  background-image:url("/img/basic/skin/orange/icon/arrow001.gif");
}
.LEGACY_UI2016_simpleprofile .editListPopup01 ul.editContents{
  background-position:-80px 0;
}
.LEGACY_UI2016_simpleprofile .editListPopup01 ul.editContents li{
  width:183px;
}
.LEGACY_UI2016_simpleprofile .editListPopup01 ul.editContents li.moreLink{
  border-bottom:none;
}
.LEGACY_UI2016_simpleprofile .editListPopup01 ul.formButtons01{
  padding-bottom:10px;
}
.editListPopup01 ul.editContents{
  border-right:1px solid #ffc356;
  border-left:1px solid #ffc356;
  background:url("/img/basic/skin/orange/common/bg_edit_list001.gif") repeat-y 0 0 #fff;
}
.editListPopup01 ul.editContents li{
  clear:both;
  border-bottom:1px solid #ffc356;
}
.editListPopup01 ul.editContents li dl dt,
.editListPopup01 ul.editContents li dl dd{
  padding:5px 10px;
}
.editListPopup01 ul.editContents li dl dt{
  float:left;
  width:120px;
}
.editListPopup01 ul.editContents li dl dd{
  float:left;
  width:426px;
  word-break:break-all;
  overflow:hidden;
}
.editListPopup01 ul.editContents li dl dd input,
.editListPopup01 ul.editContents li dl dd select{
  vertical-align:middle;
}
.editListPopup01 ul.editContents li dl dd select{
  margin-right:3px;
}
.editListPopup01 ul.editContents li dl dd textarea{
  margin-top:5px;
}
.editListPopup01 ul.editContents li dl dd ul li{
  border:none;
}
.editListPopup01 ul.editContents li dl dd ul.checkList01 li{
  display:inline;
  margin-right:5px;
}
.editListPopup01 ul.editContents li dl dd ul.checkList01 li input{
  margin-right:3px;
}
.editListPopup01 ul.editContents li dl dd ul.checkList02{
  display:inline-block;
}
.editListPopup01 ul.editContents li dl dd ul.checkList02 li{
  clear:none;
  float:left;
  width:30%;
  padding-bottom:3px;
}
.editListPopup01 ul.editContents li dl dd ul.checkList02 li input,
.editListPopup01 ul.editContents li dl dd ul.checkboxList01 li input{
  margin-right:3px;
}
.editListPopup01 .formButtons01{
  text-align:center;
  border:1px solid #ffc356;
  border-top:none;
}
.editListPopup01 div.formButtons01 p.supplement01{
  width:630px;
  margin:0 auto 5px;
  padding:10px 0;
  text-align:center;
}
.editListPopup01 div.formButtons01 p.supplement01.longLine{
  text-align:left;
  padding:10px 33px;
  width:597px;
}
.editListPopup01 div.formButtons01 p.formNote01{
  padding-bottom:8px;
  color:#666;
  font-size:83%;
}
.editListPopup01 em{
  font-style:normal;
  font-weight:normal;
}
.utilityWindow04{
  position:absolute;
  width:588px;
  border:solid #bbb 6px;
  background-color:#fff;
  text-align:left;
}
.utilityWindow04 p.error{
  margin-top:3px;
  padding:2px 0 0 20px;
  background:url("/img/basic/icon/simplealert_alert001.gif") no-repeat 0 0;
  font-size:83%;
  font-weight:bold;
  color:#ff0000;
}
.utilityWindow04 div.header{
  position:relative;
  background:#cdcdcd;
  border-bottom:solid 1px #bbb;
}
.utilityWindow04 div.header h2{
  height:23px;
  padding-left:12px;
  line-height:24px;
  font-weight:bold;
}
.utilityWindow04 div.header h2 em{
  margin-left:5px;
  font-weight:normal;
  font-size:83%;
  font-style:normal;
}
.utilityWindow04 div.header div.closeThis{
  position:absolute;
  right:10px;
  top:8px;
  line-height:9px;
}
.utilityWindow04 .body div.loading{
  padding:20px 0;
  text-align:center;
}
.utilityWindow04 div.messageArea{
  margin-bottom:0;
}
.utilityWindow04 div.messageArea div.contents{
  background:#edecec;
  border:none;
}
.utilityWindow04 div.messageArea div.contents div{
  border:1px solid #d0d0d1;
}
.utilityWindow04 div.messageArea.groupEditMessage{
  border-bottom:1px solid #d0d0d1;
}
.utilityWindow04 .body div.filtering{
  border-bottom:1px solid #d0d0d1;
  background:#eee;
}
.utilityWindow04 .body div.filtering ul{
  height:1.7em;
  padding:10px;
}
.utilityWindow04 .body div.filtering ul li{
  float:left;
}
.utilityWindow04 .body div.filtering ul li.sort select{
  margin:0 0 0 5px;
  height:1.5em;
  vertical-align:middle;
}
.utilityWindow04 .body div.filtering ul li.searchFriend{
  position:relative;
  margin-left:7px;
  padding-left:7px;
  border-left:1px solid #ccc;
}
.utilityWindow04 .body div.filtering ul li.searchFriend input{
  width:170px;
  height:1em;
  padding:3px 20px;
  background:#fff url("/img/basic/icon/searchform002.gif") 4px 50% no-repeat;
}
.utilityWindow04 .body div.filtering ul li.searchFriend .delete{
  position:absolute;
  right:5px;
  top:5px;
}
.utilityWindow04 .body div.filteringOption{
  padding:7px 10px;
  height:1.5em;
  border-bottom:1px solid #d0d0d1;
}
.utilityWindow04 .body div.filteringOption p.counter{
  float:left;
  font-weight:bold;
  color:#666;
}
.utilityWindow04 .body div.filteringOption p.counter span.value{
  font-size:108%;
}
.utilityWindow04 .body div.filteringOption p.counter span.unit{
  font-size:83%;
}
.utilityWindow04 .body div.filteringOption ul{
  float:right;
}
.utilityWindow04 .body div.filteringOption ul li{
  display:inline;
}
.utilityWindow04 .body div.filteringOption ul li a{
  padding:0 10px;
}
.utilityWindow04 .body div.filteringOption ul li.partition a{
  border-left:solid 1px #ccc;
  padding-right:0;
}
.utilityWindow04 .body div.friendList{
  position:relative;
  height:330px;
  overflow-y:scroll;
  border-bottom:1px solid #d0d0d1;
}
.utilityWindow04 .body div.friendList table{
  border-collapse:separate;
}
.utilityWindow04 .body div.friendList td.list{
  vertical-align:top;
  border-right:solid 1px #ccc;
  border-bottom:solid 1px #ccc;
}
.utilityWindow04 .body div.friendList td.list.checked,
.utilityWindow04 .body div.friendList td.list.unchecked:hover{
  background-color:#e4f5fb;
}
.utilityWindow04 .body div.friendList td.list div.friend{
  position:relative;
  width:274px;
  padding:5px;
}
.utilityWindow04 .body div.friendList td.list div.friend:hover{
  cursor:pointer;
}
.utilityWindow04 .body div.friendList td.list div.friend dl{
  min-height:40px;
  padding:0 20px 0 0;
  background-position:0 0;
  background-repeat:no-repeat;
}
.utilityWindow04 .body div.friendList td.list div.friend dl::after{
  content:" ";
  display:block;
  clear:both;
}
.utilityWindow04 .body div.friendList td.list div.friend dl dt{
  float:left;
  width:40px;
  padding-right:10px;
  text-align:center;
}
.utilityWindow04 .body div.friendList td.list div.friend dl dt img{
  vertical-align:top;
}
.utilityWindow04 .body div.friendList td.list div.friend dl dd{
  float:left;
  width:200px;
  word-break:break-all;
  word-wrap:break-word;
}
.utilityWindow04 .body div.friendList td.list div.friend dl dd .name{
  color:var(--MXVAR-BASE-COLOR--text-softest, #999);
}
.utilityWindow04 .body div.friendList td.list div.checkbox{
  position:absolute;
  top:6px;
  right:6px;
  width:16px;
  height:16px;
  background:url("/img/basic/button/checkbox001.gif") no-repeat;
}
.utilityWindow04 .body div.friendList td.list.checked div.checkbox{
  background-position:0 0;
}
.utilityWindow04 .body div.friendList td.list.unchecked div.checkbox{
  background-position:0 -16px;
}
.utilityWindow04 .body div.friendList td.list div.checkbox a{
  display:block;
  height:16px;
  overflow:hidden;
  text-indent:-1000em;
}
div.utilityWindow04 .LEGACY_UI2016_friendList{
  width:588px;
  height:384px;
  overflow-y:scroll;
  background:#fff;
  border-bottom:1px solid #d0d0d1;
}
div.utilityWindow04 .LEGACY_UI2016_friendList table{
  width:100% !important;
  border-spacing:0;
  border-collapse:collapse;
  table-layout:fixed;
}
div.utilityWindow04 .LEGACY_UI2016_friendList table:hover{
  cursor:pointer;
}
div.utilityWindow04 .selectionView th{
  vertical-align:top;
  padding:5px 5px 0 5px;
  border-right:1px solid #ccc;
  text-align:left;
}
div.utilityWindow04 .selectionView td{
  vertical-align:top;
  padding:0 5px 5px 5px;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
  text-align:right;
}
div.utilityWindow04 .selectionView .selected{
  background:#d2ebf5 url("/img/basic/list_friend/selected_bg001.gif") no-repeat 100% 0;
}
div.utilityWindow04 .selectionView .rightmost{
  border-right:none;
}
div.utilityWindow04 div.selectionView .thumbnail{
  float:left;
  width:40px;
  height:40px;
  margin:0 5px 0 0;
  background:no-repeat 50% 50%;
  text-indent:-9999px;
}
div.utilityWindow04 .selectionView .nickname{
  padding-right:15px;
}
div.utilityWindow04 .selectionView .nickname span.name{
  display:block;
  color:var(--MXVAR-BASE-COLOR--text-softest, #999);
}
.utilityWindow04 .body div.announce{
  padding:8px;
  background:#f8f8f8;
  border-bottom:1px solid #d0d0d1;
}
.utilityWindow04 .body div.announce p.alert{
  padding-left:32px;
  background:url("/img/basic/icon/simplealert_alert001.gif") 7px 2px no-repeat;
}
.utilityWindow04 .body div.groupList table{
  border-collapse:separate;
}
.utilityWindow04 .body div.groupList td.list{
  width:283px;
  padding:5px;
  vertical-align:top;
  border-right:solid 1px #ccc;
  border-bottom:solid 1px #ccc;
}
.utilityWindow04 .body div.groupList td.list.right{
  width:284px;
  border-right:none;
}
.utilityWindow04 .body div.groupList td .group p{
  width:283px;
  padding-bottom:7px;
  word-break:break-all;
  word-wrap:break-word;
}
.utilityWindow04 .body div.groupList td .group ul.action{
  text-align:right;
}
.utilityWindow04 .body div.groupList td .group ul.action li{
  display:inline;
}
.utilityWindow04 .body div.groupList td .group ul.action li.delete{
  margin-left:8px;
  padding:0 0 0 8px;
  border-left:1px solid #ddd;
}
.utilityWindow04 .body div.groupList td .group ul.action li.delete a{
  padding:2px 0 2px 18px;
  background:url("/img/basic/icon/message_trash001.gif") no-repeat 0 50%;
}
.utilityWindow04 .body div.groupList td .group ul.action li.edit a{
  padding:2px 0 2px 20px;
  background:url("/img/basic/icon/photo_change001.gif") no-repeat 0 50%;
}
.utilityWindow04 .body .LEGACY_UI2016_editList01 ul.editContents{
  background:url("/img/basic/skin/gray/common/bg_edit_list001.gif") repeat-y 0 0;
  border:none;
}
.utilityWindow04 .body .LEGACY_UI2016_editList01 ul.editContents li{
  border-bottom:1px solid #d0d0d1;
}
.utilityWindow04 .body .LEGACY_UI2016_editList01 ul.editContents li dl dd{
  width:428px;
}
.utilityWindow04 .body .LEGACY_UI2016_editList01 .formButtons01{
  border:none;
}
.utilityWindow05{
  position:fixed;
  width:600px;
  padding-top:2px;
  background:url("/img/basic/common/bg_popuparea01_top001.gif") 0 0 no-repeat;
  z-index:50;
  text-align:left;
}
.utilityWindow05 .content{
  overflow:hidden;
  padding-bottom:2px;
  background:url("/img/basic/common/bg_popuparea01_bottom001.gif") 0 100% no-repeat;
}
.utilityWindow05 .inner{
  background:#fff;
}
.utilityWindow05 .close01{
  background:#fff;
  text-align:right;
}
.utilityWindow05 .close01 p a{
  display:inline-block;
  padding:3px 5px 10px 10px;
}
.utilityWindow05 p.supplement03{
  margin-top:5px;
  font-size:83%;
  text-align:center;
}
.utilityWindow05 p.supplement03 a{
  text-decoration:none;
}
.utilityWindow05 p.supplement03 a:hover{
  text-decoration:underline;
}
.utilityWindow05 .viewCommunityArea{
  padding:0 30px 30px;
}
.utilityWindow05 .viewCommunityArea .attention{
  margin-bottom:15px;
  padding:30px 0 12px;
  background:url("/img/basic/common/dotline_horizontal005.gif") repeat-x 0 100%;
  color:#666;
  font-weight:bold;
}
.utilityWindow05 .viewCommunityArea .attention span{
  font-weight:normal;
}
.utilityWindow05 .viewCommunityArea .notification{
  padding-top:15px;
  color:#666;
  font-size:150%;
  text-align:center;
}
.utilityWindow05 .viewCommunityArea div p.thumb{
  float:left;
  padding:1px;
  border:1px solid #eee;
  text-align:center;
}
.utilityWindow05 .viewCommunityArea div p.thumb a{
  display:table-cell;
  width:68px;
  height:68px;
  vertical-align:middle;
}
.utilityWindow05 .viewCommunityArea div p.thumb img{
  max-width:68px;
  max-height:68px;
  vertical-align:middle;
}
.utilityWindow05 .viewCommunityArea .comnnunityTitle01{
  float:right;
  width:453px;
}
.utilityWindow05 .viewCommunityArea .comnnunityTitle01 input{
  vertical-align:middle;
}
.utilityWindow05 .viewCommunityArea .comnnunityTitle01 .communityTitle{
  margin-bottom:10px;
  font-size:133%;
  font-weight:bold;
}
.utilityWindow05 .viewCommunityArea .comnnunityTitle01 .selectcheck01 li{
  margin-bottom:2px;
}
.utilityWindow05 .viewCommunityArea .comnnunityTitle01 .selectcheck01 li input{
  margin-right:5px;
}
.utilityWindow05 .viewCommunityArea .attentionIcon{
  padding-top:71px;
  background:url("/img/basic/icon/alert004.gif") 50% 0 no-repeat;
  text-align:center;
}
.utilityWindow05 .viewCommunityArea .comnnunityTitle01 .selectcheck01::after{
  content:" ";
  display:block;
  clear:both;
}
.utilityWindow05 .bottomArea01{
  margin-bottom:-2px;
  padding-bottom:2px;
  border-top:1px solid #dedede;
  background:url("/img/basic/common/bg_popuparea01_bottom002.gif") 0 100% no-repeat;
}
.utilityWindow05 .bottomArea01 .inner{
  padding:15px 0;
  background:#f8f8f8;
}
.utilityWindow05.popupComnnity01 .btnArea01{
  text-align:center;
}
.utilityWindow05.popupComnnity01 .btnArea01 li{
  display:inline-block;
  margin:0 10px;
}
.utilityWindow05.popupComnnity01 .btnArea01 div{
  padding-left:2px;
}
.utilityWindow05.popupComnnity01 .btnArea01 div input,
.utilityWindow05.popupComnnity01 .btnArea01 .btn{
  display:block;
  min-width:170px;
  height:31px;
  padding:0;
  border:none;
  line-height:29px;
  font-size:116%;
  font-weight:bold;
  text-align:center;
  vertical-align:middle;
  border-radius:4px;
  transition:all 0.3s;
}
.utilityWindow05.popupComnnity01 .btnArea01 .submitBtn01 input,
.utilityWindow05.popupComnnity01 .btnArea01 .submitBtn01 .btn{
  background-color:#cfa34c;
  color:#fff;
  cursor:pointer;
}
.utilityWindow05.popupComnnity01 .btnArea01 .submitBtn01 input:hover,
.utilityWindow05.popupComnnity01 .btnArea01 .submitBtn01 .btn:hover{
  background-color:#b78a31;
}
.utilityWindow05.popupComnnity01 .btnArea01 .submitBtn02 input,
.utilityWindow05.popupComnnity01 .btnArea01 .submitBtn02 .btn{
  background-color:#d0d0d0;
  cursor:pointer;
}
.utilityWindow05.popupComnnity01 .btnArea01 .submitBtn02 input:hover,
.utilityWindow05.popupComnnity01 .btnArea01 .submitBtn02 .btn:hover{
  background-color:#b7b7b7;
}
.utilityWindow05.popupComnnity01 .btnArea01 .submitBtn03 input,
.utilityWindow05.popupComnnity01 .btnArea01 .submitBtn03 .btn{
  min-width:240px;
  background-color:#cfa34c;
  color:#fff;
  cursor:pointer;
}
.utilityWindow05.popupComnnity01 .btnArea01 .submitBtn03 input:hover,
.utilityWindow05.popupComnnity01 .btnArea01 .submitBtn03 .btn:hover{
  background-color:#b78a31;
}
.utilityWindow05.popupComnnity01 .btnArea01 .deleteBtn01 input,
.utilityWindow05.popupComnnity01 .btnArea01 .deleteBtn01 .btn{
  background-color:#f53e3e;
  color:#fff;
  cursor:pointer;
}
.utilityWindow05.popupComnnity01 .btnArea01 .deleteBtn01 input:hover,
.utilityWindow05.popupComnnity01 .btnArea01 .deleteBtn01 .btn:hover{
  background-color:#f20e0e;
}
.utilityWindow05.popupComnnity01 .btnArea01 .submitBtn01 input[disabled],
.utilityWindow05.popupComnnity01 .btnArea01 .submitBtn03 input[disabled]{
  color:#e2c793;
  cursor:default;
  background-color:#cfa34c;
}
.utilityWindow05.popupComnnity01 .btnArea01 .deleteBtn01 input[disabled]{
  color:#f98b8b;
  cursor:default;
  background-color:#f53e3e;
}
.utilityWindow05.popupComnnity01 .btnArea01 .submitBtn01 .btn,
.utilityWindow05.popupComnnity01 .btnArea01 .submitBtn02 .btn,
.utilityWindow05.popupComnnity01 .btnArea01 .deleteBtn01 .btn{
  line-height:31px;
}
.utilityWindow05.popupComnnity01 .commentTextArea{
  padding:20px 0 0;
}
.utilityWindow05.popupComnnity01 .attention + .commentTextArea{
  padding:5px 0 0;
}
.utilityWindow05.popupComnnity01 .commentTextArea textarea{
  width:516px;
  height:80px;
  padding:10px;
  border:1px solid #d9d9d9;
  background-color:#fff;
  border-radius:4px;
  resize:none;
}
.utilityWindow05.popupComnnity01 .btnArea01::after{
  content:" ";
  display:block;
  clear:both;
}
.utilityWindow05.loginPopup{
  background:url("/img/basic/common/bg_popuparea02_top001.gif") 0 0 no-repeat;
}
.utilityWindow05.loginPopup .content{
  background:url("/img/basic/common/bg_popuparea02_bottom001.gif") 0 100% no-repeat;
}
.utilityWindow05.loginPopup .close01{
  background:url("/img/basic/common/bg_popuparea02_body001.gif") 0 0 repeat-y;
}
.utilityWindow05.loginPopup .inner{
  background:url("/img/basic/common/bg_popuparea02_body001.gif") 0 0 repeat-y;
}
.utilityWindow05.loginPopup .introduceArea{
  display:table-cell;
  width:335px;
  height:100%;
  vertical-align:middle;
}
.utilityWindow05.loginPopup .introduceArea .introduceImg{
  margin:0 0 0 12px;
}
.utilityWindow05.loginPopup .introduceArea02{
  display:table-cell;
  width:335px;
  padding-bottom:25px;
  text-align:center;
}
.utilityWindow05.loginPopup .introduceArea02 .loginTxt{
  margin:15px 0;
  font-size:133%;
  color:#666;
  letter-spacing:0;
}
.utilityWindow05.loginPopup .loginBtnArea{
  display:table-cell;
  width:265px;
  padding-bottom:30px;
  vertical-align:middle;
}
.utilityWindow05.loginPopup .btnArea02 li{
  width:217px;
  margin:0 auto;
  padding:10px 0;
  text-align:center;
}
.utilityWindow05.loginPopup .btnArea02 li a{
  display:block;
  width:217px;
  height:45px;
  line-height:45px;
  color:#fff;
  font-size:133%;
  text-decoration:none;
}
.utilityWindow05.loginPopup .btnArea02 li.btn01 a{
  background:url("/img/basic/common/bg_btnarea001.gif") 0 0 no-repeat;
}
.utilityWindow05.loginPopup .btnArea02 li.btn02 a{
  background:url("/img/basic/common/bg_btnarea002.gif") 0 0 no-repeat;
}
.POPUPLAYER_utilityWindow06{
  position:absolute;
  width:218px;
  border:1px solid #ddd;
  box-shadow:0 0 5px #bbb;
  background:#fff;
}
.POPUPLAYER_utilityWindow06__body{
  text-align:left;
}
.POPUPLAYER_title01{
  padding:8px 0;
  border-bottom:1px solid #d9d9d9;
  font-size:116%;
  text-align:center;
}
.POPUPLAYER_item01{
  border-bottom:1px solid #d9d9d9;
}
.POPUPLAYER_item01 a:link{
  text-decoration:none;
}
.POPUPLAYER_item01.lastItem,
.POPUPLAYER_item01:last-child{
  border-bottom:none;
}
:link .POPUPLAYER_itemBody01{
  text-decoration:none;
}
.POPUPLAYER_itemBody01{
  display:block;
  padding:6px 10px 0;
  background-color:#fff;
}
div.home .POPUPLAYER_itemBody01:hover,
.POPUPLAYER_itemBody01:hover{
  background-color:#f4f4f4;
  text-decoration:none;
}
.POPUPLAYER_itemBody01--delete{
  padding-left:27px;
  background:url("/img/basic/icon/close003.png") no-repeat 9px 9px;
}
.POPUPLAYER_itemBody01--check{
  padding-left:27px;
  background:url("/img/basic/icon/check004.png") no-repeat 9px 9px;
}
:hover .POPUPLAYER_itemLabel01,
.POPUPLAYER_itemLabel01{
  display:block;
  padding-bottom:6px;
  color:#666;
  font-size:100%;
  font-weight:bold;
}
:hover .POPUPLAYER_itemNote01,
.POPUPLAYER_itemNote01{
  display:block;
  padding-bottom:8px;
  color:var(--MXVAR-BASE-COLOR--text-softest-onGray244, #999);
  font-size:83%;
}
.popupView01{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:url("/img/basic/common/bg_popupview001.png") 0 0 repeat;
  z-index:49;
}
.popupView01.commonPopup{
  z-index:101;
}
.registerTelNumber{
  text-align:left;
}
.registerTelNumber.popup{
  width:520px;
  height:408px;
  padding:30px 40px;
  position:absolute;
  inset:0 0 0 0;
  margin:auto;
  background-color:#fff;
  border-radius:4px;
}
.registerTelNumber p.close{
  position:absolute;
  top:8px;
  right:8px;
}
.registerTelNumber p.title{
  color:#646464;
  font-size:166%;
  margin-bottom:5px;
}
.registerTelNumber p.note{
  color:var(--MXVAR-BASE-COLOR--text-softest, #999);
  margin-bottom:10px;
}
.registerTelNumber div.flowArea{
  border:solid 1px #d6d6d6;
  border-radius:4px;
  text-align:center;
  padding:15px 0;
  margin-bottom:20px;
}
.registerTelNumber div.flowArea ul.flowText li{
  display:inline-block;
  background-color:#56b0f0;
  border-radius:4px;
  position:relative;
}
.registerTelNumber div.flowArea ul.flowText li::after{
  content:"";
  position:absolute;
  bottom:-8px;
  right:0;
  left:0;
  margin:0 auto;
  width:9px;
  height:8px;
  background:url("/img/basic/icon/arrow026.png") no-repeat 0 0;
}
.registerTelNumber div.flowArea ul.flowText li.center{
  margin:0 15px;
}
.registerTelNumber div.flowArea ul.flowText li p{
  display:table-cell;
  width:110px;
  height:62px;
  color:#fff;
  font-size:133%;
  vertical-align:middle;
}
.registerTelNumber div.flowArea ul.flowText li.center p{
  width:210px;
}
.registerTelNumber div.flowArea ul.flowImg{
  margin:15px 0;
}
.registerTelNumber div.flowArea ul.flowImg li{
  display:inline-block;
  vertical-align:middle;
  padding:0 20px;
}
.registerTelNumber div.flowArea .lead{
  font-weight:bold;
  font-size:133%;
  color:#cfa34c;
}
.registerTelNumber p.button{
  margin-bottom:15px;
}
.registerTelNumber p.button a{
  display:block;
  background-color:#cfa34c;
  color:#fff;
  width:320px;
  padding:12px 0;
  text-align:center;
  font-size:150%;
  font-weight:bold;
  text-decoration:none;
  border-radius:4px;
  margin:0 auto;
}
.checkMembersArea{
  position:absolute;
  width:304px;
  padding:7px 15px;
  text-align:left;
  background:#fff;
  border:solid 1px #ddd;
  color:#333 !important;
  font-size:12px !important;
}
.checkMembersArea .loading{
  text-align:center;
}
.checkMembersArea .header{
  position:relative;
  width:304px;
  margin-bottom:3px;
}
.checkMembersArea .header p.close{
  position:absolute;
  top:0;
  right:0;
}
.checkMembersArea .header p.close a{
  display:block;
  padding:5px;
}
.checkMembersArea .header h2{
  padding-right:20px;
}
.checkMembersArea .header h2 strong{
  font-weight:bold;
}
.checkMembersArea .header h2 span.edit{
  margin-left:5px;
  font-size:83%;
}
.checkMembersArea .header p.info{
  margin-top:3px;
  font-size:83%;
  color:#666;
}
.checkMembersArea div.noMember p.nothing{
  padding:0;
}
.checkMembersArea table{
  border-collapse:separate;
  border-spacing:3px;
}
.checkMembersArea table td{
  width:40px;
  height:40px;
  vertical-align:middle;
  background:#f7f7f7;
  text-align:center;
}
.checkMembersArea .pager{
  margin-top:3px;
}
.checkMembersArea .pager::after{
  content:" ";
  display:block;
  clear:both;
}
.checkMembersArea .pager li.prev{
  float:left;
  width:49%;
  margin:0 !important;
}
.checkMembersArea .pager li.next{
  float:right;
  width:49%;
  text-align:right;
  margin:0 !important;
}
.appliGuideForGuest01 .heading{
  height:56px;
  padding:35px 10px 0 112px;
  background:#fff7e7 url("/img/basic/common/smile001.gif") no-repeat 25px 24px;
  font-size:133%;
  font-weight:bold;
}
.appliGuideForGuest01 .guideMain{
  padding:0 0 20px;
  background:#fff url("/img/basic/application/bg014.gif") no-repeat 0 91px;
}
.appliGuideForGuest01 .subHeading{
  padding:20px 0 0 40px;
  font-size:167%;
  font-weight:bold;
  color:#e87e04;
}
.appliGuideForGuest01 .message{
  padding:0 0 0 40px;
  font-size:150%;
  font-weight:bold;
  color:#333;
}
.appliGuideForGuest01 .note{
  line-height:1.1;
  margin:4px 0 0;
  padding:0 0 0 40px;
  color:var(--MXVAR-BASE-COLOR--text-alert, #f00);
}
.appliGuideForGuest01 .button01{
  position:relative;
  width:324px;
  margin:26px auto 6px;
  border-radius:3px;
  background-color:#cc6f04;
}
.appliGuideForGuest01 .button01 a{
  position:relative;
  top:-4px;
  display:block;
  height:70px;
  line-height:70px;
  border-radius:3px;
  background-color:#e87e04;
  font-size:183%;
  font-weight:bold;
  color:#fff;
  text-align:center;
  text-decoration:none;
}
.appliGuideForGuest01 .button01 a span{
  font-size:67%;
}
.appliGuideForGuest01 .functions{
  margin:12px 40px 0;
  height:192px;
  background:url("/img/basic/application/functions001.png") no-repeat 50% 0;
}
.appliGuideForGuest01 .functions li{
  font-size:1px;
  text-indent:-9999px;
  overflow:hidden;
}
.appliGuideForGuest01 .readMore{
  margin:8px 0 0;
  padding:0 10px;
  text-align:right;
}
.appliGuideForGuest01 .button02{
  width:204px;
  margin:8px auto 0;
}
.appliGuideForGuest01 .button02 a{
  display:block;
  height:50px;
  line-height:50px;
  border-radius:3px;
  background-color:#ccc;
  font-size:133%;
  color:#fff;
  text-align:center;
  text-decoration:none;
}
.layerHeading01::after,
.editListPopup01 ul.editContents li dl::after,
.editListPopup01 ul.editContents li dl dd ul.checkList02::after{
  content:" ";
  display:block;
  clear:both;
}
.LEGACY_UI2016_dItemConfirmWindow{
  position:absolute;
  top:0;
  left:0;
  z-index:100;
  width:100%;
  background-color:#fff;
}
.LEGACY_UI2016_dItemConfirmWindowBody{
  position:absolute;
  top:0;
  left:60px;
  z-index:101;
  width:590px;
}
.LEGACY_UI2016_checkDeleteComment p.notes02{
  text-align:left;
}
.UTILITY2016_elementBase01{
  max-width:92%;
}
.UTILITY2016_elementBase02{
  max-width:42%;
}
.COMMONDOC_header2017_headerArea{
  padding-top:57px;
}
.COMMONDOC_header2017_globalNavArea{
  width:100%;
  position:fixed;
  top:0;
  z-index:75;
  height:36px;
  padding:10px 0;
  border-bottom:1px solid #e1e1e1;
  background:#fff;
}
.COMMONDOC_header2017_globalNav{
  display:flex;
  flex-flow:row;
  align-items:center;
  width:980px;
  margin:0 auto;
}
.COMMONDOC_header2017_globalNav__toggleNav{
  margin-right:26px;
}
.COMMONDOC_header2017_globalNav__logo{
  margin-right:20px;
}
.COMMONDOC_header2017_globalNav__account{
  margin-left:auto;
}
.COMMONDOC_header2017_mainLogo{
  display:block;
  padding:9px 0;
}
.COMMONDOC_header2017_mainLogoImg{
  vertical-align:bottom;
}
.COMMONDOC_header2017_toggleNav{
  position:relative;
}
.COMMONDOC_header2017_navTrigger{
  position:relative;
  display:block;
  box-sizing:border-box;
  width:22px;
  height:20px;
  padding:18px 2px;
}
.COMMONDOC_header2017_navTrigger::before,
.COMMONDOC_header2017_navTrigger::after{
  content:"";
  position:absolute;
  width:18px;
  height:2px;
  background-color:#b2b2b2;
  border-radius:2px;
  left:2px;
  transition:all 0.2s;
}
.COMMONDOC_header2017_navTrigger::before{
  top:12px;
}
.COMMONDOC_header2017_navTrigger::after{
  top:24px;
}
.COMMONDOC_header2017_navTrigger:active::before,
.COMMONDOC_header2017_navTrigger.STATE_closeNav::before{
  transform:translateY(6px) rotate(-45deg);
}
.COMMONDOC_header2017_navTrigger:active::after,
.COMMONDOC_header2017_navTrigger.STATE_closeNav::after{
  transform:translateY(-6px) rotate(45deg);
}
.COMMONDOC_header2017_navTrigger:active .COMMONDOC_header2017_hamburgerNavBar,
.COMMONDOC_header2017_navTrigger.STATE_closeNav .COMMONDOC_header2017_hamburgerNavBar{
  opacity:0;
}
.COMMONDOC_header2017_hamburgerNavBar{
  position:absolute;
  width:18px;
  height:2px;
  left:2px;
  top:18px;
  background-color:#b2b2b2;
  border-radius:2px;
  transition:all 0.2s;
}
.COMMONDOC_header2017_searchBox{
  position:relative;
  width:300px;
  height:36px;
}
.COMMONDOC_header2017_searchBox__selectCategory{
  float:left;
  width:100px;
  background:#fff;
}
.COMMONDOC_header2017_searchBox__link{
  display:block;
  padding:8px 10px;
  text-align:left;
  line-height:18px;
  border:solid #ddd;
  border-width:1px 0 1px 1px;
  border-radius:4px 0 0 4px;
  cursor:pointer;
  white-space:nowrap;
  text-decoration:none;
  color:#666;
}
.COMMONDOC_header2017_searchBox__link:link{
  text-decoration:none;
  color:#666;
}
.COMMONDOC_header2017_searchBox__link:visited{
  text-decoration:none;
  color:#666;
}
.COMMONDOC_header2017_searchBox__link:hover{
  text-decoration:none;
  color:#666;
}
.COMMONDOC_header2017_searchBox__link::after{
  position:absolute;
  left:86px;
  top:16px;
  content:"";
  width:0;
  height:0;
  border-width:6px 4px 0;
  border-style:solid;
  border-color:#cfa34c transparent transparent;
  overflow:hidden;
}
.COMMONDOC_header2017_searchBox__inputArea{
  float:left;
  padding:5px 10px;
  width:153px;
  height:24px;
  background:#fff;
  font-size:14px;
  line-height:24px;
  border:solid #ddd;
  border-width:1px 0 1px 1px;
}
.COMMONDOC_header2017_searchBox__inputArea:-webkit-autofill{
  box-shadow:0 0 0 1000px #fff inset;
}
.COMMONDOC_header2017_searchBox__button{
  float:left;
  width:19px;
  height:18px;
  padding:8px 6px 8px 0;
  background:#fff;
  border:solid #ddd;
  border-width:1px 1px 1px 0;
  border-radius:0 4px 4px 0;
}
.COMMONDOC_header2017_categorySelect,
.COMMONDOC_header2017_accountSelect{
  position:absolute;
  top:36px;
  width:160px;
  z-index:50;
  background:#fff;
  box-shadow:1px 3px 10px 1px rgba(0, 0, 0, 0.4);
}
.COMMONDOC_header2017_categorySelect__item,
.COMMONDOC_header2017_accountSelect__item{
  text-align:left;
}
.COMMONDOC_header2017_categorySelectLink,
.COMMONDOC_header2017_accountSelectLink{
  display:block;
  padding:10px 0 10px 20px;
  font-size:12px;
  text-decoration:none;
  color:#333;
}
.COMMONDOC_header2017_categorySelectLink:link,
.COMMONDOC_header2017_accountSelectLink:link{
  text-decoration:none;
  color:#333;
}
.COMMONDOC_header2017_categorySelectLink:visited,
.COMMONDOC_header2017_accountSelectLink:visited{
  text-decoration:none;
  color:#333;
}
.COMMONDOC_header2017_categorySelectLink:hover,
.COMMONDOC_header2017_accountSelectLink:hover{
  text-decoration:none;
  color:#333;
}
.COMMONDOC_header2017_categorySelectLink:hover,
.COMMONDOC_header2017_accountSelectLink:hover{
  background-color:#f7f7f7;
}
.COMMONDOC_header2017_categorySelect{
  right:200px;
}
.COMMONDOC_header2017_categorySelect--none{
  display:none;
}
.COMMONDOC_header2017_accountSelect{
  right:0;
}
.COMMONDOC_header2017_accountLabel{
  display:table;
  position:relative;
}
.COMMONDOC_header2017_accountLabelLink{
  display:block;
  text-decoration:none;
  color:#333;
  cursor:pointer;
}
.COMMONDOC_header2017_accountLabelLink:link{
  text-decoration:none;
  color:#333;
}
.COMMONDOC_header2017_accountLabelLink:visited{
  text-decoration:none;
  color:#333;
}
.COMMONDOC_header2017_accountLabelLink:hover{
  text-decoration:none;
  color:#333;
}
.COMMONDOC_header2017_accountLabelLink__thumbnail{
  display:table-cell;
  width:36px;
  height:36px;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  border-radius:50%;
  overflow:hidden;
}
.COMMONDOC_header2017_accountLabelLink__userName{
  display:table-cell;
  word-wrap:break-word;
  vertical-align:middle;
  padding:0 16px 0 10px;
  color:#333;
  font-size:14px;
}
.COMMONDOC_header2017_accountLabelLink__userName::after{
  content:"";
  position:absolute;
  right:0;
  top:15px;
  width:0;
  height:0;
  border-width:6px 4px 0;
  border-style:solid;
  border-color:#cfa34c transparent transparent;
  overflow:hidden;
}
.COMMONDOC_header2017_loginArea{
  overflow:hidden;
}
.COMMONDOC_header2017_loginArea__item{
  float:left;
  margin-left:10px;
}
.COMMONDOC_header2017_loginButton,
.COMMONDOC_header2017_registerButton{
  display:block;
  width:116px;
  height:32px;
  line-height:32px;
  font-size:14px;
  text-align:center;
  border-radius:4px;
  border:2px solid #cfa34c;
  cursor:pointer;
}
.COMMONDOC_header2017_loginButton{
  text-decoration:none;
  color:#cfa34c;
  background-color:#fff;
}
.COMMONDOC_header2017_loginButton:link{
  text-decoration:none;
  color:#cfa34c;
}
.COMMONDOC_header2017_loginButton:visited{
  text-decoration:none;
  color:#cfa34c;
}
.COMMONDOC_header2017_loginButton:hover{
  text-decoration:none;
  color:#cfa34c;
}
.COMMONDOC_header2017_loginButton:hover{
  background-color:#fffaee;
  border-color:#b78a31;
}
.COMMONDOC_header2017_registerButton{
  text-decoration:none;
  color:#fff;
  background-color:#cfa34c;
}
.COMMONDOC_header2017_registerButton:link{
  text-decoration:none;
  color:#fff;
}
.COMMONDOC_header2017_registerButton:visited{
  text-decoration:none;
  color:#fff;
}
.COMMONDOC_header2017_registerButton:hover{
  text-decoration:none;
  color:#fff;
}
.COMMONDOC_header2017_registerButton:hover{
  background-color:#b78a31;
  border-color:#b78a31;
}
.COMMONDOC_header2017_localNavArea{
  background:var(--MXVAR-BASE-BACKGROUND-COLOR--base-normal, #fff);
  border-bottom:1px solid #d9d9d9;
}
.COMMONDOC_header2017_localNav{
  display:flex;
  flex-flow:row;
  align-items:center;
  width:980px;
  height:36px;
  margin:0 auto;
}
.COMMONDOC_header2017_localNav__item{
  display:block;
  line-height:36px;
  padding-right:30px;
}
.browserSafari .COMMONDOC_header2017_localNav__item{
  letter-spacing:0;
}
.COMMONDOC_header2017_localNav__item:last-child{
  padding-right:0;
}
.COMMONDOC_header2017_localNav__item--supplement{
  margin-left:auto;
}
.COMMONDOC_header2017_localNavLink{
  display:block;
  font-size:12px;
  vertical-align:text-top;
  text-decoration:none;
  color:var(--MXVAR-BASE-COLOR--text-softest, #999);
}
.COMMONDOC_header2017_localNavLink:link{
  text-decoration:none;
  color:var(--MXVAR-BASE-COLOR--text-softest, #999);
}
.COMMONDOC_header2017_localNavLink:visited{
  text-decoration:none;
  color:var(--MXVAR-BASE-COLOR--text-softest, #999);
}
.COMMONDOC_header2017_localNavLink:hover{
  text-decoration:none;
  color:var(--MXVAR-BASE-COLOR--text-softest, #999);
}
.COMMONDOC_header2017_localNavLink:hover{
  color:var(--MXVAR-BASE-COLOR--text-link-focused, #cfa34c);
}
.COMMONDOC_header2017_localNavLink.STATE_isCurrent{
  color:var(--MXVAR-BASE-COLOR--text-normal, #333);
}
.COMMONDOC_header2017_localNavLink--game{
  position:relative;
}
.COMMONDOC_header2017_localNavLink--game::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:-28px;
  width:24px;
  height:20px;
  margin-top:auto;
  margin-bottom:auto;
  background:url("/img/basic/icon/header_sprite_icon001.svg") 0 -122px no-repeat;
}
.COMMONDOC_header2017_addButton{
  display:block;
  height:22px;
  padding:0 8px 0 24px;
  line-height:23px;
  font-size:12px;
  font-weight:bold;
  text-align:center;
  border-radius:4px;
  border:2px solid #cfa34c;
  background-color:#fff;
  text-decoration:none;
  color:#cfa34c;
}
.COMMONDOC_header2017_addButton:link{
  text-decoration:none;
  color:#cfa34c;
}
.COMMONDOC_header2017_addButton:visited{
  text-decoration:none;
  color:#cfa34c;
}
.COMMONDOC_header2017_addButton:hover{
  text-decoration:none;
  color:#cfa34c;
}
.COMMONDOC_header2017_addButton:hover{
  background-color:#fffaee;
}
.COMMONDOC_header2017_addButton__text{
  position:relative;
  color:#cfa34c;
}
.COMMONDOC_header2017_addButton__text::before{
  content:"";
  position:absolute;
  width:18px;
  height:18px;
  left:-23px;
  top:-5px;
  background:url("/img/basic/icon/header_sprite_icon001.svg") 0 -336px no-repeat;
}
.COMMONDOC_header2017_mainNav{
  position:absolute;
  top:47px;
  left:-21px;
  z-index:70;
  width:250px;
  background:#fff;
  box-shadow:1px 3px 10px 1px rgba(0, 0, 0, 0.4);
}
.COMMONDOC_header2017_mainNavList{
  text-align:left;
  overflow-x:hidden;
}
.COMMONDOC_header2017_mainNavListTitle{
  padding:30px 15px 4px;
  font-size:12px;
  color:#666;
  border-bottom:1px solid #d9d9d9;
}
.COMMONDOC_header2017_mainNavLink{
  position:relative;
  display:block;
  padding:12px 15px 12px 50px;
  font-size:14px;
  background-position:18px center;
  background-repeat:no-repeat;
  text-decoration:none;
  color:#333;
}
.COMMONDOC_header2017_mainNavLink:link{
  text-decoration:none;
  color:#333;
}
.COMMONDOC_header2017_mainNavLink:visited{
  text-decoration:none;
  color:#333;
}
.COMMONDOC_header2017_mainNavLink:hover{
  text-decoration:none;
  color:#333;
}
.COMMONDOC_header2017_mainNavLink:hover{
  background-color:#f7f7f7;
}
.COMMONDOC_header2017_mainNavLink::before{
  content:"";
  position:absolute;
  background-image:url("/img/basic/icon/header_sprite_icon001.svg");
  top:10px;
  left:14px;
  width:24px;
  height:24px;
}
.COMMONDOC_header2017_mainNavLink--mymixi::before{
  background-position:0 0;
}
.COMMONDOC_header2017_mainNavLink--addMymixi::before{
  background-position:0 -24px;
}
.COMMONDOC_header2017_mainNavLink--inviteFriend::before{
  background-position:0 -48px;
}
.COMMONDOC_header2017_mainNavLink--community::before{
  background-position:0 -72px;
}
.COMMONDOC_header2017_mainNavLink--event::before{
  background-position:0 -96px;
}
.COMMONDOC_header2017_mainNavLink--game::before{
  background-position:0 -120px;
}
.COMMONDOC_header2017_mainNavLink--news::before{
  background-position:0 -144px;
}
.COMMONDOC_header2017_mainNavLink--page::before{
  background-position:0 -168px;
}
.COMMONDOC_header2017_mainNavLink--openDiary::before{
  background-position:0 -192px;
}
.COMMONDOC_header2017_mainNavLink--calendar::before{
  background-position:0 -216px;
}
.COMMONDOC_header2017_mainNavLink--review::before{
  background-position:0 -240px;
}
.COMMONDOC_header2017_mainNavLink--releaseInfo::before{
  background-position:0 -264px;
}
.COMMONDOC_header2017_mainNavLink--premium::before{
  background-position:0 -288px;
}
.COMMONDOC_header2017_recentLink{
  display:block;
  padding:12px 15px;
  font-size:14px;
  overflow:hidden;
  text-decoration:none;
  color:#333;
}
.COMMONDOC_header2017_recentLink:link{
  text-decoration:none;
  color:#333;
}
.COMMONDOC_header2017_recentLink:visited{
  text-decoration:none;
  color:#333;
}
.COMMONDOC_header2017_recentLink:hover{
  text-decoration:none;
  color:#333;
}
.COMMONDOC_header2017_recentLink:hover{
  background-color:#f7f7f7;
}
.COMMONDOC_header2017_recentLink__icon{
  float:left;
  display:block;
  width:24px;
  margin-right:10px;
}
.COMMONDOC_header2017_recentLink__text{
  float:left;
  width:186px;
}
.COMMONDOC_header2017_communityIcon{
  display:table-cell;
  width:24px;
  height:24px;
  text-align:center;
  vertical-align:middle;
  background:#e5e5e5;
  border-radius:4px;
  overflow:hidden;
}
.COMMONDOC_header2017_communityIcon__image{
  max-width:24px;
  max-height:24px;
  vertical-align:middle;
}
.COMMONDOC_header2017_mainNavHeader{
  height:70px;
  background-image:linear-gradient(-130deg, #ff8a4f 0%, #ffb827 100%);
}
.COMMONDOC_header2017_mainNavAccountLabel{
  display:table;
  table-layout:fixed;
  position:relative;
  width:220px;
  padding:15px;
  text-decoration:none;
  color:#fff;
}
.COMMONDOC_header2017_mainNavAccountLabel:link{
  text-decoration:none;
  color:#fff;
}
.COMMONDOC_header2017_mainNavAccountLabel:visited{
  text-decoration:none;
  color:#fff;
}
.COMMONDOC_header2017_mainNavAccountLabel:hover{
  text-decoration:none;
  color:#fff;
}
.COMMONDOC_header2017_mainNavAccountLabel__thumbnailLink{
  display:table-cell;
}
.COMMONDOC_header2017_mainNavAccountLabel__thumbnail{
  display:block;
  width:40px;
  height:40px;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  border-radius:50%;
  overflow:hidden;
}
.COMMONDOC_header2017_mainNavAccountLabel__userName{
  display:table-cell;
  width:170px;
  padding-left:10px;
  color:#fff;
  font-size:14px;
  text-align:left;
  vertical-align:middle;
  word-wrap:break-word;
}
.COMMONDOC_header2017_prArea{
  width:100%;
  height:24px;
  line-height:24px;
  text-align:center;
  background-image:linear-gradient(-45deg, #ff8a4f 0%, #ffb827 100%);
}
.COMMONDOC_header2017_prAreaLink{
  font-size:12px;
  color:#fff;
}
.COMMONDOC_header2017_prAreaLink:link,
.COMMONDOC_header2017_prAreaLink:visited{
  color:#fff;
}
.COMMONDOC_header2017_prList{
  margin-right:30px;
  text-align:center;
  font-size:0;
}
.COMMONDOC_header2017_prList__item{
  display:inline-block;
  margin-left:30px;
  font-size:12px;
}
.COMMONDOC_header2017_wideHeaderArea{
  padding:20px;
  background-image:linear-gradient(-45deg, #ff8a4f 0%, #ffb827 100%);
  text-align:center;
}
.COMMONDOC_header2017_wideHeaderArea__lead{
  position:relative;
  display:inline-block;
  margin-bottom:10px;
  padding-left:30px;
  color:#fff;
  font-size:24px;
  line-height:1;
}
.COMMONDOC_header2017_wideHeaderArea__lead::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:24px;
  height:24px;
  background:url("/img/basic/icon/header_sprite_icon001.svg") 0 -312px no-repeat;
}
.COMMONDOC_header2017_wideHeaderArea__copy{
  margin-bottom:12px;
  color:#fff;
  font-size:12px;
}
.COMMONDOC_header2017_wideHeaderBtnArea{
  width:450px;
  margin:0 auto;
  overflow:hidden;
  font-size:0;
}
.COMMONDOC_header2017_wideHeaderBtnArea__item{
  display:inline-block;
  margin:0 10px;
}
.COMMONDOC_header2017_wideHeaderLoginButton,
.COMMONDOC_header2017_wideHeaderRegisterButton{
  display:block;
  width:196px;
  height:34px;
  font-size:14px;
  font-weight:bold;
  line-height:34px;
  text-align:center;
  text-decoration:none;
  border-radius:4px;
  border:2px solid #fff;
}
.COMMONDOC_header2017_wideHeaderLoginButton{
  text-decoration:none;
  color:#fff;
}
.COMMONDOC_header2017_wideHeaderLoginButton:link{
  text-decoration:none;
  color:#fff;
}
.COMMONDOC_header2017_wideHeaderLoginButton:visited{
  text-decoration:none;
  color:#fff;
}
.COMMONDOC_header2017_wideHeaderLoginButton:hover{
  text-decoration:none;
  color:#fff;
}
.COMMONDOC_header2017_wideHeaderLoginButton:hover{
  background-color:rgba(255, 255, 255, 0.2);
  border-color:#f7f7f7;
}
.COMMONDOC_header2017_wideHeaderRegisterButton{
  background:#fff;
  text-decoration:none;
  color:#ff9944;
}
.COMMONDOC_header2017_wideHeaderRegisterButton:link{
  text-decoration:none;
  color:#ff9944;
}
.COMMONDOC_header2017_wideHeaderRegisterButton:visited{
  text-decoration:none;
  color:#ff9944;
}
.COMMONDOC_header2017_wideHeaderRegisterButton:hover{
  text-decoration:none;
  color:#ff9944;
}
.COMMONDOC_header2017_wideHeaderRegisterButton:hover{
  background-color:#f7f7f7;
  border-color:#f7f7f7;
}
.COMMONDOC_header2017_adBanner{
  margin:10px 0 5px;
  text-align:center;
}
.MXARIA2018_ensureHeightAd01[style]{
  display:var(--MXVAR-COMPONENT-ENSURE-ADAREA--display, flex);
  width:auto;
  min-height:calc(max( var( --MXVAR-COMPONENT-ENSURE-ADAREA--height, 0 ), var( --MXVAR-COMPONENT-ENSURE-ADAREA--manualHeight, 0 ), 0 ) * 1px);
  flex-direction:var(--MXVAR-COMPONENT-ENSURE-ADAREA--flex-direction, column);
  justify-content:center;
  align-items:center;
  background:rgba(255, 255, 255, 0.7) var(--MXVAR-COMPONENT-ENSURE-ADAREA--bg, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAABgCAYAAADvhgd/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACENJREFUeNrsXX9olGUc/24756/p9PzBzeFyY9MpXjgWC6UQNgLDIBTDIArFMAolUIyiKIJEKQqiKBJF/2kkhlEkBc5IkqSxEWzsdDo3mcydzg1/TKfTac/n7nnj9e79de/P5+6eD3zZ3e19n3vf7+f9/ni+z48raGlpoSzDPCZLmCzj7/G6hL+uZBLWOKePyQiTUSbd/H2cSaeIN9jU1EQhwUmoYNLAZCX/G2VSaqOdeoP/tTI5rZJ+EW5cNGKKmTQyWcNkHSfGazRweVtlXYeZHGNyKihFFApCyFomR5gMM/mNK6kioGuBO3yXyV9MBpl8pXKbeUEMFLCH3/yvTDaoYoUoiDDZxqSLyQluxTlLTD23jl7+ZEayJOmAiz3Kr3tTLhGzgltGG7eObAUs/SCTDh4Ls5YYpK/7mfzLY0muIMrj4QlOVtYQU8RkBzf9LZS7aOTWszUbiEGn728mn9vsd2QbkLR8x+RPt7JJL4jZwd1WA+UfVjP5h3eIhSGmhAd3WMlUyl9EuOVsEoGYap5trSUJpYKBzO2TIIl5jpOyRPKRhve5B/GdmA3cfZVKDgxj7h4/iUEK/AM3WwljoMLxsR/EbOWdxiKpc8v4kMlGL4mB+/pG6tkWDvKKgevEoJf7vbQU20A34mdKjsK6RgzGJI7KmOIYlVY8jlVi0Hk8IrMv14BwsM4NYg5SAKN4OQ6MjIadEPMmZff4iagoN6oMmBEDf/ip1KFn2EI6YzlmxOwn8cbhcwnFvH+ThpAJm42OcsOpUykUSv+K8fFxunfvnu55M2bMoDlz5tDMmTNpypQpj/3v5s2bdOvWLbp27ZphG0bQa//Bgwd0584dun79Oo2MjCSu0we8ymQ3kx4rxJRkWkLQzK+XLaNZs2alfR6Px6mrqyvt87KyMlq0aBFNmzbNUKkKrl69Sr29vXT79m3zDlthIc2fP58WLlyYIEQPs2fPpvLy8sTr4eFhunDhQuJB8BDKSO9bVojZwYOTL8BTG41GDRWmBSh67ty5dO7cORoYGNA9bsGCBVRdXU2TJk3KqH1YVTgcpvPnz9OlS5e8VAFKNTuZjBkRg4GeXX6Rgid0+fLlVFxsr98KS6itrU2c39fX9/ijWFSUaBvk2UVBQQEtXrw44ZJT23cRYd6vaTYK/tv8CviRSITq6upsk6JGVVVV4glXMHnyZGpoaHBESmr7uF4PsckoK0MtZ6tflrJ06dLEE+kW0B4sCESDcKNYZQewnEzdYQZoVHc4QxoZwjyvSYFbQGIAJaYC2dbQ0FAi4CLrwpM/ffr0RIYHiygt1a8K4VjEE1gJztECAjraR3antA8C0T7iCR4YPYAUJAYXL170Kgl4hskvWsRs88NatNwLFHX27Nm0DAgpq/IZfDzORdxA/NBCTU2NJuFo48yZM4btQ+Fm7YN4j4gB1ijEqO8Ac4qjFAAGBwepvb3dUloKi+rs7DRMBrTab2trs9x+R0eHYd+spKTES3eWFmM2BkEK+jSxWIwePnxo+Ry4oytXrnjWPjqXcHd60OqbuQRMaCkNnBj0suG+7ODy5cumx6DjCffldvt68cslrFATg3lhvi8U6unpoYmJCVvnomzy6NEj0/YzsZTU9o2SDA+xRE3Mar9JwdNs5C7MAIUb1cqUeppdoG6mVyvzMGUGKgMlBr7fKe7fv+/I1VkhJwBE1MSs9PvbEcCdwsgNutG+XTfoQnkmQUwxebDwxuyGR0dHPWsfhI2NjVGW4n9iqsnn6Ujw3WaB2wnu3r1L2Q6FGF/hte+2m+mJRkwl5RgCig2uExMmCZEwohAjJ/EJSoyc8ioWehRixqUuhEK/QsyY1IWYFnND6kIoxBRi4lIXQpFyQyGmX+pDGJxW92O6pT6EwSk1MZjCOCR1IgT+UBMDtEudCOHG+lOJOSn1Ejh+Ur9RiDku9RI4DmsRA1fWJ3UTGE6mZsfq6UvNUj+B4YvUDyQxwQOe6pgRMTF1uibhG75mkjbkmjqpfC85XHepBiZcaE3OtrI0zwrQjpft4/q15ia4OJEEfch9Wv9IJeY4TwTq3fjW7m5viwp2p9dahdY6UZeBRbGaLGutKPtIehdf0KNnLXrEHEvNqSU8wU6t2GJEjHLSqNSdZ/iR+AKlTIkZ4ORIuA9MtthudpDRliX7pEvzzIXFnRADvEEpW2lIOHZhh6wcaEYMhjmfJzle40rvgclmqwdb2a8MFvMCydk0TgDdrc8kobK6w1+rJMcRYCmxTE7IZLNS1NGaSE53yhTv2UmiMt3eF8Ofz5Icu7EKlPP32jnRzobY2P3gSZlKm6LZSV/Q7hbyCGIvM3ldxh1dUjY7acDpr2EcYFJHgv5mcUCATl4jh5P13fj9GOTnTzP5TFpPYtALXsTxWkO3fnEJhLzDpIpfXD4u7UD2td2txtz+8bg4v7gaStbaJvKAEMTbF+1mX34RowBTcVBnq6VkbShXXRyqIqvIpIQvEjHqC0d2UkbJ7WtzaSru7zy2epL4+PVby6gWfMvkKSZP8Pw+W2d/jnF3jeLuiFdfEgrgxvp5jxiCzVHrVYK9uqICkwLreIl8WLoSEuDpO0WqdSGUXEWtbAOJzSGUfQiwQbeyvy42VK1IcY0xVSyDhe5y+TrRHdjtV8YZEvCpxI2fJtXqKhuocJGYZp4K+7ryLkQSemjlsaQ1iC8vlPrXjIGv8IyrNaiLkBbzeEdxL09KAu93SWKSQOHxAxJoaX0ozy3kALcQ4ZbU5yMxmMz4JSVrecIOk+cTMag0HKLkyKvwxdVcJ6aPk3GAW0rWIFeJQQ1rlcNOaqAo8HI3Vwn7+E+AAQC9YVDiDkxdKgAAAABJRU5ErkJggg==")) no-repeat center center;
  background-blend-mode:darken;
  background-size:50px 50px;
}
.MXARIA2018_ensureHeightAd01[style] > div{
  background-color:white;
}
.SIDEBAR_subAlert01{
  padding:10px 10px 0 34px;
  background:url("/img/basic/icon/simplealert_alert002.gif") no-repeat 11px 11px;
}
a.SIDEBAR_subAlert01__linkArea{
  display:block;
}
.SIDEBAR_subAlert01 a.SIDEBAR_subAlert01__linkArea{
  text-decoration:none;
  color:inherit;
}
.SIDEBAR_subAlert01 a.SIDEBAR_subAlert01__linkArea:link{
  text-decoration:none;
  color:inherit;
}
.SIDEBAR_subAlert01 a.SIDEBAR_subAlert01__linkArea:visited{
  text-decoration:none;
  color:inherit;
}
.SIDEBAR_subAlert01 a.SIDEBAR_subAlert01__linkArea:hover{
  text-decoration:none;
  color:inherit;
}
.SIDEBAR_subAlert01 .STATE_linkMark{
  text-decoration:none;
  color:#258fb8;
}
.SIDEBAR_subAlert01 .STATE_linkMark:link{
  text-decoration:none;
  color:#258fb8;
}
.SIDEBAR_subAlert01 .STATE_linkMark:visited{
  text-decoration:none;
  color:#258fb8;
}
.SIDEBAR_subAlert01 .STATE_linkMark:hover{
  text-decoration:none;
  color:#258fb8;
}
.SIDEBAR_subAlert01 .STATE_linkMark:active,
.SIDEBAR_subAlert01 .STATE_linkMark:focus,
.SIDEBAR_subAlert01 .STATE_linkMark:hover{
  color:#960;
  text-decoration:underline;
}
.SIDEBAR_specialTopicsBottom{
  margin:-6px 0 8px;
}
.SIDEBAR_specialTopicsItem{
  padding:10px 10px 0 34px;
  background:url("/img/basic/icon/svg/special_topics001.svg") no-repeat 11px 8px;
  background-size:14px;
  line-height:1;
}
.SIDEBAR_keywordTopics{
  padding:0 10px;
}
.SIDEBAR_keywordTopicsItem{
  padding-bottom:8px;
  line-height:1.2;
  vertical-align:middle;
  word-break:break-all;
}
.SIDEBAR_keywordTopicsLabel{
  display:inline-block;
  min-width:30px;
  width:calc(var(--MXVAR-COMPONENT-KEYWORD-TOPICS-LABEL--maxStrLength, 3) * 1em + 20px);
  margin-inline-end:6px;
  padding:4px 2px 3px;
  border-radius:4px;
  background:#f1cd84;
  color:var(--MXVAR-BASE-COLOR--text-normal, #333);
  font-size:calc((var(--MXVAR-COMPONENT-KEYWORD-TOPICS-LABEL--font-size, 10) / 12) * 100%);
  line-height:1;
  text-align:center;
  vertical-align:-32%;
  overflow:hidden;
  white-space:nowrap;
}