/* common settings */
* html {background-color:#FFF;}
body {
	background-color:#FFF;
	position:relative;
	margin:0;
	padding:0;
	font-family:MS UI Gothic;
	font-size:9pt;
	color:#333;
}
h1, h2, h3, h4, h5 {
	margin:0;
	padding:0;
	font-size:9pt;
}
p, dl, dd, dt, ul, ol, li, label, fieldset {
	margin:0;
	padding:0;
}
ul, ol, li {
	list-style:none;
}
em {
	font-style:normal;
}
input, textarea, select, table {
	font-family:MS UI Gothic;
	font-size:9pt;
	color:#333;
}
input, select, img {
	vertical-align:middle;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
td, th, tr{
	padding:0;
}
img, fieldset {
	border:none;
}
form {
	margin:0;
}
a {
	color:#258;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a img {
	vertical-align:top;
}

/* berry */
.berry {
	background:url(http://image.ntomo.jp/image/common/icon_berry.gif) 0 25% no-repeat;
	padding-left:13px;
}
.ncoin {
	background:url(http://image.ntomo.jp/image/common/icon_ncoin.gif) 0 25% no-repeat;
	padding-left:13px;
}

/* paging */
#paging {
	margin:15px 0;
	font-size:9pt;
	color:#666;
	line-height:15px;
	text-align:center;
}
#paging img {
	margin-bottom:3px;
}
#paging a {
	color:#666;
}
#paging .bt_prev {
	margin-right:3px;
}
#paging .bt_next {
	margin-left:3px;
}

/* search */
#search {
	text-align:center;
}


/* avatarMenu */
#avatarMenu {
	position:absolute;
	visibility:hidden;
	width:129px;
	background:url(http://image.ntomo.jp/image/common/avatarMenu/bg_t.gif) no-repeat;
}
#avatarMenu.on {
	visibility:visible;
}
#avatarMenuBG {
	position:absolute;
	visibility:hidden;
	width:129px;
}
#avatarMenuBG.on {
	visibility:visible;
}
#avatarMenu div.inner {
	margin-top:6px;
	padding:0 10px 10px 8px;
	background:url(http://image.ntomo.jp/image/common/avatarMenu/bg_b.gif) 0 bottom no-repeat;
}
#avatarMenu div.inner p {
	font-weight:bold;
	height:16px;
	padding-top:5px;
	padding-left:6px;
}
#avatarMenu div.inner ul {
	background-color:#F5F5F5;
	padding:5px 7px;
}
#avatarMenu div.inner ul li {
	height:20px;
	line-height:20px;
	font-size:8pt;
	color:#666;
}

/* avatarName */
.avatarName {
	cursor:pointer;
}
.avatarName img {
	margin-bottom:4px;
}

.button { cursor:pointer; }