@charset "utf-8";


/*==-----------------------------------------------
CSS Information

 File name:      contents.css
 Author:         Crea.,Inc. 
 Style Info:     コンテンツのスタイル

-------------------------------------------------*/

/*==-----------------------------------------------
top
-------------------------------------------------*/
#top #contents .section{
	background:url(../../src/common/image/top/main.jpg);
	width:1000px;
	height:460px;
	margin:50px auto 0 auto;
}

#top #contents .section p{
	padding:90px 0 0 50px;
}

#top #contents .section ul{
	margin:0 auto;
	width:480px;
	padding:160px 0 0 0;
}

#top #contents .section ul li{
	background:none;
	padding:0;
	float:left;
	margin:0 30px;
}

#top #footer{
	position: relative;
	height: 100px;
	width:100%;
	margin-top: -100px; /* negative value of footer height */
	clear:both;
}

#top #footer .section{
	width:960px;
	height: 100px;
	overflow:hidden;
	margin: 0 auto;
}

#top #footer .section p.copyright{
	text-align:center;
	font-size:0.8rem;
	margin-top:10px;
}


/*==-----------------------------------------------
footer
-------------------------------------------------*/
#footer{
	text-align: center;
    background: -moz-linear-gradient(top, #70cbe9, #0061af);
    background: -webkit-gradient(linear, left top, left bottom, from(#70cbe9), to(#0061af));
    color:#FFFFFF;
    font-size:0.95em;
}

#footer .section{
	text-align: left;

}
#footer .section #text-nav{
	float:left;
	margin:12px auto;
}

#footer .section #text-nav a{
	text-decoration:none;
	color:#FFFFFF;
}
#footer .section #text-nav a:hover{
	color:#0061af;
}

#footer .section #text-nav dl{
	float:left;
	margin-right:20px;
}

#footer .section #text-nav dl dt{
	background:url(../img/common/mrk.png) 0 50% no-repeat;
	padding-left:17px;
}

#footer .section #text-nav dl dd ul{
	margin:5px 5px 0 5px;
}

#footer .section #text-nav dl dd ul li{
	background:url(../img/common/footer/icon.png) 0 50% no-repeat;
	padding-left:12px;
	margin-bottom:3px;
	font-size:0.9em;
}

#footer .section ul.bottom{
	border-top:solid 1px #FFF;
	padding-top:5px;
	clear:both;
}

#footer .section ul li.footer-nav{
	float:left;
}

#footer .section ul li.footer-nav a{
	text-decoration:none;
	color:#FFF;
}

#footer .section ul li.footer-nav a:hover{
	color:#5dc3e6;
}

#footer .section ul li.copyright{
	float:right;
	font-size:0.65rem;
}