@charset "utf-8";

/*
CSS document
created 11.04.09
modified 11.04.09
by oz co.,ltd.
--------------------
INDEX.
1.Visual Style.
2.BannerArea Style.
3.NewsArea Style.
4.MemberArea Style.
5.FunArea Style.
--------------------
*/

/*////////////////////////
//
// 1.Visual Style.
//
////////////////////////*/
#visual h2 {
	margin-bottom: 10px;
}


/*////////////////////////
//
// 2.BannerArea Style.
//
////////////////////////*/
#frendBnr p {
	margin-bottom: 20px;
	text-indent: -9999px;
}
#frendBnr p a {
	width: 553px;
	height: 81px;
	background: url(images/img_frend-campaign.gif) no-repeat 0 0;
	display: block;
}
#frendBnr p a:hover {
	width: 553px;
	height: 81px;
	background: url(images/img_frend-campaign.gif) no-repeat 0 -81px;
}


/*////////////////////////
//
// 3.NewsArea Style.
//
////////////////////////*/
#newsArea {
	position: relative;
	margin-bottom: 20px;
}
#newsArea h2 {
	margin-bottom: 10px;
}
#newsArea ul {
	position: absolute;
	top: 7px;
	left: 472px;
	font-size: 85%;
}
#newsArea ul li a {
	background: url(resource/images/ico_link.gif) no-repeat 0 3px;
	padding-left: 14px;
}
#newsArea dl {
	padding: 0 10px 10px;
	line-height: 1.6;
}
#newsArea dt {
	width: 8.5em;
	clear: left;
	float: left;
}
#newsArea dd {
	margin-left: 8.8em;
}
#newsArea dd img {
	vertical-align: middle;
}


/*////////////////////////
//
// 4.MemberArea Style.
//
////////////////////////*/
/*--------------------------------------
	#memberArea
---------------------------------------*/
#memberArea .inner {
	border: 1px solid #ccc;
	border-top: none;
	margin-bottom: 20px;
	padding: 10px 0 10px 10px;
}
#memberArea .lineup {
	margin-right: 10px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	background: url(images/bg_line.gif) repeat-x 0 100%;
}
#memberArea .lineup dd {
	width: 319px;
	margin: 0 auto;
	text-indent: -9999px;
}
#memberArea .lineup dd a {
	width: 319px;
	height: 47px;
	background: url(images/btn_demo.gif) no-repeat 0 0;
	display: block;
}
#memberArea .lineup dd a:hover {
	width: 319px;
	height: 47px;
	background: url(images/btn_demo.gif) no-repeat 0 -47px;
}

/*pickup*/
.pickup_area {
	width: 503px;
	padding: 10px 15px 15px;
}
#pickupArea01 {
	margin-bottom: 20px;
	background: url(images/bg_member01.gif);
}
#pickupArea02 {
	background: url(images/bg_member02.gif);
}

.pickup_area ul {
}
.pickup_area ul li {
	padding: 5px 0 10px;
}
.pickup_area ul a {
	display: block;
	background-image: url(images/pickup_sprite.jpg);
	background-repeat: no-repeat;
	width: 245px;
	height: 120px;
	overflow:hidden;
}
#pickup01 a {
	background-position: 0 0;
}
#pickup02 a {
	background-position: 0 -120px;
}
#pickup03 a {
	background-position: 0 -240px;
}
#pickup04 a {
	background-position: 0 -360px;
}
#pickup05 a {
	background-position: 0 -480px;
}
#pickup06 a {
	background-position: 0 -600px;
}
#pickup01 a:hover {
	background-position: -245px 0;
}
#pickup02 a:hover {
	background-position: -245px -120px;
}
#pickup03 a:hover {
	background-position: -245px -240px;
}
#pickup04 a:hover {
	background-position: -245px -360px;
}
#pickup05 a:hover {
	background-position: -245px -480px;
}
#pickup06 a:hover {
	background-position: -245px -600px;
}


/*////////////////////////
//
// 5.FunArea Style.
//
////////////////////////*/

#funArea .ph {
	float: left;
}
#funArea ul {
	padding: 10px 0 10px 10px;
}
#funArea li {
	float: left;
	width: 260px;
	margin: 0 10px 10px 0;
	display: inline;
}
#funArea ul ul {
	padding: 0;
}
#funArea li li {
	float: none;
}
#funArea li h4 {
	color: #75c22b;
	font-weight: bold;
	font-size: 108%;
	margin-bottom: 4px;
}
#funArea li p {
	margin-bottom: 1em;
}
#funArea li div {
	margin-left: 100px;
}

#funArea ul li:after,
#memberArea ul:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
#funArea ul li,
#memberArea ul {min-height: 1px;}
* html #funArea ul li,
* html #memberArea ul {height: 1px;}