@charset "utf-8";
/* =========================================================
   consept
   =======================================================*/

#content div.toppage {
	font-size: 14px;
}

#content div.toppage:after {
	content: ".";
	visibility: hidden;
	clear: both;
	display: block;
	height: 0;
}

#content div.toppage {
 zoom: 1;
 margin-bottom: 0;
}

#content div.toppage div.block-1 {
	float: left;
	width: 525px;
}

#content div.toppage div.block-2 {
	float: right;
	width: 351px;
}

#content div.toppage .top-topics {
	line-height: 1.5;
}

#content div.toppage .top-topics h3 {
	margin: 0 0 10px 0;
	border-bottom: 2px solid #3a2001;
	background: rgba(255,255,255,0.01);
	width: 100%;
	max-height: 100%;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3;
}

#content div.toppage .top-topics p {
	background: rgba(255,255,255,0.01);
	max-height: 100%;
}

#content div.toppage .top-topics p.link {
	text-align: right;
	background: rgba(255,255,255,0.01);
	max-height: 100%;
}

#content div.toppage .top-topics img.top-photo-r {
	float: right;
	margin: 0 0 10px 10px;
}

#content div.toppage .top-topics img.top-photo-l {
	float: left;
	margin: 0 10px 10px 0;
}

#content div.toppage .top-topics p.photo:after {
	content: ".";
	visibility: hidden;
	clear: both;
	display: block;
	height: 0;
}

#content div.toppage .top-topics p.photo {
 zoom: 1;
 margin-bottom: 0;
}

#content div.toppage .top-topics img.top-photo-01 {
	width: 160px;
}

#content div.toppage .top-topics p.photo {
	margin: 20px 0 0 0;
}

#content div.toppage .top-topics img.top-photo-03,
#content div.toppage .top-topics img.top-photo-04 {
	display: block;
	margin: 0;
	height: 249px;
	_height: 245px;
}

#content div.toppage p.bnr {
	margin-bottom: 30px;
}

#content div.toppage p.bnr-open {
	background: url(../images/top/bnr_open.png) no-repeat;
	width: 535px;
	height: 180px;
}

#content div.toppage p.bnr a {
	display: inline-block;
	_display: block;
	width: 100%;
	height: 100%;
}

#content div.toppage .fb-pi {
	width: 100%;
}

@media screen and ( max-width:670px ) {
	#content div.toppage {
		font-size: 24px;
	}

	#content div.toppage div.block-1,
	#content div.toppage div.block-2 {
		float: none;
		width: 100%;
	}
	
	#content div.toppage div.block-2 {
		margin-top: 20px;
	}

	#content div.toppage .top-topics h3 {
		font-size: 32px;
	}
	
	#content div.toppage .top-topics  img.top-photo-01 {
		margin-bottom: 60px;
		width: 180px;
	}

	#content div.toppage .top-topics p.photo {
		margin: 20px 0;
	}

	#content div.toppage .top-topics img.top-photo-03,
	#content div.toppage .top-topics img.top-photo-04 {
		height: 290px;
	}

	#content div.toppage p.bnr-open {
		background: url(../images/top/bnr_open_s640.png) no-repeat;
		width: 617px;
		height: 200px;
	}
	
	#content div.toppage .fb-pi {
		width: 500px;
	}

}