@charset "utf-8";

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

/* body */

body {
	margin: 0;
	padding: 0;
	background: #fff;
	overflow-x: hidden;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
/*
	width: 320px;
	outline: 1px solid #6888f8;
*/
}
/* end */
a {
	-webkit-touch-callout: none;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* font */
body, table th, table td, h1, h2, h3, h4, h5, input, textarea {
	color: #222;
	word-break: break-all;
	font-size: 14px;
	font-family: "メイリオ","Meiryo","Lucida Grande","Helvetica", "Arial","Hiragino Kaku Gothic Pro","MS P Gothic", sans-serif;
}
/* end */

/* Link */
a {
	color: #0099cc;
	text-decoration: none;
	cursor: pointer;
}
/* end */

/* image */
img {
	border:0;
}
/* end */

/* list */
ol,ul,li{
	list-style-type:none;
	margin: 0;
	padding: 0;
}
/* end */

/* layout */

#wrapper {
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
}

#container {
	text-align: left;
	margin: 0 auto;
	width: 100%;
}

/* end */

/* {{{ header */
#header {
	background-color: #fff;
	height: 45px;
	width: 100%;
	border-bottom: 1px solid #ccc;
	/*
	position:fixed;
	*/
}

#g_container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#g_container a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

#header .logo {
	float: left;
	width: 50%;
	height: 45px;
	background-color: #fff;
}

#header .logo.smaller {
    width: 45%;
}

#header .icon {
	float: left;
	text-align: right;
	width: 50%;
	height: 45px;
	background-color: #fff
}

#header .icon.bigger {
    width: 55%;
}

#header .icon span {
	display: inline-block;
	margin: 0 15px;
	height: 45px;
	line-height: 45px;
	color: gray;
	vertical-align: middle;
}
/* }}} */

/* {{{ iconMenu */

#iconMenu {
	clear: both;
	background-color: #fff;
	display: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

#iconMenu div.clearfix a {
	font-size: 12px;
	color: #222;
	display: block;
	width: 33.33%;
	float: left;
	text-align: center;
	height: 76px;
}

#iconMenu div.clearfix.no-coin a {
    margin-top: 15px;
    margin-bottom: 15px;
}

#iconMenu .footer {
	margin-top: 10px;
}

#iconMenu div.clearfix span.icon_off {
    margin-top: 15px;
    margin-bottom: 15px;
	color: #c7c8c9;
	display: block;
	float: left;
	font-size: 12px;
	height: 76px;
	text-align: center;
	width: 33.33%;
}

/* }}} */


/* {{{ sub navi */
#menu {
	clear:both;
	height:35px;
	line-height:200%;
	background-color:#e4f2f6;
	margin:0;
	padding:0;
	border-bottom: 1px solid #a6d6e4;
}
#menu li {
	float:left;
	text-align: left;
	width: 33.3%;
}
#menu.tabs5 li {
	width: 20%;
}
#menu.tabs4 li {
	width: 25%;
}
#menu.tabs3 li {
	width: 33.3%;
}
#menu.tabs2 li {
	width: 50%;
}
#menu.tabs1 li {
	width: 50%;
}

#menu li .last {
	clear: both;
	text-align: left;
}

#menu a {
	-webkit-tap-highlight-color:rgba(0,0,0,0); 
	display: block;
	color: #0099cc;
	margin:4px 1px 0 1px;
	padding-top: 3px;
	line-height:200%;
	font-weight: bold;
	text-align: center;
}

#menu li.selected a{
	display: block;
	color:#222;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	background-color:#ffffff;
	font-weight: bold;
	border-top: 1px solid #a6d6e4;
	border-right: 1px solid #a6d6e4;
	border-left: 1px solid #a6d6e4;
}
/* }}} */

/* {{{ footer */
#footer,
#iconMenu .footer {
	padding: 10px;
	border-top: 1px solid #ccc;
}

#footer div .link,
#iconMenu .footer div .link {
	width: 50%;
	float: left;
	text-align: left;
	margin-bottom: 7px;
}
#footer .link a {
	margin-right: 15px;
}
#iconMenu .footer .link a{
	margin-right: 8px;
}

#footer div .logout,
#iconMenu .footer div .logout {
	text-align: right;
	color: #888;
}

#copy,
#iconMenu .copy {
	text-align: center;
	clear: both;
	font-size: 12px;
}

div#misc {
	margin: 10px 0;
}

div#misc a {
	color: #888;
	padding: 0 10px;
}

/* }}} */

.hidden {
	height: 0;
	overflow: hidden;
}
.hiding {
	overflow: hidden;
}
.transition {
	/*height: auto;*/
	-webkit-transition-property: height;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function:ease;
	-moz-transition-property: height;
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function:ease;
}
/* Button */

/* check more button */

#checkMore {
	margin: 10px 15px;
}

#checkMore .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;
	text-align: center;
	padding: 8px 0;
	display: block;
	text-align: center;
	height: 19px;
}

#checkMore .button a {
	color: #222;
	display: block;
}

#checkMore.nomore {
	display: none;
}

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

#checkMore a img {
	margin-right: 5px;
	vertical-align: bottom;
	padding-bottom: 2px;
}

#checkMore.loading #more-active {
	display: none;
}

#checkMore.loading #more-loading img {
	display: inline;
	position:relative;
	top:2px;
}

#checkMore:not(.loading) #more-loading {
	display: none;
}




/* end */

/* friend list button */
#subtab .subtab-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')";
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 0 none;
	border-bottom: 1px solid #999;
	background-color: #fff;
	padding: 8px 0;
	font-size: 14px;
	margin: 0 0 10px 0;
	float: left;
	width: 32%;
	text-align: center;
}

#subtab .subtab-button.left {
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-topleft: 4px;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	border-left: 1px solid #ccc;
	margin-left: 1%;
}

#subtab .subtab-button.right {
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topright: 4px;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	margin-right: 1%;
}

/*
#subtab a {
  color: #222;
}
*/

/*selected*/
body.impress #subtab-selected,
body.friends #subtab-selected,
body.myfriends #subtab-selected,
body.myfriends_search #subtab-selected,
body.friend_requests #subtab-selected,
body.friend_requestsdefer #subtab-selected,
body.introduction #profile-introduction,
body.friends #profile-friends,
body.joined_communities #profile-communities,
body.myapp_friendrequest_received #subtab-selected,
body.myapp_friendrequest_sent #subtab-selected
{
        background-image: -moz-linear-gradient(top, #eee, #eee); /* FF3.6 */
        background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #eee),color-stop(1, #eee)); /* Saf4+, Chrome */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee')";
        background-color: #ddd;

        color: #222;
        display: block;
}

#subtab a {
	-webkit-tap-highlight-color:rgba(0,0,0,0); 
}

/* add album button */
#albumButton {
	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: 42%;
	font-size: 14px;
}

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

/* upload photo button */
#uphotoButton {
	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%;
}

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


/* join community button */
.s_deleteButton {
	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;
	width: 15px;
	height: 15px;
}

a .s_deleteButton {
	color: #222;
	display: block;
}
/* end */

.navigation-bar {
	margin: 10px;
	font-size: 16px;
	font-weight: bold;
}

.no-content {
	margin: 10px
}

.nowrap {
	white-space: nowrap;
}


#subtab { /* intro_doubleButton */
	display: none;
	padding: 10px 10px 0 10px;
}

#profile .action {
	margin: 15px 0 25px 0;
}

.submit-button {
	margin: 10px 10px;
}
.submit-button span.button {
	display: block;
	color: #222;
	padding: 8px 0;
	text-align: center;
}

noscript.jsneeded {
	display: block;
	background-color: #ffeeee;
	border-bottom: 1px solid #ffcccc;
	border-top: 1px solid #ffcccc;
	padding: 8px 12px;
	color: #ff2222;
}
#report-abuse {
	display: none;
}

/* UIView mimics */
.tableview a {
	display: block;
	border-bottom: 1px solid #eee;
	font-weight:bold;
	color: #222;
}

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

.tableview a .cell {
	margin: 0 10px 0 0;
	padding: 15px;

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

.tableview a .cell-revert {
	margin: 10px 10px 10px 10px;
	padding: 15px 15px 15px 15px;
	border: 1px solid #a6d6e4;
	background-color: #ebf4f6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.tableview a  .quit-cell {
	padding: 10px;

	background-position: right center;
	background-repeat: no-repeat;
}

.tableview .footnote {
	padding: 12px;
}

/* like */
.like-button-container .throbber {
	display: none;
}
.like-button-container.loading .throbber {
	display: inline-block;
	position:relative;
	top:3px;
}
.like-button-container.liked .notyet {
	display: none;
}
.like-button-container:not(.liked) .liked {
	display: none;
}


.like-box.like0 {
	display: none;
}
.like-box .large,
.like-box .you-and
{
	display: none;
}
.like-box.large .small {
	display: none;
}
.like-box.large .large,
.like-box.others-like.ilike .you-and
{
	display: inline;
}

h2.section-title {
	font-size: 16px;
	font-weight: bold;
	padding: 8px 10px;
	margin: 10px 0 5px 0;
	border-bottom:1px solid #ccc;
}

h2.docs {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #eee;
	background-image:url(http://img.gree.jp/img/gree/2009/news_main_icon.gif);
	background-position:0 -450px;
	background-repeat: repeat-x;
}
/* {{{ css sprite */
.sprite {
	background-image: url('/img/icons_s.png?201306120000');
	background-repeat: no-repeat;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.sprite.greelogo {
	float: left;
	width: 100px;
	height: 45px;
}
.sprite.greelogomini{
	width: 13px;
	height: 15px;
	margin-right: 5px;
	margin-bottom: -2px;
	background-position: -60px -90px;
	display: inline-block;
}
.sprite.menu {
	width: 40px;
	height: 45px;
	background-position: 0 -45px;
	float:right;
    margin-right: 4px;
}
.sprite.game {
	width: 48px;
	height: 45px;
	background-position: -45px -45px;
	float:right;
}
.sprite.notification {
    width: 42px;
    height: 45px;
    background-position: -155px -46px;
    float:right;
}
.sprite.menu.show {
    background-position: -154px -211px;
}
.sprite.game.show {
    background-position: -155px -346px;
}
.sprite.notification.show {
    background-position: -155px -301px;
}

.sprite.game-ranking {
	width: 35px;
	height: 30px;
	background-position: 0 -678px;
}
.sprite.game-community {
	width: 35px;
	height: 30px;
	background-position: 0 -713px;
}
.sprite.game-portal {
	width: 35px;
	height: 30px;
	background-position: 0 -748px;
}

.sprite.iphone {
	width: 37px;
	height: 14px;
	background-position: 0 -800px;
}

.sprite.android {
	width: 42px;
	height: 14px;
	background-position: -38px -800px;
}

.sprite.comment-arrow {
	width: 37px;
	height: 13px;
	background-position: -23px -824px;
	background-color: #F0F4DF;
}

.sprite.download {
	width: 14px;
	height: 14px;
	background-position: -20px -850px;
}
.sprite.news {
	width: 12px;
	height: 15px;
	background-position: 0 -990px;
}
.sprite.close {
	width: 9px;
	height: 9px;
	background-position: -20px -990px;
}
.sprite.right-arrow {
	width: 30px;
	height: 25px;
	background-position: -36px -990px;
}
.sprite.check {
	width: 12px;
	height: 8px;
	background-position: -15px -1026px;
}
.sprite.check.grayed {
	background-position: 0 -1026px;
}
.sprite.check.throbber {
	background-image: url('/img/loader_appli.gif');
	width: 14px;
	height: 14px;
	-webkit-background-size: 14px 14px;
	-moz-background-size: 14px 14px;
	background-size: 14px 14px;
	background-position: 50% 50%;
	vertical-align: text-top;
	margin-right: 4px !important;
}
.sprite.borderclose {
	width: 16px;
	height: 16px;
	background-position: -30px -1026px;
}
.sprite.detail {
	background-position: -15px -572px;
	width: 8px;
	height: 11px;
}
.sprite.right-arrow-small {
	width: 12px;
	height: 13px;
	background-position: -60px -670px;
}
.sprite.left-arrow-small {
	width: 12px;
	height: 13px;
	background-position: -60px -690px;
}
.sprite.pencil {
	width: 14px;
	height: 14px;
	background-position: -114px -242px;
}

.sprite.i {
	width: 48px;
	height: 48px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3px;
}

.sprite.home	{ background-position: 0 -135px; }
.sprite.tgame	{ background-position: 0 -875px; }
.sprite.tgame.grayed { background-position: -146px -715px; }
.sprite.search	{ background-position: 0 -925px; }
.sprite.mail	{ background-position: 0 -183px; }
.sprite.avatar	{ background-position: 0 -231px; }
.sprite.avatar.grayed { background-position: -48px -231px; }
.sprite.profile { background-position: 0 -279px; }
.sprite.friends	{ background-position: 0 -327px; }
.sprite.community{ background-position: 0 -375px; }
.sprite.invite  { background-position: 0 -423px; }
.sprite.settings{ background-position: 0 -471px; }
.sprite.logout	{ background-position: 0 -519px; }
.sprite.greetop	{ background-position: -100px -668px; }
.sprite.celeb	{ background-position: -100px -620px; }
.sprite.tnews	{ background-position: -100px -764px; }
.sprite.blog { background-position: -148px -620px; }
.sprite.blogmenuicon { background-position: -148px -620px; }
.sprite.qa  { background-position: -148px -768px; }
.sprite.dic { background-position: -108px -1000px; }
.sprite.goods { background-position: 0 -1050px; }
.sprite.inquiry { background-position: 0 -1100px; }
.sprite.cmall { background-position: -40px -1050px; }
.sprite.sale { background-position: -84px -1050px; }

.sprite.route {
	float: left;
	margin-right: 2px;
	margin-top: 2px;
}
.sprite.route.mood {
	width: 13px;
	height: 12px;
	background-position: -100px -270px;
}
.sprite.route.blog {
	width: 13px;
	height: 12px;
	background-position: -100px -282px;
}
.sprite.route.photo {
	width: 13px;
	height: 12px;
	background-position: -100px -294px;
}
.sprite.route.appli {
	width: 13px;
	height: 12px;
	background-position: -100px -306px;
}
.sprite.route.friend {
	width: 13px;
	height: 12px;
	background-position: -100px -318px;
}
.sprite.route.introduce {
	width: 13px;
	height: 12px;
	background-position: -100px -330px;
}
.sprite.route.community {
	width: 13px;
	height: 12px;
	background-position: -100px -342px;
}
.sprite.route.review {
	width: 13px;
	height: 12px;
	background-position: -100px -354px;
}
.sprite.route.twitter {
	width: 13px;
	height: 12px;
	background-position: -100px -366px;
}
.sprite.route.feedback {
	width: 13px;
	height: 12px;
	background-position: -100px -378px;
}
.sprite.route.activity {
	width: 13px;
	height: 12px;
	background-position: -100px -390px;
}
.sprite.route.avatar {
	width: 13px;
	height: 12px;
	background-position: -100px -390px;
}

/** notification timeline */
.sprite.timeline {
    float: left;
}
.sprite.timeline.generic {
    width: 14px;
    height: 13px;
    margin: 2px 2px 0 2px;
    background-position: -152px -105px;
}
.sprite.timeline.friends {
    width: 18px;
    height: 16px;
    background-position: -150px -136px;
}
.sprite.timeline.mail {
    width: 18px;
    height: 16px;
    background-position: -150px -152px;
}
.sprite.timeline.appli {
    width: 18px;
    height: 16px;
    background-position: -150px -168px;
}


/** {{{ findfriends  */
.sprite.config,
.sprite.findfriends,
.sprite.etc {
	display: block;
	width: 30px;
	height: 30px;
	margin: -7px 10px 0 0;
	float: left;
}

.sprite.findfriends.addressbook	{ background-position: -60px -135px; }
.sprite.findfriends.email		{ background-position: -60px -175px; }
.sprite.findfriends.gmail		{ background-position: -60px -215px; }
.sprite.findfriends.twitter		{ background-position: -60px -255px; }
.sprite.findfriends.search		{ background-position: -60px -295px; }
.sprite.findfriends.friends		{ background-position: -60px -335px; }
.sprite.findfriends.celeb		{ background-position: -60px -335px; }
.sprite.findfriends.facebook	{ background-position: -60px -375px; }
.sprite.findfriends.appreview	{ background-position: -100px -100px; }
.sprite.findfriends.gps	{ background-position: -160px -830px; }
.sprite.findfriends.mobile	{ background-position: -160px -869px; }

.sprite.character {
	background-position: -54px -587px;
}

.sprite.etc.footprint	{ background-position: -120px -455px; }
.sprite.etc.photo	{ background-position: -120px -495px; }
.sprite.etc.community	{ background-position: -120px -535px; }
.sprite.etc.app	{ background-position: -90px -495px; }
.sprite.etc.diary	{ background-position: -150px -455px; }
.sprite.etc.portrait		{ background-position: -120px -575px; }
.sprite.etc.yosegaki		{ background-position: -60px -575px; }

.sprite.etc.invite		{ background-position: -90px -455px; }
.sprite.etc.settings	{ background-position: -150px -495px; }
.sprite.etc.help		{ background-position: -150px -535px; }
.sprite.etc.search		{ background-position: -150px -575px; }
.sprite.etc.appreview		{ background-position: -130px -830px; }

.sprite.icon { display: inline-block; }
.sprite.icon.email { background-position: -60px -630px; width: 13px; height: 10px; }
.sprite.icon.heart { background-position: -60px -649px; width: 15px; height: 12px; }
.sprite.icon.search { background-position: -80px -647px; width: 13px; height: 15px; }
.sprite.icon.avatar16-white     { background-position: -100px 0px;   width: 16px; height: 16px; }
.sprite.icon.star16-white       { background-position: -100px -16px; width: 16px; height: 16px; }
.sprite.icon.megaphone16-white  { background-position: -100px -32px; width: 16px; height: 16px; }
.sprite.icon.leaf16-white       { background-position: -100px -48px; width: 16px; height: 16px; }
.sprite.icon.heart16-white      { background-position: -100px -64px; width: 16px; height: 16px; }
.sprite.icon.megaphone16        { background-position: -116px 0px;   width: 16px; height: 16px; }
.sprite.icon.leaf16             { background-position: -116px -16px; width: 16px; height: 16px; }
.sprite.icon.heart16            { background-position: -116px -32px; width: 16px; height: 16px; }
.sprite.icon.crown16            { background-position: -116px -48px; width: 16px; height: 16px; }

.sprite.config-profile {
	display: block;
	width: 20px;
	height: 20px;
	margin-right: 8px;
	float: left;
}
.sprite.config-profile.name				{background-position: -80px -830px; }
.sprite.config-profile.id				{background-position: -100px -830px; }
.sprite.config-profile.login				{background-position: -100px -850px; }
.sprite.config-profile.nickname			{background-position: -80px -850px; }
.sprite.config-profile.profile_descr	{background-position: -80px -870px; }
.sprite.config-profile.user_mail		{background-position: -80px -890px; }
.sprite.config-profile.mobile_mail		{background-position: -80px -910px; }
.sprite.config-profile.user_birth		{background-position: -80px -930px; }
.sprite.config-profile.user_sex			{background-position: -80px -950px; }
.sprite.config-profile.user_pref		{background-position: -80px -970px; }
.sprite.config-profile.blood_type		{background-position: -80px -990px; }
.sprite.config-profile.profile_marry	{background-position: -80px -1010px; }
.sprite.config-profile.user_alias		{background-position: -100px -890px; }
.sprite.config-profile.profile_avatar	{background-position: -80px -1030px; }
.sprite.config-profile.portrait_camera_enabled	{background-position: -100px -404px; width: 16px; height: 16px; }
.sprite.config-profile.portrait_camera_disabled	{background-position: -100px -420px; width: 16px; height: 16px; }

.sprite.config.profile		{ background-position: -60px -575px; }
.sprite.config.portrait		{ background-position: -120px -575px; }
.sprite.config.privacy		{ background-position: -60px -713px; }
.sprite.config.password		{ background-position: -130px -869px; }
.sprite.config.service		{ background-position: -60px -753px; }
.sprite.config.pluscource	{ background-position: -60px -535px; }
.sprite.config.mobilephone	{ background-position: -60px -415px; }
.sprite.config.goldhistory	{ background-position: -60px -455px; }
.sprite.config.coinhistory	{ background-position: -60px -495px; }
.sprite.config.icon			{ background-position: -100px -170px; }
.sprite.config.incentive	{ background-position: -90px -495px; }
.sprite.config.app          { background-position: -99px -100px; }
.sprite.config.dmenu        { background-position: -160px -899px; }

.sprite.tutorial {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 5px;
	margin-bottom: -1px;
}
.sprite.tutorial.name			{ background-position: -100px -200px; }
.sprite.tutorial.profile_text	{ background-position: -100px -228px; }
.sprite.tutorial.search			{ background-position: -100px -214px; }
.sprite.tutorial.searchblue		{ background-position: -114px -214px; }
.sprite.tutorial.celeb			{ background-position: -100px -242px; }
.sprite.tutorial.heart			{ background-position: -100px -256px; }

/** }}} */
/* }}} */

#top-content-container {
	background-color: #E4F2F6;
}

#top-content-container .throbber{
	margin: 50px 0;
	width: 24px;
	height: 24px;
	display: inline-block;
    background-image: url('/img/circulate32.png');
   -webkit-animation-name: circulate;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-timing-function: linear;
   -webkit-animation-duration: 0.8s;
    background-size: 24px 24px;
   -webkit-background-size: 24px 24px;
}

#notification-throbber .throbber,
#notification-throbber-entry .throbber,
#loading-throbber .throbber {
/*
	width: 32px;
	height: 32px;
	display: inline-block;
	background-image: url('/img/loader.gif');
*/
   width: 24px;
   height: 24px;
   display: inline-block;
   background-image: url('/img/circulate32.png');
  -webkit-animation-name: circulate;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -webkit-animation-duration: 1.0s;
   background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
}
@-webkit-keyframes circulate {
   0% {-webkit-transform: rotate(  0deg) }
 100% {-webkit-transform: rotate(360deg) }
}
.circulate{
  -webkit-animation-name: circulate;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}
.throbber16{
   width: 16px;
   height: 16px;
   display: inline-block;
   background-image: url('/img/circulate32.png');
   background-size: 16px 16px;
   -webkit-background-size: 16px 16px;
}
.throbber12{
   width: 12px;
   height: 12px;
   display: inline-block;
   background-image: url('/img/circulate32.png');
   background-size: 12px 12px;
   -webkit-background-size: 12px 12px;
}
#container .sorry {
	height: 95px;
	margin: 20px;
	background-image: url('/img/sorry.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
#container .sorry-text {
	margin: 20px;
}

.action-buttons .sprite.share {
  width: 12px;
  height: 12px;
  background-position: -102px -961px;
  display: inline-block;
  vertical-align: bottom!important;
}
.action-buttons .sprite.share.shared {
  background-position: -134px -961px;
}
.action-buttons .sprite.share.disabled {
  background-position: -118px -961px;
}
.action-buttons .sprite.share.like {
  width: 11px;
  height: 12px;
  background-position: -102px -974px;
}
.action-buttons .sprite.share.like.liked {
  background-position: -134px -974px;
}
.action-buttons .sprite.share.comment {
  width: 14px;
  height: 12px;
  background-position: -102px -987px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {  
	.sprite {
		/*border: 1px solid;*/
		background-image: url('/img/icons.png?201306120000');
		background-repeat: no-repeat;
		background-size: 200px 1200px;
		-webkit-background-size: 200px 1200px;
	}
	.tableview a .cell {
		background-image: url('/img/detail@2x.gif');
		background-size: 8px 11px;
		-webkit-background-size: 8px 11px;
	}
	#loading-throbber .throbber {
	}
	#top-content-container .throbber {
	}
	#container .sorry {
		background-image: url('/img/sorry_l.png');
		background-size: 130px 95px;
		-webkit-background-size: 130px 95px;
	}
}
/* Error Message */
div.error-msg {
	color: #FF2222;
	font-weight: bold;
}

/* {{{ announce */
#announce {
	margin: 10px auto 0 auto;
	text-align: center;
}
#announce a {
	display: inline-block;
	padding: 5px 2px;
	width: 147px;
	height: 83px;
}
#announce img {
	display: none;
}
#announce a img {
	display: inline;
	width: 147px;
	height: 83px;
}

#announce br {
	clear: both;
}
/* }}} */

/* {{{ announce-img-full */
#announce-img-full {
	margin: 10px auto 0 auto;
	text-align: center;
}
#announce-img-full a {
	display: inline-block;
}
#announce-img-full img {
	display: none;
}
#announce-img-full a img {
	display: inline;
    width: 100%;
}
#announce-img-full br {
	clear: both;
}
/* }}} */

.thread1 .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: 48px 48px;
	-moz-background-size: 48px 48px;
	background-size: 48px 48px;
}

.thread1 .community_genre {
	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: 48px 48px;
	-moz-background-size: 48px 48px;
	background-size: 48px 48px;
}

/* {{{ animations */
.fadeout {
	opacity: 0 !important;
}
.fadein {
	opacity: 1.0 !important ;
}
/* }}} */

.upload_image_button {
	height: 26px;
	width: 26px;
}

.coin_monthly_list {
	float: left;
}

/* {{{ announce-horizontal */
#announce-horizontal {
    margin: 15px auto 10px auto;
    text-align: center;
}
#announce-horizontal a {
    display: inline-block;
    padding: 0px 3px;
    width: 138px;
    height: 166px;
}
#announce-horizontal img {
    display: none;
}
#announce-horizontal a img {
    display: inline;
    width: 138px;
    height: 166px;
}
#announce-horizontal br {
    clear: both;
}
/* }}} */

/* end */