@charset "shift_jis";
/* CSS Document */

*{ margin:0; padding:0; }
body{
	background:#FFF;
	font-size: 10px;
	line-height: 180%;
	color:#666666;
	font-family: "CI","Meiryo","lr oSVbN","Hiragino Kaku Gothic Pro","qMmpS Pro W3",sans-serif;
	letter-spacing: 1px;
}
img,
a img{ border:0; }
li{ list-style:none; }
.mgb10{ margin-bottom:10px; }
.mgb30{ margin-bottom:30px; }

#contents {
    margin: 0 auto 30px auto;
    width: 1240px;
}
#list_area{
	margin-bottom:60px;
}
#list_area .mosaic-block {
	float:left;
	position:relative;
	overflow:hidden;
	width:300px;
	height:230px;
	margin-right:13px;
	background:#111 url(../images/progress.gif) no-repeat center center;
}
#list_area .mosaic-block.mgr0{
	margin-right:0;
}
#list_area .mosaic-backdrop {
		display:none;
		position:absolute;
		top:0;
		height:100%;
		width:100%;
		background:#111;
}
#list_area .mosaic-overlay {
		display:none;
		z-index:5;
		position:absolute;
		width:100%;
		height:100%;
		background:#111;
}
#list_area .fade .mosaic-overlay {
			opacity:0;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
			filter:alpha(opacity=00);
			-moz-opacity:0; /*Firefox*/
			background:url(../images/bg-white.png);
}
#list_area .fade a{
	text-decoration:none;
	color:#435363;
}
#list_area .fade .mosaic-overlay .details dl{
	padding:90px 0 0 10px;
}
#list_area .fade .mosaic-overlay .details dt{
	font-size:16px;
}
#list_area .fade .mosaic-overlay .details dd{
	font-size:12px;
}










#contents .pagetop{
	text-align:right;
	color:#666666;
	margin:0 20px 20px 0;
}
#contents .pagetop a{
	color:#666;
}

p.footer{
	text-align:center;
}

a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: galpha( opacity=80 )h;
}

/*============================ clearfix =============================*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE-mac */

.lineclear {
	background-image:none;
}

.clearfix { min-height: 1px; }
