@charset "UTF-8";

/*
======== context ======================================

Last Updated:YYMMDD
Summary:全ページ共有で利用する各要素デザイン

* contents area内で適用

- hn
- link
- list
- number list
- box
- table
- dl
- text
- form
=======================================================
*/

/*-----------------------------------------------------
dl
-------------------------------------------------------*/

#contentsArea .consumerList{
	margin:.5em 0 1em 0;
}

.consumerList dt{
	float:left;
	padding: 0 0 4px 0;
	font-size:1.2em;
	font-weight:bold;
	margin:0;
}

.consumerList dd{
	padding: 3px 0 8px 11em;
	margin:0;

}


#contentsArea .consumerList02{
	margin:.5em 0 70px 0;
}

.consumerList02 dt{
	clear:both;
	float:left;
	padding: 0 0 4px 0;
	font-size:1.2em;
	font-weight:bold;
	margin:0;
}

.consumerList02 dd{
	padding: 3px 0 8px 10em;
	margin:0;

}

.consumerList02 dd a{
	background:url(/common3/img/bullet_arrow.gif) no-repeat left 5px;
	padding : 0 0 0 10px;
	margin: 0 0 0 10px;
	display:block;
}

#contentsArea .memberList{
	margin:.5em 0 1em 0;
}

.memberList dt{
	float:left;
	padding: 0 0 4px 5em;
	margin:0;
	position:relative;
}

.memberList dt .leader{
	position:absolute;
	top:0;
	left:0;
	font-weight:bold;
}

.memberList dd{
	padding: 3px 0 8px 15em;
	margin:0;

}

#contentsArea .documentList{
	margin:.5em 1em 1em 1em;
}

.documentList dt a{
	background:url(/common3/img/bullet_arrow.gif) no-repeat left 5px;
	padding : 0 0 0 12px;
	margin:0;
	display:block;
}

.documentList dd{
	margin: 0 0 1em 50px;
}

/*------------------------------------------------------
top bannerList(4col)
------------------------------------------------------*/
#contentsArea ul.consumerInfoList,
#contentsArea ul.consumerInfoList li{
	margin:0;
	padding:0;
}

#contentsArea ul.consumerInfoList{
	margin-top: 20px;
	margin-bottom: 15px;
	text-align: center;
}

#contentsArea ul.consumerInfoList li{
	list-style-type: none;
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 24%;
	margin-bottom: 10px;
}

/*------------------------------------------------------
bannerList(3col)
------------------------------------------------------*/
#contentsArea ul.consumerBannerList3col,
#contentsArea ul.consumerBannerList3col li{
	margin:0;
	padding:0;
}

#contentsArea ul.consumerBannerList3col{
	margin-top: 20px;
	margin-bottom: 15px;
	text-align: center;
}

#contentsArea ul.consumerBannerList3col li{
	list-style-type: none;
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 30%;
	margin-bottom: 10px;
}


/*-----------------------------------------------------
p
-------------------------------------------------------*/


#contentsArea .consumerList p{
	margin:.5em 0;

}