@charset "euc-jp";

/*
 * vim: foldmethod=marker foldmarker={{{,}}} 
 */
/* {{{ layout */
div#wrapper {
	background-image: url('/img/gree/2009/bg01.png');
	background-color: #c0e4ed;
	background-repeat: repeat-x;
	background-position: bottom;
	background-attachment: fixed;
}
div#container.col3 {
	width: 960px;
}
div#container.col2 {
	width: 726px;	
}
div#right-content {
	float: left;
	width: 224px;
	margin-left: 10px;
}
/* }}} */
/* {{{ テーブルレイアウト */
table#body-2col {
	float: left;
	width: 726px;
	max-width: 726px;
	border-collapse: collapse;
}
table#body-2col td.maincol {
	vertical-align: top;
	background-color: #fff;
	width: 505px;
	max-width: 505px;
	padding: 10px 10px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
}
table#body-2col td.subcol {
	width: 200px;
	max-width: 200px;
	vertical-align: top;
	background-color: #fff;
 	background: url('/img/gree/2009/trans_bg.png') repeat;
	border-right: 1px solid #a6d6e4;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
}
/* }}} */
/* {{{ サブカラム */
table#body-2col td.subcol div.box {
	margin:0 0 10px 10px;
	overflow: hidden;
}
table#body-2col td.subcol div#profile {
	margin-top: 10px;
}
table#body-2col td.subcol div#profile h1 {
	font-size: 1.2em;
	margin-bottom: 10px;
}
table#body-2col td.subcol div.box h1 {
	font-size: 1em;
	margin: 0 0 3px 0;
}
table#body-2col td.subcol div.box h1 a {
	color: #222;
}
table#body-2col td.subcol div#profile h2 {
	font-size: 1.2em;
	margin-bottom: 10px;
}
table#body-2col td.subcol div.box h2 {
	font-size: 1em;
	margin: 0 0 3px 0;
}
table#body-2col td.subcol div.box h2 a {
	color: #222;
}
table#body-2col td.subcol div.box h2 a.seemore {
	float: right;
	display: block;
	font-size: 0.9em;
	margin-right: 5px;
	font-weight: normal;
}
table#body-2col td.subcol div.box div.seemore {
	display: block;
	text-align: right;
	font-size: 0.9em;
	padding-right: 5px;
	margin-top: 2px;
}
/* {{{ documentation  */
table#body-2col td.subcol div.documentation {
	margin: 10px;
}
table#body-2col td.subcol div.documentation h1.title {
	border-bottom: 1px solid #888;
	line-height: 2em;
}
table#body-2col td.subcol div.documentation ul {
	margin-left: 10px ;
	font-size: 0.9em;
	padding: 0 0 0 5px;
}
table#body-2col td.subcol div.documentation li {
	list-style-type: disc;
	margin: 5px 0;
}
/* }}} */
/* {{{ フィルタメニュー */
table#body-2col td.subcol ul.menu {
	margin-bottom: 10px;
}
table#body-2col td.subcol ul.menu li {
	line-height: 2em;
}
table#body-2col td.subcol ul.menu li.selected {
	background-color:#fff;
	border: 1px solid #a6d6e4;
	font-weight: bold;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-right: 1px solid #fff;
	margin-right: -1px;
	margin-left: 5px;
	padding: 0px 0 0px 5px;
	position: relative;
}
table#body-2col td.subcol ul.menu li a {
	display: block;
	color: normal;
	margin-left: 5px;
	padding-left: 5px;
}
table#body-2col td.subcol ul.menu li.selected a {
	color: #222;
	display: inline;
	padding-left: 0;
	margin-left: 0;
}
table#body-2col td.subcol ul.menu li ul{
	display: none;
}
table#body-2col td.subcol ul.menu li.selected ul {
	display: block;
}
table#body-2col td.subcol ul.menu li.selected ul li{
	font-weight: normal;
	padding-left: 0;
	color: normal;
}
/* }}} */
/* {{{  友だちリスト, コミュニティリスト */
table#body-2col td.subcol div.friendlist img,
table#body-2col td.subcol div.communitylist img,
table#body-2col td.subcol div.joinlist img {
	width: 35px;
	height: 35px;
}
table#body-2col td.subcol div.friendlist a,
table#body-2col td.subcol div.communitylist a,
table#body-2col td.subcol div.joinlist a {
	display: block;
	float: left;
	width: 35px;
	height: 35px;
	margin: 0 2px 2px 0;
	position: relative;
}
table#body-2col td.subcol div.friendlist a span.online-icon {
	display: inline-block;
	font-size: 0;
	background: #fff url('/img/gree/2009/main_icon.gif') 0px -260px no-repeat;
	width: 11px;
	height: 11px;
	position: absolute;
	bottom: 0;
	right: 0;
}
/* }}} */
/* {{{ report */
table#body-2col td.subcol div.box.sublink a {
	font-size: 0.9em;
	color: #aaa;
}
/* }}} */
table#body-1col {
	clear:both;
	float: left;
	vertical-align: top;
	width: 726px;
	max-width: 726px;
	border-collapse: collapse;
}
table#body-1col td.maincol {
	vertical-align: top;
	background-color: #fff;
	width: 726px;
	max-width: 726px;
	padding: 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

/* }}} */
/* {{{ standard box */
div.box .title {
	margin: 0 0 5px 0;
	height: 27px;
	line-height: 200%;
	padding-left: 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size: 1em;
	color: #fff;
	background-color: #6fc3df;
}
td.maincol div.box h1.title,
td.maincol div.box h1.title a {
	text-align: left;
	font-size: 1em;
	color: #fff;
}
td.maincol div.box h1.title div.emoji_sprite {
    margin-top: 3px;
}
td.maincol div.box h1.title a.edit {
	margin: 0 8px 0 0;
	font-weight: normal;
	float: right;
}
td.maincol div.box h3.title,
td.maincol div.box h3.title a {
	text-align: left;
	font-size: 1em;
	color: #fff;
}
td.maincol div.box .content h2 {
	font-weight: bold;
	line-height: 2em;
	margin: 0 0 0 0;
}
td.maincol div.box .content h3 { 
	font-weight: bold;
}
td.maincol div.box .content h4 {
	font-weight: bold;
	line-height: 2em;
	border-bottom: 1px solid #888;
}
td.maincol div.box .content h4 a {
	font-weight: normal;
}
td.maincol div.box .content td.educate-left {
	padding-top: 10px;
	text-indent: -9999em;
}
td.maincol div.box .content td.educate-right {
	padding-top: 10px;
	text-indent: -9999em;
	padding-left: 10px;
}

td.maincol div.box .content td a.for-user {
	display: block;
	background: url(/img/gree/common/btn_for_user.gif) no-repeat;
	width: 247px;
	height: 43px;
}
td.maincol div.box .content td a.for-user:hover {
	background: url(/img/gree/common/btn_off_for_user.gif) no-repeat;
}
td.maincol div.box .content td a.for-minor{
	display: block;
	background: url(/img/gree/common/btn_for_minor.gif) no-repeat;
	width: 247px;
	height: 43px;
}
td.maincol div.box .content td a.for-minor:hover {
	background: url(/img/gree/common/btn_off_for_minor.gif) no-repeat;
}
td.maincol div.box .content td a.for-parents{
	display: block;
	background: url(/img/gree/common/btn_for_parents.gif) no-repeat;
	width: 247px;
	height: 43px;
}
td.maincol div.box .content td a.for-parents:hover {
	background: url(/img/gree/common/btn_off_for_parents.gif) no-repeat;
}
td.maincol div.box .content td a.gree-rule{
	display: block;
	background: url(/img/gree/common/btn_gree_rule.gif) no-repeat;
	width: 247px;
	height: 43px;
}
td.maincol div.box .content td a.gree-rule:hover {
	background: url(/img/gree/common/btn_off_gree_rule.gif) no-repeat;
}
/* }}} */ 
/* {{{ feed */
div#stream-footer a {
	margin: 10px 0;
	padding: 5px 0;
	display: inline-block;
	width: 100%;
	color: #222;
	text-align: center;
	background: #fff url('/img/gree/2009/main_icon.gif') 0px -49px repeat-x;
	border-style: solid;
	border-width: 1px;
	border-color: #ccc #ccc #888 #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
div#stream-footer a:hover {
	background-position: 0px -83px;
	text-decoration: none;
}
ul.feed-list {
	overflow: hidden;
}
ul.feed-list li.feed {
	border-top: 1px solid #eee;
	margin-top:-1px;
	padding: 10px 20px 10px 0 ;
}
ul.feed-list li.hidden {
	display: none !important;
}
ul.feed-list li.feed div.portrait {
	float: left;
}
ul.feed-list li.feed div.portrait img {
	width: 48px;
	height: 48px;
}
ul.feed-list li.feed div.item {
	margin-left: 55px;
}
ul.feed-list li.feed div.item div.head a.stop-subscribe {
	color: #888;
	font-size: 0.9em;
	float: right;
	margin-right: -10px !important;
	display: none !important;
}
ul.feed-list li.feed:hover div.item div.head a.stop-subscribe {
	display: block !important;
}
ul.feed-list li.feed div.item  div.portrait-25 {
	float: left;
	width:25px;
	margin: 2px 5px 2px 0;
}
ul.feed-list li.feed div.item  div.portrait-25 img {
	width: 25px;
	height: 25px;
}
ul.feed-list li.feed div.item div.response {
	color: #888;
	margin:2px 0 0 0;
	font-size:0.9em;
}
ul.feed-list li.feed div.item div.response a {
	color: #888;
}
ul.feed-list li.feed div.item div.content div.attachment {
	margin-top: 5px;
}
ul.feed-list li.feed div.item div.content.photo {
	margin-top:10px;
	overflow: hidden;
}
ul.feed-list li.feed div.item div.content.impress {
	margin-top: 10px;
}
ul.feed-list li.feed div.item div.content.review {
	margin-top: 5px;
	overflow: hidden;
}
ul.feed-list li.feed div.item div.content.activity {
}
ul.feed-list li.feed div.item div.content div.photo,
ul.feed-list li.feed div.item div.content div.seal,
ul.feed-list li.feed div.item div.content div.snap.pet,
ul.feed-list li.feed div.item div.content div.memory {
	float: left;
}
ul.feed-list li.feed div.item div.content div.photo {
	margin-right: 5px;
	max-width: 135px;
}
ul.feed-list li.feed div.item div.content div.photo img {
	max-height: 180px;
	max-width: 125px;
}
ul.feed-list li.feed div.item div.content div.seal img,
ul.feed-list li.feed div.item div.content div.snap.pet,
ul.feed-list li.feed div.item div.content div.memory {
	margin:5px auto;
	margin-right: 5px;
}
ul.feed-list li.feed div.item div.content.review img.product {
	float: left;
	margin: 0 5px 0 0 ;
}
ul.feed-list li.feed div.item div.content.mood img.thumbnail {
	float: left;
	margin: 0 5px 0 0 ;
}
ul.feed-list li.expand div.item {
	margin-left: 55px;
	border-top:1px dashed #EEEEEE;
	font-size:0.9em;
	padding:5px 0;
}
/* }}} */
/* {{{ user-list */
ul.user-list {
	margin-bottom: 5px;
	overflow: hidden;
}
ul.user-list li {
	border-top: 1px solid #eee;
	margin-top: -1px;
	padding: 10px 0;
	overflow: hidden;
}
ul.user-list li div.thumb {
	float: left;
	min-width: 75px;
	text-align: center;
	margin-right: 10px;
}
ul.user-list li div.portrait {
	float: left;
	width: 48px;
	margin: 0 10px 0 0;
}
ul.user-list li div.portrait img {
	width: 48px;
	height: 48px;
}
ul.user-list li div.item {
	margin-left: 55px;
}
ul.user-list li div.item div.content {
	overflow: hidden;
}
ul.user-list li div.command {
	float: right;
	overflow: hidden;
}
ul.user-list li div.command.hide {
	display: none;
}
ul.user-list li:hover div.command {
	display: block;
}
ul.user-list li div.command a {
	line-height: 1.6em;
	color: #888;
}
/* }}} */
/* {{{ mood-update-panel */ 
div#update-panel {
	min-height: 90px;
	overflow:hidden;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

div#attachment-type {
	float: left;
	color: #fff;
	padding-top: 4px;
	padding-left: 10px;
}
div#attachment-type a {
	color: #005500;
}
div#attachment-type ul li {
	display:inline;
	padding: 5px;
}
div#update-action-send {
	float: right;
	display:inline;
	text-align: left;
}
div#update-panel textarea#message {
	width: 493px;
	height: 3em;
	border: 1px solid #888;
	min-height: 3em;
	max-height: 10em;
	padding: 5px;
	line-height:1.5em;
	overflow:auto;
	margin: 0 0 5px 0;
}
div#update-panel-error {
	margin: 0 0 5px 0;
	display: none;
	font-size: 0.9em;
	color : #f22;
}
div#update-recent-mood {
	font-size: 0.9em;
	color: #888;
	margin: 4px 0 0 30px;
	width: 372px;
}

div#attachment-media-panel {
	display:none; 
	background:white; 
	width:448px;  
	margin-left:12px; 
	margin-bottom: 5px; 
	padding: 5px 5px;
}
div#attachment-review-panel {
	display:none; 
	background:white; 
	width:448px;  
	margin-left:12px; 
	margin-bottom: 5px; 
	padding: 5px 5px;
}

div.attachment-header {
	border-bottom: 1px solid #eee; 
	height: 20px;
}

div#attachment-media-panel div.attachment-content {
	text-align: center; 
	line-height: 1.5; 
	height: 60px; 
	padding-top: 10px;
}

div#attachment-review-panel div.attachment-content {
	text-align: center; 
	line-height: 1.5; 
	height: 30px; 
	padding-top: 10px;
}


/* }}} */
/* {{{ dialog */
#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  display:none;
  z-index:9999;
  padding:10px 20px 20px 10px;
}

#boxes #dialog {
  width:450px; 
  height:350px;
  background: #6fc3df;
  text-align: left;
}

#dialog .review {
  width: 100%;
  padding: 5px 5px;
  background: #fff;
}

#dialog .review_search {
	height: 40px;
	padding: 10px 10px;
}

#dialog .review_result {
  padding: 10px 10px;
}
#dialog .review_paging {
	position:absolute;
	right: 20px;
    bottom: 20px;
}

div.review-header {
	border-bottom: 1px solid #eee; 
	height: 20px;
}

div#review-selected-item {
	display: none;
	text-align: left;
	padding: 0px 7px;
}
/* }}} */
/* {{{ paging */
/* ----------------------------------------------------
	■ページング
---------------------------------------------------- */
div.paging_area {
	margin: 5px 0;
}
div#mail_select {
	margin: 3px 0;
	float: left;
}

/* 2009版ページング */
div.paging_ex {
	font-family: verdana,arial;
}

div.paging_ex div.paging_ex_wrapper {
	float: right;
}
div.paging_ex a, div.paging_ex span.current {
	display: block;
	float: left;
	min-width: 1.5em;
	text-align: center;
	padding: 0 2px;
	margin-left: 2px;
	line-height: 1.6em;
	border: 1px solid #ccc; 
}
div.paging_ex span.current {
	font-weight: bold;
	background-color: #eeeeee;
	border-color: #ccc;
	color: #666;
}
/* }}} */
/* {{{ comment-list */
ul.comment-list {
	background-color: #ebf4f6;
	overflow: hidden;
}
ul.feed-list ul.comment-list {
	background-color: #ebf4f6;
	width: 375px;
	overflow: hidden;
}
ul.comment-list li {
	padding: 5px 6px;
	border-bottom: 1px solid #fff;
}
ul.comment-list li.head {
	border-bottom: none;
	padding: 0;
	display: block;
	height: 16px;
	position: relative;
	overflow: hidden;
}
ul.comment-list li.head div.tri {
	width: 60px;
	height: 16px;
	position: absolute;
	top: 0;
	left: 0;
	background: url('/img/gree/2009/main_icon.gif') 0px -172px no-repeat;
}
ul.comment-list li.head div.bg {
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 60px;
	width: 100%;
	height: 16px;
}
ul.comment-list li.like {
	color: #888;
	font-size: 0.9em;
}
ul.comment-list li div.portrait-25 {
	float: left;
	width:25px;
	margin: 2px 5px 2px 0;
	display: inline;
}
ul.comment-list li div.portrait-25 img {
	width: 25px;
	height: 25px;
}
ul.comment-list li div.portrait-48 {
	float: left;
	width: 48px;
	margin: 2px 5px 2px 0;
	display: inline;
}
ul.comment-list li div.portrait-48 img {
	width: 48px;
	height: 48px;
}
ul.comment-list li div.item {
	margin-left: 55px;
}
ul.feed-list ul.comment-list li div.item {
	overflow: visible;
	margin-left: 30px;
}
ul.comment-list li div.shoulder {
	display: inline;
	font-size: 0.9em;
	color: #888;
}
ul.comment-list li div.shoulder a {
	color: #888;
}
ul.comment-list li div.response { 
	font-size: 0.9em;
	color: #888;
}
ul.comment-list li div.response a {
	color: #888;
}
ul.comment-list li.comment-box textarea.comment-input {
	width: 98.5%;
	height: 1.5em;
	margin: 0px 0px 5px 0px;
	overflow: visible;
	display: inline;
}
ul.feed-list ul.comment-list li.comment-box textarea.comment-input {
	width: 98%;
}
ul.comment-list li.comment-box div.comment-input-buttons {
	float: right;
}
ul.comment-list li.showall {
	text-align:left;
	font-size: 0.9em;
}
/* }}} */
/* {{{ action -panel */
td.subcol ul.action-panel li{
	margin-right: 5px;
	float: left;
}
td.maincol .action-panel {
	text-align: center;
	margin:10px 0;
}
/* }}} */
/* {{{ table.form */
table.form {
	background-color: #ebf4f6;
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 10px;
}

table.form th {
	font-weight: bold;
	vertical-align: top;
	text-align: right;
	white-space: nowrap;
	padding: 10px;
	border-bottom: 2px solid #fff;
	white-space: normal;
}
table.form td {
	padding: 10px;
	border-bottom: 2px solid #fff;
}
table.form td p {
	margin: 0px 0px 3px 0px;
}

table.form td textarea {
	font-size: 1em;
	margin:0;
	width: 95%;
}
table.form td input[type=text],
table.form td input[type=password] {
	font-size: 1em;
	margin:0;
	width: 95%;
	vertical-align: middle;
}
table.form input {
	vertical-align: middle;
}
table.form ol {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
table.form ol li {
	border-bottom: 1px solid #fff;
	padding: 5px 0px 5px 0px;
}
/* }}} */
/* {{{ table.item_list */
table.item_list {
	border-collapse: collapse;
}
table.item_list th {
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	line-height:1.6em;
	text-align: left;
}
table.item_list td {
	border-bottom: 1px solid #eee;
	overflow:hidden;
	padding: 3px 2px;
}
table.item_list td img.portrait-25 {
	margin: 0 5px -8px 0;
}
table.item_list td.timestamp {
	color: #888;
	font-size: 0.9em;
}
/* }}} */
/* {{{ dl.info */
div.content dl.info dt {
	font-weight: bold;
	font-size: 0.9em;
	line-height: 1.1em;
	color: #888;
	width: 60px;
	float: left;
	padding: 2px 0 2px 3px;
	background-color: #eee;
	margin-bottom: 2px;
}
div.content dl.info dd {
	float: left;
	line-height: 1.1em;
	width: 180px;
	padding: 2px 0 2px 5px;
	margin-bottom: 2px;
}
/* }}} */
/* --------------------------------------------------
  いろんな画面で使われる細かい部品
  -------------------------------------------------*/
/* {{{ inline parts */
span.arrow {
	color: #888;
	font-size: 10px;
}
span.gray {
	color: #888;
}
span.special-icon {
	display: inline-block;
	font-size: 0;
	text-indent: -9999em;
	background: url('/img/gree/2009/main_icon.gif') 0px -230px no-repeat;
	width: 56px;
	height: 20px;
	margin-bottom: -3px;
}
div#wrapper a.button {
	display: inline-block;
	border: 1px solid #888;
	line-height: 1.8em;
	padding: 0 5px 0 5px;
	background-image: url('/img/gree/2009/main_icon.gif');
	background-position: 0px -54px;
	background-repeat: repeat-x;
	color: #222;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
div#wrapper a.button.auto-width{
	width: auto;
}
div#wrapper a.button:hover {
	text-decoration: none;
	background-image: url('/img/gree/2009/main_icon.gif');
	background-position: 0px -83px;
}
div#wrapper .button2 {
	float: right;
	margin: 10px 0 0 5px;
	font-size: 12px;
	border: 1px solid #ccc;
	background-color: #eee;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	width: 100px;
	padding: 4px 0;
	color: #000;
	text-align: center;
	vertical-align: center;
	text-decoration: none;
}

div#wrapper .button2.grayed {
	border-color: #ccc;
	background-color: #fff;
}

div#wrapper input.button {
	padding: 3px 5px; 
	display:block;
	color: #222;
	text-align: center;
	background: #fff url('/img/gree/2009/main_icon.gif') 0px -49px repeat-x;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #888;
}
div#wrapper input.button:hover {
	background-image: url('/img/gree/2009/main_icon.gif');
	background-position: 0px -83px;
	cursor: pointer;
}
div#wrapper a.button[disabled], 
div#wrapper input.button[disabled] {
	color: #ccc;
}
div#wrapper a.button[disabled]:hover,
div#wrapper input.button[disabled]:hover {
	background: #fff url('/img/gree/2009/main_icon.gif') 0px -49px repeat-x;
}

div#wrapper a.delete{
	display: inline-block;
	padding: 0px;
	width: 14px;
	height: 14px;
	font-size: 0;
	background-image: url('/img/gree/2009/main_icon.gif');
	background-position: 0px -122px;
	background-repeat: no-repeat;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
div#wrapper ul.comment-list a.delete {
	margin-bottom: -2px;
}
div#wrapper a.delete.auto-width {
	width: auto;
}
div#wrapper a.delete:hover {
	text-decoration: none;
	background-image: url('/img/gree/2009/main_icon.gif');
	background-position: 0px -136px;
}
div#wrapper a.button-gold {
	display: inline-block;
	color: #222;
	background: url('/img/gree/2009/main_icon.gif') 5px -392px no-repeat #faf1e1;
	border: 1px solid #f0e1c8;
	line-height: 1.8em;
	height: 1.8em;
	padding: 0 5px 0 25px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
div#wrapper a.button-coin {
	display: inline-block;
	color: #222;
	background: url('/img/gree/2009/main_icon.gif') -26px -426px no-repeat #faf1e1;
	border: 1px solid #f0e1c8;
	line-height: 1.8em;
	height: 1.8em;
	padding: 0 5px 0 25px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

div#wrapper a.button-gold:hover,
div#wrapper a.button-coin:hover {
    text-decoration: underline;
}
div#wrapper button.search {
	display: inline-block;
	border: 0;
	padding: 0px;
	width: 24px;
	height: 24px;
	margin-top: 1px;
	border: 1px solid #888;
	background-image: url('/img/gree/2009/main_icon.gif');
	background-position: 0px 0px;
	background-repeat: repeat-x;
	color: #222;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topright:3px;
}
div#wrapper input.search-word {
	font-size: 14px;
	margin: 0px;
	height:18px;
	padding: 2px;
	border: 1px solid #888;
	border-right: none;
 	width: 150px;
}
div#wrapper button.search:auto-width {
	width: auto;
}
div#wrapper button.search:hover {
	text-decoration: none;
	background-image: url('/img/gree/2009/main_icon.gif');
	background-position: 0px -22px;
}
div#wrapper button.search:active {
	text-decoration: none;
	background-image: url('/img/gree/2009/main_icon.gif');
	background-position: -22px -22px;
}
div#wrapper div.emoji_icon {
	display: inline-block;
	background: url('/img/gree/2009/main_icon.gif') 0px -280px no-repeat;
	height: 23px;
	width: 23px;
	padding: 1px;
	z-index: 3;
}
div#wrapper div.emoji_container {
	margin-left: 0px;
	float: left;
}
div#wrapper div.review_icon {
	display: inline-block;
	background-image: url('/img/gree/2009/main_icon.gif');
	background-position: 0px -346px;
	background-repeat: repeat-x;
	height: 23px;
	width: 23px;
	padding: 1px;
}
div#wrapper div.photo_icon {
	display: inline-block;
	background-image: url('/img/gree/2009/main_icon.gif');
	background-position: 0px -313px;
	background-repeat: repeat-x;
	height: 23px;
	width: 23px;
	padding: 1px;
}

img.portrait-48 {
	width: 48px;
	height: 48px;
}
a.portrait-25 img {
	vertical-align: middle;
	margin-right: 5px;
}
img.ajax-loader {
	margin-bottom: -3px;
}
/* }}} */
/* {{{ アイテム追加 */
table#body-2col  span.add_item {
	display: inline-block;
	width: 12px;
	height: 12px;
	background-image: url('/img/gree/2009/main_icon.gif');
	background-position: 0px -208px;
	background-repeat: none;
	color: #222;
	position: relative;
	margin-right: 3px;
}
/* }}} */
/* {{{ プロフィール画像 */
div#profile_img {
	position: relative;
	margin-bottom: 5px;
	width: 100%;
}
div#profile_img .overlay {
	color: #888;
	position: absolute;
	left: 0;
	bottom: 0;
	display: none;
	font-size: 0.9em;
}
div#profile_img .overlay a {
	display: block;
	padding: 5px;
	background-color: #888;
	color: #fff;
}
div:hover#profile_img .overlay {
	display: block;
}
div#profile_img img.portrait {
	width: 180px;
	min-height: 10px;
	max-height: 270px;
}
div#profile_img span.portrait-cover {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 180px;
	height: 142px;
	background: transparent url(/img/gree/2009/avatar_cover.gif) 0 0 no-repeat;
}
/* }}} */
/* {{{ 写真 */
ul.feed-list div.photo a img,
div#photo-list div.photo a img,
table.thumbs div.photo a img,
div#community_bbs_view div.photo a img, 
div.community-bbs-comment-list div.photo a img, 
div.box.blog-entry div.content div.photolist a img,
div.box.blog-entry div.content div.photo a img {
	background-color: #efefef;
	border-color:#cccccc;
	border-style:solid;
	border-width:1px;
	padding:5px;
}
ul.feed-list div.photo a:hover img,
div#photo-list div.photo a:hover img,
table.thumbs div.photo a:hover img,
div#community_bbs_view div.photo a:hover img,
div.community-bbs-comment-list div.photo a:hover img,
div.box.blog-entry div.content div.photolist a:hover img, 
div.box.blog-entry div.content div.photo a:hover img {
	border:1px solid #888;
}
/* }}} */
/* {{{ notice */
div.notice,
div.notice p {
	line-height: 1.3em;
	font-size: 0.9em;
	font-weight: normal;
	color: #888;
}
/* }}} */
/* {{{ 汎用p */
p.vspace {
	padding: 5px 0;
	line-height: 1.6em;
}
p.center {
	text-align: center;
}
p.right {
	text-align: right;
}
p.caution {
	padding-left: 20px;
	background: url(/img/com/icon/269.gif) no-repeat left top;
	color: #f22;
}
div.error-msg {
	color: #f22;
	font-weight: bold;
}
/* }}} */
/* {{{ buttonbg */
div.buttonbg {
	text-align: center;
}
/* }}} */
/* {{{ ページング左に置くフィルタ */
div.content ul.filter {
	overflow: hidden;
	padding: 3px 0;
	float: left;
}
div.content ul.filter li {
	float: left;
	margin-left: -1px;
	padding: 0 5px;
	border-left: 1px solid #888;
}
div.content ul.filter li.selected {
	font-weight: bold;
}
div.content ul.filter li.selected a {
	color: #222;
}
/* }}} */
/* {{{ メインカラム上部に置く通知・おススメアクション */
td.maincol div.suggestion {
	margin-bottom: 10px;
	background-color: #fee;
	border: 1px #fcc solid;
	line-height: 1.6em;
	min-height: 1.6em;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	position: relative;
	overflow: hidden;
}
td.maincol div.bubble div.suggestion  {
	margin-bottom: 0;
}
td.maincol div.suggestion div.text {
	width: 340px;
}
td.maincol div.suggestion  a {
	font-size: 0.9em;
}

td.maincol div.suggestion.guidance div.text {
	background: url(http://i.gree.jp/img/com/icon/028.gif) no-repeat left 2px;
	padding-left: 20px;
}
td.maincol div.suggestion div.action {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -12px;
}
td.maincol div.suggestion div.action.multi {
	top:38%;
}
td.maincol div.suggestion.guidance.celeb {
	position:static;
	overflow: hidden;
}
td.maincol div.suggestion.guidance.celeb div.text {
	float: left;
	width: 200px;
}
td.maincol div.suggestion.guidance.celeb div.action {
	position: static;
	margin-left: 200px;
}
td.maincol div.suggestion.guidance.celeb div.action a.person {
	display:block;
	float: left;
	width:75px;
	margin-left: 10px;
	text-align: center;
}
td.maincol div.suggestion.guidance.celeb div.action a.person:hover {
	text-decoration:none;
}

td.maincol div.suggestion.guidance.textonly div.text {
	width: auto;
}

td.maincol div.suggestion div.invite_msg {
	margin-left: 5px;
}
td.maincol div.suggestion div.invite_action {
	margin-top: 10px;
	margin-left: 340px;
}
td.maincol div.bubble div.tip {
	height:11px;
	width: 28px;
	margin:0px 0 0px 20px;
	position: relative;
	top: -1px;
	background: url(/img/gree/2009/main_icon.gif) no-repeat 0 -420px ;
}

/* }}} */
/* {{{ ストリーム新着通知 */
td.maincol div.action_notice,
td.maincol div.stream_notification {
	background-color: #fee;
	border: 1px #fcc solid;
	border-left: none;
	border-right: none;
	padding: 5px;
	position: relative;
	margin-top: -1px;
	padding-left: 55px;
}
td.maincol div.stream_notification:hover {
	background-color: #fdd;

}
td.maincol div.stream_notification a span.reload {
	color: inherit;
}
td.maincol div.stream_notification a.update_action {
	display: block;
	text-decoration: none;
	color: #f22;
}
td.maincol div.stream_notification a.update_action:focus {
	outline: none;
}
/* }}} */
/* {{{ テーブルサムネイル */
table.thumbs {
	line-height: 1.6em;
	border-collapse: collapse;
}
table.thumbs td {
	padding: 5px;
	text-align: center;
}
table.thumbs td img.selected {
	border: 1px solid #f99;
	background-color: #fdd;
}
/* }}} */
/* {{{ ラジオボタンリスト */
ul.choice {
	line-height: 1.6em;
}
ul.choice input {
	vertical-align: middle;
}
/* }}} */
/* {{{ 左ナビ */
table#body-2col td.subcol ul.menu li ul.classify {
	margin-bottom: 5px;
	font-size: 0.9em;
}
table#body-2col td.subcol ul.menu li ul.classify li.sub {
	margin-bottom: 10px;
}
table#body-2col td.subcol ul.menu li ul.classify li div {
	margin-left: 0px;
	line-height: 1.6em;
}
table#body-2col td.subcol ul.menu li ul.classify li div.selected {
	font-weight: bold;
	color: #222;
}
table#body-2col td.subcol ul.menu li ul.classify li div.not_selected,
table#body-2col td.subcol ul.menu li ul.classify li div.not_selected a {
	color: #18afd5;
}
table#body-2col td.subcol ul.menu li ul.classify li div.not_selected span.no_apply {
	color: #222;
}
table#body-2col td.subcol ul.menu li ul.classify li div span.embeded_value {
	display: none;
}
table#body-2col td.subcol ul.menu li ul.classify li div.selected dfn {
	position: relative;
	top: -0.12em;
	padding-right: 2px;
}
/* }}} */
/* {{{ 下部のセパレータ */
div.footlink span.separate,
div.response span.separate,
div.link span.separate,
div#mail_select span.separate {
	display: inline-block;
	width: 5px;
	line-height: 10px;
	height: 10px;
	margin-right: 5px;
	text-indent: -9999em;
	border-right: 1px solid #ddd;
}
/* }}} */
/* {{{ like */
div.content a.like-link-show {
	display: inline;
}
div.content a.like-link-hide {
	display: none;
}
/* }}} */
/* {{{ fqdn */
div.fqdn {
	font-size: 0.9em;
	color: #888;
}
/* }}} */
/* {{{ route */
.route {
	background: url('/img/gree/2009/main_icon.gif') no-repeat;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	float: left;
	margin-right: 2px;
	margin-top: 2px;
}
.route.mood {
	width: 14px;
	height: 13px;
	background-position: -0px -540px;
}
.route.photo {
	width: 15px;
	height: 13px;
	background-position: -0px -568px;
}
.route.appli {
	width: 14px;
	height: 13px;
	background-position: -0px -582px;
}
.route.blog {
	width: 14px;
	height: 13px;
	background-position: -0px -554px;
}
.route.friend {
	width: 14px;
	height: 13px;
	background-position: -15px -540px;
}
.route.twitter {
	width: 13px;
	height: 13px;
	background-position: -30px -540px;
}
.route.introduce {
	width: 14px;
	height: 13px;
	background-position: -15px -554px;
}
.route.community {
	width: 14px;
	height: 13px;
	background-position: -15px -568px;
}
.route.review {
	width: 14px;
	height: 13px;
	background-position: -15px -582px;
}
.route.activity {
	width: 13px;
	height: 13px;
	background-position: -30px -568px;
}
.route.feedback {
	width: 15px;
	height: 13px;
	background-position: -30px -554px;
}


/* }}} */
/*{{{ 啓発文言 edification */
.edification { 
    line-height: 1.3em; 
    margin: 0px; 
    color: #333; 
} 
.edification h3 { 
    margin: 0px; 
    color: #333; 
} 
.edification ul { 
    padding: 0px; 
    margin-top: 5px; 
} 
.edification li { 
    line-height: 1.5em; 
} 
.edification p { 
    line-height: 2em; 
    margin: 0; 
} 
.edification-message { 
    color: #666; 
} 
.edification-short-message-box {
    float: left;
    width: 385px;
    margin: 5px 10px;
    text-align: right;
}
.edification-short-message-box p {
    text-align: right;
    font-size: 12px;
    color: #666;
}
body#mail_newmail .edification {
    margin-top: 10px;
}
body#mail_receive_message .edification {
    margin-top: 10px;
}
body#community_manage_invite_form .edification {
    margin-top: 10px;
}
body#link_form .edification {
    margin-top: 10px;
}
body#home_config_profile_form .edification {
    margin-top: 10px;
}

/*}}} edification */
/*}}}*/
/* ---------------------------------------------------
   以下は特定action固有のもの
----------------------------------------------------*/
/* {{{ ホーム */
div#update-info {
	padding: 5px 0;
	background-color: #fee;
	border-top: 1px #fcc solid;
	border-bottom: 1px #fcc solid;
	margin-top: -2px;
}
div#update-info div.icon {
	float:left;
	display: inline;
	margin-left: 30px;
}
div#update-info ul li {
	color: #f22;
	margin-left: 55px;
	text-align:left;
}
div#update-info ul li a {
	color: #f22;
}
/* {{{ 非サポートブラウザ向け */
div#outdated {
	background-color: #fee;
	padding: 5px;
	border: 2px solid #f99;
	margin: 0 0 10px 185px;
	width: 550px;
}
div#outdated div.explain {
	float: left;
	width: 350px;
}
div#outdated div.browser-icons {
	float: right;
	width: 200px;
	text-align: right;
}
div#outdated div.browser-icons a {
	margin-left: 4px;
}
/* }}} */
/* {{{ right-content */ 
div#right-content div.banner {
	width: 224px;
	text-align: right;
	margin-bottom: 5px;
	font-size: 0;
}
div#right-content div.boxwrapper {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #ebf4f6;
}
div#right-content div.box {
	margin: 10px;
	padding: 10px 0;
}
div#right-content div.box h2,
div#right-content div.box h2 a {
	font-weight: bold;
	color: #222;
	margin-bottom: 5px;
}
div#right-content div#notice,
div#right-content div#findfriends,
div#right-content div#news,
div#right-content div#greedic,
div#right-content div#pgames {
	border-bottom: 1px solid #ccc;
}
div#notice div.content li,
div#news div.content li.headline {
	margin-left: 2px;
	padding-left: 10px;
	height: 1.6em;
	line-height: 1.6em;
	background:url('/img/gree/2009/main_icon.gif') 0px -371px no-repeat;
}
div#right-content div.content li.seemore {
	text-align: right;
	font-size: 0.9em;
}
/* Findfriends */
div#right-content div#findfriends {
	padding-top: 0;
}
div#findfriends li {
	padding-bottom: 5px;
}
div#findfriends li.seemore {
    padding: 0;
}
div#findfriends li div.portrait {
	float: left;
	width: 48px;
}
div#findfriends li div.content {
	margin-left: 55px;
	color: #222;
}
div#findfriends li a.name {
	font-weight: bold;
}
/* ニュース */
div#right-content div#news {
	padding-top: 0;
}
div#news div.content li.headline {
	overflow: hidden;
}
/* 芸能ブログ */
div#right-content div#celeb {
	padding-top: 0;
}
div#celeb li {
	padding-bottom: 5px;
}
div#celeb li div.portrait {
	float: left;
	width: 48px;
}
div#celeb li div.content {
	margin-left: 55px;
}
div#celeb li a.name {
	font-weight: bold;
}
div#celeb li a.entry {
	color: #222;
}
/* pgames */
div#right-content div#pgames {
	padding-top: 0;
}
/* }}} */
/* {{{ left_content */
table#body-2col td.subcol div.content div.seemore  {
	text-align: right;
	margin: 5px 0px;
}
/* }}} */
/* }}} */
/* {{{ プロフィール */
div#introduction {
	margin-bottom: 10px;
}
div#introduction dl.info {
	margin-bottom: 10px;
}
div#introduction .footlink {
	text-align: right;
	border-top: 1px solid #eee;
	padding-top: 5px;
	margin-bottom: 10px;
}
/* }}} */
/* {{{ ブログ系 */
div.box.blog-entry {
	margin-bottom: 5px;
}
div.box.blog-entry div.content div.footlink {
	border-top: 1px solid #eee;
	padding-top: 5px;
	margin-top:5px;
	margin-bottom: 0px;
	font-size:0.9em;
	color: #888;
}
div.box.blog-entry div.content div.footlink a {
	color: #888;
}
/* コンテンツ */
div.box.blog-entry div.content div.photolist {
	float:right;
	margin-left: 10px;
}
div.box.blog-entry div.content div.photo {
	text-align: center;
}
/* レビュー */
div.diaryreview {
	clear:right;
	overflow:hidden;
	padding:10px;
	width: 400px;
	border: 1px solid #888888;
	margin: 5px auto;
}
div.diaryreview div.amazondesc h4 {
	line-height: 1.5em !important;
	font-size: 14px !important;
	border: none !important;
}
div.diaryreview div.amazondesc h4 a {
	font-weight: bold;
}
div.diaryreview .amazonimg {
	float:left;
	text-align:center;
	width:160px;
}
/* クリノッペ */
div.gree-snap-tag {
	background-color:#000000;
	padding: 15px;
	text-align:center;
	width: 240px;
}

/* ページング */
div.diary-pagenavi {
    margin: 5px 0 5px 0;
}
div.diary-pagenavi ul,
div.diary-pagenavi ul li {
    margin: 0;
    padding: 0;
}
div.diary-pagenavi ul {
    width: 100%;
    overflow: hidden;
    list-style-type: none;
}
div.diary-pagenavi li.top,
div.diary-pagenavi li.prev,
div.diary-pagenavi li.next {
    display: block;
    float: left;
    height: 1.6em;
    line-height :1.6em;
}
div.diary-pagenavi li.prev,
div.diary-pagenavi li.next {
    width: 180px;
}
div.diary-pagenavi li.top {
    width: 125px;
    text-align: center;
}
div.diary-pagenavi li.prev {
    text-align: left;
}
div.diary-pagenavi li.next {
	float:right;
    text-align: right;
}

table.form dl.upload-form dt {
	float: left;
	width: 1em;
}
/* 月選択プルダウン */
ul.menu div.month-list {
	font-weight: normal;
}

body#blog_entry_edit ul.upload-form {
	margin-bottom: 3px;
}
body#blog_view_per_month table.item_list td.timestamp {
	width: 100px;
	text-align: right;
}
/* }}} */
/* {{{ アクセス系 */
table#access-history {
	border-collapse: collapse;
	overflow: hidden;
	line-height: 2em;
}
table#access-history td	{
	padding: 2px 0 4px 0px;
	border-top: 1px solid #eee;
}
table#access-history tr.first td {
	border-top: none;
}
table#access-history td.name {
	width: 80%;
}
table#access-history td.timestamp {
	color: #888;
	font-size: 0.9em;
	text-align: right;
}
table#access-history td.name img.photo-25 {
	margin: 0 5px -8px 0;
	width: 25px;
	height: 25px;
}
div#access-statistics div.ranking {
	margin: 0 0 5px 0;
}
div#access-statistics div.ranking span.rank {
	font-family: "Gill Sans", "Verdana", sans-serif;
	font-weight: bold;
	font-size: 1.1em;
}
div#access-statistics ul.notice {
	background-color: #eee;
	text-align: left;
	padding: 5px 5px 5px 0px;
}
div#access-statistics ul.notice li{
	margin-left:20px;
	list-style-type: disc;
}
/* }}} */
/* {{{ メール系 */
ul#mail-navi.menu {
	margin-top: 10px;
}
table.item_list tr.unread {
	background-color: #eee;
}
table.item_list tr.unread div.message { 
	font-weight: bold;
}
table.item_list td div.from,
table.item_list td div.to {
	width: 120px;
	height: 1.3em;
	line-height: 1.3em;
	float: left;
	overflow: hidden;
}
table.item_list td div.from a,
table.item_list td div.to a {
	color: #222;
}
table.item_list.receive-list div.message,
table.item_list.sent-list div.message {
	width: 289px;
	height: 1.3em;
	line-height: 1.3em;
	overflow: hidden;
}
table.item_list.receive-list div.message img.state-icon,
table.item_list.sent-list div.message img.state-icon {
	margin: -0.3em 0px;
}
div#check-array-box {
	padding-left: 2px;
}
div#check-array-box input[type=checkbox] {
	margin: 0;
}
div#mail-message div.notice {
	color: #f22;
	margin-bottom:5px;
	padding: 5px;
	background-color: #ffefef;
}
div#mail-message div.portrait {
	width: 48px;
	float: left;
	overflow: hidden;
}
div#mail-message div.item {
	margin-left: 55px;
}
div#mail-message div#reply-box {
	margin-left: 0px;
}
div#mail-message div.message {
	margin-top: 5px;
}
div#mail-message div.item div.footlink {
	font-size: 0.9em;
	margin-bottom: 10px;
}
div#mail-message div.item div.footlink a,
div#mail-message div.item div.footlink span.timestamp{
	color: #888;
}
div#mail_form tr.to td {
	line-height:2em;
}
div#mail_form tr.to td img.photo-25 {
	margin: 0 5px -8px 0;
	width: 25px;
	height: 25px;
}
div#mail_form .edification {
    margin-top: 10px;
}
div#mail-form div.buttonbg a {
	font-size: 0.9em;
}
div#reply-box {
	background-color: #ebf4f6;
	padding: 10px;
}
div#reply-box div.portrait-48 {
	float: left;
	width: 48px;
	margin: 2px 5px 2px 0;
	display: inline;
}
div#reply-box div.body {
}
div#reply-box div.submit-form {
	text-align: right;
}
div#reply-box div.submit-form a {
	font-size: 0.9em;
}
div#reply-box div.body textarea {
	width: 475px;
	margin: 0 0 10px 0;
	height: 8em;
}
div#newmail-tolist {
	max-height: 200px;
	overflow: auto;
}
div#newmail-tolist ul li {
	display: block;
	width:48%;
	margin: 5px 0 0 0;
	float: left;
}
div#newmail-tolist ul li img.portrait-25 {
	width: 25px;
	height: 25px;
	float: left;
}
/* }}} */
/* {{{ レビュー系 */
div.review-list ul.items {
	overflow: hidden;
}
div.review-list ul.items li {
	overflow: hidden;
	margin-top: -1px;
	padding: 10px 5px 15px 0;
	border-top: 1px solid #eee;
}
div#api_review_get div.review-list ul.items li div.review_item_image {
	float: left;
	text-align: left;
	width: 100px;
}
div.review-list ul.items li div.review-item-image {
	float: left;
	text-align: center;
	width: 160px;
}
div#api_review_get div.review-list ul.items li div.review-item-image {
	text-align: left !important;
	width: 80px !important;
}
div.review-list ul.items li div.review-item-data {
	margin-left: 170px;
}
div.review-list ul.items li div.review-item-data h5 a {
	margin-top: 0px;
	height: auto;
}
div#api_review_get div.review-list ul.items li div.review-item-data {
	margin-left: 5px;
	text-align: left;
	float: left;
	width: 290px;
}
div.review-list ul.items li div.review-item-data h5 {
	font-size: 14px;
	font-weight: bold;
}
div#api_review_get div.review-list ul.items li div.review-item-data h5 {
	text-align: left;
}
div.review-list ul.items li div.review-item-data div.meta a {
	font-size:0.9em;
	color: #888;
}
div.review-list ul.items li div.review-item-data div.link span.timestamp,
div.review-list ul.items li div.review-item-data div.link a {
	font-size: 0.9em;
	color: #888;
}
div#update-review-rating {
	float: left;
}
div#update-review-rating input {
	vertical-align: middle;
}
td.subcol div#review div.portrait {
	padding: 10px 0 5px;
	text-align: center;
}
td.subcol div#review h2 a {
	color: #222;
	font-size: 1.2em;
}
td.subcol div#review table.about {
	clear: both;
}
td.subcol div#review table.about th {
	white-space: nowrap;
	width: 65px;
	color: #888;
	padding-right: 2px;
	font-weight: bold;
	text-align: left;
	font-size: 0.9em;
}
td.subcol div#review table.about td {
	color: #888;
	text-align: left;
	font-size: 0.9em;
}
td.subcol div#review div#review-num {
	color: #888;
	font-size: 0.9em;
	margin-bottom: 10px;
}
td.subcol div#review div#review-num span.num {
	font-family: serif, fantasy;
	font-size: 1.4em;
	line-height: 1em;
	font-weight: bold;
}
div#update-panel textarea.review {
	width: 493px;
	height: 5em;
	padding: 5px;
	border: 1px solid #888;
	margin: 0 0 5px 0;
	overflow:auto;
}
/* }}} */
/* {{{ コミュニティ系 */
table#community_info {
	border: 0px;
	padding: 0px;
}
table#community_info th {
	width: 60px;
	border:0;
	font-weight:normal;
	text-align:left;
	padding:0;
	vertical-align:top;
}
table#community_info td {
	vertical-align:top;
}
div.community_view p.create {
	text-align: right;
	margin: 5px 0;
}
div#community_bbs_view div.portrait {
	width: 48px;
	float: left;
	overflow: hidden;
}
div#community_bbs_view div.item {
	margin-left: 55px;
}
div#community_bbs_view div.message {
	margin-top: 5px;
}
div#community_bbs_view div.item div.footlink {
	font-size: 0.9em;
	margin-bottom: 10px;
}
div#community_bbs_view div.item div.footlink a,
div#community_bbs_view div.item div.footlink span.timestamp {
	color: #888;
}
div#community_setting_form_admin_menu li {
	text-align: left;
}

div.community-bbs-comment-list textarea {
	width:95%;
	height:10em;
}
div#community-mail div.notice ul {
	margin-left: 0;
	margin-bottom: 1em;
	padding-left: 0;
	list-style-type: none;
}
div.community_sub_link {
	float: right;
}
div#dir_community_invited ul.user-list div.footlink {
	font-size: 0.9em;
	color: #888;
}
div#dir_community_invited ul.user-list div.footlink a {
	color: #888;
}
div#community-mail .edification {
    margin-top: 10px;
}
/* }}} */
/* {{{ アクセスレポート */
div.report-configuration table {
	border: 1px solid #a6d6e4;
	background-color: #fff;
	border-spacing: none;
	border-collapse: collapse;
	width: 704px;
	margin-left: 1px;
}

div.report-configuration table th {
	background-color: #ebf4f6;
	font-weight: normal;
	vertical-align: top;
	white-space: nowrap;
	padding: 5px 10px;
	border: 1px solid #a6d6e4;
	width: 15%;
}

div.report-configuration table td {
	padding: 5px 10px;
	border: 1px solid #a6d6e4;

}

div.report-configuration table td p {
	margin: 0px 0px 5px 0px;
}

div.report-configuration table dl dd {
	margin-left: 2em;
}

div.report-configuration table select,
div.report-configuration table input {
	margin-left: 5px;
}

/* }}} */
/* {{{ 問い合わせ */
div.support_notice ul li {
	list-style-type: disc;
	padding-left: 5px;
	margin-left: 20px;
	line-height: 1.6em
}
div#support_inquiry_form table th {
	width: 80px;
}
div#support_inquiry_ext_form table th {
	width: 150px;
	vertical-align: top;
}
div#support_inquiry_ext_form table td {
	padding-bottom: 5px;
}
div#support_inquiry_ext_form table td input[type=text] {
	width: 50%;
}
div#support_report_form table th {
	width: 80px;
}
/* }}} */
/* {{{ 設定 */
div.profile-form table.form td span.url {
	line-height: 2em;
}

div.profile_picture {
	margin-bottom: 10px;
	border: 1px solid pink;
	padding: 5px;
	/*
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
	*/
}
div.profile_picture div.portrait {
	float: left;
	margin: 0 15px 0 0;
	width: 120px;
}
div.profile_picture div.portrait img {
	padding-left: 6px;
	width: 120px;
}
div.profile_picture div.item {
	text-align: left;
	overflow: hidden;
	padding-right: 5px;
}
div.profile_picture div.item .content {
	padding: 0;
}
div.profile_picture div.notice {
	margin-top: 15px;
	margin-bottom: 5px;
}
div.profile_picture div.select {
	padding: 2px;
	margin-bottom: 5px;
}
div.skin_container {
	margin-top: 5px;
	margin-bottom: 5px;
}
div.skin_container ul li {
	float: left;
	margin-left: 10px;
	margin-top: 5px;
}
div.skin_container ul li.first {
	float: left;
	margin-left: 0px;
	margin-top: 5px;
}
div.skin_container ul li a {
	outline; none;
}
div.skin_container ul li a.selected img {
	border: 1px solid #888;
}
div.skin_container ul li a img {
	width: 106px;
	padding: 5px;
	border: 1px solid #ccc;
	background: #f5f5f5;
}
div.skin_container ul li a:hover img{
	border: 1px solid #888;
}
/* }}} */
/* {{{ 検索 */
#search_box {
	margin: 0px 0px 10px 10px;
	text-align: left;
}
div#search_switch div.content div.more {
	text-align: right;
}
div#search_switch div.content div.more a {
	font-size: 0.9em;
	color: #888888;
}
div#search_switch div.content ul.notice li {
	line-height: 1.6em;
	list-style-type: disc;
	margin-left: 20px;
	padding-left: 5px;
}
td.subcol ul.menu input[type=text] {
	margin: 0 2px;
	line-height: normal;
	padding: 1px;
}
/* }}} */
/* {{{ フォト系 */
/* TODO クラス名を整理する必要あり(親のdivから指定すべき) */
ul.outer {
	margin-top:5px;
}

ul.outer li {
	float: left;
	list-style: none;
	margin-bottom: 5px;
	margin-top: 5px;
	width: 244px;
	_width: 245px;
	position: relative;
}

ul.outer li.odd {
	clear: left;
}

ul.outer li.even {
	/* IE 避け */
	_float: none;
	margin-left: 15px;
}

/* 写真のボックスの中身 */
ul.outer li h4 {
	white-space: nowrap;
	margin: 0 0 5px 0;
	line-height: 1em;
	padding: 5px 0 5px 0;
	font-size: 12px;
}

ul.outer li div.photo img {
	max-width: 235px; 
}

ul.outer li .status {
	color: #888;
	position: absolute;
	left: 0;
	bottom: 0;
	display: none;
	font-size: 0.9em;
}
ul.outer li .status a {
	display: block;
	float: left;
	padding: 5px;
	background-color: #888;
	color: #fff;
}
ul.outer li:hover .status {
	display: block;
}
ul.outer li div.movie {
	display: inline-block;
	background: #fff url('/img/gree/2009/movie.png') 0px 0px no-repeat;
	width: 35px;
	height: 35px;
	position: absolute;
	bottom: 13px;
	right: 5px;
}
div.recent_album_list {
	background: #eeeeee;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
	padding: 20px 0 10px 0;
	margin-top: 20px;
}
div#photo-menu-title {
	float: left;
	margin-left: 5px;
}
div#photo-menu-title .portrait {
	float: left;
}
div#photo-menu-title .item {
	width: 200px; 
	padding: 5px; 
	margin-left: 5px; 
	float:left;
}
div.recent_photo_view {
	width: 540px; 
	float:left;
}
div.recent_photo_view .status {
	font-size: 0.9em;
	color: #888;
}
div.photo_right_col {
	width: 160px; 
	float: left;
}
div.photo_add {
	text-align: center; 
	margin: 10px 0px;
}
div.recent_album_list ul.album-list li {
	margin-bottom: 10px;
	text-align: center;
}
div.photo-content div.navi {
	margin-bottom:2px;
}
div#all_album_list {
	text-align: center; 
	margin-left: 50px;
}
div#all_album_list div.album_item {
	float: left; 
	margin: 10px;
}
div#album_view .operate {
	padding: 5px;
}
div#album_view .album_preview {
	float:left; 
	padding: 15px; 
	width: 240px; 
	background: #eeeeee;
}
div#album_view .item_list {
	float:right; 
	width: 420px;
}
form.photo-form ol dl {
	overflow: hidden;
	width: 100%;
}
form.photo-form ol dt {
	clear: left;
	float: left;
	width: 70px;
}
form.photo-form ol dd {
	margin-left: 60px;
}
form.photo-form ol dd input {
}
/* {{{ 編集系 */
body#profile_album_form #album_password {
	width: 200px;
}
/* }}} */
/* {{{ profile_look_album_photo */
body#profile_look_album_photo div.photo {
	position: relative;
	text-align: center;
}
body#profile_look_album_photo ul.paging {
	display: none;
	position :absolute;
	right: 0px;
}
body#profile_look_album_photo div.photo:hover ul.paging {
	display: block;
}
body#profile_look_album_photo ul.paging li {
	float: left;
	border-top: 1px solid  #ccc;
	border-bottom: 1px solid  #ccc;
	background-color: #fff;
	font-size: 20px;
	font-family: "Lucida Grande", "Verdana", "arial";
}
body#profile_look_album_photo ul.paging li a {
	padding: 5px;
	display: block;
	text-decoration: none;
	color: #222;
}
body#profile_look_album_photo ul.paging li span {
	padding: 5px;
	display: block;
	color: #ccc;
}
body#profile_look_album_photo ul.paging li:hover {
	background-color: #eee;
}
body#profile_look_album_photo ul.paging li.back {
	border-left: 1px solid  #ccc;
	border-right: 1px solid  #ccc;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
}
body#profile_look_album_photo ul.paging li.next {
	border-right: 1px solid  #ccc;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
}

body#profile_look_album_photo div.content img#photo {
	max-width: 505px;
}
body#profile_look_album_photo div.footlink {
	padding-top: 5px;
	margin-top:5px;
	margin-bottom: 10px;
	font-size:0.9em;
	color: #888;
}
body#profile_look_album_photo div.footlink a {
	color: #888;	
}
/* }}} */
/* }}} */
/* {{{ ユーザ登録 */
table#regist-form th {
	width: 130px;
}
table#regist-form td input[type=text] {
	width: 150px;
}
table#regist-form select.user_pref {
	width: 10em;
}
/* }}} */
/* {{{ ユーザ退会 */
div#common_deluser ul.admin_community li {
	display: inline;
	margin: 8px;
	float: left;
	text-align: center;
	width: 80px;
}
div#common_deluser ul.admin_community a.img_link {
	height: 80px;
	display: block;
	background-color: transparent;
}
/* }}} */
/* {{{ パスワード再発行 */
table#password_reissue td {
	padding: 10px;
}
/* }}} */
/* {{{ よせがき */
div#yosegaki ul.user-list div.content {
	width: auto;
}
div#yosegaki div#yosegaki-image {
	text-align: center;
}
div#yosegaki div#yosegaki-image h4 {
	line-height:2.5em;
	font-size: 1.3em;
	border: none;
}
/* }}} */
/* {{{ リダイレクト画面 */
div#dialog {
	margin: 50px auto;
	padding: 80px 40px;
	width: 725px;
	background: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
/* }}} */
/* {{{ 棒グラフ */
table.vertgraph {
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}
table.vertgraph td {
	text-align: center;
	font-size: x-small;
}
table.vertgraph td span.param_num {
	display: block;
	padding: 2px 0;
}
table.vertgraph td span.bar {
	background-color: #6fc3df;
	width: 20px;
	display:block;
	margin: 0 auto;
}
table.vertgraph td span.param_title {
	display: block;
	color: #fff;
	padding: 2px 0;
	border-top: 3px #ccc solid;
	background-color: #aaa;
}
/* }}} */
/* {{{ パレット系 */
/* 絵文字パレット */
div.emoji_palette {
	margin-bottom: 5px;
	position: absolute;
	width: 355px;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	padding: 5px;
	z-index: 1000;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
a.emoji_expand {
	float: left;
}
div.emoji_palette a.emoji_item img {
	width: 16px;
	height: 16px;
}
/* フォトパレット */
div.scrollable {	
	position:relative;
	overflow:hidden;	 	
	width: 560px;	
	height: 190px;	
	margin-top: 10px;
}
div.scrollable div.items {	
	width:20000em;	
	position:absolute;
	top: 0;
	left: 0;
}
div.scrollable div.items div.photo,
div.scrollable div.items div.review {
	float:left;
	width: 130px;
	margin-right: 10px;
}
div.scrollable div.items div.photo div {
	margin-bottom: 5px;
}
/* レビューパレット */
div.scrollable a.review_item_select {
	display: block;
	float: left;
	width: 130px;
	height: 188px;
	text-align: center;
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	overflow: hidden;
}
div.scrollable a.review_item_select:hover {
	background-color: #eee;
	text-decoration: none;
}
div.scrollable a.review_item_select img {
	margin: 10px 0;
}
div.scrollable a.review_item_select span.detail {
	display: block;
	padding: 0 5px;
	font-size: 0.8em;
}

a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	height: 18px;
	float:left;
	margin: 0px;
	cursor:pointer;
}

a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

a.disabled {
	visibility:hidden !important;		
	display: none;
}

a.next, a.nextPage {
	clear:right;	
}

div.navi {
	width: 200px;
	height: 20px;
	float: right;
	margin-right: 20px;
}

div.navi a {
	width: 8px;
	height: 8px;
	float: right;
	margin: 3px;
	background: url('/img/gree/2009/scrollable/navigator.png') 0 0 no-repeat;
	display: block;
	font-size: 1px;
}

div.navi a:hover {
	background-position: 0 -8px;      
}

div.navi a.active {
	background-position: 0 -16px;     
}
a.photo_item_select {
	font-size: 12px; 
	margin-top: 5px;
}
/* }}} */
/* {{{ 設定系 */
body#blog_config_external input#diary_rss_url {
	width: 300px;
	vertical-align: middle;
}
body#home_config_gold_history th.timestamp,
body#home_config_coin_balance th.timestamp {
	width: 140px;
}
body#home_config_coin_history th.timestamp {
        width: 160px;
}
body#home_config_gold_history td.name,
body#home_config_coin_history td.name,
body#home_config_coin_balance td.name {
	width: 80px;
}
body#home_config_gold_history th.gold,
body#home_config_gold_history td.gold,
body#home_config_coin_history th.coin,
body#home_config_coin_history td.coin,
body#home_config_coin_balance th.coin,
body#home_config_coin_balance td.coin {
	text-align: right;
	width: 60px;
}
body#home_config_coin_history th.quantity,
body#home_config_coin_history td.quantity {
    text-align: right;
    width: 60px;
}

div.recent_expires_coin {
    text-align:center;
    margin:10px 50px 5px;
    padding:5px 0;
    background-color:#eee;
}
/* }}} */
/* {{{ 通知とプライバシー */
body#home_config_privacy_form ul#hide-list li,
body#home_config_privacy_form ul#ignore-list li {
	display: block;
	padding-bottom: 5px;
}
body#home_config_privacy_form ul#hide-list li img,
body#home_config_privacy_form ul#ignore-list li img {
	width: 25px;
	height: 25px;
	vertical-align: middle;
}
body#home_config_privacy_form ul#hide-list li a.delete,
body#home_config_privacy_form ul#ignore-list li a.delete {
	vertical-align: middle;
}
body#home_config_privacy_form input#user_id_value {
	width: 200px;
}
/* }}} */
/* {{{ プロフィール画像一覧 */
body#img_view table#avatar {
	border-collapse: collapse;
}
body#img_view table#avatar td {
	vertical-align: top;
}
body#img_view table#avatar td.avatar-img {
	width: 240px;
	padding: 5px 5px 0 0;
}
body#img_view table#avatar td.avatar-img div {
	position: relative;
}
body#img_view table#avatar td.avatar-img span.avatar-cover {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 240px;
	height: 190px;
	background: transparent url(/img/gree/2009/avatar_cover.gif) 0 0 no-repeat;
}
body#img_view table#avatar table.info {
	border-collapse: separate;
	border-spacing: 2px;
	margin-top: 3px;
}
body#img_view table#avatar table.info th {
	vertical-align: top;
	width: 70px;
	font-size: 0.9em;
	padding: 2px;
	color: #888;
	background-color: #eee;
}
body#img_view table#avatar table.info td {
	vertical-align: top;
	width: 165px;
	padding: 2px;
}
/* }}} */
/* {{{ 友だち招待 */
div.invitation_campaign h4 {
	font-weight: bold;
	line-height: 2em;
	border-bottom: 1px solid #888;
}
div.invitation_campaign ul li {
	font-size: 0.9em;
	list-style-type: disc;
	margin-left: 20px;
	line-height: 1.6em;
}
/* }}} */
/* {{{ docs_XXX */
td.maincol div.box.docs {
	line-height: 1.6em;
}
td.maincol div.box.docs h2 {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding:0 0 0 8px;
	margin: 10px 0 5px;
	background-color: #eee;
	background-image:url(/img/gree/2009/news_main_icon.gif);
	background-position:0 -450px;
	background-repeat: repeat-x;
}
td.maincol div.box.docs h3 {
	margin: 10px 0 5px 0;
	border-bottom: 1px solid #222;
}
td.maincol div.box.docs h5 {
	padding:0 0 0 8px;
}
td.maincol div.box.docs ul li {
	list-style-type: disc;
	margin-left: 25px;
}
td.maincol div.box.docs ol li {
	list-style-type: decimal;
	margin-left: 25px;
}
td.maincol div.box.docs ol li li{
	list-style-type: lower-alpha;
}
/* }}} */
/* {{{ いいねポップアップ */
div#wrapper.share,
body#share_write div#wrapper,
body#share_commit div#wrapper {
	background-image: none;
	padding-bottom:20px;
}
div#g_container_share {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
div#g_container_share  h1 {
	margin-left:30px;
}
div#g_container_share div#navi02 {
	margin-right:30px;
}
div#g_container_share div#navi02 li.friend_btn {
	color:#888;
}
div#container.share {
	width:auto;
}
div#dialog_share {
	margin: 20px auto;
	padding: 80px 40px;
	width: 445px;
	background: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
table#body-share {
	clear:both;
	margin: auto auto;
	vertical-align: top;
	border-collapse: collapse;
	width:525px;
}
table#body-share td.maincol {
	vertical-align: top;
	background-color: #fff;
	padding: 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
table#body-share table.form td.share_title{
	background-color: #FFFFFF;
	padding-left: 0px;
}
table#body-share table.form td.share_posted{
	padding: 1px;
}
table#body-share div.share_text{
	margin-left: 58px;
}
table#body-share div.share_portrait{
	float:left;
	width:48px;
}
table#body-share img.thumbnail {
	float:left;
	margin-right:10px;
}
table#body-share a#reg-button {
	margin:10px auto;
}
table#body-share h3.reg-title,
table#body-share div.reg-box {
	margin: 0 auto;
}
table#body-share table.login-box {
	margin:0;
}
div#footer.no-link,
body#share_write div#footer,
body#share_commit div#footer {
	padding-top:20px;
}


/* }}} */