@charset 'utf-8';

/* mainArea
-------------------------------------------------- */

#mainArea h1 {
	width: 708px;
	height: 32px;
	padding: 0px;
	margin: 0px 0px 17px 1px;
	display: block;
	font-size: 1px;
	line-height: 1;
	te\xt-indent: -10000px;
	text-align: center;
	text-decoration: none;
	background: url(../images/h1_pagetitle.gif) left top no-repeat;
	color: #d8cbce;
}

#mainArea h2 {
	width: 688px;
	padding: 0px 0px 9px;
	margin: 0px 0px 13px 1px;
	font-size: 120%;
	line-height: 1.4;
	color: #333333;
	font-weight: bold;
	background: url(/shared/images/h2_bg.gif) left bottom no-repeat;
}

#mainArea h2 span {
	padding: 0px 0px 0px 7px;
	margin: 0px;
	display: block;
}
#mainArea h2#society {
	width: 418px;
	height: 19px;
	padding: 0px;
	margin: 5px 0px 12px 2px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	text-align: center;
	text-decoration: none;
	background: url(../images/h2_textimage.gif) left top no-repeat;
	color: #ffffff;
	line-height: 1;
}

/* btnBox
----------------------------------------------------------*/

#mainArea .btnBox {
	width: 688px;
	padding: 0px;
	margin: 0px 0px 17px;
}

#mainArea .btnBox .backNavi {
	width: 86px;
	height: 21px;
	padding: 0px;
	margin: 0px;
	float: right;
}

#mainArea .btnBox .backNavi a {
	width: 86px;
	height: 21px;
	padding: 0px;
	margin: 0px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	color: #cccccc;
	text-align: center;
	line-height: 1;
	text-decoration: none;
	background: url(/topics/shared/images/btn_to_list.gif) left top no-repeat;
}

#mainArea .btnBox .backNavi a:hover {
	text-decoration: none;
	background-position: 0px -21px;
}