@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------- fixed-header */

	.nav {
		padding: 0;
		height: 130px;
		z-index: 200;
		border-bottom: 1px solid #DDD;
		background: #fff;
		border-top: 10px solid #1F8DC8;
		width: 993px;
		margin: 0 auto;
		}
			
	.fixed {
	    position: fixed;
	    top: 0;
	    left: 0;
	    width: 100%;
		}

/*----------------------------------------------------------- wrapper */
	
	.wrapper {
	padding: 60px 0 0;
	margin: 0 auto;
	background: #FFF;
	width: 993px;
	display: block;
		}

	.red {
		color:#C30;
		}

/*----------------------------------------------------------- header */

	.header h1 {
		padding:0 0 0 48px;
		margin:0 0 25px 0;
		background:url(../images/icon.jpg) no-repeat;
		height:41px;
		line-height:1.8;
		font-size: 28px;
		font-size: 2.8rem;
		}
		
	.header p {
		font-size: 17px;
		font-size: 1.7rem;
		}
		
	.header img {
	padding: 0;
	margin: 60px auto;
	display: block;
		}
			
/*----------------------------------------------------------- contents */

	.contents {
		padding:0;
		margin:0;
		}

	.dl-area .title {
		float:left;
		display:block;
		}
		
	.dl-area {
	padding: 5px 20px 0;
	margin: 0 auto 0;
	width: 920px;
	position: relative;
		}

	.dl-area a {
		display:block;
		width:399px;
		height:75px;
		/*float:right;*/
		display:block;
		margin: 13px auto 0;
		}
		
	.dl-area a:hover, .info a:hover {
		filter: alpha(opacity=80);
		-moz-opacity:0.80;
		opacity:0.80;
		text-decoration:none;
		}

	.dl-area .dl-btn {
		width: 499px;
		float: right;
		text-align: center;
	}

	.nav .dl-area .title {
		margin-top: 25px;
	}

	.bottom .dl-area .title {
		margin-top: 20px;
	}
		
/*----------------------------------------------------------- container */
	
	.container {
		padding:0;
		margin:0;
		}

	.container h2 {
		padding:12px 20px ;
		margin:0;
		width:953px;
		background:#1E8EC8;
		color:#FFF;
		text-shadow:none;
		}
	
	.contents-area {
	padding: 0;
	margin: 60px auto 0;
	width: 960px;
	clear: both;
	display: block;
		}

	.contents-area-last {
		padding:0;
		margin:30px auto 20px;
		width:960px;
		clear:both;
		display:block;
		}

	.left-area {
		padding:0;
		margin:0;
		float:left;
		}
	
	.right-area {
		padding:30px;
		margin:0;
		float:right;
		width:410px;
		background-color: rgba(255, 255, 255, 0.4);
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
		cursor: pointer;
		transition: all 0.5s ease 0s;
		}

	.right-area h3 {
		color:#1E8EC8;
		float:left;
		font-size: 38px;
		font-size: 3.8rem;
		line-height:1.2;
		}

	.right-area img {
		float:right;
		display:block;
		}

	.right-area p {
		padding:15px 0 0;
		margin:0;
		clear:both;
		}
		
	.box {
		padding:25px;
		margin:0 0 40px;
		border:#1E8EC8 solid 2px;
		}

	.box h3 {
		padding:0 0 0 80px;
		margin:0;
		height:72px;
		background:url(../images/img-04.jpg) no-repeat;
		color:#1E8EC8;
		font-size: 38px;
		font-size: 3.8rem;
		line-height:1.9;
		} 

	.box img {
		padding:0;
		margin:0 30px 0 0;
		display:block;
		} 

	.contact-box {
		background: url('../images/contact_title.gif') no-repeat;
		width: 580px;
		height: 60px;
		padding: 12px 0 0 380px;
		margin: 20px 0 0;
	}

	.totally-free .contents-area {
		margin: 30px 0 40px;
		padding: 0;
	}

	.totally-free .contents-area img {
		margin-bottom: 20px;
	}

	.contact-box p {
			line-height: 1.7;
	}
	.contact-box p span {
			font-weight: bold;
			margin-left: 10px;
	}
	p.description {
			padding: 10px 0 0;
			font-size: 14px;
	}
	.contact-box p a {
			color: #3599FF;
			text-decoration: underline;
			margin-left: 5px;
	}
	.contact-box p a:hover {
			color: #F69;
	}

	.bottom {
	padding: 0;
	margin: 60px auto 0;
	border-top: #DDDDDD solid 1px;
	background: #fff;
	height: 130px;
	width: 993px;
		}
			
/*----------------------------------------------------------- footer */
	
	.footer {
		margin: 0 auto;
		overflow: hidden;
		background:#B0B1B5;
		width:993px;
		}
	
	.footer-box {
		padding:50px 0 30px;
		margin:0 auto;
		clear:both;
		width:960px;
		color:#FFF;
		text-shadow:none;
		font-size:12px;
		line-height:1.5;
		}
		
	.footer-box ul {
		padding:0;
		margin:0 0 20px 0;
		}
	
	.footer-box li {
		list-style:none;
		}
	
	.footer-box h4 {
		color:#FFF;
		text-shadow:none;
		padding:0;
		font-size:13px;
		}
		
	.footer-link {
		padding:30px 0 0 0;
		margin:45px 0 0 0;
		border-top:#FFF solid 1px;
		text-align:center;
		text-shadow:none;
		}

	.footer-link p,
	.footer-link a {
		color:#FFF;
		}

.dl-area .dl-btn p {
		padding: 0;
		margin: 5px 0 0 0;
		color: #999999;
		font-size: 1.1rem;
		}
		
.info {
	margin:0 0 50px;
	padding:30px;
	background:#ececec;
	border:1px solid #ccc;
}
.info p {
	padding:10px 0 0 ;
}
.info a {
	color:#00F;
	text-decoration:underline;
}
.info a:hover {
}