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

body{
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-size: 0.95em;
}

section,
nav,
article,
figure,
aside,
header,
footer{
  display: block;
}

h1,
h3,
ul,
li,
figure{
  margin: 0;
  padding: 0;
}

h2{
	padding: 50px 0 45px 0;
	margin: 0;
}

.header-in{
	width: 980px;
	margin: auto;
	background-image: url(images/sy_bg_top.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	overflow: hidden;
}

img{
	border: none;
	vertical-align: bottom;
}

#logo{
	width: 283px;
	float: left;
	padding: 33px 0 34px 0;
}

#header-btn{
	width: 264px;
	float: right;
}

#main-contents{
	background-image: url(images/sy_bg_mdl.png);
	background-repeat: repeat-x;
	overflow: hidden;
}

#main-contents h1{
	width: 980px;
	margin: 0 auto;
}

#first{
	border-bottom: 11px solid #e5f1f6;
	background-image:url(images/sy_bg_btm.png);
	background-position: center 0;
	background-repeat: no-repeat;
}

#first section{
	width: 980px;
	background-image: url(images/sy_bgicon01.png);
	background-repeat: no-repeat;
	background-position: 91px bottom;
	margin: 0 auto;
	padding-bottom: 90px;
	overflow: hidden;
}

.img-right{
	float: right;
	margin: 0 0 25px 20px;
}

.img-left{
	float: left;
	margin: 0 20px 25px 0;
}

.w-645{
	width:645px;
}

.gray-border{
	background-color: #f1f1f1;
	border-radius: 5px;
	padding: 11px;
}

.gray-border-in{
	background-color: #fff;
	border-radius: 5px;
	padding: 20px 30px;
	box-shadow: 0 0 1px rgba(0,0,0,0.1);
	overflow:hidden;
}

#second{
	border-bottom: 11px solid #e5f1f6;
}

#second section{
	width: 980px;
	background-image: url(images/sy_bgicon02.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0 auto;
	padding-bottom: 90px;
}

#third section{
	width: 980px;
	background-image: url(images/sy_bgicon03.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0 auto;
	padding-bottom: 90px;
}

.data-src{
	font-size: 0.8em;
	margin: 0 0 20px 0;
}

#course-list{
	list-style-type: none;
	overflow: hidden;
	margin: 0 0 30px 0;
}

#course-list li{
	float: left;
	background-color: #f1f1f1;
	border-radius: 5px;
	padding: 9px;
	width:296px;
	margin-right: 13px;
}

#course-list li.mg0{
	margin-right: 0;
}

.course-in{
	background-color: #fff;
	box-shadow: 0 0 1px rgba(0,0,0,0.1);
	padding: 9px;
	border-radius: 5px;
}

.course-btn{
	width:224px;
	margin:auto;
}

#course-list p{
	height: 4.5em;
}

#inquiry{
	background-color: #e5f1f6;
	clear:both;
	box-shadow: inset 0 2px 3px 0 rgba(0,0,0,0.03);
}

#inquiry section{
	width: 980px;
	margin: auto;
}
	
#inq-box{
	background-image: url(images/sy_footer_line.png);
	background-repeat: repeat-y;
	background-position: center;
	overflow: hidden;
	padding: 0 15px 60px 15px;
}

#inq-left{
	width: 449px;
	float: left;
}

#inq-right{
	width: 449px;
	float: right;
}

#inq-box p{
	height: 4.5em;
}

footer{
	border-top: 7px solid #5ac2e9;
	background-color:#2b2b2b;
	overflow:hidden;
	padding: 60px 0;
}

#footer-in{
	width: 980px;
	margin: auto;
}

footer p{
	color: #fff;
	font-size: 0.8em;
	float: left;
}

#footer-logo{
	width:139px;
	float: right;
}