@charset "utf-8";

#help,
#helpIndex {
	height: 100%;
	background: url("http://stat.pupe.ameba.jp/image/bg_friend.gif") left top repeat-y;
	margin: 0 auto ;
	text-align: left;
	line-height: 1.6;
}

#help p.end,
#helpIndex p.end {
	clear: both;
	float: right;
}

#help:after,
#helpIndex:after {
	display: block;
	clear: both;
	content: "";
	height: 1px;
	visibility: hidden;
}

#helpMenu {
	width: 180px;
	float: left;
}

#helpMenu ul {
	width: 160px;
	margin: 10px;
}

#helpMenu ul li.serviceTitle {
	background:#7D5539 url("http://stat.pupe.ameba.jp/image/bg_community_menu.png") no-repeat scroll 0 0;
	color:#FFFFFF;
	font-size:0.85em;
	margin:6px 0 0;
	padding:3px 0 2px;
	text-align:center;
}


#helpMenu ul li a {
	display: block;
	width: 135px;
	padding: 5px 5px 5px 20px;
	background: #bf9d7b url("http://stat.pupe.ameba.jp/image/arrow_category.gif") no-repeat;
	border-bottom: 1px solid #efeae0;
	color: #fff;
}

#helpMenu ul li a:hover {
	background: #543020 url("http://stat.pupe.ameba.jp/image/arrow_category.gif") no-repeat;
}

#helpMenu ul li a.selected {
	background: #543020 url("http://stat.pupe.ameba.jp/image/arrow_category.gif") no-repeat;
}

#helpMain {
	float: left;
	width: 670px;
	padding-left: 10px;
}
/***************************************************
	Help Definitions
***************************************************/ 
#helpMain li {
	margin-bottom: 0.5em;
	line-height: 1.8;
}

#helpMain dl {
	margin: 15px 10px 15px 0;
}

#helpMain dt {
	width: 1.5em;
	float: left;
}

#helpMain dd {
	margin-left: 2em;
	margin-right:2em;
}

#helpMain dd.title {
	margin-right: 1em;
}

dl#answerMenu {
	background: url("http://stat.pupe.ameba.jp/image/line_separator.gif") left bottom repeat-x;
	padding-bottom: 1em;
}

dl#answerContents dt.title,
dl#answerContents dd.title {
	color: #8a644a;
	background-color: #f3eee2;
	padding: 5px;
}

dl#answerMenu dt,
dl#answerMenu dd {
	margin-bottom: .5em;
}

dl#answerContents p.attention{
	color:#F00;
}

.answer {
	color: #543020;
	margin: .5em 0 1.5em;
	padding-left: 15px;
}

#helpMain ul {
	list-style: disc inside;
	margin-bottom: 1em;
}

#helpMain dl ul {
	list-style: none outside;
	margin-top: .2em;
}

#helpMain ul#wordList {
	list-style: none inside;
}

#helpMain ol {
	list-style: decimal outside;
	margin: 1em 0 1em 3em;
}

/***************************************************
	Help Top Page Definitions
***************************************************/ 
#helpIndex dl#summary {
	background: url("http://stat.pupe.ameba.jp/image/line_separator.gif") left bottom repeat-x;
	padding-bottom: .5em;
}


#helpIndex dl#summary dt {
	float: none;
	width: 80%;
	background: url("http://stat.pupe.ameba.jp/image/icon_clover.gif") no-repeat;
	margin: 10px 20px;
	padding-left: 36px;
	height: 30px;
	line-height: 30px;
}

#helpIndex dl#summary dd {
	margin: 0 20px .5em 60px;
	color: #bf9d7b;
}

#helpIndex dl.last {
	margin-bottom: 1em;
}

h2 {
	clear: both;
	height: 20px;
	line-height: 20px;
	padding-left: 20px;
	background: #fff url("http://stat.pupe.ameba.jp/image/ja/page_none.gif") left top no-repeat;
	border-bottom: 10px solid #734d31;
	font-weight: 700;
	text-align: left;
}

h3 {
	clear: none;
	margin: 15px 0 15px -10px;
}

h4 {
	margin: 2em 0 1em;
	font-weight: bold;
}

strong {
	font-weight: bold;
}

address {
	margin: .5em 2em;
}

/***************************************************
	GuideLine Definitions
***************************************************/
div#prohibitionList {
	color: #54312f;
    margin: 10px;
	padding: 20px;
	width: 520px;
	height: auto;
	background-color: #f8f3ed;
	line-height: 1.4em;
}

div#prohibitionList ul {
	padding-left: 10px;
}

div#prohibitionList li {
	list-style-type: disc; 
	list-style-position: outside; 
	margin-left: 25px;
}

div#prohibitionList h4.mainTitle {
	list-style-type: none;
	font-weight: 700;
	font-size: 1.5em;
	border-color: #f60;
}

div#prohibitionList li.title {
	list-style-type: none;
	font-weight: 700;
	margin-top:15px;
	margin-left:-10px;
}

div#prohibitionList li.attention {
	color: #c00;
	list-style-type: none;
	padding-left: 10px;
}

/***************************************************
	Notification Page Definitions
***************************************************/
#helpMain .notification {
	width: 660px;
}

#helpMain .notification dl {
	padding: 5px 0;
}

#helpMain .notification dt,
#helpMain .notification dd {
	padding: 10px 0;
}

#helpMain .notification dt {
	width: 100%;
	font-weight: 700;
}

#helpMain .notification dd {
	display: block;
	width: 100%;
	margin: 0;
}

#helpMain .notification hr {
	width: 100%;
	padding-bottom: 3px;
	border-bottom: 1px solid #8a644a;
}