/*-----------------
Reset
-------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	padding: 0;
	margin: 0;
}
table {
	border-collapse:separate;
	border-spacing: 1px;
}
fieldset,img {
	border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-weight: normal;
	font-style: normal;
}
ol,ul {
	list-style: none;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border: 0;
}

a{
-moz-outline-style: none;
}

/*-----------------
layout
-------------------*/
body{
	background:#f6edda;
	font-family:sans-serif;
}

#header div a,
#navi01 a,
#navi02 a,
#navi03 a,
#navi04 a,
#navi05 a,
#navi06 a,
#navi07 a,
#navi08 a,
#navi09 a,
#navi01_s a,
#navi02_s a,
#navi03_s a,
#navi04_s a,
#navi05_s a,
#navi06_s a,
#navi07_s a,
#navi08_s a,
#navi09_s a{
	display:block;
	background-image:url(../img/common/sprites.gif);
	background-repeat:no-repeat;
	line-height:normal;
	text-indent:-9999px;
}

#wrap{
	width:880px;
	margin:0 auto;
	background:url(../img/common/bg01.gif) repeat-y;
}

#header{
	width:860px;
	height:308px;
	margin:0 auto;
	clear:both;
	position:relative;
	background:url(../img/common/bg02.gif) repeat-x;
}

#header h1{
	font-size:12px;
	color:#333;
	line-height:29px;
	padding:0 10px;
	text-align:right;
}

#header h2{
	width:860px;
	height:202px;
	position:absolute;
	top:106px;
	left:0;
}

#header .logo{
	width:201px;
	height:64px;
	position:absolute;
	top:36px;
	left:10px;
}

#header div{
	width:200px;
	height:31px;
	position:absolute;
	top:52px;
	left:610px;
}

#header div a{
	width:200px;
	height:31px;
	background-position:-440px -376px;
}

#header div a:hover{
	background-position:-440px -407px;
}

#contents{
	width:650px;
	float:right;
	padding:50px 0 35px;
}

#contents h3{
	padding:0 60px 0 50px;
	line-height:0;
	margin-bottom:40px;
	font-size:14px;
	font-weight:bold;
}

#contents .qanda{
	margin-bottom:90px;
}

#contents .qanda h3{
	padding-left:80px;
	line-height:22px;
	font-size:15px;
	margin-bottom:20px;
	background:url(../img/qanda/q.gif) no-repeat 50px 0;
}

#contents .qanda p.answer{
	background:url(../img/qanda/a.gif) no-repeat 50px 0;
}

#contents .qanda p{
	padding-left:80px;
}

#wrap .experience h3{
	font-size:15px;
	margin-bottom:20px;
}

#contents h4{
	padding:0 60px 0 50px;
	line-height:0;
	margin-bottom:20px;
	clear:both;
}

#contents h3 img{
	display:block;
	margin:0 auto;
}

#contents .mb50{
	margin-bottom:90px;
}

#contents .mb3{
	margin-bottom:60px;
}

#contents .mb30{
	margin-bottom:30px;
}

#contents img.left{
	float:left;
	margin:0 10px 90px 0
}

#contents p{
	padding:0 60px 0 50px;
	margin-bottom:1em;
	font-size:14px;
	line-height:22px;
	color:#333;
}

#contents p.link{
	text-align:center;
	font-size:16px;
	margin-bottom:50px;
}

#contents p span{
	font-size:40px;
}

#contents p strong{
	font-weight:bold;
}

#contents p strong.red{
	color:#C00;
}

#contents p strong.line{
	text-decoration:underline;
}

#bnr{
	padding:0 60px 0 50px;
}

#bnr li{
	margin-bottom:20px;
}

#bnr li img{
	display:block;
}

#side{
	width:230px;
	float:left;
}

#navi{
	width:220px;
	height:736px;
	padding-left:10px;
}

#navi li{
	width:220px;
}

#navi01,
#navi01 a{
	height:84px;
	background-position:-440px -208px;
}

#navi01 a:hover{
	background-position:-440px -292px;
}

#navi02 a,
#navi03 a,
#navi04 a,
#navi05 a,
#navi06 a,
#navi07 a,
#navi08 a,
#navi09 a,
#navi02_s a,
#navi03_s a,
#navi04_s a,
#navi05_s a,
#navi06_s a,
#navi07_s a,
#navi08_s a,
#navi09_s a{
	height:52px;
}

#navi02 a{ background-position:0 0;}
#navi02 a:hover{ background-position:-220px 0;}
#navi02_s a,#navi02 a:active{ background-position:-440px 0;}

#navi03 a{ background-position:0 -52px;}
#navi03 a:hover{ background-position:-220px -52px;}
#navi03_s a,#navi03 a:active{ background-position:-440px -52px;}

#navi04 a{ background-position:0 -104px;}
#navi04 a:hover{ background-position:-220px -104px;}
#navi04_s a,#navi04 a:active{ background-position:-440px -104px;}

#navi05 a{ background-position:0 -156px;}
#navi05 a:hover{ background-position:-220px -156px;}
#navi05_s a,#navi05 a:active{ background-position:-440px -156px;}

#navi06 a{ background-position:0 -496px;}
#navi06 a:hover{ background-position:-220px -496px;}
#navi06_s a,#navi06 a:active{ background-position:-440px -496px;}

#navi07 a{ background-position:0 -548px;}
#navi07 a:hover{ background-position:-220px -548px;}
#navi07_s a,#navi07 a:active{ background-position:-440px -548px;}

#navi08 a{ background-position:0 -600px;}
#navi08 a:hover{ background-position:-220px -600px;}
#navi08_s a,#navi08 a:active{ background-position:-440px -600px;}

#navi09 a{ background-position:0 -444px;}
#navi09 a:hover{ background-position:-220px -444px;}
#navi09_s a,#navi09 a:active{ background-position:-440px -444px;}

#snavi01 a,
#snavi02 a,
#snavi03 a,
#snavi04 a,
#snavi05 a,
#snavi06 a,
#snavi07 a,
#snavi08 a,
#snavi09 a{
	height:32px;
}

#snavi01 a{ background-position:0 -208px;}
#snavi01 a:hover{ background-position:-220px -208px;}

#snavi02 a{ background-position:0 -240px;}
#snavi02 a:hover{ background-position:-220px -240px;}

#snavi03 a{ background-position:0 -272px;}
#snavi03 a:hover{ background-position:-220px -272px;}

#snavi04 a{ background-position:0 -304px;}
#snavi04 a:hover{ background-position:-220px -304px;}

#snavi05 a{ background-position:0 -336px;}
#snavi05 a:hover{ background-position:-220px -336px;}

#snavi06 a{ background-position:0 -368px;}
#snavi06 a:hover{ background-position:-220px -368px;}

#snavi07 a{ background-position:0 -400px;}
#snavi07 a:hover{ background-position:-220px -400px;}

#snavi08 a{ background-position:0 -432px;}
#snavi08 a:hover{ background-position:-220px -432px;}

#snavi09 a{ background-position:0 -464px;}
#snavi09 a:hover{ background-position:-220px -464px;}


#footer{
	width:860px;
	margin:0 auto;
	clear:both;
	border-top:1px solid #dde1e6;
}

#footer div{
	border-top:1px solid #fff;
	background:#ebf0f6;
	padding:10px 20px 10px;
	border-bottom:1px solid #dde1e6;
	line-height:0;
}

#footer div img{
	float:right;
}



.btn_apply{
	width:381px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
}

/*-----------------
course
-------------------*/

.table_course{
	width:540px;
	margin-left:46px;
	border:1px #CCC solid;
	border-collapse:collapse;
}

.table_course th{
	width:100px;
	padding:7px 5px;
	text-align:center;
	background-color:#CFF;
	vertical-align:middle;
	border:1px #CCC solid;
	border-collapse:collapse;
	font-size:90%;
	font-weight:bold;
	color:#212852;
}

.table_course td{
	padding:7px;
	vertical-align:middle;
	border:1px #CCC solid;
	border-collapse:collapse;
	font-size:90%;
}


/*-----------------
clearfix
-------------------*/
.clearfix:after{
	content:",";
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
}

.clearfix{display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix {display: block;}
/* End hide from IE-mac */