@charset "UTF-8";

/* --------------------------------------------------------------

	清光学園 第二早蕨幼稚園 [共用パーツCSS]
	/common/css/component.css

-------------------------------------------------------------- */

/* ==================================================
	hidepc
================================================== */
@media screen and (min-width:741px) {
.hidepc,
#global_nav_open_btn {
	display: none !important;
}
}


/* ==================================================
	box
================================================== */

.box960 {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#main_col .inbox {
	margin: 30px 0;
}


/* ==================================================
	headign
================================================== */

#content_wrap #content h1 {
	height: 220px;
	display: table-cell;
	vertical-align: middle;
	padding-left: 6px;
}
#main_col h2 {
	margin: 10px 0 30px;
	font-size: 154%;
	font-weight: bold;
	padding-bottom: 15px;
	border-bottom: solid 1px #c09873;
}
#main_col h3 {
	font-size: 131%;
	background: url(../images/h3_bg.png) left bottom no-repeat;
	padding-bottom: 8px;
	margin-bottom: 25px;
	color: #c09873;
}
#content_body h3 {
	font-size: 131%;
	background: url(../images/h3_bg_l.png) left bottom no-repeat;
	padding-bottom: 12px;
	margin-bottom: 25px;
	color: #c09873;
}
#main_col h4 {
	background: #f1f1f1;
	border-left: solid 5px #c09873;
	padding: 7px 15px 5px;
	font-size: 115%;
	margin-bottom: 15px;
}
#main_col h5 {
	font-size: 115%;
	font-weight: bold;
	color: #4d4d4d;
	padding-bottom: 8px;
	border-bottom: solid 2px #98dff0;
	margin-bottom: 15px;
	position: relative;
}
#main_col h5 em {
	position: absolute;
	right: 0px;
	top: 0px;
	font-weight: bold;
}
#main_col h6 {
	color: #c09873;
	font-weight: bold;
}


/* ==================================================
	link
================================================== */

.link_list li {
	background: url(../images/link_arw.png) left 6px no-repeat;
	padding-left: 9px;
}
.ex_link {
	vertical-align: middle;
	padding-left: 5px;
}
.link_window {
	background: url(../images/icon_window.png) right 35% no-repeat;
	padding-right: 15px;
	margin-right: 6px;
}
.link_window02 {
	background: url(../images/icon_window.png) right 35% no-repeat;
	padding-right: 20px;
	margin-right: 6px;
}


/* ==================================================
	text
================================================== */

/* align
------------------------------------------ */
.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }

/* color
------------------------------------------ */
.c_blue { color: #569bd2; }
.c_green { color: #008245; }
.c_red { color: #f00; }
.c_default { color: #c09873; }

/* weight
------------------------------------------ */
.f_bold { font-weight: bold; }

/* line height
------------------------------------------ */
#main_col .inbox p {
	line-height: 2;
}

/* jisage
------------------------------------------ */
.jisage { text-indent: -1em; padding-left: 1em;}
.jisage01-25 { text-indent: -1.25em; padding-left: 1.25em;}
.jisage01-35 { text-indent: -1.35em; padding-left: 1.35em;}
.jisage01-5 { text-indent: -1.5em; padding-left: 1.5em;}
.jisage02 { text-indent: -2em; padding-left: 2em;}
.jisage02-5 { text-indent: -2.5em; padding-left: 2.5em;}
.jisage03 { text-indent: -3em; padding-left: 3em;}
span.jisage { display: inline-block; text-indent: -1em; padding-left: 1em;}
span.jisage01-25 { display: inline-block; text-indent: -1.25em; padding-left: 1.25em;}
span.jisage01-35 { display: inline-block; text-indent: -1.35em; padding-left: 1.35em;}
span.jisage01-5 { display: inline-block; text-indent: -1.5em; padding-left: 1.5em;}
span.jisage02 { display: inline-block; text-indent: -2em; padding-left: 2em;}
span.jisage02-5 { display: inline-block; text-indent: -2.5em; padding-left: 2.5em;}
span.jisage03 { display: inline-block; text-indent: -3em; padding-left: 3em;}
#main_col table td span.jisage { display: inline-block;}


/* ==================================================
	float
================================================== */

.fl { float: left; }
.fr { float: right; }
.fc { clear: both; }

.cf:after { content: ""; display: block; clear: both; }


/* ==================================================
	list
================================================== */

ol.num_list li {
	margin-left: 2em;
	list-style-type: decimal;
}


/* ==================================================
	table
================================================== */

th.nowrap,
td.nowrap {
	white-space: nowrap !important;
}

/* table01 */
.table01 {
	width: 100%;
}
.table01 th,
.table01 td {
	border: solid 1px #d4d4d4;
	padding: 10px 15px 8px;
	vertical-align: middle;
}
.table01 th.first, 
.table01 td.first {
	border-left: none;
}
.table01 th.last, 
.table01 td.last {
	border-right: none;
}
.table01 tr.heading th {
	background: #c09873;
	color: #fff;
	white-space: nowrap;
}
.table01 th.heading {
	background: #f5efea;
}
.table01 th.heading02 {
	background: #c09873;
	color: #fff;
}
.table01 th.heading03,.table01 td.heading03 {
	background: #e5f7fb;
}
.table01 tr.heading03 td {
	background: #f5f5f5;
}
.table01 tr.heading04 td {
	background: #e5e5e5;
}
#table01_pd th,
#table01_pd td {
	padding: 7px 15px 5px 15px;
}
#table01_pd th { text-align: left; }

/* table02 */
.table02 {
	width: 100%;
	border-top: solid 1px #d4d4d4;
}
.table02 th,
.table02 td {
	padding: 5px 15px 3px;
	vertical-align: top;
	line-height: 1.4;
}
.table02 .bdr_sol {
	border-bottom: solid 1px #d4d4d4;
}
.table02 .bdr_das {
	border-bottom: dashed 1px #808080;
}
.table02 tr.heading th {
	background: #c09873;
	color: #fff;
	white-space: nowrap;
}
.table02 th.heading {
	background: #f5efea;
}


/* ==================================================
	table width
================================================== */

.w05 { width: 5%; }
.w06 { width: 6%; }
.w10 { width: 10%; }
.w11 { width: 11%; }
.w12 { width: 12%; }
.w15 { width: 15%; }
.w20 { width: 20%; }
.w22 { width: 22%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w33 { width: 33%; }
.w34 { width: 34%; }
.w35 { width: 35%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w50 { width: 50%; }
.w55 { width: 55%; }
.w60 { width: 60%; }
.w65 { width: 65%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w85 { width: 85%; }
.w90 { width: 90%; }


/* ==================================================
	space
================================================== */

.mt00 { margin-top: 0px !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }

.mr00 { margin-right: 0px !important; }
.mr05 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }

.mb00 { margin-bottom: 0px !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }

.ml00 { margin-left: 0px !important; }
.ml05 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }

.pt00 { padding-top: 0px !important; }
.pt05 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }

.pr00 { padding-right: 0px !important; }
.pr05 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }

.pb00 { padding-bottom: 0px !important; }
.pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }

.pl00 { padding-left: 0px !important; }
.pl05 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }