@charset "utf-8";

@import url("common.css");


/* --------------------------------------------------------------------------------------
 コンテンツエリア
--------------------------------------------------------------------------------------- */
#ctArea {
	margin-top: 28px;
}

#ctArea h2 {
	margin: 0 0 40px;
	padding: 0 0 0 42px;
	background: url(../img/mypage/icon_edit01_ttl.png) no-repeat left center;
	text-align: left;
	font-size: 175%;
	font-weight: bold;
}

#ctArea section {
	margin: 0 0 30px;
 	padding: 0 0 4px 1.5em;
	border-bottom: 1px dotted #c8cac9;
	text-align: left;
}
#ctArea section.pl0 {
	padding-left: 0;
}

#ctArea section:last-child {
	margin: 0;
	border-bottom: none;
}

#ctArea section h3 {
	position: relative;
	margin: 0 0 12px -1.2em;
	padding: 0 0 0 1.5em;
	font-size: 125%;
	font-weight: bold;
}

#ctArea section h3:before {
	position: absolute;
	left: 0;
	content: "●";
}

#ctArea section p {
	line-height: 1.67;
	margin: 0 0 1.67em;
}

#ctArea section .note {
	margin: 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
}

#ctArea section ul li {
	position: relative;
	margin: 1.67em 0 0;
	padding: 0 0 0 1em;
}

#ctArea section ul li:before {
	position: absolute;
	left: 0;
	content: "○";
}

#ctArea section dl dt {
	position: relative;
	margin: 1.67em 0 0;
	padding: 0 0 0 1em;
	font-weight: bold;
}

#ctArea section dl dt:before {
	position: absolute;
	left: 0;
	content: "○";
}

#ctArea section dl dd {
	margin: 1.67em 0 0;
	padding: 0 0 0 1em;
}

#ctArea .calendarBox {
	width: 245px;
	margin: 0 0 0 -1.2em;
}

#ctArea .calendarBox h4 {
	margin: 0 12px 6px 0;
	text-align: right;
	font-size: 125%;
	font-weight: bold;
}

#ctArea .calendarBox table {
	width: 100%;
	margin: 0 0 8px;
	line-height: 24px;
	text-align: center;
}

#ctArea .calendarBox tr th,
#ctArea .calendarBox tr td{
	width: 14.2857%;
	padding: 4px 0;
	border-bottom: 1px solid #d3d5d4;
	font-weight: normal;
}

#ctArea .calendarBox tr th:first-child,
#ctArea .calendarBox tr td:first-child{
	color: #e14c4c;
}

#ctArea .calendarBox tr th:last-child,
#ctArea .calendarBox tr td:last-child{
	color: #3336b9;
}

/*#ctArea .calendarBox tr td span{*/
#ctArea .calendarBox tr td.closed em{
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #fbcdcd;
	vertical-align: baseline;
	/*color: #e14c4c;*/
	line-height: 24px;
}

/*#ctArea .calendarBox tr td:last-child span{*/
#ctArea .calendarBox tr td:last-child em{
	color: #3336b9;
}

#ctArea .calendarBox p {
	margin: 0 4px 36px 0;
	text-align: right;
}

#ctArea .calendarBox p span {
	color: #fbcdcd;
}

@media screen and (max-width: 1240px){
#ctArea h2 {
	display: inline-block;
	margin: 0 0 20px;
	text-align: center;
}

#ctArea section {
	margin: 0 3% 30px;
	padding: 0;
}

#ctArea section:last-child {
	margin: 0 3%;
	padding: 0;
}

#ctArea section h3 {
	margin: 0 0 12px;
}

#ctArea .calendarBox {
	margin: 0;
}
}

/* --------------------------------------------------------------------------------------
 ヘッダー
--------------------------------------------------------------------------------------- */
header {
	margin-bottom: 0;/*下層ページマージン0に*/
}