@charset "utf-8";

/*##################################################
-------------LIST-------------
 01:  EDUCATION
------------------------------
##################################################*/

.contents * ~ p,
.contents * ~ ul,
.contents * ~ ol,
.contents * ~ dl {
	margin-top: 40px;
}

/* list
------------------------------ */

/*.listColumn-typeB {
	overflow: hidden;
	margin-top: 40px;
	font-size: 14px;
}
.listColumn-typeB .listColumn_item {
	float: left;
	width: 333px;
}
.listColumn-typeB .listColumn_item + .listColumn_item {
	float: right;
	width: 332px;
}
.listColumn-typeB .listColumn_item > p {
	margin-top: 15px;
}
.listColumn-typeB .listColumn_item + .listColumn_item > p {
	margin-left: 40px;
}*/


/* area
------------------------------ */

/* areaCharm */
.areaCharm {
	margin-top: 70px;
}
.areaCharm .areaCharm_title {
	margin-bottom: 25px;
	display: table;
}
.areaCharm .areaCharm_title > div,
.areaCharm .areaCharm_title > h1 {
	display: table-cell;
	vertical-align: middle;
}
.areaCharm .areaCharm_title > h1 {
	padding-left: 25px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: .08em;
}
.areaCharm .btnDetail {
	margin-top: 20px;
}

/* areaLife */
.areaLife {
	position: relative;
	padding-right: 10px;
	padding-left: 10px;
}
.areaLife.type02 { margin-top: 60px;}
.areaLife.type03 { margin-top: 130px;}
.areaLife.type04 { margin-top: 135px;}
.areaLife.type05 { margin-top: 135px;}
.areaLife.type06 { margin-top: 90px;}
.areaLife.type07 { margin-top: 125px;}


.areaLife:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.areaLife.typeR .areaLife_photo {
	float: right;
	margin-left: 45px;
}
.areaLife.typeL .areaLife_photo {
	float: left;
	margin-right: 45px;
}
.areaLife .areaLife_text {
	overflow: hidden;
	margin-top: 20px;
	font-size: 14px;
}
.areaLife .areaLife_text p {
	line-height: 1.857;
}
.areaLife .areaLife_time {
	padding: 2px 0 2px 62px;
	background: url(/images/education/education/daylife-icon-time.png) left center no-repeat;
}
.areaLife .areaLife_time h1 {
	color: #EE828F;/*☆h1見出しテキストカラー/def:34aa9a*/
	font-size: 16px;
	line-height: 1.5;
}
.areaLife .areaLife_time p {
	margin-top: 0;
	color: #af8382;
	font-size: 13px;
	line-height: 1.5;
}

.areaLife .areaLife_arrow {
	position: absolute;
}
.areaLife .areaLife_arrow.type01 {
	top: 200px;
	left: 235px;
}
.areaLife .areaLife_arrow.type02 {
	top: 270px;
	left: 149px;
}
.areaLife .areaLife_arrow.type03 {
	top: 293px;
	left: 392px;
}
.areaLife .areaLife_arrow.type04 {
	top: 267px;
	left: 225px;
}
.areaLife .areaLife_arrow.type05 {
	top: 223px;
	left: 235px;
}
.areaLife .areaLife_arrow.type06 {
	top: 282px;
	left: 240px;
}

/* areaClub */
.areaCharm .areaClub_title {
	margin-bottom: 25px;
	display: table;
	width:345px;
}
.areaCharm .areaClub_title > div,
.areaCharm .areaClub_title > h1 {
	display: table-cell;
	vertical-align: middle;
}
.areaCharm .areaClub_title > h1 {
	padding-left: 25px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	width:320px;
}


.summer_winter_dl dl {
	margin-bottom:15px;
	overflow:hidden;
	margin-top:15px;
}
.summer_winter_dl dt {
	width:160px;
	float:left;
}
.summer_winter_dl dd {
	width:500px;
	float:left;
}

.summer_winter_dl_02 dl:first-child {
	overflow:hidden;
	margin-top:10px;
}
.summer_winter_dl_02 dl {
	overflow:hidden;
	margin-top:0;
}
.summer_winter_dl_02 dt {
	width:11em;
	float:left;
}
.summer_winter_dl_02 dd {
	width:10em;
	float:left;
}


/* text
------------------------------ */
/* box_lead */
.box_lead {
	position: absolute;
	top: 30px;
	right: 25px;
	margin-top: 0!important;
	color: #af8382;
	font-size: 17px;
	letter-spacing: .08em;
}

/* title
------------------------------ */
.titleEducation {
	margin-top: 35px;
	padding: 16px 18px;
	border-radius: 5px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	background-color: #af8382;
	line-height: 1.1;
}
.titleEducation + .listColumn {
	margin-top: 20px;
}

/*追加分
------------------------------ */
.left-column {
	float: left;
	width: 50%; /* 要素の幅を50%に定義 */
}
.right-column {
	float: right;
	width: 50%; /* 要素の幅を50%に定義 */
}

.clear{
	clear:left;/*回り込み解除*/
	margin-bottom:100px;
}

p.Annotation {
	margin-top: -50px;
}

p.Annotation-small {
	margin-top: 10px;
}