@charset "utf-8";

/*
-------------------------------------------
COPYRIGHT: GREE,Inc. All Rights Reserved.
-------------------------------------------
*/

/* {{{ for all */

div.top {
  margin-top: 5px;
}

div.unread {
  background-color: #f5f5f5;
}

div#content-container {
  line-height:1.2em;
}

/* }}} */

/* {{{ common */
/** {{{ bluesolid */
.bluesolid {
  background-color: #77ccee;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: white;
  font-weight: bold;
  margin: 10px;
  padding: 7px;
}
.bluesolid div:first-child {
  width: 14px;
  float:left;
}
.bluesolid div:last-child {
  margin-left: 19px;
}
/** }}} */

/** {{{ yellowsolid */
.yellowsolid {
  background-color: #ffdc39;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: black;
  font-weight: semi-bold;
  margin: 10px;
  padding: 7px;
}
.yellowsolid div:first-child {
  width: 14px;
  float:left;
}
.yellowsolid div:last-child {
  margin-left: 19px;
}
/** }}} */

/** {{{ blacksolid */
.blacksolid {
  background-color: #000000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: white;
  font-weight: bold;
  margin: 10px;
  padding: 7px;
}
.blacksolid div:first-child {
  width: 14px;
  float:left;
}
.blackpsolid div:last-child {
  margin-left: 19px;
}
/** }}} */

/** {{{ toggle */
.toggle {
  float: right;
  font-size: 12px;
  border: 1px solid #a6d6e4;
  background-color: #ebf4f6;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 4px 8px;
  color: #000;
  text-align: center;
  vertical-align: center;
}
.toggle.off {
  border-color: #ccc;
  background-color: #fff;
}
.toggle .sprite.check {
  display: inline-block;
  margin-right: 5px;
}
.toggle.off .sprite.check {
  background-position: 0 -1026px;
}
/** }}} */
/** {{{ no-friends */
#no-friends {

}
#no-friends div.img {
  width: 130px;
  height: 95px;
  margin: 15px auto;
  background-image: url(/img/no_friends_s.png);
}
#no-friends p {
  text-align: center;
  margin: 15px auto;
}
/** }}} */
/** {{{ friend-request-confirm */
#friend-request-confirm {

}
#friend-request-confirm p {
  text-align: center;
  margin: 15px auto;
}

/** }}} */
/** {{{ no-posts */
#no-posts {

}
#no-posts div.img {
  width: 81px;
  height: 100px;
  margin: 15px auto;
  background-image: url(/img/no_posts_s.png);
}
#no-posts p {
  text-align: center;
  margin: 15px auto;
}
/** }}} */
/** {{{ blue button */
button.blue {
  background: -moz-linear-gradient(top, #77ccee 0%, #66bbdd);
  background: -webkit-gradient(linear, left top, left bottom, from(#77ccee), to(#66bbdd));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#77ccee', endColorstr='#66bbdd')";
  border-color:#66bbdd #66bbdd #0099cc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-style:solid;
  border-width:1px;
  color: #ffffff;
  padding: 8px 30px;
  text-align:center;
  font-weight: bold;
  width: 100%;
  font-size: 14px;
}
button.blue:hover {
  background: -moz-linear-gradient(top, #66bbdd 0%, #55aacc);
  background: -webkit-gradient(linear, left top, left bottom,  from(#66bbdd), to(#55aacc));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#66bbdd', endColorstr='#55aacc')";
  border-color:#55aacc #55aacc #0099cc;
  text-decoration:none;
}
/** }}} */
/** {{{ blueline button */
button.blueline {
  border: 1px solid #abd6e4;
  background-color: white;
  width: 100%;
  padding: 4px;
  font-size: 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;

}
/** }}} }/
/** {{{ one-third */
.submit.one-third {
  margin: 15px 33%;
}
.submit.one-third .button {
  width: 100%;
}
/** }}} */
/* }}} */

/* {{{ tweet area */

#tweet {
  padding: 10px 10px 5px 10px;
  border-bottom: 1px solid #eee;
}

#tweet .face {
  margin-right: 10px;
  float: left;
  width: 100px;
}

#tweet .face img {
  max-width: 48px;
  max-height: 48px;
}

#tweet .button {
  width: 80%;
  margin-left: 50px;
}

#tweet.editBox {
  margin-left: 5px;
}

#tweet .editBox textarea {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #222;
  height: 90px;
  margin-bottom: 4px;
  font-size: 14px;
  padding: 3px;
  width: 60%;
}

#tweet.face48 .editBox textarea{
  width: 77%;
}
#tweet.face48.comment-closed .editBox textarea{
  height: 42px;
}
#tweet.face48 .face {
  width: 48px;
}
#tweet.face48 .face img {
  max-width: 48px;
  max-height: 48px;
}

#tweet.face4876 .editBox textarea{
  width: 77%;
  height: 70px;
}
#tweet.face4876.comment-closed .editBox textarea{
  height: 70px;
}
#tweet.face4876 .face {
  width: 48px;
}
#tweet.face4876 .face img {
  max-width: 48px;
  max-height: 76px;
}

.limit-exceed {
  color: #c00;
  font-weight: bold;
}
input[type="text"].empty{
	color: #ccc;
}
textarea.empty {
  color: #ccc;
}

#tweet #mood_text_form #comment-mood {
  float: left;
  margin-left: 58px;
}

#tweet #mood_text_form #comment-mood a {
  display:inline-block;
}

#tweet #mood_text_form .thumbnail {
  max-height: 60px;
  vertical-align: top;
  border: 1px solid #ccc;
}

#tweet #mood_text_form .vertical_thumbnail {
  max-width: 60px;
  vertical-align: top;
  border: 1px solid #ccc;
}

#mood_text_form.loading #mood_length_container {
  display: none;
}
#mood_throbber,
#blog_throbber {
  position: relative;
  top: 3px;
}
#mood_text_form:not(.loading) #mood_throbber,
#impress_form:not(.loading) .impress-edit-loading,
#blog_form:not(.loading) #blog_throbber {
  display: none;
}
.text-composer .button-container {
  margin-top: 5px;
  padding-top: 13px;
  height: 60px;
  text-align: right;
}


/* }}} */

/* {{{ thread */

.thread1 {
  padding: 10px;
  border-bottom: 1px solid #eee;
  clear: both;
}
.thread1-legacy {
  padding-left: 10px;
  padding-right: 10px;
}

a:last-child .thread1 {
  border-bottom: 0;
}

last-child:div.thread1 {
  border-bottom: 0;
}

body.stream_comment div.thread1:last-child {
  border-bottom: 0;
}

body.mood_view_per_entry div.thread1:last-child {
  border-bottom: 0;
}

.thread1 .face img {
  width: 48px;
  height: 48px;
  margin-right: 10px;
  float: left;
}
.thread1 .community_genre_icon img {
  width: 48px;
  height: 48px;
  margin-right: 10px;
  float: left;
}
.thread1 .face img.small {
  width: 25px;
  height: 25px;
}

.thread1 .txt {
  overflow: hidden;
}


.thread1 div.foot {
  color: #888;
  font-size: 13px;
  clear: both;
  margin-top: 2px;
}

.thread1 div.userName {
  font-weight: bold;
  font-size: 14px;
  word-break:break-all;
  width: 92%;
  margin-bottom: 2px;
}

.thread1 div.userName a {
/*  color: #333;*/
}

.thread1 div.gameName {
  color: #222;
  display: table-cell;
  font-weight: bold;
  font-size: 16px;
  word-break:break-all;
  width: 92%;
  height: 48px;
  vertical-align: middle;
}

.thread1 div.genreName {
  color: #222;
  display: table-cell;
  font-weight: bold;
  font-size: 16px;
  word-break:break-all;
  width: 92%;
  height: 48px;
  vertical-align: middle;
}

body.joined_communities .thread1 div.userName a {
  color:#0099CC;
}

body.stream_community .thread1 div.userName a {
  color:#0099CC;
}

.thread1 div .txt img {
  width: 25px;
  height: 25px;
}

.thread1 div.mood_like {
  margin: 4px;
}
.thread1 .mood_like .url {
  float: left;
  margin-right: 4px;
}
.thread1 .fqdn {
  color: #888;
}
.thread1 .attachment {
  margin-top: 4px;
}
.thread1 .attachment img {
  margin-right: -2px;
  background-color: #EFEFEF;
  border: 1px solid #ccc;
  padding: 1px;
  max-width: 75px;
  max-height: 75px;
  width: auto!important;
  height: auto!important;
}

.thread1.findfriends a {
  margin: -10px;
  padding: 10px;
  color: #333;
  font-weight: bold;
}
.thread1.findfriends span.emoji {
  float: left;
  display: block;
  width: 25px;
}
.thread1.findfriends span.txt {
  display: block;
  margin-left: 25px;
}
/* }}} */

/* {{{ thread 2 */

div.thread2 {
  padding: 10px;
  border-bottom: 1px solid #eee;
  clear: both;
}

div.thread2 .face img {
  width: 48px;
  height: 48px;
  margin-right: 10px;
  float: left;
}

div.thread2 .face img.small {
  width: 25px;
  height: 25px;
}

div.thread2 .txt {
  margin-left: 58px;
}

div.thread2 .photo {
  float: left;
}

div.thread2 .photo img {
  max-height:180px;
  max-width:125px;
  margin: 3px 10px 0 0;
  background-color: #EFEFEF;
  border: 1px solid #CCC;
  padding: 2px;
}

div.thread2 .photoTxt {
  width: 63%;
  margin-left: 85px;
}

div.thread2 .photoTitle {
  font-weight: bold;
}

div.thread2 div .foot {
  color: #888;
  font-size: 13px;
  text-align: left;
  clear: both;
}

div.thread2 div.userName {
  font-weight: bold;
  font-size: 16px;
  word-break:break-all;
  width: 92%;
}

div.thread2 div.userName a {
  color:#222;
  font-size: 16px;
}

div.thread1 div .txt img {
  width: 25px;
  height: 25px;
}

/* }}} */

/* {{{ comment */

div.commentArrow {
  width: 76%;
  margin-left: 80px;
  height: 13px;
}
div.commentArrow.hidden {
  display: none;
}

div.comment {
  margin-left: 58px;
  text-align: left;
  background-color: #ebf4f6;
  padding: 10px;
  border-bottom: 1px solid #fff;
}

#topic-body.comment {
  background-color: #fff;
}


div.nickname .nickname_inner {
  margin: 0 15px;
}

div.comment .thum img {
  width: 36px;
  height: 36px;
  margin-right: 10px;
  float: left;
}

div.nickname {
  word-break:break-all;
  margin-left: 48px;
  word-break:break-all;
  width: 74%;
}

div.comment form .thum img {
  width: 36px;
  height: 36px;
}

div.comment .comTxt {
  margin: 0 0 0 46px;
}
div.comment div.timestamp {
  margin: 0 0 0 46px;
}
div.comment div.comBox textarea {
  width: 75%;
}

div#photo-comment-list div.comBox textarea {
  width: 80%;
  height: 30px;}

div.comment-button {
  text-align: right;
}

div.comment .userName {
  font-weight: bold;
}
div.comment .item-comment-actions {
  text-align: right;
  vertical-align: sub;
  margin-left: 3px;
}

div.close_button {
  float: right;
}

div.close_button span {
  display: inline-block;
}

div.delete_button a {
  display: block;
  background-color: #f5f5f5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ccc;
  width: 14px;
  text-align: center;
  padding-left:1px;
  line-height:14px;
  color: #888;
  font-size: 11px;
  font-weight: bold;
}

body.config_ignore_stream_list div.delete_button span,
body.friends div.delete_button span {
  display: block;
  background-color: #f5f5f5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ccc;
  width: 14px;
  text-align: center;
  padding-left:1px;
  line-height:14px;
  color: #888;
  font-size: 11px;
  font-weight: bold;
}

body.visitors div.delete_button span {
  display: block;
  background-color: #f5f5f5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ccc;
  width: 14px;
  text-align: center;
  padding-left:1px;
  line-height:14px;
  color: #888;
  font-size: 11px;
  font-weight: bold;
}

body.mood_view_per_entry div.delete_button a {
  display: block;
  background-color: #f5f5f5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ccc;
  width: 14px;
  text-align: center;
  padding-left:1px;
  line-height:14px;
  color: #888;
  font-size: 11px;
  font-weight: bold;
  position: absolute;
  right: 20px;
}


body.stream_home div.delete_button:not(.item-comment-actions) a{
  display: block;
/*
  background-color: #f5f5f5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ccc;
  width: 14px;
  text-align: center;
  padding-left:1px;
  line-height:14px;
    color #888;
    font-size: 11px;
    font-weight: bold;
*/
  border: none;
  background-color: #fff;
  color: #ccc;
  font-size: 13px;
  font-weight: bold;
}

body.config_findfriends div.ignore_delete_button span,
body.config_ignore_stream_list div.ignore_delete_button span,
body.config_ignore_form div.ignore_delete_button span {
  float: right;
  margin: 10px 0 0 5px;
  font-size: 12px;
  border: 1px solid #ccc;
  background-color: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  width: 70px;
  padding: 4px 0;
  color: #000;
  text-align: center;
  vertical-align: center;
}

#friend-guide-celeb {
  margin: 8px;
  border:1px solid #CCCCCC;
  background-color: #EBF4F6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#friend-guide-celeb a {
    display: block;
}
#friend-guide-celeb li a:first-child {
    height: 48px;
}
#friend-guide-celeb h2 {
  padding: 8px;
  margin: 0;
}
#friend-guide-celeb ul {
  clear: both;
  padding: 0 2px 0 4px;
}
#friend-guide-celeb ul li {
  text-align: center;
  float: left;
  width: 33.33%;
  margin: 5px 0;
}
#friend-guide-celeb ul li img {
    width: 48px;
    height: 48px;
}
#friend-guide-celeb button {
  padding: 4px;
  font-size: 12px;
}
#friend-guide-celeb .throbber {
  color: gray;
}
#blog-guide-celeb {
	border: 1px solid #fdd7e3;
	margin: 8px 0 0 0;
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(252,228,237)), color-stop(50%,rgb(254,237,243)), color-stop(100%,rgb(255,249,250))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgb(252,228,237) 0%,rgb(254,237,243) 50%,rgb(255,249,250) 100%); /* Chrome10+,Safari5.1+ */
	box-shadow: 1px 1px 1px 0px rgba(200,200,200,0.3);
	box-shadow: inset rgba(255,255,255,0.8);
	-webkit-box-shadow: 1px 1px 1px 0px rgba(200,200,200,0.3);
	-webkit-box-shadow: inset 1px rgba(255,255,255,0.8);
}
#blog-guide-celeb a {
    display: block;
}
#blog-guide-celeb h2 {
    margin: 0;
	padding: 8px;
	position: relative;
}
#blog-guide-celeb h2 span {
	display: inline-block;
	margin: 0;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
}
#blog-guide-celeb h2 span.blog-check {
	padding-left: 35px;
}
#blog-guide-celeb h2 span::before {
	content: '';
	display: block;
	width: 30px;
	height: 32px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(247,248,249) 91%, rgb(229,229,229) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(91%,rgb(247,248,249)), color-stop(100%,rgb(229,229,229))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(247,248,249) 91%,rgb(229,229,229) 100%); /* Chrome10+,Safari5.1+ */
	border-radius: 0px 0px 6px 6px;
	-webkit-border-radius: 0px 0px 6px 6px;
	position: absolute;
	top: 0;
	left: 5px;
	z-index: 2;
}
#blog-guide-celeb h2 span:after {
	content: '';
	width: 18px;
	height: 18px;
	background-image: url("../img/icons_s.png?20130612");
	background-position: -132px -154px;
	display: block;
	float: left;
	position: absolute;
	top: 6px;
	left: 12px;
	z-index: 3;
}
#blog-guide-celeb ul {
    clear: both;
	padding: 0 2px 0 4px;
	height: 80px;
}
#blog-guide-celeb ul li {
    float: left;
	margin: 5px 0;
	text-align: center;
	width: 33.33%;
}
#blog-guide-celeb li a:first-child {
    height: 48px;
	margin: 0 0 2px 0;
}
#blog-guide-celeb ul li img {
    height: 48px;
	width: 48px;
}
#blog-guide-celeb ul li span {
	display: table-cell;
	height: 20px;
	vertical-align: bottom;
	width: 1000px;
	line-height: 1em;
	font-size: 12px;
	font-family: "メイリオ","Meiryo","Lucida Grande","Helvetica","Arial","Hiragino Kaku Gothic Pro","MS P Gothic",sans-serif;
}
#blog-guide-celeb button {
    font-size: 14px;
	font-family: "メイリオ","Meiryo","Lucida Grande","Helvetica","Arial","Hiragino Kaku Gothic Pro","MS P Gothic",sans-serif;
	font-weight: 700;
	background-color: #ff8800;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border-top: 1px solid #ff8800;
	border-right: 1px solid #ff8800;
	border-left: 1px solid #ff8800;
	border-bottom: 1px solid #dd6600;
	text-align: center;
	padding: 4px;
	display: block;
	margin: auto;
	color: #fff;
	width: 100%;
	cursor: pointer;
}
#blog-guide-celeb div.find-celeb {
	margin: 0 auto;
	padding: 5px 0 10px 0;
	width: 50%;
}
#blog-guide-celeb .throbber {
    color: gray;
}
div.delete_button {
  float: right;
}

div .timestamp {
  color: #888;
  font-size: 13px;
  font-weight: normal;
}
div .timestamp a {
  color: #888;
}

div.comment textarea {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #222;
  height: 60px;
  font-size: 13px;
  padding: 3px;
  margin: auto;
  width: 90%;
}

.comment-closed .comment-button {
  display: none;
}

.comment-closed div.comment textarea {
  height: 30px;
}

img.blogimage,
img.photoimage,
img.moodimage {
    width: 75px!important;
    height: 75px!important;
}

/* }}} */

/* {{{ notice */
#update-notice-list .update-notice {
  display: block;
  background-color: #ffeeee;
  padding: 8px 0;
  text-align: center;
}

a:first-child .update-notice  {
  border-top: 1px solid #ffcccc;
}
a:last-child .update-notice {
  border-bottom: 1px solid #ffcccc;
}

#update-notice-list a .update-notice  {
  color: #ff2222;
  text-decoration: none;
}

#update-notice-list:empty {
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding: 0
}

div.notice {
  margin: 10px;
}
/* }}} */

/* {{{ stream notification */

div#stream-notification {
  round-color: #fee;
  border: 1px #fcc solid;
  border-left: none;
  border-right: none;
  padding: 5px;
  position: relative;
  margin-top: -1px;
  padding-left: 68px;
  background-color: #fee;
}
div#stream-notification a span#reload {
  color: inherit;
}
div#stream-notification a#update-action {
  display: block;
  text-decoration: none;
  color: #f22;
}
div#stream-notification a#update-action:focus {
  outline: none;
}

/* }}} */

/* {{{ other photo notice */
div.otherContent {
  background-color: #fff;
  border-bottom: 1px solid #eee;
  color: #0099cc;
  font-weight: bold;
  padding: 8px 0;
  text-align: center;
}
/* }}} */

/* {{{ add photo to alnum */
#addAlbum {
  padding: 10px 0;
  background-color: #fff;
  border-bottom: 1px solid #eee;
}

#addAlbum div {
  margin: auto;
}
/* }}} */

/* {{{ upload photo */
#uphoto {
  padding-top: 10px;
  background-color: #fff;
}

#uphoto div {
  margin: auto;
}
/* }}} */

/* {{{ photo album */
#photoAlbum {
  padding: 10px 10px 0 5px;
  clear: both;
}

#photoAlbum div {
  padding-bottom: 5px;
}

#photoAlbum div span {
  float: left;
}

#photoAlbum div span img {
  width: 70px;
  height: 70px;
  border: 1px solid #ccc;
}
/* }}} */

/* {{{ photo list */
.photoList {
  display: block;
  padding: 10px;
  border-bottom: 1px solid #eee;
  clear: both;
}
a:last-of-type .photoList {
  border-bottom: 0;
}


.photoList .photo-frame {
  margin-right: 10px;
}

.photoList .image-container {
  float: left;
  text-align: center;
  border: 1px solid #ccc;
  height: 77px;
}

.photoList .image-container img {
  width: 77px;
  height: 77px;
}

.photoList .txt {
  padding-left: 10px;
  height: 75px;
  display: table-cell;
  vertical-align: middle
}
.photoList .txt div.title {
  font-weight: bold;
  color:#222;
  font-size: 16px;
}
.photoList .txt div.num {
  font-size:13px;
  color:#888;
}
/* }}} */

/* {{{ follower list */
div.followerList {
  padding: 10px;
  border-bottom: 1px solid #eee;
  clear: both;
}
a:last-child div.followerList{
  border-bottom: 0
}

div.followerList div.face img {
  width: 48px;
  height: 48px;
}

div.followerList div.face {
  margin-right: 10px;
  float: left;
}

div.followerList div.txt {
  text-align: left;
  margin-left: 56px;
  color: #222;
}

#findfriends-list div.sub-box,
div.followerList div.box {
  text-align: left;
  margin-left: 58px;
}

div.followerList div.userName {
  font-weight: bold;
  font-size: 16px;
  color:#222;
  width: 88%;
  word-break: keep-all;
/*padding-left: 58px;*/
}

div.followerList div.userName {
  font-weight: bold;
  font-size: 16px;
  color:#222;
}

div.followerList div.link-comment-arrow {
  height: 8px;
  background: url(/img/coment_arrow.gif) no-repeat 20px -0px;
}

div.followerList div.link-comment-body {
  font-size: 13px;
  color: #666;
  margin: 0px 0 0 0;
  overflow: hidden;
  background: #EBF4F6;
  padding: 4px;
  border-radius: 5px;
}

div.followerList div.userName a {
  color:#222;
}

div.followerList div.timestamp {
/*  margin-left: 56px;*/
}

div.followerList div.time {
  text-align: right;
  color:#888;
  font-size:0.9em;
}

div.followerList div.confirmation-action {
  width: 100%;
  margin: 20px 10px 10px 10px;
  text-align: right;
  float: left;
  font-size:0.9em;
  clear: both
}

div.followerList .button {
  padding: 4px 4px;
  margin-left: 1.2em;
  margin-right: 10px;
}

/* }}} */

/* {{{ community */
body.community div.stream-item div.txt {
  color: #000;
}
body.community_view #item-comment-,
body.community_topics #item-comment- {
  background-color: #FFF;
}

body.community_view span.count,
body.community_topics span.count {
  font-weight: bold;
  font-size: 16px;
}

body.community_view div.commentArrow,
body.community_topics div.commentArrow {
  margin: auto;
  height: 13px;
}

body.community_view div.comment,
body.community_topics div.comment {
  margin: 0 10px 0 10px;
}

body.community_view div.comment .face img,
body.community_topics div.comment .face img {
  width: 36px;
  height: 36px;
}

body.community_view #tweet,
body.community_topics #tweet {
  margin-bottom: 10px;
}

body.community_view #tweet div.face,
body.community_topics #tweet div.face {
  float: left;
  width: 36px;
  height: 36px;
}

body.community_view textarea#mood-textarea,
body.community_topics textarea#mood-textarea {
  width: 80%;
  float: left;
}
body.community_view textarea#mood-textarea.empty,
body.community_topics textarea#mood-textarea.empty {
  height: 30px;
}

#community {
  background-color: #e4f2f6;
  padding: 10px;
  min-height: 80px;
}

#communityTxt {
  background-color: #e4f2f6;
  margin-top: 10px;
  overflow: hidden;
  display: none;
}

#community .community-text-show {
  margin: 8px 0 0 100px;
}

#community .button {
  color: #222;
}

div#community .txt th {
  width: 60px;
}

body.community_view .userName,
body.community_topics .userName {
  font-size: 16px;
  font-weight: bold;
}

#community .image img {
  border: 1px solid #eee;
  max-width: 90px;
  float: left;
}

#community .txt {
  margin-left: 100px;
  width: 65%;
}

#community div .comuName {
  font-weight: bold;
  font-size: 16px;
}

#community div .joinComu {
  text-align: left;
  margin: 15px 0;
}

#community div span {
  color: #888;
}

body.community_view .txt div,
body.community_topics .txt div {
  margin-bottom: 3px;
}
#community_meta {
  padding: 5px;
  background: #f8f8f8;
  margin: 5px;
}
#community_meta dt {
  float: left;
  width: 80px;
  clear: both;
}
#community_invite .editBox textarea {
	width: 98%;
}


/* }}} */

/* {{{ mail inbox */

.inbox {
  padding: 10px;
  border-bottom: 1px solid #eee;
  display: block;
  clear: both;
}

.inbox:last-child {
  border-bottom: 0;
}

.inbox>a {
  display: block;
}

.inbox span {
  display: block;
}
.inbox .face {
  margin-right: 10px;
  float: left;
}

.inbox .face img {
  width: 48px;
  height: 48px;
}

.inbox .txt span {
  width: 80%;
  margin-left: 58px;
}

.inbox .txt span.noread {
  font-weight: bold;
}

.inbox .txt .userName {
  font-weight: bold;
  color: #222;
  font-size: 16px;
}

body.link_requests div.userName a {
  font-weight: bold;
  color: #222;
  font-size: 16px;
  margin-left: 0;
  padding-left: 05;
}

.inbox .txt .userName a {
  color: #222;
}


.inbox span .timestamp {
  color: #888;
  font-size: 13px;
  width: 80%;
  margin-left: 58px;
}

.inbox .message-body {
  color: #222;
}

.inbox.mail-unread {
  background: #f0f0f0
}



/* }}} */

/* {{{ mail detail */
#mailDetai {
  padding: 10px;
  clear: both;
  border-bottom: 1px solid #eee;
}
#mailDetai .face img {
  width: 48px;
  height: 48px;
  margin-right: 10px;
  float: left;
}

#mailDetai .txt div {
  width: 80%;
  margin-left: 58px;
}

#mailDetai div .timestamp {
  color: #888;
  font-size: 13px;
  text-align: left;
  margin-bottom: 10px;
}

#mailDetai div.userName {
  font-weight: bold;
}

#mailDetai div .txt img {
  width: 25px;
  height: 25px;
}

#reply {
  padding: 10px;
  border-bottom: 1px solid #eee;
}

#reply .face {
  margin-right: 10px;
  float: left;
}

#reply .face img {
  width: 48px;
  height: 48px;
}

#reply .editBox div {
  margin-left: 110px;
}

#reply .editBox textarea {
  width: auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #222;
  height: 35px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #ccc;
  padding: 3px;
}
/* }}} */

/* {{{ compose mail */

#tolistBox {
  margin-top: 10px;
  border-bottom: 1px solid #eee;
}

#newmail-tolist {
  max-height: 90px;
  overflow: auto;
  padding: 10px;
  margin: 10px 0;
}

#newmail-tolist ul li {
   display: block;
  float: left;
  width: 45%;
  margin: 0 10px 5px 0;
}
#newmail-tolist ul li img.portrait-25 {
  width: 25px;
  height: 25px;
  float: left;
 }

#composeTxt {
  padding: 10px;
}

#composeTxt .editBox div {
  margin-left: 110px;
}

#composeTxt .editBox textarea {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #222;
  height: 100px;
  margin-bottom: 10px;
  font-size: 12px;
  color: #ccc;
  padding: 5px;
  width: 96%;
}

body.mail_compose li#mail_compose {
  width: 50%;
}

body.mail_received span.timestamp a {
  position: absolute;
  right: 20px;
  font-size: 13px;
}

body.mail_sent span.timestamp a {
  position: absolute;
  right: 20px;
  font-size: 13px;
}

textarea#mail-textarea {
  height: 60px;
  width: 100%;
}

body.mail_received div#tweet .face img {
  width: 48px;
}


/* }}} */

#mail-recipient {
  margin: 10px;
}
#mail-recipient .title {
  float: left;
  margin: 10px;
  font-weight: bold;
}
#mail-recipient .nick_name {
  margin: 10px;
}

body.mail_received .editBox,
body.mail_compose .editBox
{
  margin: 10px 15px 10px 10px;
}

body.mail_compose div.face {
  float: left;
}

body.mail_compose div.face img {
  max-width: 48px;
  min-height: 48px;
}

body.mail_compose div.nick_name {
  float: left;
  width: 76%;
  text-align: left;
}

/* {{{ config-portrait */

div.config-portrait-notice {
  margin: 0px 10px 5px 10px;
  font-size: 12px;
  line-height: 1.3em;
  color: #888;
}

/* }}} config-portrait */

/* {{{ profile */
#profile {
  background-color: #e4f2f6;
  border-bottom: 1px solid #e4f2f6;
  padding: 10px;
}

#profileTxt {
  background-color: #e4f2f6;
  padding:10px;
  margin-top: 1px;
}

#profile .image  {
  float: left;
  height: 135px;
  width: 170px;
  text-align: center;
}
#profile .image img {
  max-width: 170px;
  max-height: 135px;
}

#profile .image2 img {
  width: 150px;
  height: 150px;
  float: left;
}

#profile .image3 {
  margin-bottom: 10px;
  text-align: center;
}

#profile .image3 img {
  width: 320px;
  height: 252px;
}

#profile .txt {
  margin-left: 180px;
}

#profile .txt2 {
  margin-left: 160px;
}

#profile div .name {
  font-weight: bold;
  font-size: 16px;
}


/* }}} */

/* {{{ dialy */
#diary .section {
  padding: 10px;
  border-bottom: 1px solid #eee;
}

#writeDiary {
  padding: 10px;
  border-bottom: 1px solid #eee;
}

#writeDiary div {
  padding: 10px;
  border-bottom: 1px solid #eee;
  margin: auto;
}

#diary div.timestamp {
  color: #888;
  font-size: 13px;
  text-align: left;
  border-top: 1px dotted #eee;
  margin-top: 5px;
}

#diary span.time {
  width: 50%;
  text-align: left;
  float: left;
}

#diary span.comment {
  width: 50%;
  text-align: right;
  float: left;
}

#diary div.photo img {
  width: 90px;
  margin-right: 10px;
  float: left;
  border: 1px solid #ccc;
}

#diary div .txt {
  padding-left: 110px;
}
/* }}} */

/* {{{ menu page */
#container:not(.show-content) #notification-container,
#container:not(.show-content) #iconMenu:not(.show-notification) {
  display: block;
}
#container:not(.show-content) #notification-container:not(.show-notification),
#container:not(.show-content) #iconMenu .show-notification,
#container:not(.show-content) #footer {
  display: none;
}

#top-content-container,
#menu,
#subtab,
#notification-container,
#content-container,
#footer-links,
#notification-throbber,
#notification-throbber-entry,
#loadding-throbber
{
  display: none;
}

#notification-throbber { /* iOS5 fix */
  float:left;
}

#container.show-content #top-content-container,
#container.show-content #menu,
#container.show-content #content-container,
#container.show-content #loadding-throbber
{
  display: block;
}

#wrapper.show-content #footer-links {
  display: block;
}

body.miscellany #wrapper.show-content #footer div {
  display: none
}

body.impress #container.show-content #subtab,
body.friends #container.show-content #subtab,
body.myfriends #container.show-content #subtab,
body.myfriends_search #container.show-content #subtab,
body.introduction #container.show-content #subtab,
body.joined_communities #container.show-content #subtab,
body.friend_requests #container.show-content #subtab,
body.friend_requestsdefer #container.show-content #subtab
{
  display: block;
}

body.introduction div.title
{
  font-size: 14px;
  padding: 0;
  width: 80px;
}

body.config_payment div.title,
body.config_gold_history div.title
{
  font-size: 14px;
  padding: 0;
  width: 160px;
}
body.config_payment div.title .notice,
body.config_gold_history div.title .notice
{
  font-size: 12px;
  color: #888
}

body.login #container.show-content #menu {
  display: none;
}

/* }}} */

img.blog-photo {
  margin-top: 3px;
}

body.community_view div.photo,
body.community_topics div.photo {
  margin-top: 3px;
}

.gree-photo-tag {
  display: block;
}

.button.busy {
 opacity: 0.5
}

/* {{{ login */

body.login div.head h1 {
  font-size: 16px;
  padding: 0px 10px;
}

body.login div.login-status {
  margin: 0 0 10px 0px;
}

div.panel div.reissue {
  margin: 0px 10px 15px 10px;
}

div.panel div.reissue .regist_btn {
  background: -moz-linear-gradient(
   top,
   #6cd000 0%,
   #5ec800 50%,
   #6cd000 49%,
   #5ec800);
  background: -webkit-gradient(
   linear, left top, left bottom,
   from(#6cd000),
   color-stop(0.50, #5ec800),
   color-stop(0.49, #6cd000),
   to(#5ec800));
  border-bottom-color:#339900;
  border-top: 1px solid #6cd000;
  border-right: 1px solid #6cd000;
  border-left: 1px solid #6cd000;
  border-bottom: 1px solid #339900;
  background-color: #66C200;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  text-decoration: none;
  width: 143px;
  height: 34px;
/*  padding: 8px 17px; */
  vertical-align: middle;
  display:table-cell;
  font-weight: bold;
  color: #fff;
}
div.panel div.reissue .regist_btn:hover {
  background: -moz-linear-gradient(
   top,
   #5bc111 0%,
   #4db711 50%,
   #5bc111 49%,
   #4db711);
  background: -webkit-gradient(
   linear, left top, left bottom,
   from(#5bc111),
   color-stop(0.50, #4db711),
   color-stop(0.49, #5bc111),
   to(#4db711));
  border-bottom-color:#339900;
  text-decoration:none;
}

div.login-form {
  padding: 0 10px 10px 10px;
}

#login-form .login-form.only {
  padding: 10px;
}

body.login input#user_mail,
body.login input#user_password,
body.login input#one_time_id,
input#otp {
  padding: 3px;
  width: 96%;
  margin: 0px 0px 10px 0px;
  font-size:16px;
  line-height: 24px;
  font-weight: bold;
  font-family: Helvetica;
}

body.login input#user_password_login {
  padding: 3px;
  width: 96%;
  margin: 0px 0px 0px 0px;
  font-size:16px;
  line-height: 24px;
  font-weight: bold;
  font-family: Helvetica;
}
/* }}} */

div .form-submit {
  text-align: center;
}

div .form-submit input {
  background-image: -moz-linear-gradient(top, #eee, #fff); /* FF3.6 */
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #eee),color-stop(1, #fff)); /* Saf4+, Chrome */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff')";
  background-color: #e8e8e8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #999;
  text-align: center;
  padding: 7px 0;
  width: 99%;
  font-size: 14px;
}

div.input_box {
  margin: auto;
}

.input_box input {
  padding-left: 5px;
}

/* {{{ app login */

#login-form .login-form.app {
  padding: 0;
}
#login-form .login-form.hasaccount {
  background-color: #e4f2f6;
  padding: 0px 0px 0px 0px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #a6d6e4;
}
#login-form .login-form.app form {
  padding: 10px 15px 10px 15px;
}

#login-form .login-form.app .reissue {
  float: left;
}

#login-form .login-form.app .form-submit {
  width: 100px;
  float: right;
}

#login-form .login-form.app #ipod a {
  display: block;
  text-align: center;
  padding: 5px;
  margin-bottom: 10px;
}

#login-form .login-form.app .login-image {
  width: 100%;
  height: 240px;
  background: url('/img/login/login_img.png') no-repeat center center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #login-form .login-form.app .login-image {
    background-image: url('/img/login/login_img_l.png');
    -webkit-background-size: 290px 240px;
  }
}

#login-form .login-form.app .reissue {
  margin: 7px 0;
}
#login-form .login-form.app .form-submit input {
  height: 34px;
}

#login-form .login-form.app h1 {
  font-size: 14px;
  margin-top: 0;
  padding: 0;
}
#login-form .login-form.app h2 {
  font-size: 14px;
  margin: 10px 0px 0px 0px;
}
/* }}} */


.button {
  background-image: -moz-linear-gradient(top, #eee, #fff); /* FF3.6 */
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #eee),color-stop(1, #fff)); /* Saf4+, Chrome */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff')";
  background-color: #e8e8e8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #999;
  padding:8px 6px;
  color: #222;
}

.profile_change_button {
  background-image: -moz-linear-gradient(top, #eee, #fff); /* FF3.6 */
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #eee),color-stop(1, #fff)); /* Saf4+, Chrome */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff')";
  background-color: #e8e8e8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #999;
  padding:8px 20px;
  color: #222;
}
/* {{{ controls */

#loading-throbber {
  display: none;
}

.navigation-item {
  width: 100%;
  text-align: center;
}

#notification-throbber .throbber,
#loading-throbber .throbber {
  margin-top: 40px;
}

#container.loading #loading-throbber {
  display: block;
  height: 500px;
}

#container:not(.show-content) #loading-throbber {
  display: none;
}
/* }}} */

/* {{{ photo */
#photo-lightbox {
  display: none;
  border: 0px none;
  /*position: absolute;*/
  background: #000;
  text-align: center;
  z-index: -1;
}

#photo-lightbox.show-photo #photo-footer {

  position: absolute;
}

#photo-lightbox.show-photo #tweet {
  display: none;
}

#photo-image-wrapper.stopped #photo-throbber {
  display: none;
}
#photo-image-wrapper:not(.stopped) #photo-throbber {
  display: inline;
}

#photo-image-wrapper.stopped img.photo {
  display: inline;
}
#photo-image-wrapper:not(.stopped) img.photo {
  display: none;
}


#photo-comment-list {
  background: #fff;
  padding-bottom: 10px;
  margin-top: 10px;
  overflow: hidden;
  display: none;
}

#photo-comment-list.show-comment {
  display: block;
}

#photo-lightbox .darkroom a {
  color: white
}
#photo-prev {
  left: 4px;
}
#photo-next {
  right: 4px;
}

#photo-lightbox .photonav {
  display: none;
  position: absolute;
  top: 52%;
}

#show-more-comments {
}


#photo-comment-list div.comment {
  margin: 0 10px;
}
#photo-comment-list div.commentArrow {
  margin-left: 34px;
}

#photo-footer {
  width: 100%;
  z-index: 100;
}

#photo-caption {
  text-align: left;
  overflow: hidden;
  color: #fff;
  width: 55%;
  font-size:16px;
  padding: 4px 4px 4px 10px;
}

#photo-lightbox img {
  padding: 0
}

#photo-comments  {
  padding: 4px 10px 4px 15px;
}
#photo-comments a {
}

#photo-lightbox .opaque {
  z-index: 10;
  background: rgba(0,0,0,0.4);
  background-color: #000;
}

#photo-navigation {
  position: absolute;
  padding: 5px 0;
  top: 0px;
  left: 0px;
  width: 100%;
  text-align: left;
}

#photo-show-comments {
  font-size: 14px;
}

#photo-navigation a {
  font-weight: bold;
  margin-top: 10px;
  margin-left: 10px;
}

#photo-wrapper {
  display: none;
}
#photo-image-wrapper {
  padding-top: 15px;

  display: table-cell;
  vertical-align: middle;

  width: 100%;
  -webkit-transition-property : transform;
  -webkit-transition-duration: 0s;
  -webkit-transition-timing-function:cubic-bezier;
}

#photo-comment-dummy-node {
  display:none;
}

/* }}} */

/* {{{ post button throbber */

.comment.navigation.show-older-comments {
  padding: 0
}

.throbber-container {
  padding: 10px;
  display: block;
}
.throbber-container.stopped .throbber {
  display: none;
}

.throbber-container.stopped .loading {
  display: none;
}
.throbber-container:not(.stopped) .load {
  display: none;
}
.throbber-container img.circulator {
  margin-right: 3px;
  position: relative;
  top: 2px;
}

div.photoDisplay {
  margin:0 3px 0 10px;
  text-align: left;
  background-color: #ebf4f6;
  padding: 10px;
  border-bottom: 1px solid #fff;
}


/* }}} */

/* {{{ add album button */
#diaryButton {
  background-image: -moz-linear-gradient(top, #eee, #fff); /* FF3.6 */
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #eee),color-stop(1, #fff)); /* Saf4+, Chrome */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff')";
  background-color: #e8e8e8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #999;
  text-align: center;
  padding: 8px 0;
  width: 50%;
  font-size: 14px;
}

#diaryButton a {
  color: #222;
  display: block;
}
/* }}}*/

/* {{{ invite */
div#invite {
  background-color: #e4f2f6;
  border-bottom: 1px solid #e4f2f6;
  padding: 10px;
}
div#invite div .name {
  font-weight: bold;
  font-size: 16px;
}
div#invite div ul,
div.invitation_campaign ul,
form#invite_mail ul {
  font-size:0.9em;
  margin-left:10px;
  padding:0 0 0 5px;
}
div#invite div li,
div.invitation_campaign li,
form#invite_mail li {
  list-style-type:disc;
  margin:5px 0;
}
div.invitation_campaign li {
  color: #888;
}
form#invite_mail {
  text-align: left;
  padding: 10px;
}
form#invite_mail p {
  text-align: center;
}

div#invite_form {
  text-align: center;
}

div#invite_form p {
  padding: 10px 10px 5px 10px;
}

div.invitation_campaign {
  padding: 20px 10px 10px;
}
div.invite-button {
  text-align: right;
}
div.invite-greemail {
  text-align: center;
}

.invite_mail_form {
  padding: 10px;
  border-bottom: 1px solid #eee;
}

div:last-child.invite_mail_form {
  border-bottom: 0;
}

.invite_mail_form .be-friends {
  margin:10px 0 10px 0;
  text-align: center;
}

.invite_mail_form #skip {
  padding: 20px 0 5px 0;
  text-align: center;
}

.invite_mail_form .top_txt {
  margin-top: 15px;
}

span.gmail_address {
  padding-left: 27px;
}

.gmail_check input {
  padding-top: 15px;
}

#invite_list div.checkBox {
  float: left;
  padding-top: 5px;
}

#invite_list div.gmailName {
  float: left;
  margin-left: 5px;
}

#invite_list li {
  border-bottom: 1px solid #eee;
  padding: 10px;
}
#invite_list a {
  display: block;
}
/* }}} */

a[onclick] .button {
  color: #222;
  padding:8px 6px;
  /*
  display: block;
  */
}

profile_look_access_history a[onclick] .button {
  color: #222;
  padding:8px 8px;
  /*
  display: block;
  */
}

div#lets-be-friends {
  padding-bottom: 15px;
}

a[onclick] .button.requesting {
  color: #888;
}


/* end */

/* {{{ settings */
#twitter-status .status {
  display: block;
  float: right;
}
#twitter-status .status > span {
  display: block;
  float: right;
  margin: 5px 10px 0 0;
}

body.config_connection span.button {
  margin: 0 10px;
}

.config-item {
/*padding: 0.6em 6px 10px 10px;*/
  padding: 10px 6px 10px 10px;
  border-bottom: 1px solid #eee;
  line-height: 1.5em;
}
form#config .config-item {
  padding: 15px 10px;
}

div:last-child.config-item {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

form#retrieve-password {
  padding:10px;
}
form#retrieve-password .config-item {
  padding: 6px 10px 10px 0px;
  border-bottom: 0;
}

form#retrieve-password select {
  margin: 0 3px 0px 0 ;
}

form#retrieve-password .config-item .title {
  padding-top: 0;
}

input#reissue-submit {
  margin: 20px 0 10px 0;
}

.config-item .title {
  font-weight: bold;
  width: 55%;
  padding: 0 0 5px 0;
  margin: 0;
  text-align: left;
  font-size: 16px;
  float: left;
}

.config-item .scope {
  margin-top: 0;
  width: 45%;
  float: left;
  text-align: right;
  padding: 0 0 5px 0;
}

.config-item select {
  height: 28px;
  font-size: 14px;
}

input#last_name {
  height: 30px;
  margin-top: 5px;
}

input#first_name {
  height: 30px;
  margin-top: 5px;
}

input#nick_name {
  height: 30px;
}

textarea#blog_descr {
  height: 100px;
}

body.blog_view_per_entry div.thread1 {
  border-bottom: 0;
}

.submit {
  margin: 1em
}

#blog_descr {
  width: 95%;
}

body.blog_view_per_entry li#blog_view_per_entry {
  width: 50%;
}

.submit .button {
  display: block;
  text-align:center;
  padding: 8px 0;
  width: 98%;
  height: 19px;
}

body.link_requests li#link_requests {
  width: 50%;
}

body.misc_agreement li#misc_agreement {
  width: 50%;
}



/* }}} */

#content-container .misc {
  margin: 10px;
}

/* list */
body.misc_mail ol li{
  list-style-type:decimal;
  margin-left: 20px;
}
body.misc_mail li#misc_mail {
  width: 50%;
}

/* end */

body.stream_profile img.badge {
  margin-top: 3px;
}


/* review image */
.content.review img.product {
  display: block;
  margin: 3px 0;
}

body.joined_communities .txt,
body.stream_comment .description,
body.stream_community .description,
body.community_view .description,
body.community_topics .description,
body.blog .description {
  color: #222
}

/* gold history */
#gold {
  border-bottom: 1px solid #eee;
  height: 35px;
  padding: 13px 8px 0 8px;
}

#gold .amount
{
  font-weight: bold;
}
#gold .button
{
  margin-left: 15px;
}
body.config_gold_history div.notice
{
  font-size: 13.2px;
  margin: 10px;
}

body.config_gold_history .detailed-list .g {
  font-weight: bold;
  font-size: 15px;

}
.detailed-list {
  padding: 10px;
  border-bottom: 1px solid #eee;
}
.detailed-list .content {
}

.detailed-list .descriptions {
  text-align: left;
  float: left;
}
.detailed-list .descriptions .title {
  font-weight: bold;
}
.detailed-list .descriptions .timestamp {
  color: #888;
}

.detailed-list .amount {
  padding-top: 15px;
  text-align: right;
}

body.mood_view_per_entry li#mood_view_per_entry {
  width: 50%;
}

/* search */
.search-more {
  padding: 8px;
  text-align: right;
  color: #888
}
#news-list {
  display: none;
}
body.stream_home #container.show-content #news-list {
  display: block;
}
#news-list {
  background-color: #e4f2f6;
  padding: 3px 5px;
}

#news-list .news-body {
  margin: 5px 3px 3px 3px;
  border: 1px solid #A6D6E4;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
  padding: 2px;
}

#news-list .news-body a:first-child {
  display: block;
  float: left;
  width: 100%;
  line-height: 27px;
  vertical-align: middle;
  margin-right: -27px;
}

#news-list .news-body a:first-child div {
  display: inline-block;
  padding-right:27px;
  margin-right:27px;
}

#news-list .news-body a:first-child span {
  vertical-align: text-top;
  display: inline-block;
  margin: 0 5px;
}

#news-list .news-body img,
#news-list .news-body br {
  display: none;
}

#news-list .news-body a:last-child {
  display: inline-block;
  padding: 9px;
}

#news-list .news-body .news-row {
  height: 27px;
}

body.stream_comment div.userName div.delete_button {
  position: absolute;
  right: 20px;
}

body.stream_home div.userName div.delete_button {
  position: absolute;
  right: 20px;
}

body.stream_home div.userName div.delete_button {
  position: absolute;
  right: 20px;
}

body.stream_profile div.userName div.delete_button {
  position: absolute;
  right: 20px;
}

body.photo_view_per_entry div.userName div.delete_button {
  position: absolute;
  right: 20px;
}

/* regist */
#container .regist {
  margin: 10px;
}
#container .regist ul {
  list-style-type: disc;
  margin: 15px 0 15px 35px;;
}
#container .regist li {
  list-style-type: disc;
}

ul.regist_box {
  width: 277px;
  margin: 10px auto;
  padding: 0;
}

ul.regist_box > li {
  float: left;
  list-style-type: none;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

ul.regist_box > li {
  height: 63px;
  font-size: 80%;
  text-align: center;
}

ul.regist_box li > p {
  padding: 0;
  margin: 0;
  margin-top: 2px;
  margin-right: 10px;
}

ul.regist_box li > p:first-child {
  margin-top: 8px;
}

ul.regist_box > li:first-child {
  border-left: 1px solid #ccc;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  width: 100px;
}

ul.regist_box > li:nth-child(2) {
  width: 95px;
}

ul.regist_box > li:last-child {
  border-right: 1px solid #ccc;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 80px;
}

ul.regist_box > li:last-child > p {
  margin-top: 22px;
  margin-left: 10px;
}

ul.regist_box > li.active {
  background: #fff;
}

ul.regist_box > li:not(.active) {
  background-color: #eee;
}

ul.regist_box:after {
  content: " ";
  display: block;
  height: 0px;
  line-height: 0;
  visibility: hidden;
  clear: left;
}

ul.regist_box > li:first-child.active {
  background-image: url(/img/reg/status_m01.png);
  background-repeat: no-repeat;
  background-position: right;
}

ul.regist_box > li:first-child:not(.active) {
  background-image: url(/img/reg/status_m03.png);
  background-repeat: no-repeat;
  background-position: right;
}

ul.regist_box > li:nth-child(2).active {
  background-image: url(/img/reg/status_m01.png);
  background-repeat: no-repeat;
  background-position: right;
}

ul.regist_box > li:nth-child(2):not(.active) {
  background-image: url(/img/reg/status_m02.png);
  background-repeat: no-repeat;
  background-position: right;
}

ul.regist_box img {
  width: 31px;
  height: 29px;
}

/* regist_box_android */

ul.regist_box_android {
  width: 277px;
  width: 182px;
  margin: 10px auto;
  padding: 0;
}

ul.regist_box_android > li {
  float: left;
  list-style-type: none;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

ul.regist_box_android > li {
  height: 63px;
  font-size: 80%;
  text-align: center;
}

ul.regist_box_android li > p {
  padding: 0;
  margin: 0;
  margin-top: 2px;
  margin-right: 10px;
}

ul.regist_box_android li > p:first-child {
  margin-top: 8px;
}

ul.regist_box_android > li:first-child {
  border-left: 1px solid #ccc;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  width: 100px;
}

ul.regist_box_android > li:last-child {
  border-right: 1px solid #ccc;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  width: 80px;
}

ul.regist_box_android > li:last-child > p {
  margin-top: 22px;
  margin-left: 10px;
}

ul.regist_box_android > li.active {
  background: #fff;
}

ul.regist_box_android > li:not(.active) {
  background-color: #eee;
}

ul.regist_box_android:after {
  content: " ";
  display: block;
  height: 0px;
  line-height: 0;
  visibility: hidden;
  clear: left;
}

ul.regist_box_android > li:first-child.active {
  background-image: url(/img/reg/status_m01.png);
  background-repeat: no-repeat;
  background-position: right;
}

ul.regist_box_android > li:first-child:not(.active) {
  background-image: url(/img/reg/status_m03.png);
  background-repeat: no-repeat;
  background-position: right;
}

ul.regist_box_android img {
  width: 31px;
  height: 29px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  ul.regist_box > li:first-child.active {
    background-image: url(/img/reg/status_l01.png);
    -webkit-background-size: 14px 63px;
  }

  ul.regist_box > li:first-child:not(.active) {
    background-image: url(/img/reg/status_l03.png);
    -webkit-background-size: 14px 63px;
  }

  ul.regist_box > li:nth-child(2).active {
    background-image: url(/img/reg/status_l01.png);
    -webkit-background-size: 14px 63px;
  }

  ul.regist_box > li:nth-child(2):not(.active) {
    background-image: url(/img/reg/status_l02.png);
    -webkit-background-size: 14px 63px;
  }
}

#regist_inv {
  background-color: #e4f2f6;
  padding: 3px 5px 7px 5px;
  text-align: center;
  border-bottom: 1px solid #CCCCCC;
}

#regist_profile {
  background-color: #fff;
  border-bottom: 1px solid #CCCCCC;
  text-align: center;
  padding: 5px;
}

#regist_profile span {
  font-weight: bold;
}

#regist_inv_contents {
  margin: 5px 3px 2px 3px;
  border: 1px solid #eeee88;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 5px;
  background-color: #ffffcb;
}

#regist_inv_contents .action {
  padding: 15px 0;
}

#regist_inv_contents p {
  margin: 0px;
  margin-bottom: 2px;
  font-weight: bold;
}

#regist_form_note {
  color: gray;
  font-size: 0.8em;
  line-height: 1.1em;
  margin-top: 5px;
}

#regist_form_note_recommend_i_softbank {
  color: gray;
  font-size: 0.8em;
  line-height: 1.1em;
  margin-top: 5px;
}

#regist_back {
  width: 25%;
}

#regist_submit {
  width: 65%;
}

#regist_done {
  height: 200px;
}

#misc_iphone {
  width: 60% !important;
}

.misc_question {
  padding-top: 10px;
  font-weight: bold;
}

/* help like documents */
div.help_like {
  line-height: 150%;
}

div.help_like h1 {
  border-bottom: 1px solid #ccc;
  margin-left: -10px;
  padding-left: 10px;
  margin-right: -10px;
  padding-right: 10px;
}

div.help_like h2 {
  margin-left: -10px;
  padding-left: 10px;
  margin-right: -10px;
  padding-right: 10px;
  margin-bottom: 0px;
}

.help_like ol li{
  list-style-type: decimal;
}

.help_like ol li.list {
  margin: 0.3em 0 0.3em -0.3em;
}

.help_like ol li.list ul li {
  margin-left:-2.2em;
}

.help_like ul li {
  list-style-type: disc;
}

.help_like ol, .help_like ul {
  margin-left: 25px;
}

.help_like ul.notice {
  margin-left: 10px;
}

.help_like ul.notice li {
  list-style-type: none;
}


#change-avatar {
  margin-top: 20px;
}

.topicbutton {
  text-align: center;
  margin: 1.5em 0 1em 0;
}

/* top */

#top .head.title {
  width: 100%;
  height: 38px;
  background: url('/img/login/login_text.png') no-repeat center center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #top .head.title {
    background: url('/img/login/login_text_l.png') no-repeat center center;
    -webkit-background-size: 300px 38px;
  }
}

#top .head h1,
#top .head h2 {
  text-indent: -1000px;
}
#top h2 {
  font-size: 16px;
  padding: 8px 0 0 10px;
  margin-bottom: 8px;
}
#top #announce {
  margin: 5px 0 0 5px;
}
#top #announce-img-full {
  margin: 10px auto;
}

#top #top-recommend-game,
#top #top-recommend-celeb {
  border-top: 1px solid #ccc;
}

#top #top-recommend-celeb .thread1 .app {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-background-size: auto 48px;
  -webkit-background-size: auto 48px;
  background-size: auto 48px;
  border: none;
}

/* {{{ register */
#login-form .top-regist,
#top-register .top-regist,
#top .top-regist {
  text-align: center;
  margin: 10px 15px 15px 15px;
}

#login-form .top-regist span,
#top-register .top-regist span,
#top .top-regist span {
  display: inline-block;
  width: 180px;
  height: 36px;
  line-height: 36px;
  font-weight: bold;
  vertical-align: middle;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #ffffff;
  background: -moz-linear-gradient(
    top,
    #5dc800 0%,
    #56be00 50%,
    #6bd000 49%,
    #5dc800);
  background: -webkit-gradient(
    linear, left top, left bottom,
    from(#5dc800),
    color-stop(0.50, #56be00),
    color-stop(0.49, #6bd000),
    to(#5dc800));
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border: 0px solid #171717;
  -moz-box-shadow:
    0px 1px 0px rgba(050,136,000,1),
    inset 0px 0px 0px rgba(087,087,087,0);
  -webkit-box-shadow:
    0px 1px 0px rgba(050,136,000,1),
    inset 0px 0px 0px rgba(087,087,087,0);
  text-shadow:
    0px -1px 0px rgba(050,136,000,0.5);
}

#top .top-regist .gray-btn {
  display: inline-block;
  width: 180px;
  height: 36px;
  line-height: 36px;
  font-weight: bold;
  vertical-align: middle;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #222222;
  background-color: #E8E8E8;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-style: solid;
  border-width: 1px;
  border-color: #CCC #CCC #999;
  background: -moz-linear-gradient(center top , #FFF, #EEE);
  background: -webkit-gradient(linear, center top, center bottom, from(#FFF), to(#EEE));
}

#login-form .top-regist span {
  width: 100%;
  font-size: 18px;
  height: 34px;
  line-height: 34px;
}

#login-note {
  color: gray;
  font-size: 0.8em;
  line-height: 1.5em;
  margin: 5px 0;
}

#top-register-wrapper {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#top-register-container {
  margin: 10px;
}

#top-register-contents {
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 6px;
}

#top-register-contents .logo {
  height: 34px;
  background-color: #6fc3df;
  color: white;
  font-family: "HiraKakuProN-W6";
  font-weight: bold;
}
#top-register-contents .logo div {
  padding: 4px 4px 4px 8px;
  font-size: 16px;
}
#top-register-contents .logo div:first-child {
  float: right;
  text-align: right;
  padding: 0;
  margin-right: 8px;
  font-size: 20px;
}

#top-register-contents div.login {
  background-color: #eee;
  text-align: center;
}

#top-register-contents a {
  display: inline-block;
  margin-top: 20px;
}
#top-register-contents .button {
  padding: 0 10px;
  line-height: 35px;
  vertical-align: middle;
  display: inline-block;
}

#top-register {
  clear: both;
  padding: 10px;
  background-color: white;
}

#top-register h2 {
  margin-top: 0;
  text-align: center;
}

#top-register div {
  background-color: white;
}
#top-register div a {
  display: inline-block;
  margin: 0;
}
/* }}} */

#footer #footer-links.top a {
  color: gray;
}

#footer #misc.top a {
  color: #0099CC;
}

#be-friend {
  margin-bottom: 10px;
  border: 1px solid #A6D6E4;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
  padding: 2px;
}

#add-topic,
#add-friend {
  margin: 15px 10px 10px;
  border: 1px solid #A6D6E4;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-color: #fff;
  padding: 2px;
}

#add-topic a,
#add-friend a {
  display: block;
  float: left;
  width: 100%;
  line-height: 27px;
  vertical-align: middle;
}
#be-friend a,
#be-friend p {
  display: block;
  float: left;
  width: 100%;
  margin: 0;
  margin-bottom: 0;
  line-height: 27px;
  vertical-align: middle;
}

#add-topic a,
#add-friend a {
  line-height: 32px;
}
#be-friend a span,
#be-friend p span {
  display: inline-block;
  margin: 0 5px;
}
#add-topic a span,
#add-friend a span {
  display: inline-block;
  margin: 0 5px 0 9px;
}
#add-topic a span img,
#add-friend a span img {
  vertical-align: text-top;
}
#add-topic a span:nth-child(2),
#add-friend a span:nth-child(2) {
  float: right;
  margin-top: 11px;
  margin-right: 10px;
}

h2#friend-list {
  border-bottom: 1px solid #EEEEEE;
  margin-bottom: 0;
  padding: 5px 0 5px 15px;
}

/* {{{ findfriends */
#findfriends h2,
#findfriends-celeb h2 {
  border-bottom: 1px solid #EEEEEE;
  margin: 15px 0 0 0;
  padding-left: 15px;
  padding-bottom: 5px;
}
#findfriends-official h2 {
  border-bottom: 1px solid #EEEEEE;
  margin: 15px 0 0 0;
  padding-left: 15px;
  padding-bottom: 5px;
}

#findfriends div.cell img {
    display: block;
    float: left;
    height: 30px;
    margin: -7px 10px 0 0;
    width: 30px;
}

#findfriends .footnote {
  color: #333;
  padding: 0 10px 10px;
}
#findfriends .footnote li {
  list-style-type: disc;
  margin: 5px 0 5px 20px;
}

#findfriends .footnote a {
  display: inline;
  color: #09C;
  font-weight: normal;
}

#findfriends-list p {
  margin: 10px;
}

#findfriends-list p.invite {
  margin-top: 10px;
}

#findfriends-list .box {
  border-top: 1px solid #EEEEEE;
}

#findfriends-list .box:last-child .thread1:last-child {
  border: none;
}

body.like_list .become-friend,
#findfriends-list .become-friend,
div.followerList.profile_look_access_history .become-friend {
  float: right;
  font-size: 12px;
  border: 1px solid #a6d6e4;
  background-color: #ebf4f6;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  width: 100px;
  padding: 6px 10px;
  color: #000;
  text-align: center;
  display: inline;
}

#friend-guide-celeb .become-friend,
.celeb-listbox .become-friend.grayed,
.celeb-listbox .become-friend,
#findfriends-official .become-friend,
#findfriends-celeb .become-friend {
  float: right;
  margin: 10px 0 0 5px;
  font-size: 12px;
  border: 1px solid #a6d6e4;
  background-color: #ebf4f6;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  width: 100px;
  padding: 4px 0;
  color: #000;
  text-align: center;
  vertical-align: center;
}

#friend-guide-celeb .become-friend {
    float: none;
    margin: 0 auto;
    width: 90px;
}

body.like_list .become-friend.grayed,
#friend-guide-celeb .become-friend.grayed,
#findfriends-list .become-friend.grayed,
div.followerList.profile_look_access_history .become-friend.grayed,
.celeb-listbox .become-friend.grayed,
#findfriends-official .become-friend.grayed,
#findfriends-celeb .become-friend.grayed {
  border-color: #ccc;
  background-color: #fff;
}

#findfriends-list .become-friend.invite,
#findfriends-official .become-friend.invite,
#findfriends-celeb .become-friend.invite {
  margin-top: 3px;
  width: 75px;
}

body.like_list .become-friend span.sprite,
#findfriends-list span.sprite,
div.followerList.profile_look_access_history span.sprite,
.celeb-listbox span.sprite,
#findfriends-official span.sprite,
#findfriends-celeb span.sprite {
  display: inline-block;
  margin-right: 5px;
}

#findfriends-official .cell,
#findfriends-celeb .cell {
  height: 48px;
  padding: 10px;
}
#findfriends-official img,
#findfriends-celeb img {
  vertical-align: middle;
  margin-right: 10px;
}
#findfriends-campaign {
  margin: 20px 9px 9px;
  border: 1px solid #a6d6e4;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#findfriends-celeb div.box div.thread1 div.name {
    color: #222222;
    display: table-cell;
    font-size: 16px;
    font-weight: bold;
    height: 48px;
    vertical-align: middle;
    width: 92%;
}
#findfriends-official div.box div.thread1 div.name {
    color: #222222;
    display: table-cell;
    font-size: 16px;
    font-weight: bold;
    width: 92%;
}
#findfriends-campaign h2 {
  border-bottom: 1px dotted #a6d6e4;
  background-color: #ebf4f6;
  margin: 0;
  padding: 8px;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
#findfriends-campaign div {
  padding: 7px;
}
#findfriends-campaign div.emoji_sprite {
  padding: 0px;
}
#findfriends-campaign p {
  margin-top: 0;
}
#findfriends-campaign ul {
  margin-bottom: 10px;
}
#findfriends-campaign li {
  list-style-type:disc;
  margin:5px 0 5px 20px;
  color: #888;
}
#findfriends-campaign a {
  color: #09C;
}

#findfriends-email {
  margin-top: 20px;
  text-align: center;
}

#findfriends-email p {
  padding: 10px 10px 0 10px;
  text-align: left;
}

#findfriends-email div {
  padding: 10px 10px 0 10px;
}
#findfriends-email div.emoji_sprite{
  padding: 0px;
}
/* }}} */

/* {{{ friend-guide */
#friend-guide {
  border-bottom: 1px solid #eee;
}
#friend-guide.footer {
  border: none;;
  border-top: 1px solid #eee;
}
#friend-guide .cell {
  padding-bottom: 10px;
}
#friend-guide a {
  padding-bottom: 10px;
}
#friend-guide div:nth-child(2) {
  width: 40px;
  height: 6px;
  background-position: 0 -830px;
  background-color: #EEFDD2;
}
#friend-guide div:last-child {
  margin: 0 10px;
  color: #76BC00;
  background-color: #EEFDD2;
  height: 36px;
}

#friend-guide div:last-child span:first-child {
  position: absolute;
    display: block;
  right: 13px;
    height: 36px;
    width: 36px;
}
#friend-guide div:last-child span:last-child {
  position: absolute;
  margin: 10px 5px;
}
/* }}} */

/* {{{ misc_announce */

ul.announce-list li {
  list-style-type: none;
  border-bottom: 1px solid #eee;
}

ul.announce-list li:last-child {
  border: none;
}

ul.announce-list li a {
  padding: 10px;
  display: block;
}

ul.announce-list li a:before {
  content: "";
}

div.announce-content {
  padding: 10px 10px 5px 10px;
  line-height: 150%;
}
div.announce-backto-list {
  margin: 10px 10px 15px 10px;
  text-align: center;
}
div.announce-backto-list a:before {
  content: "";
}

/* }}} */

/* {{{ misc_maintenance */

div.maintenance-content {
  padding: 10px 10px 5px 10px;
  line-height: 150%;
}
div.maintenance-content h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 20px -10px 8px -10px;
    padding: 2px 10px;
    border-bottom:1px solid #ccc;
}

/* }}} */

/* {{{ misc_quit */
div.quit-description {
  padding: 10px 10px 5px 10px;
  line-height: 150%;
}
div.quit-description h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 15px -10px 8px -10px;
    padding: 2px 10px;
    border-bottom:1px solid #ccc;
}

div.quit-description ul {
    margin: 5px 0px 5px 0px;
}
div.quit-description ul li {
    padding-left: 5px;
    list-style-position: inside;
    list-style-type: disc;
}

div.quit-title {
    margin: 10px 10px 0px 10px;
}
div.quit-proceed {
    text-align: center;
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #eee;
    color: #888;
}

/* {{{ avatar */
div.avatar_listbox {
  min-height:75px;
  padding: 10px;
  border-top: 1px solid #eee;
  clear: both;
}
div.avatar_listbox .avatar_app {
  float: left;
  width: 100px;
  height: 75px;
  border: 1px solid #eee;
  margin-right: 10px;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-size: 100px 75px;
  -moz-background-size: 100px 75px;
  background-size: 100px 75px;
}
div.avatar_listbox div.avatar_appName {
  color: #888;
  font-weight: bold;
  font-size: 16px;
  word-break:break-all;
  width: 92%;
  margin: 20px 0;
}
div.rightarrow {
  background-image: url("/img/detail.gif");
  background-position: right center;
  background-repeat: no-repeat;
  margin: 0 10px 0 0;
}
div.css-rightarrow {
    content: "";
    display: block;
    right: 10px;
    width: 6px;
    height: 6px;
    margin: 21px 2px 0px 0px;
    border-top: 2px solid #ccc;
    border-right: 2px solid #ccc;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}
/* }}} */

div.quit-goldcoin {
  padding:0 10px;
}

div.quit-goldcoin table {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #CCC;
  width: 100%;
}

div.quit-goldcoin th {
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  background-color: #E8E8E8;
  padding:8px;
  font-weight:normal;
  width:50%;
}

div.quit-goldcoin td {
  border-bottom: 1px solid #CCC;
  padding:8px;
}

div.quit-goldcoin tr:last-child th, div.quit-goldcoin tr:last-child td {
  border-bottom: none;
}

div.quit-title-border {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
  padding: 4px 0 0 10px;
  height: 20px;
  background: -moz-linear-gradient(
    top, #94d6ec 0%, #7bc7e0
  );
  background: -webkit-gradient(
    linear,left top,left bottom,
    from(#94d6ec),
    to(#7bc7e0)
  );
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#94d6ec', endColorstr='#7bc7e0')";
  border-bottom: 1px solid #5AA9C4;
}

h2.quit-section-title {
  font-size: 14px;
  padding: 8px 10px;
  margin: 5px 0 5px 0;
  border-bottom:1px solid #ccc;
  color: #888888;
}

div.quit-text {
  padding: 10px;
  padding-top: 5px;
  color: #222222;
  font-size: 14px;
}

div.quit-text span{
  color: #0099CC;
}

div.quit-enter-password {
  padding: 10px;
}
div.quit-enter-password div.title {
  font-weight: bold;
  width: 55%;
  padding: 0 0 5px 0;
  margin: 0;
  text-align: left;
  font-size: 16px;
  float: left;
}

ul.quit-enter-password {
  margin-bottom: 10px;
}

ul.quit-enter-password {
  margin-bottom: 10px;
}

ul.quit-enter-password li {
  color: #888888;
  list-style-type: disc;
  margin: 5px 0 5px 20px;
}

ul.quit-footnote {
  color: #333333;
  padding: 0 10px 10px;
}

ul.quit-footnote li {
  list-style-type: disc;
  margin: 5px 0 5px 20px;
}

div.quit-reason {
   padding: 10px 0 15px;
}
div.quit-reason div.big-banner{
  height: 83px;
  text-align: center;
}

div.quit-reason div.big-banner a{
  display: inline-block;
  height: 83px;
  margin: 0 4px;
}

div.get-point a {
  display: block;
  font-weight:bold;
  color: #222;
  padding: 10px;
  border-bottom: 1px solid #EEEEEE;
}

div.coin-cell {
  background-position: right center;
  background-repeat: no-repeat;
  background-image: url('../img/detail.gif');
}

div.coin-cell span.list {
  color: #0099CC ;
}

div.coin-cell span.subTxt {
  font-size: 12px;
  color: #888;
  font-weight: normal;
}
/* }}} */

/* {{{ misc_footer */

div#misc-footer {
    margin: 10px 0;
}
div#misc-footer a {
    color: #888;
    padding: 0 6px;
}
/* }}} */

/* {{{ misc-app */
div#misc-app {
  height: 49px;
  background: -moz-linear-gradient(top, #94d6ec 0%, #7bc7e0);
  background: -webkit-gradient(linear, left top, left bottom, from(#94d6ec), to(#7bc7e0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#94d6ec', endColorstr='#7bc7e0')";
  border-bottom: 1px solid #5aa9c4;
}
div#misc-app span {
  display: block;
  margin: 0 auto;
  width: 320px;
  height: 49px;
  background-image: url(/img/cm_app_s.png);
}
div#misc-app .box {
  width: 310px;
  height: 49px;
  text-align: center;
  padding: 0px 5px;
  margin-left: auto;
  margin-right: auto;
}
div#misc-app .icon {
  float: left;
  margin: 5px 3px;
  width: 38px;
  height: 38px;
  background-repeat: no-repeat;
  background-size: 38px 38px;
  -webkit-background-size: 38px 38px;
  -moz-background-size: 38px 38px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #4F98BB;
}
div#misc-app .image {
  float: left;
  background-repeat: no-repeat;
  background-size: 120px 40px;
  -webkit-background-size: 120px 40px;
  -moz-background-size: 120px 40px;
  margin: 5px 3px;
  width: 120px;
  height: 40px;
  webkit-border-radius: 6px;
  moz-border-radius: 6px;
  border-radius: 6px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
  div#misc-app span {
    background-image: url(/img/cm_app_l.png);
    -webkit-background-size: 320px 49px;
  }
}
div.misc_app_list br {
  display: none;
}
div.misc_appcampaign ul li {
  list-style-type: disc;
  color: #888;
}
div.misc_appcampaign ul {
      margin-left: 25px;
}
/* }}} */

/* {{{ tutorial */
div#findfriends span.button {
  margin: 15px 0 20px 0;
  font-weight: normal;
}
form#config div#tutorial_profile .config-item {
  padding: 15px 10px;
}
form#config div#tutorial_profile h2 {
  margin: 10px 10px -5px 10px;
}
form#config div#tutorial_profile .profile_descr {
  display:none;
}
form#config .bluesolid {
  margin-top: 15px;
  margin-bottom: 0;
}
#findfriends div.bluesolid {
  margin: 15px 10px;
}

.tutorial-title {
  height: 25px;
  background: -moz-linear-gradient(
    top, #94d6ec 0%, #7bc7e0
  );
  background: -webkit-gradient(
    linear,left top,left bottom,
    from(#94d6ec),
    to(#7bc7e0)
  );
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#94d6ec', endColorstr='#7bc7e0')";
  border-bottom: 1px solid #5aa9c4;
}

.tutorial-title .tutorial-title-txt {
  padding: 4px 0 0 10px;
  color: #fff;
  font-size:15px;
  font-weight: bold;
}

.tutorial-title .tutorial-title-txt div {
  vertical-align: text-top;
  margin: 1px 3px 0 0;
}

.tutorial-game-button {
  border-top: solid 1px #CCC;
  border-left: solid 1px #CCC;
  border-right: solid 1px #CCC;
  border-bottom: solid 1px #999;
  color: #fff;
  padding: 8px 6px
}

.tutorial-game-button-orange {
  background-image: -webkit-gradient(
    linear,left top,left bottom,
    color-stop(0.0, #FFE9A3),
    color-stop(0.13, #FFE9A3),
    color-stop(0.17, #FFCA37),
    color-stop(1.0, #F60)
  );
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  border-color: #D94D00;
  border-width: 2px;
  display: inline-block;
}

.tutorial-game-button-text {
  font-size: 15px;
  font-weight: bold;
  padding : 3px 7px;
  text-shadow: 2px 2px 2px #333;
}
/* }}} */

/* {{{ tutorial-service */
.tutorial-service {
  margin:0 15px 20px;
}

.tutorial-service-top {
  -moz-border-radius-topleft:4px;
  -moz-border-radius-topright:4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color:#deeff4;
  border-top: 1px solid #a6d6e4;
  border-right: 1px solid #a6d6e4;
  border-bottom: 1px solid #a6d6e4;
  border-left: 1px solid #a6d6e4;
  padding:5px 20px 15px;
}

.tutorial-service h3 {
  font-size:16px;
  color:#222;
  font-weight:bold;
  margin-top:8px;
  margin-bottom:8px;
}

.tutorial-service img.banner {
  border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
  margin-bottom:4px;
}

.tutorial-service a.button {
  background-image: -moz-linear-gradient(top, #fd6b28, #fda747); /* FF3.6 */
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #fd6b28),color-stop(1, #fda747)); /* Saf4+, Chrome */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd6b28', endColorstr='#fda747')";
  background-color: #fd8736;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-top: 1px solid #fea85e;
  border-right: 1px solid #fea85e;
  border-left: 1px solid #fea85e;
  border-bottom: 1px solid #bf4701;
  text-align: center;
  font-weight:bold;
  font-size:16px;
  line-height:1;
  padding: 8px 0;
  display: block;
  height: 19px;
  color: #fff;
  text-shadow: 0 -1px 0 #af4513;
}
/* }}} */

/* {{{ config-connnection */
#config-connection h2 {
  margin-bottom: 0;
}
#config-connection .config-item {
  padding: 10px;
}
#config-connection .config-item > div:first-child {
  margin-top: 5px;
  float: left;
}
#config-connection div.toggle {
  float: right;
}
/* }}} */

.listbox {
  min-height:48px;
  padding: 10px;
  border-top: 1px solid #eee;
  clear: both;
}

.announce-listbox img[src*="ard.gif"]  {
  display:none;
}

a:first-child div.listbox {
    border-top: 0;
}

.listbox .app {
  float: left;
  width: 48px;
  height: 48px;
  border: 1px solid #eee;
  margin-right: 10px;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-size: auto 48px;
  -moz-background-size: auto 48px;
  background-size: 48px 48px;
}

.listbox .celeb {
  float: left;
  width: 48px;
  height: 48px;
  margin-right: 10px;
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: auto 48px;
  -webkit-background-size: auto 48px;
}

.listbox .txt {
  overflow: hidden;
}

.listbox div.appName {
  color: #000;
  font-weight: bold;
  font-size: 14px;
  word-break:break-all;
  width: 100%;
}
.listbox div.description {
  color: #888;
}


#sorry{
   background-color: #7CE;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 8px;
}
#sorry .img{
  float: left;
  width: 80px;
  height: 80px;
  margin: 5px 5px 5px 5px;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-size: 80px 80px;
  -moz-background-size: 80px 80px;
  background-size: 80px 80px;
}
#sorry p{
  padding: 10px 5px 0px 0px;
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  color: white;
}

.scbeacon {
  display: none;
}

/* notification balloon */
#notification-balloon-text {
  width: 280px;
  position: relative;
  height: 85px;
  -moz-border-radius: 6px;
  -moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 6px;
  -webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.5);
  border-radius: 6px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#0000007f,direction=135,strengh=3)";
  z-index: 100;
  border: 1px solid #666;
  background: #fff;
}
#notification-balloon-text-large {
  width: 280px;
  position: relative;
  height: 130px;
  -moz-border-radius: 6px;
  -moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 6px;
  -webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.5);
  z-index: 100;
  border: 1px solid #666;
  background: #fff;
}

#notification-balloon-appreview {
  width: 280px;
  position: relative;
  z-index: 100;
  height: 85px;
  color: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #f5f5f5);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.50, #ffffff), to(#f5f5f5));
  border-radius: 6px;
  border: 1px solid #cccccc;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-box-shadow: 0px 0px 5px rgba(238,238,238,0.5);
  -webkit-box-shadow: 0px 0px 5px rgba(238,238,238,0.5);
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee7f,direction=135,strengh=5)";
}

#notification-balloon .homescreen-icon {
  margin-left: 7px;
  margin-top: 9px;
  width: 57px;
  height: 57px;
  background-image: url(http://img-m.gree.jp/img/application/thumbnail/370_p11.jpg);

  -moz-border-radius: 6px;
  -moz-background-size: 57px 57px;
  -moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 6px;
  -webkit-background-size: 57px 57px;
  -webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.5);
  border-radius: 6px;
  background-size: 57px 57px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#0000007f,direction=135,strengh=3)";

  display: inline-block;
}

#notification-balloon .homescreen-icon-ivr {
  margin-left: 7px;
  margin-top: 9px;
  width: 57px;
  height: 57px;

  -moz-border-radius: 6px;
  -moz-background-size: 57px 57px;
  -moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 6px;
  -webkit-background-size: 57px 57px;
  -webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.5);
  border-radius: 6px;
  background-size: 57px 57px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#0000007f,direction=135,strengh=3)";

  display: inline-block;
}

#notification-balloon .homescreen-icon-dig {
  margin-left: 7px;
  margin-top: 3px;
  width: 58px;
  height: 58px;
  background-image: url(http://img-m.gree.jp/img/msns/welcome/dig_72_72.jpg);

  -moz-border-radius: 6px;
  -moz-background-size: 58px 58px;
  -moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 6px;
  -webkit-background-size: 58px 58px;
  -webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.5);
  border-radius: 6px;
  background-size: 58px 58px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#0000007f,direction=135,strengh=3)";

  display: inline-block;
}

#notification-balloon .dig {
  background-image: url(http://img-m.gree.jp/img/msns/welcome/dig_72_72.jpg);
}
#notification-balloon .land {
  background-image: url(http://img-m.gree.jp/img/msns/welcome/dig_72_72.jpg);
}
#notification-balloon .garden {
  background-image: url(http://img-m.gree.jp/img/application/thumbnail/97/97/p19.png);
}
#notification-balloon .pet {
  background-image: url(http://img-m.gree.jp/img/application/thumbnail/95/95/p19.png);
}
#notification-balloon .mon {
  background-image: url(http://img-m.gree.jp/img/msns/welcome/mon_200.png);
}
#notification-balloon .pirate {
  background-image: url(http://img-m.gree.jp/img/msns/welcome/pirate_200_1.png);
}

#notification-balloon .icon {
  width: 71px;
  height: 70px;
  float:left;
}
#notification-balloon .title {
  font-weight: bold;
  line-height: 120%;
}
#notification-balloon .title-large {
  font-weight: bold;
  font-size: 115%;
  line-height: 180%;
}
#notification-balloon .howto {
  margin: 4px;
}
#notification-balloon .howto div {
  font-weight: bold;
}
#notification-balloon .howto a.small {
  color: #222;
  font-size: 90%;
}
#notification-balloon .howto a.large {
  color: #222;
  font-size: 110%;
}
#notification-balloon-close {
  float: right;
  margin: 8px;
}
.action-btn {
	padding: 8px;
	color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
	background-image:-webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.0, #FFE9A3),
		color-stop(0.13, #FFE9A3),
		color-stop(0.17, #FFCA37),
		color-stop(1.0, #FF6600)
	);
	-webkit-border-radius: 14px !important;
	border-color: #D94D00 !important;
	border-width: 2px !important
}

.action-btn-orange {
	background-image:-webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.0, #FFE9A3),
		color-stop(0.13, #FFE9A3),
		color-stop(0.17, #FFCA37),
		color-stop(1.0, #FF6600)
	);
	border-color: #D94D00 !important;
}

.action-btn-green {
	background-image:-webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.0, #AAFFAA),
		color-stop(0.13, #AAE955),
		color-stop(0.17, #6CD000),
		color-stop(1.0, #4A9000)
	);
	border-color: #287728 !important;
}

.action-btn-blue {
	background-image:-webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.0, #AADDFF),
		color-stop(0.13, #88CCEE),
		color-stop(0.17, #66BBDD),
		color-stop(1.0, #55AACC)
	);
	border-color: #5599CC !important;
}

.flex_horizontal_box {
	display: -webkit-box !important;
	-webkit-box-orient: horizontal;
}
.flex_align_center{
	-webkit-box-pack: center;
}
.side_margined_large{
	margin: 0 10px !important
}
.vertical_margined{
	margin-top: 5px;
	margin-bottom: 5px !important
}
#notification-balloon {
  -webkit-transition-property : -webkit-transform, opacity;
  -webkit-transition-duration: 0.35s;
  position: absolute;
  left: 120px;
  background: transparent;
  display: none;
}

#container.show-content #notification-balloon.show {
  display: block;
}
#container:not(.show-content) #notification-balloon {
  display: none;
}

h2.inside {
  margin: 0;
  padding: 15px 10px 5px;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  position: relative;
}
h2.inside span.description {
  display: block;
  position: relative;
  top: 0px;
  margin-left: 3px;
  font-size: 90%;
  font-weight: normal;
}
.message-composer-container {
  border-bottom: 1px solid #eee;
}

.app_info_container {
  border: 0;
  height: 200px;
  width: 100%;
  display: block;
}

/* {{{ celeb get-appli */
div.get-appli {
  border: 1px solid #e578aa;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #ffe9f1;
  padding: 10px;
  text-align: center;
  color: #d56699;
  margin: 10px 10px 10px 10px;
  font-weight: bold;
  font-size: 14px;
}
div.get-appli .get-now {
  margin: 5px 30px 0 30px;
  font-weight: normal;
}
div.get-appli .get-now-login {
  margin-top: 15px;
  text-align: right;
}
/* }}} */



/* {{{ blog */
.blog-posted-message {
  margin-top: 10px;
  padding: 10px;
  text-align: center;
  background-color: #f5f6f7;
}
.blog-posted-message a {
  display: block;
  margin-top: 10px;
}
.blog-new-mark {
  color: #f33;
  font-size: 13px;
}
.previewBox h3 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
  color: #aaa;
}
#preview-title {
  font-size: 16px;
  font-weight: bold;
  margin: 7px 0 15px;
}
#preview-description {
  word-wrap: break-word;
  word-break: break-all;
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.4;
  margin: 0px 0 15px;
}
h2.blog-title {
  display: block;
  font-size: 15px;
/*color: #0099cc;*/
}
h3.blog-title {
  display: inline;
  font-size: 14px;
  margin: 0;
}
h3.blog-title:after {
/*content: " : ";*/
}
.blog-list-footer {
  font-size: 12px!important;
  color: #888;
}
.blog-list-footer a {
  font-size: 12px!important;
}
.blog-list-footer .sp {
  color: #ccc;
}
.blog-list-footer .sp:before {
  content: "|";
}
.album-edit-loading,
.photo-edit-loading,
.impress-edit-loading,
.blog-edit-loading {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 15px;
  margin: 0px;
  padding: 15px 0;
  color: #666;
}
.impress-edit-loading .loader,
.blog-edit-loading .loader {
  margin: 0 auto 10px;
  background-image: url('/img/loader_appli.gif');
  width: 14px;
  height: 14px;
  -webkit-background-size: 14px 14px;
  -moz-background-size: 14px 14px;
  background-position: 50% 50%;
  vertical-align: text-top;
}
.blog-footer {
  margin-top: 15px!important;
}
div.blog-nav-container {
  border-top: 1px solid #eee;
  padding: 10px 8px 10px;
}
ul.blog-nav {
  list-style: none;
}
ul.blog-nav li {
  display: inline-block;
  background: #fff;
  white-space: nowrap;
  word-break: keep-all;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
ul.blog-nav li a {
  padding: 8px 0px;
  display: block;
}
ul.blog-nav li.prev {
  width: 36%;
  display: inline-block;
  text-align: left;
  float:left;
}
ul.blog-nav li.next {
  width: 33%;
  display: inline-block;
  text-align: right;
  float:right;
}
ul.blog-nav li.next.nomore,
ul.blog-nav li.prev.nomore {
  background: #fff;
}
ul.blog-nav li.next.nomore a,
ul.blog-nav li.prev.nomore a {
  color: #fff;
  padding-left:5px;
}
ul.blog-nav li.tolist {
  display: inline-block;
  width: 30%;
  background: #fff;
  text-align: center;

  border-radius: 5px;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;

  background-color: #f5f5f5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #eee;
  font-size: 12px;
}
ul.blog-nav li a {
  font-size: 12px;
  color: #666;
}
.blog-to-list {
  text-align: center;
  padding: 8px;
  margin-bottom: 8px;
}
.sprite.blog-nav-right-arrow {
  width: 8px;
  height: 9px;
  background-position: -75px -670px;

  margin: 11px 0 0 0;
  display: inline-block;
  float: left;
}
.sprite.blog-nav-left-arrow {
  width: 8px;
  height: 9px;
  background-position: -75px -690px;

  margin: 11px 0 0 0;
  display: inline-block;
  float: right;
}
/* }}} */


.profile-images .config-item {
  padding-bottom: 0px;
  border-bottom: 0;
}

.profile-images .config-item .title {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}

.profile-images .more a {
  padding: 10px 25px 10px 8px;
  color: #666;
  background-image: url(../img/top/arrow.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 18px 13px;
  -webkit-background-size: 18px 13px;
  display: block;
  text-align: right;
  font-size: 14px;
  border-bottom: 1px solid #EEEEEE;
  border-top: 1px solid #EEEEEE;
}

.profile-images .avatar-images img {
  display: block;
}

.blue-round {
  border: 1px solid #abd6e4;
/*border: 1px solid #e578aa;*/
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
/*background-color: #ffe9f1;*/
  padding: 7px;
  text-align: center;
/*color: #d56699;*/
/*  margin: 10px 10px 10px 10px;*/
  font-size: 14px;
}

.blue-round a {
  display: block;
}


/* �ｅ�鐃緒申鐃緒申鐃緒申鐃緒申鐃�/
#impress_form .edit-box {
  padding: 10px 16px 10px 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
textarea#link-descr {
  width: 100%;
  height: 120px;
  font-size: 16px;
  padding: 3px;
}
#impress_form .user-info {
  margin-bottom: 10px;
}
#impress_form .user-image {
  float: left;
  width: 55px;
}

#impress_form .user-image img {
    max-width: 48px;
    max-height: 48px;
}

#impress_form .user-name {
  padding: 5px;
}
#impress_form h4 {
  font-weight: bold;
  color: #888;
  margin: 0 0 3px 0;
}
#impress_form h4:after {
  content: ':';
}
#impress_form .small {
  font-size: 13px;
  color: #888;
  text-align: right;
}
#impress_form .loader {
  display: inline;
}
#impress_form .button-container {
  margin: 10px 0 0;
}

/*
#mood_text_form #submit_mood {
  display: inline-block;
  height: 28px;
  background-color: #77ccee;
  background: -moz-linear-gradient(
  top,
  #77ccee 0%,
  #66bbdd);
  background: -webkit-gradient(
  linear, left top, left bottom,
  from(#77ccee),
  to(#66bbdd));
  border-bottom: 1px solid #0099cc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #333;
  text-align: center;
  color: #fff;
  font-weight: bold;
}

#amood_text_form #submit_mood {
  display: inline-block;
  height: 28px;
  background-color: #eee;
  background: -moz-linear-gradient(
  top,
  #fff 0%,
  #eee);
  background: -webkit-gradient(
  linear, left top, left bottom,
  from(#fff),
  to(#eee));
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  border-left: 1px solid #333;
  border-bottom: 1px solid #333;
  text-align: center;
}

*/

#mood_text_form #mood_length_container {
  color: #666;
  margin-right: 5px;
}

.sprite.online {
  display: inline-block;
  width: 32px;
  height: 11px;
  background-position: -60px -110px;
}

/* friend-search */
#friend-search-container {
  padding: 0px 0px 0px 0px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: relative;
}
#friend-search-container #name_query {
  padding: 0 0 6px 0;
  font-size: 16px;
  padding: 5px 5px 5px 28px;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  background: url(/img/search_find.png) 6px no-repeat;
  border-radius: 6px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
  #friend-search-container #name_query {
    background: url(/img/search_find@2x.png) 6px no-repeat;
    -webkit-background-size: 18px;
  }
}
#friend-search-container #name_query[disabled] {
  background: url(/img/search_find_loading.gif) 6px no-repeat;
}
#friend-search-loader {
  margin: 35px;
  text-align: center;
  display: block;
}
#friend-search-loader img {
  width: 60px;
  height: 43px;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
#friend-search-loader span {
  margin-top: 7px;
  display: block;
  color: #a6d6e4;
  color: #77c7e7;
  font-weight: bold;
  font-size: 16px;
  font-family: Thonburi;
}
#friend-search-container {
}
#friend-search-container .search-box {
  padding: 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-bottom: 1px solid #eee;
}
#friend-search-container #name_list_length {
  display: none;
  position: absolute;
  right: 18px;
  top: 18px;
  font-weight: bold;
  font-size: 12px;
  color: #888;
  background: #EBF4F6;
  border-radius: 6px;
  padding:2px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#friend-search-container #search-reset-button {
  display: none;
  position: absolute;
  right: 18px;
  top: 18px;
  font-weight: bold;
  font-size: 12px;
  color: #888;
  background: #EBF4F6;
  border-radius: 6px;
  padding:2px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  z-index: 1000;
}
#friend-search-container #search-reset-button a {
  z-index: 1000;
  display: block;
}
#friend-search-container #name_search_result {
}
#friend-search-container #noResult {
  padding: 10px;
}
.friend-search-message {
  padding: 10px 10px 0;
}
.no-mail-message {
  margin: 10px;
}
#mail-topcontent {
  padding: 1px;
}
#send-mail {
  margin: 10px 10px 5px;
  border: 1px solid #A6D6E4;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-color: #fff;
  padding: 2px;
}
#send-mail a {
  display: block;
  float: left;
  width: 100%;
  line-height: 27px;
  vertical-align: middle;
  line-height: 32px;
  font-weight: bold;
}
#send-mail a span {
  display: inline-block;
  margin: 0 5px 0 9px;
}
#send-mail span img {
  vertical-align: text-top;
}
#send-mail a span:nth-child(2) {
  float: right;
  margin-top: 11px;
  margin-right: 10px;
}
.clear-trashbox-container {
  border-bottom: 1px solid #eee;
}
.clear-trashbox {
  text-align: center;
  border: 1px solid #A6D6E4;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-color: #fff;
  margin: 10px;
}
.clear-trashbox span {
  display: block;
  color: #0099CC;
  padding: 6px;
  cursor: pointer;
}
.mail-recover {
  color: #09c;
  cursor: pointer;
}
.mail-type {
  font-size: 13px;
}

div.mailbox {
  padding: 5px 10px;
}

div.mailbox div.face img {
  width: 48px;
  height: 48px;
  margin-top: 0px;
  padding-top: 0px;
}
div.mailbox div.face {
  padding-top: 0px;
  margin-top: 0px;
  margin-right: 10px;
  float: left;
}
div.mailbox div.txt {
  padding-top: 0px;
  margin-top: 0px;
  text-align: left;
  margin-left: 56px;
  color: #222;
}
div.mailbox div.box {
  padding-top: 0px;
  margin-top: 0px;
  text-align: left;
  margin-left: 56px;
}
div.mailbox div.userName {
  font-weight: bold;
  font-size: 16px;
  color:#222;
  width: 88%;
  word-break: keep-all;
}
.trash-footer {
  font-size: 13px;
  /*
  border-top: 1px solid #f3f3f3;
  background: #fff;
  margin-top:3px;
  padding:3px;
  */
}
.trash-footer .mail-type {
  float:left;
  width: 50%;
  font-size: 13px;
  color: #999;
}
.trash-footer .mail-type span {
  display: inline;
}
.trash-footer .recover-link {
  float: right;
  text-align: right;
  width: 100px;
  color: #09c;
  cursor: pointer;
}
.trash-footer .recover-link span {
  display: inline;
}

.arrow-up {
  width: 36px;
  height: 20px;
  display: inline-block;
  background-image: url(/img/arrow_up.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 12px 12px;
  -webkit-background-size: 12px 12px;
  border: 1px solid #eee;
  border-radius: 4px;
}

.arrow-down {
  width: 36px;
  height: 20px;
  display: inline-block;
  background-image: url(/img/arrow_down.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 12px 12px;
  -webkit-background-size: 12px 12px;
  border: 1px solid #eee;
  border-radius: 4px;
}

.arrow-up.nomore {
  background-image: url(/img/arrow_up_nomore.png);
  background-repeat: no-repeat;
  background-position: center center;
}

.arrow-down.nomore {
  background-image: url(/img/arrow_down_nomore.png);
  background-repeat: no-repeat;
  background-position: center center;
}

.arrow-container .arrows a {
  display: inline-block;
}

.arrow-container {
  padding:10px 10px 5px;
}
.arrow-container .arrows {
  float: right;
  width: 40%;
  text-align: right;
}
.arrow-container .arrows a:first-child {
  margin-right: 5px;
}
.arrow-container .to-list {
  float:left;
  width:40%;
  padding-top:3px;
}
.arrow-container .to-list a {
  color: #777;
}
.sprite.mail-left-arrow {
  width: 8px;
  height: 9px;
  background-position: -75px -670px;

  margin: 3px 0 0 0;
  display: inline-block;
  float: left;
}

.mail-nav-container.top {
  border-bottom: 1px solid #eee;
}

.mail-nav-container.bottom {
  border-top:1px solid #eee;
}


#friend-search-container #check-more-container.active {
  border-top: 1px solid #eee;
  display: block;
}
#friend-search-container #check-more-container {
  display: none;
}
/* like_list, findfriends */
#findfriends-list div.side-link,
body.like_list div.followerList div.side-link,
div.followerList.profile_look_access_history div.side-link {
  font-size: 90%;
  text-align: right;
  float: right;
  margin-left: 10px;
  margin-top: 0.5em;
}

#profile-add-friend div.inner-box textarea,
#findfriends-list div.inner-box textarea,
body.like_list div.box div.inner-box textarea,
div.followerList.profile_look_access_history div.inner-box textarea {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #222;
  height: 4em;
  padding: 5px;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin-bottom: 0.7em;
}

#findfriends-list div.inner-box,
body.like_list div.box div.inner-box,
div.followerList.profile_look_access_history div.box div.inner-box {
  display: none;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}

#findfriends-list div.inner-box .become-friend,
body.like_list div.box .become-friend,
div.followerList.profile_look_access_history div.box .become-friend {
  float: none;
}

#findfriends-list div.inner-box .cancel,
body.like_list div.box .cancel,
div.followerList.profile_look_access_history div.box .cancel {
  font-size: 90%;
  padding: 0 6px;
}

/* profile_add_friend */
#profile-add-friend span.user-name {
  font-weight: bold;
  font-size: 16px;
  word-break:break-all;
  width: 92%;
}

div#profile-add-friend {
  padding: 10px;
}

#profile-add-friend div.face {
  padding-right: 10px;
  float: left;
}

#profile-add-friend div.box {
  margin-left: 56px;
  text-align: left;
}

#profile-add-friend div.box p {
}

#profile-add-friend div.inner-box div {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

#profile-add-friend span.button {
  width: 100px;
  text-align: center;
  padding: 6px 20px;
}

#profile-add-friend span.cancel {
  padding: 0 6px;
  color: #0099cc;
  cursor: pointer;
}


.home-dialog {
	width: 300px;
	position: relative;
	-moz-border-radius: 6px;
	-moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 6px;
	-webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.5);
	border-radius: 6px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#0000007f,direction=135,strengh=3)";
	z-index: 100;
	border: 1px solid #666;
	background: #fff;
}

#container.show-content #version-up-recommendation.show {
	display: block;
}
#container:not(.show-content) #version-up-recommendation {
	display: none;
}

#version-up-recommendation {
	z-index: 1100;
	position: absolute;
	background: transparent;
	display: none;
}

#version-up-recommendation #recommendation-container {
	padding:	10px 15px;
}

#version-up-recommendation #recommendation-container #recommendation-message {
	margin-bottom: 15px;
}

#version-up-recommendation .icon {
	width: 58px;
	height: 58px;
	float:left;
}

#version-up-recommendation .new-app-icon {
	width: 57px;
	height: 57px;
	background-image: url(/img/new_app.png);

	background-size: 57px 57px;
	-moz-background-size: 57px 57px;
	-webkit-background-size: 57px 57px;

	display: inline-block;
}

#version-up-recommendation #recommendation-text {
	font-weight: bold;
}

#version-up-recommendation #update-button-box {
	margin-bottom: 10px;
}

#version-up-recommendation #update-button {
	background-image: -moz-linear-gradient(top, #66bbdd, #77ccee);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #66bbdd),color-stop(1, #77ccee));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#66bbdd', endColorstr='#77ccee')";
	background-color: #77ccee;
	color: #ffffff;
	font-size: 14px;
	border-bottom: 1px solid #0099cc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 8px 0;
	display: block;
	text-align: center;
	height: 28px;
	line-height: 28px;
}

#version-up-recommendation #close-buttons .gray-button {
	background-image: -moz-linear-gradient(top, #EEE, white);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #EEE),color-stop(1, white));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff')";
	background-color: #E8E8E8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #CCC;
	padding: 8px 0;
	display: block;
	text-align: center;
	height: 28px
	line-height: 28px;
	-moz-box-shadow: 0px 1px 0px #fff;
	-webkit-box-shadow: 0px 1px 0px #fff;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=135,strengh=1)";
	width:	48.0%;
}

#version-up-recommendation #close-buttons #close {
	float:	left;
}

#version-up-recommendation #close-buttons #later {
	float:	right;
}

#friends-topcontent {
  padding: 1px;
}

.more-topics {
  text-align: right;
  padding: 0 8px;
}

/* community_view */
.community_view h2 {
  font-size: 15px;
  font-weight: bold;
  padding: 20px 10px 5px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
  margin: 0;
}
.community_view h2:first-child {
  padding-top: 6px;
}
.community_view .resign-button {
  margin: 10px 10px;
  text-align: right;
}
.community_view .suggestion {
  margin: 10px 10px 0px;
}

.community_view .bluesolid {
  padding: 7px 7px 4px;
}

.album_descr {
  margin:10px 10px 0px;
  color: #666;
  font-size: 13px;
}

.photo-preview #preview-description {
  word-wrap: break-word;
  word-break: break-all;
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.4;
  margin: 0px 0 15px;
}

select#album_openlevel {
  margin-top: 5px;
  font-size: 15px;
  padding: 3px;
}


.photo-uploader {
        height: 42px;
}
.photo-uploader a {
        display: inline-block;
        margin-right:6px;
}
.photo-uploader img {
        vertical-align: bottom
}
.photo-uploader img.portrait {
        max-width: 40px;
}
.photo-uploader img.landscape {
        max-height: 40px;
}
.photo-uploader.photos {
        float: left;
        width: 210px;
        height: 40px;
}

.photo-uploader.photos {
}

.photo-uploader .photo .void {
        margin-top: 14px;
        width: 16px;
        height: 16px;
}
.photo-uploader .photo {
        -webkit-border-radius:4px;
        border-radius:4px;
        float: left;
        border:1px solid #E5E5E5;
        background: #f5f5f5;
        width: 40px;
        height: 40px;
        vertical-align: middle;
        text-align: center;
        overflow: hidden;
}
.photo-uploader.large.photos {
  width:100%;
  margin-bottom: 5px;
  float: none;
}

.birthday-friend-box {
  padding: 7px 10px 0px;
  margin: 8px 9px 0px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid #ABD6E4;
  border-color: rgba(255,175,75,0.6);
  background: -moz-linear-gradient(top, rgba(255,146,10,0.22) 0%, rgba(255,175,75,0.18) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,146,10,0.22)), color-stop(100%,rgba(255,175,75,0.18))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255,146,10,0.22) 0%,rgba(255,175,75,0.18) 100%); /* Chrome10+,Safari5.1+ */
  background: linear-gradient(top, rgba(255,146,10,0.22) 0%,rgba(255,175,75,0.18) 100%); /* W3C */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff920a38', endColorstr='#ffafdb2e')";
}
.birthday-friend-box h4 {
  font-size: 14px;
  padding: 0px;
  margin: 0 0 4px 0;
}
.birthday-friend-wrapper {
  border-bottom: 1px solid #eee;
  padding-bottom: 8px;
}
.birthday-friend-box div.side-link {
  text-align: right;
  float: right;
  margin-left: 10px;
  margin-top: 15px;
  font-size:14px;
}
.birthday-friend .UserName {
  margin-bottom: 3px;
  width:190px;
  color: #333;
  font-weight: bold;
  font-size: 13px;
}
.birthday-friend .thread1 {
  padding: 10px;
  border-top: 1px solid #eee;
  border-bottom: none;
  clear: both;
}

.suggest-friend-box {
  padding: 7px 7px 5px;
  margin: 8px 9px 0px;
  border: 1px solid #abd6e4;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-radius: 4px;
  background: #EBF4F6;
}
/*
.suggest-friend-box {
  padding: 7px 10px 5px;
  margin: 0px;
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
  background: #EBF4F6;
}
*/
.suggest-friend-box h4 {
  font-size: 14px;
  padding: 0px;
  margin: 0 0 4px 0;
}
.suggest-friend-wrapper {
  border-bottom: 1px solid #eee;
  padding-bottom: 8px;
}

body.stream_home .suggest-friend-box div.delete_button:not(.item-comment-actions) a{
  display: block;
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ccc;
  width: 14px;
  text-align: center;
  padding-left:1px;
  line-height:14px;
  color #888;
  font-size: 11px;
  font-weight: bold;
}

/* 2011/06/16 by p */
.round-box {
  margin: 8px 8px 9px;
  padding: 0 10px;
  border:1px solid rgba(166,214,228,0.7);
background: rgb(210,239,244); /* Old browsers */
background: -moz-linear-gradient(top, rgba(210,239,244,1) 0%, rgba(242,246,247,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(210,239,244,1)), color-stop(100%,rgba(242,246,247,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(210,239,244,1) 0%,rgba(242,246,247,1) 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(top, rgba(210,239,244,1) 0%,rgba(242,246,247,1) 100%); /* W3C */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2eff4', endColorstr='#f2f6f7')";
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 3px rgba(140,140,140,0.35),inset 1px 1px 1px rgba(255,255,255,0.3);
  -moz-box-shadow: 0 1px 3px rgba(140,140,140,0.35),inset 1px 1px 1px rgba(255,255,255,0.3);
  text-shadow: 1px 1px 1px rgba(255,255,255,0.4);
  position: relative;
}
.solid-box {
margin:8px 0 9px;
margin: 8px 0 0;
border-right:none;
border-left:none;
border-bottom:none;
  -webkit-box-shadow: 0 1px 3px rgba(140,140,140,0),inset 1px 1px 1px rgba(255,255,255,0.3);
  -moz-box-shadow: 0 1px 3px rgba(140,140,140,0),inset 1px 1px 1px rgba(255,255,255,0.3);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding-bottom: 9px;
padding-bottom: 12px;
border-color:rgba(100,100,100,0.2);
background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(244,244,244,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(top, rgba(242,242,242,1) 0%,rgba(244,244,244,1) 100%); /* W3C */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#f4f4f4')";
}
.solid-box section {
background: #fff;
}
.round-box.gray {
  -webkit-box-shadow: 0 1px 3px rgba(140,140,140,0),inset 1px 1px 1px rgba(255,255,255,0.3);
  -moz-box-shadow: 0 1px 3px rgba(140,140,140,0),inset 1px 1px 1px rgba(255,255,255,0.3);
border-color:rgba(100,100,100,0.2);
background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(244,244,244,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(top, rgba(242,242,242,1) 0%,rgba(244,244,244,1) 100%); /* W3C */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#f4f4f4')";
}
.round-box.orange {
border-color: rgba(255,175,75,0.6);
background: -moz-linear-gradient(top, rgba(255,146,10,0.22) 0%, rgba(255,175,75,0.18) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,146,10,0.22)), color-stop(100%,rgba(255,175,75,0.18))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,146,10,0.22) 0%,rgba(255,175,75,0.18) 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(top, rgba(255,146,10,0.22) 0%,rgba(255,175,75,0.18) 100%); /* W3C */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff920a38', endColorstr='#ffafdb2e')";
}
.round-box.pink {
border-color: rgba(255,199,217,0.9);
background: rgb(252,227,236); /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,227,236,1) 0%, rgba(255,249,250,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,227,236,1)), color-stop(100%,rgba(255,249,250,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(252,227,236,1) 0%,rgba(255,249,250,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(252,227,236,1) 0%,rgba(255,249,250,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(252,227,236,1) 0%,rgba(255,249,250,1) 100%); /* IE10+ */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fce3ec', endColorstr='#fff9fa')"; /* IE6-9 */
background: linear-gradient(top, rgba(252,227,236,1) 0%,rgba(255,249,250,1) 100%); /* W3C */
}
.round-box.green {
border-color: rgba(182,242,133,0.9);
background: -moz-linear-gradient(top, rgba(224,252,201,1) 0%, rgba(250,255,247,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,252,201,1)), color-stop(100%,rgba(250,255,247,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(224,252,201,1) 0%,rgba(250,255,247,1) 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(top, rgba(224,252,201,1) 0%,rgba(250,255,247,1) 100%); /* W3C */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0fcc9', endColorstr='#fafff7')";
}
.round-box a {
    display: block;
}
.round-box .delete_button {
  position: absolute;
  z-index:5;
  overflow: hidden;
  top:6px;
  right:6px;
  line-height: 1!important;
  background-position: 0 0!important;
  width: auto;
  border: 1px solid #ddd!important;
  border-radius: 4px;
}

.round-box .delete_button a {
  padding:0 4px 3px 4px!important;
  width: auto!important;
}

button.normal-button {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  color: #ffffff;
  border-color: rgba(0,153,204,0.1) rgba(0,153,204,0.4) rgba(0,153,204,0.4) rgba(0,153,204,0.1);
  padding: 6px 30px 7px;
  text-align:center;
  font-weight: bold;
  width: 100%;
  font-size: 14px;
  -webkit-box-shadow: 0 1px 3px rgba(255,255,255,0.15),inset 1px 1px 0 rgba(255,255,255,0.15);
  -moz-box-shadow: 0 1px 3px rgba(255,255,255,0.45);
  text-shadow: 0 -1px 0 rgba(0,153,204,0.4)
}
button.normal-button.blue {
  border-color: rgba(0,153,204,0.15) rgba(0,153,204,0.6) rgba(0,153,204,0.65) rgba(0,153,204,0.1);
  text-shadow: 0 -1px 0 rgba(0,153,204,0.4)
}
button.normal-button.orange {
  background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffaf4b), color-stop(100%,#ff920a)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* Chrome10+,Safari5.1+ */
  background: linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* W3C */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffaf4b', endColorstr='#ff920a')";
  border-color: rgba(251,174,46,0.65);
  font-size: 14px;
  text-shadow: 0 -1px 0 rgba(255,114,0,0.7);
}
p.caption {
  margin: 0 0 2px;
  padding: 0;
  line-height: 1.45;
}
.tile-list {
  padding-top:4px;
  padding-bottom: 3px;
}
.tile-list li {
  margin-right: 6px;
  float: left;
  width: 34px;
  height: 34px;
  -webkit-background-size: 34px 34px;
  -moz-background-size: 34px 34px;
  background-size: 34px 34px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.tile-list li:first-child {
  margin-left: 2px;
}
.float-list {
  text-align: center;
}
.float-list li {
  padding: 5px 0 3px;
  display: table-cell;
  text-align: center;
}
.float-list li img {
  width: 48px;
  height: 48px;
}
.action-button {
  margin: 0 4px;
	background-image: -moz-linear-gradient(top, #EEE, white);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #EEE),color-stop(1, white));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff')";
	background-color: #E8E8E8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #CCC;
	padding: 6px 2px;
	display: block;
	text-align: center;
	height: 24px
	line-height: 24px;
	-moz-box-shadow: 0px 1px 0px #fff;
	-webkit-box-shadow: 0px 1px 0px #fff;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=135,strengh=1)";
	font-size: 12px;
}

/* @group Tap Colors */
a {
  -webkit-tap-highlight-color:rgba(65,152,195,0.6);
}

.tap-nocolor a, a.tap-nocolor {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}

.tap-red a, a.tap-red {
  -webkit-tap-highlight-color: rgba(255,50,50,0.5);
}

.tap-orange a, a.tap-orange {
  -webkit-tap-highlight-color: rgba(237,145,94,0.5);
}

.tap-pink a, a.tap-pink {
  -webkit-tap-highlight-color: rgba(237,133,178,0.5);
}

.tap-green a, a.tap-green {
  -webkit-tap-highlight-color: rgba(138,206,84,0.5);
}

.tap-yellow a, a.tap-yellow {
  -webkit-tap-highlight-color: rgba(238,204,0,0.5);
}

.tap-blue a, a.tap-blue {
  -webkit-tap-highlight-color: rgba(120, 192, 216, 0.5);
}

.tap-emerald a, a.tap-emerald {
  -webkit-tap-highlight-color: rgba(102,204,153,0.5);
}

.tap-gray a, a.tap-gray {
  -webkit-tap-highlight-color: rgba(200,200,200,0.5);
}

/* @end Tap Colors */

/* @group H2 Styles */
h2.style2 {
  margin: 0 0 6px;
  padding: 8px 0 0 38px;
  position: relative;
  height: 31px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-size: 15px;
/*
  text-shadow: 0px -1px 1px #3f9dbb;
  background:
    -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6CC5E1), color-stop(50%,#63BBD5), color-stop(78%,#5EB5CF), color-stop(97%,#5EB5CF), color-stop(100%,#4298B7))
  ;
*/
}

h2.style2:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
/*
  background: -moz-linear-gradient(
 top,
 #ffffff 0%,
 #f7f8f9);
  background: -webkit-gradient(
 linear, left top, left bottom,
 from(#ffffff),
 to(#f7f8f9));
*/
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 10%, rgba(240,242,239,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(255,255,255,1)), color-stop(100%,rgba(240,242,239,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(240,242,239,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(240,242,239,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(240,242,239,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f2ef',GradientType=0 ); /* IE6-9 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f2ef')";
background: linear-gradient(top, rgba(255,255,255,1) 10%,rgba(240,242,239,1) 100%); /* W3C */
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 2;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-box-shadow: 0 1px 2px rgba(100,100,100,0.2),inset 0 0 1px rgba(255,255,255,0.2);
  -moz-box-shadow: 0 1px 2px rgba(100,100,100,0.2),inset 0 0 1px rgba(255,255,255,0.2);
  border-top: 1px solid #fff;
}

.green h2.style2:before {
}

h2.style2:after {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  background-image: url(../img/icons_s.png?20130612);
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 3;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
  h2.style2:after {
    background-image: url(../img/icons.png?20130612);
	background-repeat: no-repeat;
    background-size: 200px 1200px;
    -webkit-background-size: 200px 1200px;
  }
}

h2.osusume:after {
  background-position: -132px -136px;
}

h2.avatar:after {
  background-position: -132px -100px;
}

h2.home:after {
  background-position: -132px -226px;
}

h2.celeb:after {
  background-position: -132px -154px;
}

h2.news:after {
  background-position: -132px -190px;
}

h2.style3 {
  margin:0;
  height: 27px;
  position: relative;
}
.style3 .text-wrapper {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 6px 0 0 10px;
	margin: 0;
}

.text-wrapper .txt {
	/*padding-left: 20px;*/
	font-size: 14px;
}

.txt .txt {
	padding-left: 15px;
}

.style3.blue {
	background: -moz-linear-gradient(top,#94D6EC 0%,#7BC7E0);
	background: -webkit-gradient(linear, left top, left bottom, from(#94D6EC),to(#7BC7E0));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#94D6EC', endColorstr='#7BC7E0')";
	border-bottom:#5AA9C4 1px solid;
	text-shadow: 0px -1px 0px #5AA9C4;
}

.style3.green {
  background: -moz-linear-gradient(
  top,
  #99ee55 0%,
  #88dd44);
  background: -webkit-gradient(
  linear, left top, left bottom,
  from(#99ee55),
  to(#88dd44));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#99ee55', endColorstr='#88dd44')";
  border-bottom:#77cc33 1px solid;
  text-shadow: 0px -1px 0px #77cc33;
}
.style3.orange {
  background: -moz-linear-gradient(
  top,
  #ffaa55 0%,
  #ff9944);
  background: -webkit-gradient(
  linear, left top, left bottom,
  from(#ffaa55),
  to(#ff9944));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffaa55', endColorstr='#ff9944')";
  margin-bottom:-1px;
  margin-left:-1px;
  margin-right:-1px;
  margin-top:-1px;
  border-bottom:#ee6666 1px solid;
  border-bottom:#ee8833 1px solid;
  text-shadow: 0px -1px 0px #ee8833
}
.style3.pink {
  background: -moz-linear-gradient(
  top,
  #ff99cc 0%,
  #ff88bb);
  background: -webkit-gradient(
  linear, left top, left bottom,
  from(#ff99cc),
  to(#ff88bb));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff99cc', endColorstr='#ff88bb')";
  border-bottom:#ee77aa 1px solid;
  text-shadow: 0px -1px 0px #ee77aa;
}
.style4 {
  margin: 0;
  padding:8px 10px 4px;
  border-bottom: 2px solid #ddd;
}
.style4.blue {
  border-color: rgb(166,214,228);
}
.style4.pink {
  border-color: rgb(255,203,220);
}
.style4.orange {
  border-color: rgb(255,186,101);
}
.style4.green {
  border-color: rgb(188,243,144);
}
/* @end H2 Styles */
p.more2 {
  margin: 0 0 3px;
  padding: 0;
  background: #fff;
  border-top: 1px solid #eee;
}
p.more2.noborder {
  border-top: none;
}

p.more2 a {
  padding: 8px 25px 7px 8px;
  color: #666;
  background-image: url(../img/top/arrow.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 18px 13px;
  -webkit-background-size: 18px 13px;
  display: block;
  text-align: right;
  font-size: 14px;
}
.celeb-listbox .appName,
.app-listbox .appName {
  margin-bottom:4px;
}
.celeb-listbox .description {
  font-size: 12px;
}
.sprite.blog {
    background-position: -148px -620px;
}
.sprite.route {
    float: left;
    margin-right: 2px;
    margin-top: 2px;
}
.celeb-listbox .description .sprite.route {
  margin-top: 1px;
}
h2.inside span {
  position: absolute;
  width: auto;
  top: 7px;
  right: 3px;
  padding: 0;
  display: block;
}

h2.inside span a {
  padding: 5px 9px 5px 10px;
  display: block;
  color: #333;
}
.solid-box > p.caption {
  padding-top: 10px!important;
}
section.round {
  margin: 0 0 10px;
  -webkit-box-shadow: 0 1px 3px rgba(100,100,100,0.5);
  -moz-box-shadow: 0 1px 3px rgba(100,100,100,0.5);
  box-shadow: 0 1px 3px rgba(100,100,100,0.5);
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#646464,direction=135,strengh=3)";
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
section.birthday-round{
  margin: 0 0 10px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#646464,direction=135,strengh=3)";
  border-right: 4px 4px 0 0;
  border-left: 4px 4px 0 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border:1px solid #ccc;
}
section.round .style3 {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
section.birthday-round .style3 {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

section.round p.more2 {
  border-radius: 0 0 4px 4px;
}
.solid-box.white {
border:none;
background:#fff!important;
}
.solid-box.birthday {
border:none;
background:#fff!important;
padding-bottom:0px;
}
.sprite.special {
  margin-right: 4px;
  margin-top: 3px!important;
  width:35px;
  height:11px;
  background-position: -60px -122px;
}
.orange-icon {background-position: -132px -100px;}
.blue-icon {background-position: -132px -100px;}
.green-icon {background-position: -132px -226px;}
.orange-icon {background-position: -132px -100px;}
.full-action-button {
  margin: 0 9px 15px;
  padding:0;
  font-size: 14px;
}
.full-action-button a {
  padding: 7px 0;
  display: block;
  color: #333;
}
.recommend-friends .UserName {
  margin-bottom: 3px;
  color: #333;
  font-weight: bold;
  font-size: 15px;
}
.recommend-friends .thread1 {
  padding: 10px;
  border-top: 1px solid #eee;
  border-bottom: none;
  clear: both;
}
/* @start IVR registration style */
.tel-str {
  color: #FFF;
  font-weight: bold;
  font-size: 12px;
}
.tel-num {
  color: #FFF;
  font-weight: bold;
  font-size: 12px;
}
.certificate-code {
  background-color: #eeeeee;
  padding: 10px;
  margin: 0 0 10px 0;
}
.form-certificate-code {
  padding: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.tel-action-button {
  margin: 10px 5px;
  padding: 6px 2px;
  background-image: -moz-linear-gradient(top, #6cd000, #6cd000);
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #6cd000),color-stop(1, #6cd000));
  background-color: #6cd000;
  text-shadow:0px -1px 0px #3aa000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-top: 1px solid #6cd000;
  border-right: 1px solid #6cd000;
  border-left: 1px solid #6cd000;
  border-bottom: 1px solid #339900;
}
.inner-box-300-gold {
  font-size: 10px;
}
/* @end IVR registration style */

/** notification badge */
.badge-outter {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    float: left;
    top: -9px;
    right: -9px;
}

.badge-inner {
    min-width: 18px;
    height: 18px;
    -webkit-box-shadow: 0 0 1px 0 #ee6666;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    background: #dd4444;
    background: -moz-linear-gradient(100% 100% 90deg, #dd4444, #ee6666);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ee6666), to(#dd4444));
    background: -webkit-linear-gradient(#ee625a, #d84037);
    background: -o-linear-gradient(#ee6666, #dd4444);
    margin: 0;
}

.badge-layout {
    color: #fff;
    padding: 2px;
    margin: 0;
    text-align: center;
}

.badge-number {
    font-size: 12px;
    font-weight: bold;
    line-height: 1em;
    vertical-align: middle;
}

.badge-clear {
    clear: both;
}

.notification-badge {
    z-index: 10;
    position: relative;
    display: none;
}

.notification-badge.top {
    left: 90px;
}
.notification-badge.icon-menu {
    margin-top: 0.5em;
    float:right;
}

/** notification timeline */
.timeline-push {
    opacity: 0;
    -webkit-transform: translate(-100%, 0);
    -webkit-transition: all 0.3s ease-in-out;
}
.timeline-pop {
    opacity: 1;
    -webkit-transform: translate(0%, 0);
    -webkit-transition: all 0.3s ease-in-out;
}
.timeline-aggregate-push {
    opacity: 1;
    -webkit-transform: translate(0%, 0);
    -webkit-transition: all 0.3s ease-in-out;
}
.timeline-aggregate-pop {
    opacity: 0;
    -webkit-transform: translate(100%, 0);
    -webkit-transition: all 0.3s ease-in-out;
}
.notification-timeline.timeline-initial {
    opacity: 0;
    -webkit-transform: translate(100%, 0);
    width: 100%;
}
#notification-timeline-container {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#notification-error {
    text-align: center;
    display: none;
    height: 0px;
}
#notification-error.onerror {
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto;
    -webkit-transition: all 0.3s ease-in-out;
}

.notification-timeline {
    clear: both;
}
.notification-entry.digest {
	margin: 0 10px 0 0;
	padding: 10px 15px 10px 10px;

	background-image: url('/img/detail.gif');
	background-position: right center;
	background-repeat: no-repeat;
}
.notification-timeline-name {
    font-weight: bold;
    font-color: #09C;
}
#no-notification div.no-notification-img {
    width: 81px;
    height: 100px;
    margin: 15px auto;
    background-image: url('/img/no_notification.png');
}
#no-notification {
    text-align: center;
    margin: 15px auto;
    display: none;
    float: left;
    width: 100%;
}

#notification-container-frame {
    border: none;
    width: 100%;
}

#notification-container-frame.safari-height-adjust {
    height: 100%;
}

.appicon {
    width: 48px;
    height: 48px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-background-size: 48px 48px;
    -moz-background-size: 48px 48px;
    display: block;
    float: left;
}
#notification-content-container {
    position: relative;
    top: 0;
    left: 0;
}

#notification-timeline,
#notification-aggregation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#notification-aggregation.initial {
    -webkit-transform: translate(100%, 0);
}

.notification-aggregation-back {
    margin-left: 10px;
    padding-top: 16px;
    padding-left: 0px;
    padding-bottom: 10px;
    vertical-align: middle;
    height: 24px;
    font-size: 12px;
}
.notification-aggregation-back-text {
    color: #666;
    vertical-align: middle;
    margin-left: 15px;
    height: 24px;
    font-size: 12px;
}
#notification-timeline-secondview,
#notification-timeline-more {
    display: none;
}
.notification-entry {
    font-weight: normal;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #fff;
    margin-top: 1px;
    margin-bottom: 1px;
    display: table;
    min-height: 48px;
    clear: both;
    padding: 0px;
    width: 100%;
    vertical-align: top;
}
.notification-entry:last-child {
    border-bottom: 0;
}
.notification-entry.recent-unread {
    background-color: #fff9de;
}
.notification-entry.unread {
    background-color: #fff9de;
}
.notification-entry.read {
    background-color: #fff;
}
.notification-entry.aggregation {
}
.notification-entry .face {
    vertical-align: top;
    display: table-cell;
    width: 48px;
    padding: 10px;
}
.notification-entry .face img {
    width: 48px;
    height: 48px;
}
.notification-entry .txt {
    vertical-align: top;
    display: block;
    padding: 10px 10px 10px 0px;
    color: #222;
    line-height: 1.3em;
    margin: auto;
}
.notification-entry .txt .timestamp {
    display: block;
    vertical-align: bottom;
    color: #888;
    font-size: 13px;
}
.notification-entry .detail {
    width: 14px;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}
.notification-entry .detail .arrow {
   	width: 11px;
	height: 18px;
	margin-left: 4px;
    margin-right: 10px;
    display: block;
	border: none;
    background-image: url('/img/arrow_slide.png');
    background-size: 11px 18px;
    -webkit-background-size: 11px 18px;
    background-repeat: no-repeat;
    background-position: center right;
}

#profile-add-friend .face a {
   display: block;
}

/*{{{ edification*/
.edification-box {
    margin: 0px 10px;
}
.edification {
    line-height: 1.3em;
    margin: 10px 0px 15px 0px;
    padding: 8px;
    color: #333;
    background-color: #F0F0F0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.edification h3 {
    margin: 0px;
    color: #333;
}
.edification ul {
    padding: 0px;
    margin-top: 5px;
}
.edification li {
    line-height: 1.5em;
}
.edification p {
    line-height: 1.4em;
    margin: 2px 0px 0px 0px;
}
.edification-message {
    text-align: center;
    color: #666;
    margin: 15px 0px;
}
.edification-short-message {
    text-align: left;
    color: #666;
    margin: 3px 0px 5px 0px;
}

/* @group yosegaki */
#yosegaki-list ul.normal li {
  border-bottom: 1px solid #eee;
  position: relative;
  font-size: 15px;
}
#yosegaki-list ul.normal li a {
  padding: 14px 23px 14px 10px;
  display: block;
  color: #333;
  font-weight: bold;
}
#yosegaki-list ul.normal .icon {
  margin-right: 6px;
}
.yosegaki-user-list {
  border-bottom: 1px solid #eee;
}
/*
.yosegaki-user-list:last-child {
  border-bottom: none;
}
*/
.yosegaki-user-list .command {
  padding-top: 5px;
}
.yosegaki-user-list .command .button {
  color: #222;
}
.yosegaki-user-list .command a.action-button {
  margin-left: 0;
  padding: 3px 10px;
  display: inline-block;
}
.yosegaki-user-list .command a.action-button .sprite {
  margin: 1px 5px 0 12px!important;
  padding: 0!important;
  display: block;
  float: left;
}
.yosegaki-user-list .command a.action-button .label {
  margin: 0!important;
  padding: 0!important;
  display: block;
  float: left;
  letter-spacing: 1px;
}
.yosegaki-user-list .command a.action-button .label {
  letter-spacing: 0;
}
h2.inside span.inside-note {
  margin-left: 5px;
  position: static;
  float: none;
  display: inline;
  font-size: 11px;
  color: #666;
  font-weight: normal;
}
h1.yosegaki-title,
.yosegaki-message-form dt {
  display: table;
}
h1.yosegaki-title-normal {
  padding-left: 8px;
  padding-right: 8px;
}
h1.yosegaki-title .icon {
  padding-left: 8px;
}
h1.yosegaki-title .icon,
.yosegaki-message-form dt .icon {
  display: table-cell;
  vertical-align: middle;
}
h1.yosegaki-title img,
#yosegaki-image img {
  vertical-align: middle;
}
h1.yosegaki-title .name {
  padding-right: 8px;
}
h1.yosegaki-title .name,
.yosegaki-message-form dt .name {
  padding-left: 3px;
  display: table-cell;
  vertical-align: middle;
}
.yosegaki-user-list .user-list {
  margin-bottom: 8px;
}
.yosegaki-user-list .user-list .thread-yosegaki {
  padding: 10px;
  position: relative;
}
.yosegaki-user-list .user-list .portrait {
  margin: 0 10px 0 0;
  float: left;
  width: 50px;
  height: 50px;
}
.yosegaki-user-list .user-list .portrait a {
  display: block;
}
.yosegaki-user-list .user-list .item {
  margin-left: 60px;
}
.yosegaki-user-list .user-list .head {
  margin-bottom: 2px;
  padding-right: 20px;
}
.yosegaki-user-list .user-list div.delete {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 10;
  width: 20px;
  height: 18px;
  background-position: -30px -1026px;
}
.yosegaki-user-list .user-list .delete a {
  margin: 0;
  padding: 0;
  display: block!important;
  width: 20px;
  height: 18px;
  overflow: hidden;
  color: transparent;
}
#yosegaki-image {
  padding: 2px 2px 0;
  border: 1px solid rgb(255,225,225);
  background: rgba(255,225,225,0.5);
  text-align: center;
}
#yosegaki-image h4 {
  margin: 0;
  padding: 4px;
  font-size: 14px;
}
.yosegaki-message-form dl,
.yosegaki-message-form dt,
.yosegaki-message-form dd {
  margin: 0;
  padding: 0;
}
p.notice.note {
  margin: 0 8px 5px 8px;
  padding: 0;
  font-size: 13px;
  color: #666;
}
div.yosegaki-message-form {
  margin: 0 8px 5px;
  padding: 8px;
  background-color: rgb(235,244,246);
  border-radius: 6px;
}
.yosegaki-message-form dt {
  padding-bottom: 6px;
  font-weight: bold;
}
.yosegaki-message-form textarea.message {
  margin: 0 0 5px;
  display: block;
  width: 100%!important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.yosegaki-message-form .buttonbg {
  margin: 0 auto;
  text-align: center;
}
.yosegaki-friend-list {
  border-bottom: 1px solid #eee;
  position: relative;
}
.yosegaki-friend-list:last-child {
  border-bottom: none;
}
.yosegaki-friend-list a {
  padding: 8px 23px 8px 10px;
  display: block;
  color: #333;
}
.yosegaki-friend-list a div {
  padding-right: 6px;
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
  font-size: 15px;
}
.yosegaki-friend-list a div.date {
  width: 45px;
}
.yosegaki-friend-list a div.name span.sprite {
  margin: 2px 0 0 4px;
  float: none;
  display: inline-block;
}
.yosegaki-friend-list .sprite.arrow,
#yosegaki-list ul.normal li .sprite.arrow {
  background-position: -132px -300px;
  width: 8px;
  height: 11px;
  position: absolute;
  top: 35%;
  right: 15px;
}
h2.yosegaki-list-title.inside {
  font-size: 15px;
  border-bottom-color: #d0d0d0;
}
h2.yosegaki-list-title.inside span {
  margin: 0 4px 0 0;
  padding: 0;
  display: inline-block;
  float: none!important;
  vertical-align: middle;
  text-align: left!important;
  width: auto!important;
  position: static;
}
h2.yosegaki-gift-send .inside {
  margin: 0 4px 0 0;
  padding: 0;
  display: inline-block;
  float: none!important;
  vertical-align: middle;
  text-align: left!important;
  font-size: 15px;
  position: static;
}
h2.yosegaki-gift-send .sprite.arrow {
  background-position: -132px -300px;
  width: 8px;
  height: 11px;
  position: absolute;
  top: 35%;
  right: 15px;
}
.yosegaki-user-list .command a.action-button {
  padding-left: 0!important;
  padding-right: 14px;
  color: #333;
  text-shadow: 1px 1px #fff;
  font-size: 12px;
  vertical-align: middle;
}
.yosegaki-user-list .command a.action-button .sprite {
  margin-left: 0;
}
div.yosegaki-nav-container {
  /*border-top: 1px solid #ccc;*/
  padding: 10px 10px 5px;
}
ul.yosegaki-nav {
  list-style: none;
}
ul.yosegaki-nav li {
  display: inline-block;
  background: #fff;
  white-space: nowrap;
  word-break: keep-all;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
ul.yosegaki-nav li a {
  padding: 8px 0px;
  display: block;
}
ul.yosegaki-nav li.prev {
  width: 36%;
  display: inline-block;
  text-align: left;
  float:left;
}
ul.yosegaki-nav li a {
  font-size: 12px;
  color: #666;
}
.sprite.yosegaki-nav-right-arrow {
  width: 8px;
  height: 9px;
  background-position: -75px -670px;
  margin: 11px 0 0 0;
  display: inline-block;
  float: left;
}
/* @end yosegaki */


/* @start promise */
div#promise div#a a {
	padding: 10px;
}

div#promise div.tableview a:first-child {
    border-top: 1px solid #EEEEEE;
}

div#promise div.tableview a {
    border-bottom: 1px solid #EEEEEE;
}

div#promise div.tableview a.last-child {
    border-bottom: 1px solid #EEEEEE;
}

div#promise div#a div.ruleCell {
	display:table;
	background-image:none;
}

div#promise div#a div.ruleCell div.icon {
	display:table-cell;
	vertical-align: middle;
	margin:0;
	margin-right:10px;
}

div#promise div#a div.ruleCell div.contents {
	display:table-cell;
	vertical-align: middle;
	text-align:left;
}

div#promise div.ruleCell span.subTxt {
    color: #888888;
    font-size: 12px;
    font-weight: normal;
}

div#promise .rule-sprite {
	background: url('http://img-m.gree.jp/img/msns/welcome/enlightenment/sp/rules_icons_s.png') no-repeat;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	float: left;
	margin: 0px 10px 0 0;
	width: 48px;
	height: 48px
}

div#promise .rule-sprite.rule01 { background-position: -0px -0px; }
div#promise .rule-sprite.rule02 { background-position: -0px -48px; }
div#promise .rule-sprite.rule03 { background-position: -0px -96px;}
div#promise .rule-sprite.rule04 { background-position: -0px -144px; }
div#promise .rule-sprite.rule05 { background-position: -0px -192px; }
div#promise .rule-sprite.rule06 { background-position: -0px -240px; }

@media only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
	div#promise .rule-sprite {
		background: url('http://img-m.gree.jp/img/msns/welcome/enlightenment/sp/rules_icons.png') no-repeat;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		background-size: 48px 288px;
		-webkit-background-size: 48px 288px;
	}
}
/* @end promise */

/* @start support_report */
.support_report .config-item .title {
    width: 98%;
}
.support_report #caution_body {
	margin-top: 15px;
}
.support_report span.caution {
	color: #ff0000;
}
.support_report .description {
	padding-bottom: 13px;
	text-align: center;
}
.support_report textarea {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #222;
	height: 70px;
	font-size: 13px;
	padding: 3px;
	margin: auto;
	width: 90%;
}
/* @end support_report */

/*}}}*/

/* @group home_other */
li[data-tabname="home_other"] {
  position: relative;
}
li[data-tabname="home_other"].home_more a {
  /*background: rgba(255,255,255,0.9);*/
  color: #fff!important;
  background: rgba(0,153,204,0.95);
  border: 1px solid rgb(166,214,228);
  border-bottom-color: rgba(255,255,255,0.8);
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  -webkit-tap-highlight-color: rgba(255,255,255,0.3);
}
#home_more {
  /*background: rgba(255,255,255,0.3);*/
  position: absolute;
  top: 36px;
  right: 0;
  z-index: 100;
  min-width: 150px;
  border: 1px solid rgb(166,214,228);
  border-top: none;
  -webkit-box-shadow: 2px 2px 3px rgba(40,40,40,0.2);
  display: none;
}
#home_more div {
  border-bottom: 1px solid rgba(166,214,228,0.9);
}
#home_more div:last-child {
  border-bottom: none;
}
#home_more a {
  display: block;
  border: none;
  margin: 0;
  padding: 10px;
  text-align: left;
  -webkit-tap-highlight-color: rgba(255,255,255,0.3);
  border-radius: 0;
  position: relative;
  z-index: 1000;
  height: 30px;
}
/* @end home_other */

/* {{{ Community Update Info */
.community_update_info {
    margin: 0px;
}
.community_update_info_wrapper {
    border-bottom: none;
}
.community_update_info_container {
    border-bottom: 1px solid #ccc;
}

.community_info {
    margin-top:10px;
    margin-left:10px;
    height: 58px;
}

.community_info .img {
    margin: 0px;
    padding: 0px;
    margin-right: 10px;
    float: left;
}

.community_info .img img{
    width: 48px;
    height: 48px;
    margin: 0px;
    padding: 0px;
}

.community_info .txt {
    height: 48px;
    display: table-cell;
    vertical-align: middle;
}

.community_info .cname{
    color: #000;
    font-size: 16px;
    font-weight: bold;
}

.thread_wrapper {
}

.thread_wrapper a{
    color: #222;
    text-decoration: none;
}

.thread_wrapper .thread{
    color: #09c;
    margin: 0px;
    padding-top: 10px;
    padding-left: 0px;
    padding-right: 25px;
    padding-bottom: 10px;
    border-top: 1px solid #eee;
}
.thread_wrapper .arrow {
    background-image: url(/img/top/arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 18px 13px;
}

.thread_wrapper .thread .txt{
    margin-left: 10px;
    color: #222;
}

.thread_wrapper .thread .txt_container{
    margin-left: 25px;
}

.thread_wrapper .thread .no_topic{
    text-align: left;
    color: #888;
    margin-left:0px;

}

.thread_wrapper .thread .txt .tname{
    font-size: 14px;
    font-weight: bold;
}
.thread_wrapper .thread .txt .count{
    font-size: 14px;
}

.thread_wrapper .thread .txt .timestamp{
    color: #888;
    font-size: 13px;
    font-weight: normal;
    margin-left: 1px;
}

.community_update_info_wrapper .thread_more {
    color: #888;
    text-align: right;
    padding:10px;
    padding-right: 25px;
    display: none;
    background-image: url(/img/top/arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 18px 13px;
}

.community_update_info_wrapper .thread_more a{
    color: #888;
}

#community_list_more {
    text-align: center;
    margin: 10px 15px;
}
/* }}} Community Update Info */


.timeline-arrow {
  margin-right: 3px;
  margin-top: -2px;
  background: url(/img/timeline_arrow.png) no-repeat 0 -8px;
  width: 9px;
  height: 8px;
  -webkit-background-size: 9px auto;
  -moz-background-size: 9px auto;
  -ms-background-size: 9px auto;
  -o-background-size: 9px auto;
  background-size: 9px auto;
  vertical-align: middle;
  display: inline-block;
}
span.arrow.up .timeline-arrow {
  background-position: 0 0;
}
/* {{{ 2011/10 CM */
#banner-201110 {
    background: -moz-linear-gradient(top, #94d6ec 0%, #7bc7e0);
    background: -webkit-gradient(linear, left top, left bottom, from(#94d6ec), to(#7bc7e0));
    padding : 5px;
}
#banner-201110-container {
    margin : 3px;
    -moz-border-radius : 4px;
    -webkit-border-radius : 4px;
    border-radius : 4px;
    background-color : #fff;
    padding : 0px;
    -webkit-background-size: 52px 32px;
    background-size:52px 32px;
    background-repeat: no-repeat;
    line-height : 32px;
    vertical-align : middle;
    color : #444;
    font-weight : bold;
    padding-left: 57px;
}
#banner-201110-container span:first-child {
    display : inline-block;
    margin : 11px 10px 10px 9px;
    float : right;
    line-height : 32px;
}
/* }}} */
/* @group spread */
.inline-list li {display:inline-block!important;}
.action-buttons-overlay {
  width: 100%!important;
  height: 100%!important;
  border: none!important;
  -webkit-box-sizing:border-box!important;
  -moz-box-sizing:border-box!important;
  box-sizing:border-box!important;
  position: absolute!important;
  top: 0!important;
  left: 0!important;
  background-color: rgba(255,255,255,0.6)!important;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.action-buttons {
  -webkit-border-image: url(/img/popup_balloon.png?20111219) 20 20 20 20;
  -moz-border-image: url(/img/popup_balloon.png?20111219) 20 20 20 20;
  border-image: url(/img/popup_balloon.png?20111219) 20 20 20 20;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: absolute;
  bottom: -28px;
  right: 28px;
  border: 19px solid transparent;
  text-align: center;
  z-index: 1000;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.action-buttons ul {
  background: transparent;
  line-height: 1!important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.action-buttons li {
  margin-right: 4px;
  width: auto;
  line-height: 1!important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.action-buttons li:last-child {
  margin-right: 0;
}
.relative {
  position:relative;
}
.action-buttons .button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0!important;
  padding: 7px 7px!important;
  font-size: 13px!important;
  border: 1px solid #cccccc!important;
  border-right-color: rgba(136, 136, 136, 0.7)!important;
  border-bottom-color: rgba(136, 136, 136, 0.7)!important;
  display: inline-block!important;
  color: #222;
  line-height: 1!important;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9)!important;
  text-align: center!important;
  cursor: pointer!important;
  width: auto!important;
  -moz-border-radius: 5px!important;
  -webkit-border-radius: 5px!important;
  border-radius: 5px!important;
  background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%)!important;
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee))!important;
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%)!important;
  /* Chrome10+,Safari5.1+ */
  height: 31px!important;
  vertical-align: top;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.action-toggle-wrapper {
  padding: 10px;
  position: absolute;
  bottom: -12px;
  right: 0px;
  z-index: 10;
  -webkit-tap-highlight-color: rgba(255,255,255,0.8);
}
.action-toggle {
  width: 21px;
  height: 21px;
  padding: 0!important;
  line-height: 1!important;
  font-size: 18px;
}
.action-buttons .button .sprite {
  margin-right: 4px!important;
}
.action-buttons .button.active {
  border: 1px solid #09c!important;
  background: #09c!important;
  color: #fff!important;
  text-shadow: none!important;
  -moz-box-shadow: 0 0 3px #09c,inset 0 0 1px rgba(255,255,255,0.3);
  -webkit-box-shadow: 0 0 3px #09c,inset 0 0 1px rgba(255,255,255,0.3);
  box-shadow: 0 0 3px #09c,inset 0 0 1px rgba(255,255,255,0.3);
}
.action-buttons .shared .button.active {
  border: 1px solid green!important;
  background: green!important;
  -moz-box-shadow: 0 0 3px green,inset 0 0 1px rgba(255,255,255,0.3);
  -webkit-box-shadow: 0 0 3px green,inset 0 0 1px rgba(255,255,255,0.3);
  box-shadow: 0 0 3px green,inset 0 0 1px rgba(255,255,255,0.3);
}
.action-buttons .button.active span {
  color: #fff!important;
  text-shadow: none!important;
}
.action-buttons .button.tapped {
  color: #555!important;
  border-top-color: rgba(136, 136, 136, 0.7)!important;
  border-right-color: rgba(136, 136, 136, 0.4)!important;
  border-bottom-color: rgba(136, 136, 136, 0.35)!important;
  border-left-color: rgba(136, 136, 136, 0.7)!important;
  background: -moz-linear-gradient(top, #cccccc 0%, #eeeeee 50%, #ffffff 100%)!important;
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(50%, #eeeeee), color-stop(100%, #ffffff))!important;
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #cccccc 0%, #eeeeee 50%, #ffffff 100%)!important;
  /* Chrome10+,Safari5.1+ */
}
.action-buttons .button.tapped > img {
  opacity: 1!important;
}
.action-buttons .button.disabled {
  border: 1px solid #dddddd!important;
  border-right-color: rgba(204, 204, 204, 0.7)!important;
  border-bottom-color: rgba(204, 204, 204, 0.7)!important;
  color: #cfcfcf!important;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9)!important;
  -moz-border-radius: 4px!important;
  -webkit-border-radius: 4px!important;
  border-radius: 4px!important;
  background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%)!important;
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f4f4f4))!important;
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 100%)!important;
  /* Chrome10+,Safari5.1+ */
  cursor: default!important;
}
.action-toggle {
  width: 21px!important;
  height: 21px!important;
  padding: 0!important;
  line-height: 1!important;
  background: url(/img/icons_s.png?20130612) -100px -936px!important;
}
.action-buttons .button,
.action-buttons .button span { font-weight:bold!important}
.shared-item:before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  background: url(/img/icons_s.png?20130612) no-repeat -126px -936px!important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
  .action-toggle,
  .shared-item:before {
    background: url(/img/icons.png?20130612) -100px -936px!important;
    -webkit-background-size: 200px 1200px;
    background-size: 200px 1200px;
  }
  .shared-item:before {
    background: url(/img/icons.png?20130612) -126px -936px!important;
  }
  .action-buttons {
    -webkit-border-image: url(/img/popup_balloon@2x.png?20111219) 40 40 40 40!important;
    -moz-border-image: url(/img/popup_balloon@2x.png?20111219) 40 40 40 40!important;
    border-image: url(/img/popup_balloon@2x.png?20111219) 40 40 40 40!important;
  }
}
.stream-item-child {
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div.thread1 div.stream-item-child .txt img{
    width: auto;
    height: auto;
}
.spread-source-user {
    position: absolute;
    left: 5px;
}
.thread1 .face .spread-source-user img {
    width: 45px;
    height: 45px;
    float: none;
}
.spread-user {
    position: absolute;
    top: 28px;
}
.thread1 .face .spread-user img{
    width: 25px;
    height: 25px;
    float: none;
}
.stream-item2 {
  padding-left: 0px!important;
  padding-right: 0px!important;
}
/* @end spread */


div#myapplication .myapp-thumbnail {
    display:inline-block;
	width: 48px;
	height: 48px;
	border: 1px solid #eee;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-background-size: 48px 48px;
	-moz-background-size: 48px 48px;
}
.content-title .content-title-txt {
	padding: 4px 0 0 10px;
	color: #fff;
	font-size:16px;
	font-weight: bold;
}
.content-title {
	height: 27px;
	background: -moz-linear-gradient(
		top, #94d6ec 0%, #7bc7e0
	);
	background: -webkit-gradient(
		linear,left top,left bottom,
		from(#94d6ec),
		to(#7bc7e0)
	);
	border-bottom: 1px solid #5aa9c4;
}
#portal-top-myapp, #portal-top-push1, #portal-top-push2 {
	padding: 10px 0 15px 0;
}

div.config-item div.preview.report_type,
div.config-item div.preview.description,
div.config-item div.preview.report_details_type {
	text-align: left;
}