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

#wrap {
	background-color: #F5F4F4;
	width: 938px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position: relative;
	padding: 0px;
	margin-top: 40px;
	margin-bottom: 20px;
	border: 1px solid #949394;
}
#head {
	clear: both;
	background-color: #99CCCC;
	padding: 10px;
}
#logo {
}
#nav {
	clear: both;
}
#nav li {
	float: left;
}
#nav img {
	display: block;
}
#nav02 {
	clear: both;
	padding-top: 7px;
	padding-left: 95px;
}
#nav02 li {
	float: left;
}
#nav02 img {
	display: block;
}
#flash {
	clear: both;
	background-color: #CCFF99;
}
#cont {
	clear: both;
	padding-top: 20px;
	padding-right: 135px;
	padding-bottom: 10px;
	padding-left: 135px;
	font-family: "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3";
}
#cont-full {
	clear: both;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-family: "游明朝","ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3";
}
#foot {
	background-color: #FF9999;
	clear: both;
	padding: 10px;
	text-align: center;
	position: relative;
	margin: 0px;
	bottom: 0px;
}
#cr {
	margin: 0px;
	padding: 0px;
}
#cont_top {
	clear: both;
	padding-top: 20px;
}
#cont_top p {
	padding: 0px;
}
.midashi {
	clear: both;
	padding-bottom: 20px;
	font-size: 14px;
	color: #666666;
}
.infobox {
	clear: both;
	padding-bottom: 20px;
}
.conceptbox01 {
	clear: both;
	padding-bottom: 50px;
}
.conceptbox01 .photo {
	float: left;
	width: 295px;
}
.conceptbox01 .come {
	float: right;
	width: 362px;
}
.conceptbox02 {
	clear: both;
	padding-bottom: 30px;
}
.conceptbox02 .come {
	float: left;
	width: 380px;
}
.conceptbox02 .photo {
	width: 251px;
	float: right;
}
#cont_gallery {
	clear: both;
	padding-top: 20px;
	text-align: center;
}
.contactbox {
	clear: both;
	padding-bottom: 230px;
}
.contactbox .come {
	float: left;
	width: 270px;
}
.contactbox .photo {
	float: right;
	width: 390px;
}
.lessonbox {
	padding-bottom: 10px;
	padding-top: 20px;
}
.lessonbox-full {
	padding-bottom: 10px;
	padding-top: 20px;
	width: 100%;
}
.lessonbox .box {
	float: left;
	width: 326px;
}
.lessonbox .box02 {
	float: right;
	width: 330px;
}
.lessonmidashi {
	padding-bottom: 20px;
}
.lessonbox .come01 {
 width: 320px;
 font-size: 14px;
 line-height: 22px;
}
.lessonbox .photo {
	padding-bottom: 20px;
}
.lessonbox .box03 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #898989;
	border-right-color: #898989;
	border-left-color: #898989;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-size: 14px;
	line-height: 22px;
}
.lessonbox .box02 li {
	background-image: url(../../img/lesson/list.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-bottom: 6px;
	padding-left: 15px;
}
.lessonbox .box02 ul {
	padding-bottom: 2px;
}
.lessonbox .bn {
	text-align: right;
	padding-bottom: 20px;
}
.ad {
	font-size: 16px;
	line-height: 24px;
	padding-bottom: 20px;
	font-family: "Times New Roman", Times, serif;
}
.onlinebox01 {
	clear: both;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-top: 20px;
}
.onlinebox02 {
	clear: both;
	padding-bottom: 30px;
}
.onlinebox02 li {
	float: left;
}
.onlinebox02 .bn01 {
	padding-right: 3px;
}
.onlinebox02 .bn02 {
	padding-right: 4px;
}
.onlinetitle {
	clear: both;
	width: 660px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #898989;
}
.onlinetitle .title {
	float: left;
	width: 350px;
	padding-bottom: 4px;
}
.onlinetitle .bn03 {
	float: right;
	width: 280px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: right;
}
.onlinebox03 {
	clear: both;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
}
.onlinebox03 .telnum {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: bold;
	color: #666666;
}
.onlinebox03 .telnum02 {
	font-size: 16px;
	font-weight: normal;
	padding-left: 10px;
}
.online_caption {
	font-size: 16px;
	font-weight: bold;
}
.bn04 {
	text-align: right;
	clear: both;
	padding-bottom: 40px;
}
#lesson_sce {
	text-align: left;
	font-family: "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3";
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
#lesson_sce .month {
	font-size: 14px;
	color: #999933;
	font-weight: bold;
}
#lesson_sce td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding: 4px;
	background-color: #FFFFFF;
}
#lesson_sce .manth_num {
	font-size: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
.fname {
	font-size: 10px;
}
.ftitle {
	color: #654A00;
}
.closelabel {
	padding: 10px;
	clear: both;
	width: 480px;
	margin-right: auto;
	margin-left: auto;
}
.midashi02 {
	clear: both;
	font-size: 14px;
	color: #666666;
}
#samplebox {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #969696;
	color: #666666;
}
.sample_name {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}
.sample_caption {
	font-size: 10px;
	line-height: 14px;
}
.closelabel .prev {
	float: left;
	width: 90px;
	text-align: left;
}
.closelabel .next {
	text-align: right;
	float: right;
	width: 90px;
}
.closelabel .close {
	float: left;
	width: 300px;
	text-align: center;
}
#cont_column {
	clear: both;
	padding-top: 20px;
	width: 832px;
	padding-bottom: 20px;
	background-color: #FFFFFF;
	padding-right: 53px;
	padding-left: 53px;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #F5F4F4;
	font-size: 12px;
	line-height: 20px;
}
.left02 {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}
.left20 {
	padding-left: 20px;
}
.j10 {
	font-size: 10px;
	line-height: 16px;
}
#backnumber {
	padding-top: 20px;
	padding-bottom: 20px;
	clear: both;
}
.center_column {
	line-height: 22px;
	text-align: center;
}
.infobox .date {
	color: #5A46A5;
	padding-bottom: 4px;
}
.lessontitle {
	font-size: 18px;
}

.pagetop {
	text-align: right;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	margin-bottom: 40px;
}
.txt36 {
	font-size: 36px;
	line-height: 42px;
}
.txt18 {
	font-size: 18px;
}
.gold {
	color: #BB9F77;
}
.photo-left {
	float: left;
	padding-right: 40px;
	padding-bottom: 40px;
}
.photoarea {
	width: 594px;
	margin-left: auto;
	margin-right: auto;
}
.photo-box {
 display: inline-block;
 width: 290px;
 text-align: center;
 padding-bottom: 10px;
 vertical-align: top;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
 padding-right: 6px;
}
.photo-box:nth-child(2n) {
	padding-right: 0px;
}
.photo-box02 {
	display: inline-block;
	width: 373px;
	text-align: center;
	padding-bottom: 20px;
	vertical-align: top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 4px;
}
.photo-box02b {
    display: inline-block;
    width: 373px;
    text-align: right;
    padding-bottom: 20px;
    vertical-align: top;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-right: 0px;
}
.photo-box02b-l {
    display: inline-block;
    width: 373px;
    text-align: left;
    padding-bottom: 20px;
    vertical-align: top;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-right: 0px;
}
.photo-box03 {
    display: inline-block;
    width: 213px;
    text-align: right;
    padding-bottom: 20px;
    vertical-align: top;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
.photo-box03-l {
    display: inline-block;
    width: 213px;
    text-align: left;
    padding-bottom: 20px;
    vertical-align: top;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
.photo-box03b {
	display: inline-block;
	width: 213px;
	text-align: center;
	padding-bottom: 20px;
	vertical-align: top;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.photo-box04b {
 display: inline-block;
 width: 300px;
 text-align: center;
 padding-bottom: 20px;
 vertical-align: top;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
}
.photo-box04-l {
 display: inline-block;
 width: 280px;
 text-align: center;
 padding-bottom: 20px;
 vertical-align: top;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
 padding-right: 6px;
}
.whitebox {
	background-color: #FFFFFF;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 40px;
	border: 4px double #C59F77;
}