@charset "UTF-8";
/* CSS Document */


#wrapper{
padding-bottom:550px;/* footerの上マージン確保 */
}



/*コンテンツ*/
#contents{
	position: absolute;
	width: 100%;
	top: 60px;
	left: 0;
	z-index: 4;
}



#homeLogo{
position:absolute;
width:100%;
margin-bottom:0;
text-align:center;
z-index:6;
}
#homeLogoSp{
display:none;
}

#banner{
	width:300px;
	position:absolute;
	z-index:7;
	right:10px;
	bottom:120px;
}
/*フッター*/

#footer{
position:absolute;
clear:both;
bottom:0;
width:100%;
height:36px;
}


#topics{
position:absolute;
width:100%;
height:72px;
margin-top:-72px;
}
html>body #topics{/* IE6以外 */
background:url(../images/topics_bg.png);
}
*html body #topics{/* IE6以下用 */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/topics_bg.png', sizingMethod='scale');
}

#topics dl{
width:600px;
margin-left:24px;
color:#ccc;
font-size:13px;
line-height:16px;
}
#topics dt{
float:left;
width:60px;
margin-top:14px;
}
#topics dd{
float:left;
width:540px;
margin-top:13px;
}
#topics dd a{
display:block;
}

@media screen and (max-width: 977px){

#contents{
top:50px;
}

}


@media screen and (max-width: 651px){

#contents{
top:110px;
}

#homeLogo{
display:none;
}
#homeLogoSp{
display:block;
position:absolute;
width:100%;
height:25px;
text-align:center;
z-index:7;
}

#topics{
height:95px;
margin-top:-95px;
}
#topics dl{
width:85%;
}
#topics dt{
display:none;
}
#topics dd{
width:100%;
font-size:10px;
line-height:14px;
}

#footer{
height:58px;
}
#creditSp{
height:58px;
}
#creditSp dl{
font-size:10px;
line-height:15px;
}
#creditSp dt{
height:30px;
padding-top:5px;
margin-bottom:2px;
}
#creditSp dd{
height:20px;
font-size:9px;
line-height:20px;
}

#banner{
	width:300px;
	position:absolute;
	z-index:7;
	right:0px;
}
#banner img{
max-width:50%;
height:auto;
width:auto\9; /* ie8 */
}

}