@charset "utf-8";

/* main-inner */
#main #main-inner {
	border: none;
	background: none;
}
#main #main-inner img {
	vertical-align: text-bottom;
}
#main #main-title,
#main #section01 {
	position: relative;
	width: 864px;
}
#main #main-title h2,
#main #main-title h3,
#main #main-title p,
#main #main-title dl,
#main #main-title ul,
#main #main-title div,
#main #section01 h3,
#main #section01 p,
#main #section01 span,
#main #section01 div,
#main #section01 ol {
	position: absolute;
	margin: 0;
	padding: 0;
}

/* main-title */
#main #main-title {
	height: 938px;
	background: url(../img/main_title_bg.png) left top no-repeat;
}
#main #main-title h2 {
	top: 27px;
	left: 21px;
}
#main #main-title .number {
	top: 224px;
	right: -7px;
	z-index: 10;
}
#main #main-title dt,dd {
	margin: 0;
	padding: 0;
}
#main #main-title .previous {
	top: 279px;
	left: 0;
	width: 702px;
	height: 115px;
}
#main #main-title dt,dd {
	float: left;
}
#main #main-title .previous dt {
	position: relative;
	width: 205px;
}
#main #main-title .previous dt p {
	position: absolute;
	top: 53px;
	left: 20px;
	z-index: 10;
}
/* homework */
#main #main-title .homework {
	top: 419px;
	left: 0;
	width: 864px;
	height: 264px;
	background: url(../img/hw_bg.png) left top no-repeat;
}
#main #main-title .hw-inner {
	position: relative;
	width: 864px;
	height: 264px;
}
#main #main-title .homework h3 {
	top: 45px;
	left: 316px;
}
#main #main-title .homework p {
	top: 129px;
	left: 153px;
}

#main #main-title .mashiko {
	top: 737px;
	left: 26px;
	width: 406px;
}
#main #main-title .mashiko dd {
	position: relative;
	width: 256px;	 
}
#main #main-title .mashiko dd span {
	position: absolute;
	display: block;
	top: 41px;
	left: 179px;
}
#main #main-title .yamamura {
	top: 737px;
	left: 449px;
	width: 394px;
}

/* section01 */
#main #section01 {
	height: 24700px;
	background: url(../img/section_bg.png) left top repeat-y;
}

#main #section01 .ya01 {
	top: 61px;
	right: 62px;
}
#main #section01 .ma01 {
	top: 323px;
	left: 66px;
}
#main #section01 .ya02 {
	top: 615px;
	right: 62px;
	width: 757px;
	height: 286px;
	background: url(../img/chara_ya02.png) left top no-repeat;
}
#main #section01 .ya02-inner {
	position: relative;
	width: 757px;
	height: 286px;
}
#main #section01 .ya02 .txt01 {
	top: 56px;
	left: 85px;
}
#main #section01 .ya02 .txt02 {
	top: 142px;
	left: 158px;
}
#main #section01 .ya02 span {
	top: -21px;
	right: 192px
}
#main #section01 .ma02 {
	top: 926px;
	left: 66px;
}
#main #section01 .ya03 {
	top: 1192px;
	right: 62px;
}
#main #section01 .ma03 {
	top: 1440px;
	left: 66px;
}
#main #section01 .ya04 {
	top: 1794px;
	right: 62px;
}
#main #section01 .ma04 {
	top: 1983px;
	left: 66px;
}
#main #section01 .ya05 {
	top: 2451px;
	right: 62px;
}
#main #section01 .ma05 {
	top: 2646px;
	left: 66px;
}
/* course-mashiko */
#main #section01 .course-mashiko {
	top: 2902px;
	left: 0;
	width: 864px;
	height: 755px;
	background: url(../img/course_mashiko_bg.png) left top no-repeat;
}
#main #section01 .course-mashiko .ma-inner {
	position: relative;
	width: 864px;
	height: 755px;
}
#main #section01 .course-mashiko h3 {
	top: 30px;
	left: 159px;
}
#main #section01 .course-mashiko .thumb01 {
	top: 138px;
	left: 0;
}
#main #section01 .course-mashiko .thumb02 {
	top: 400px;
	left: 0;
}
#main #section01 .course-mashiko .txt01 {
	top: 678px;
	left: 83px;
}
#main #section01 .course-mashiko .txt02 {
	top: 684px;
	left: 292px;
}

#main #section01 .ya06 {
	top: 3737px;
	right: 62px;
}
#main #section01 .ma06 {
	top: 3974px;
	left: 66px;
}
#main #section01 .ya07 {
	top: 4327px;
	right: 62px;
}
#main #section01 .ma07 {
	top: 4576px;
	left: 66px;
}
#main #section01 .ya08 {
	top: 4930px;
	right: 62px;
}
#main #section01 .ma08 {
	top: 5243px;
	left: 66px;
}
#main #section01 .ya09 {
	top: 5552px;
	right: 62px;
}
#main #section01 .ma09 {
	top: 5859px;
	left: 66px;
}
#main #section01 .ya10 {
	top: 6169px;
	right: 62px;
}
/* course-yamamura */
#main #section01 .course-yamamura {
	top: 6575px;
	left: 0;
	width: 864px;
	height: 1785px;
	background: url(../img/course_yamamura_bg.png) left top no-repeat;
}
#main #section01 .course-yamamura .ya-inner {
	position: relative;
	width: 864px;
	height: 1785px;
}
#main #section01 .course-yamamura h3 {
	top: 29px;
	left: 121px;
}
#main #section01 .course-yamamura ol {
	top: 137px;
	left: 62px;
	list-style: none;
}
#main #section01 .course-yamamura li p,
#main #section01 .course-yamamura li span {
	position: static;
}
#main #section01 .course-yamamura li {
	margin: 0;
	padding: 0;
}
#main #section01 .course-yamamura .thumb01 {
	top: 1167px;
	left: 0;
}
#main #section01 .course-yamamura .thumb02 {
	top: 1431px;
	left: 0;
}
#main #section01 .course-yamamura .txt04 {
	top: 1703px;
	left: 72px;
}
#main #section01 .course-yamamura .txt05 {
	top:1714px;
	left: 292px;
}

#main #section01 .ya11 {
	top: 8439px;
	right: 62px;
}
#main #section01 .ma10 {
	top: 8630px;
	left: 66px;
}
#main #section01 .ya12 {
	top: 8903px;
	right: 62px;
}
#main #section01 .ma11 {
	top: 9087px;
	left: 66px;
}
#main #section01 .ya13 {
	top: 9354px;
	right: 62px;
}
#main #section01 .ma12 {
	top: 9594px;
	left: 66px;
}
#main #section01 .ya14 {
	top: 9857px;
	right: 62px;
}
#main #section01 .ma13 {
	top: 10343px;
	left: 66px;
}
#main #section01 .ya15 {
	top: 10783px;
	right: 62px;
}
#main #section01 .ma14 {
	top: 11064px;
	left: 66px;
}
#main #section01 .ya16 {
	top: 11332px;
	right: 62px;
}
#main #section01 .ma15 {
	top: 11736px;
	left: 66px;
}
#main #section01 .ya17 {
	top: 12084px;
	right: 62px;
}
#main #section01 .ma16 {
	top: 12403px;
	left: 66px;
}
#main #section01 .ya18 {
	top: 12786px;
	right: 62px;
}
#main #section01 .ma17 {
	top: 12984px;
	left: 66px;
}
#main #section01 .ya19 {
	top: 13279px;
	right: 62px;
}
#main #section01 .ma18 {
	top: 13592px;
	left: 66px;
}
#main #section01 .ya20 {
	top: 14037px;
	right: 62px;
}
#main #section01 .ma19 {
	top: 14396px;
	left: 66px;
}
#main #section01 .ya21 {
	top: 14794px;
	right: 62px;
}
#main #section01 .ma20 {
	top: 15182px;
	left: 66px;
}
#main #section01 .ya22 {
	top: 15538px;
	right: 62px;
}
#main #section01 .ma21 {
	top: 16007px;
	left: 66px;
}
#main #section01 .ya23 {
	top: 16273px;
	right: 62px;
}
#main #section01 .ma22 {
	top: 16685px;
	left: 66px;
}
#main #section01 .ya24 {
	top: 16987px;
	right: 62px;
	width: 757px;
	height: 347px;
	background: url(../img/chara_ya24.png) left top no-repeat; 
}
#main #section01 .ya24 .ya24-inner {
	position: relative;
	width: 757px;
	height: 347px;
}
#main #section01 .ya24 .txt01 {
	top: 57px;
	left: 121px;
}
#main #section01 .ya24 span {
	top: 165px;
	left: 42px;
}

#main #section01 .ma23 {
	top: 17361px;
	left: 66px;
}
#main #section01 .ya25 {
	top: 17667px;
	right: 62px;
}
#main #section01 .ma24 {
	top: 17880px;
	left: 66px;
}
#main #section01 .ya26 {
	top: 18345px;
	right: 62px;
}
#main #section01 .ma25 {
	top: 18638px;
	left: 66px;
}
#main #section01 .ya27 {
	top: 18903px;
	right: 55px;
}
#main #section01 .ma26 {
	top: 19117px;
	left: 66px;
}
#main #section01 .ya28 {
	top: 19428px;
	right: 62px;
}
#main #section01 .ma27 {
	top: 19640px;
	left: 66px;
	width: 753px;
	height: 236px;
	background: url(../img/chara_ma27.png) left top no-repeat;
}
#main #section01 .ma27 .ma27-inner {
	position: relative;
	width: 753px;
	height: 236px;
}
#main #section01 .ma27 .txt01 {
	top: 97px;
	left: 204px;
}
#main #section01 .ma27 .txt02 {
	top: 97px;
	left: 351px;
}
#main #section01 .ma27 .txt03 {
	top: 150px;
	left: 204px;
}

#main #section01 .ya29 {
	top: 19955px;
	right: 62px;
}
#main #section01 .ma28 {
	top: 20257px;
	left: 66px;
}
#main #section01 .ya30 {
	top: 20627px;
	right: 62px;
}
#main #section01 .ma29 {
	top: 20826px;
	left: 66px;
}
#main #section01 .ya31 {
	top: 21120px;
	right: 62px;
}
#main #section01 .ma30 {
	top: 21388px;
	left: 66px;
}
#main #section01 .ya32 {
	top: 21943px;
	right: 62px;
}
#main #section01 .ma31 {
	top: 22228px;
	left: 66px;
	width: 753px;
	height: 234px;
	background: url(../img/chara_ma31.png) left top no-repeat;
}
#main #section01 .ma31 .ma31-inner {
	position: relative;
	width: 753px;
	height: 234px;
}
#main #section01 .ma31 .txt01 {
	top: 98px;
	left: 217px;
}

#main #section01 .ya33 {
	top: 22501px;
	right: 62px;
}
#main #section01 .ma32 {
	top: 22821px;
	left: 66px;
}
#main #section01 .ya34 {
	top: 23117px;
	right: 62px;
}
#main #section01 .ma33 {
	top: 23435px;
	left: 66px;
	width: 753px;
	height: 267px;
}
#main #section01 .ma33 .ma33-inner {
	position: relative;
	width: 753px;
	height: 267px;
}
#main #section01 .ma33 .chara {
	top: 0;
	left: 0;
}
#main #section01 .ma33 .txt01 {
	top: 58px;
	left: 186px;
}
#main #section01 .ma33 .txt02 {
	top: 133px;
	left: 214px;
}

#main #section01 .ya35 {
	top: 23785px;
	right: 62px;
}
#main #section01 .ma34 {
	top: 24026px;
	left: 66px;
}
#main #section01 .ya36 {
	top: 24430px;
	right: 62px;
}
#main #section01 .end {
	bottom: 12px;
	right: 40px;
}

/* main-footer */
.main-footer {
	position: relative;
	margin: 20px 0 0;
	padding-bottom: 32px;
}
.f-border {
	margin-top: 24px;
	padding-top: 20px;
	border-top: 1px solid #C1C1C1;
}
.main-footer .f-hard {
	position: absolute;
	top: 0;
	right: 0;
}
.f-border .f-hard {
	top: 20px;
}
.f-wrap {
	margin: 36px 0 0;
}
.main-footer .f-logo {
	float: left;
	width: 320px;
	text-align: center;
}
.main-footer .f-contents {
	float: right;
	width: 514px;
}
.main-footer .f-icon {
	float: left;
}
.main-footer .f-name {
	position: relative;
	float: right;
	width: 443px;
	height: 55px;
}
.main-footer .f-soft-ttl {
	position: absolute;
	top: 10px;
}
.main-footer .f-copyright {
	position: absolute;
	bottom: 10px;
	color: #FFFFFF;
	font-size: 9px;
}
.main-footer .f-note01 {
	margin: 5px 0 15px;
	color: #FFFFFF;
	font-size: 9px;
}
.main-footer .f-btn {
	margin: 15px 0 0;
}

/* clearfix */
.clearfix:after {
	content: '';
	display: block;
	clear: both;
}