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

/*===============================================
 LightCMS用（管理画面の幅を設定。基本的には#PAGEと同じ幅を全て指定する。）
===============================================*/
#centerColumn {
	width: 760px;
}

#leftColumn {
	width: 760px;
}

#rightColumn {
	width: 760px;
}

/*===============================================
ページトップ、カラム固定バナー
===============================================*/
.pagetop {
	position: fixed;
	bottom: 20px;
	right: 20px;
}

.side_bnrWrap {
	position: fixed;
	right: 0;
	top: 20%;
}


@media all and (max-width: 1100px) {
	.side_bnrWrap {
		display: none;
	}
}

/*===============================================
リンク、色
===============================================*/
a {
	color: #1381e5;
	text-decoration: underline;
}

a:hover {
	color: #1381e5;
	text-decoration: none;
}

.fBlue {
	color: #21b3f9 !important;
}

.fRed {
	color: #EF4500 !important;
}

.fYellow {
	color: #FFFF00 !important;
}

.fPink {
	color: #FF96AA !important;
}

.fOrange {
	color: #F38F1E !important;
}

#a01 {
	margin-top: 30px;
}

#a02 {
	margin-top: 30px;
}

#a03 {
	margin-top: 30px;
}

#a04 {
	margin-top: 30px;
}

@media all and (max-width: 768px) {
	#a01 {
		margin-top: -35px;
		padding-top: 65px;
	}

	#a02 {
		margin-top: -35px;
		padding-top: 65px;
	}

	#a03 {
		margin-top: -35px;
		padding-top: 65px;
	}

	#a04 {
		margin-top: -35px;
		padding-top: 65px;
	}
}

/*===============================================
inner、box
===============================================*/
.inner {
	/*width: px;*/
	margin: 0 auto;
}

.box01 {
	background-color: #FDF8E5;
	padding: 15px;
}

/*===============================================
見出し
===============================================*/

/*画像見出し用の記述*/
.original {
	background: none;
	text-indent: 0px;
	line-height: inherit;
	letter-spacing: normal;
	height: auto;
	margin: 0px;
	padding: 0px;
}

h3 {
	font-size: 24px;
	background: url(../img/bdr01.jpg) no-repeat left bottom;
	margin: 0 0 15px 0;
}

@media all and (max-width: 768px) {
	h3 {
		font-size: 18px;
	}
}

h4 {
	background: #e8f7fe;
	border-left: 4px solid #21b3f9;
	font-size: 21px;
	padding: 5px 10px 3px 10px;
	margin: 0 0 15px 0;
}

@media all and (max-width: 768px) {
	h4 {
		font-size: 16px;
	}
}

h5 {
	font-size: 24px;
	color: #21b3f9;
}

@media all and (max-width: 768px) {
	h5 {
		font-size: 15px;
	}
}

/*===============================================
table01
===============================================*/
.table01 {}

.table01 th {
	border-bottom: 1px solid #21b3f9;
	text-align: center;
	padding: 5px;
}

.table01 td {
	border-bottom: 1px solid #c8c8c8;
	padding: 5px;
}

.table02 {}

.table02 th {
	background: #DEF3FE;
	border: 1px solid #CCCCCC;
	padding: 10px;
	border-right: none;
}

.table02 td {
	border: 1px solid #CCCCCC;
	padding: 10px;
	border-left: none;
}

.table03 {}

.table03 th {
	border-bottom: 1px solid #21b3f9;
	padding: 5px;
}

.table03 td {
	border-bottom: 1px solid #c8c8c8;
	padding: 5px;
}

@media all and (max-width: 768px) {
	.table02 th {
		display: block;
		width: auto !important;
		border-right: 1px solid #CCCCCC;
		border-top: none;
	}

	.table02 td {
		display: block;
		border-left: 1px solid #CCCCCC;
		border-top: none;
	}

	.table02 tr:first-child th {
		border-top: 1px solid #CCCCCC;
	}

	.table03 th {
		width: auto !important;
		display: block;
	}

	.table03 td {
		display: block;
	}
}

/*===============================================
button,list
===============================================*/
.button01 {
	background: url(../img/arrow02.png) no-repeat left center;
	padding: 0 0 0 15px;
}

.list01 li {
	background: url(../img/arrow03.png) no-repeat left center;
	padding: 3px 0 3px 10px;
}

.list02 li {
	background: url(../img/arrow04.png) no-repeat left 10px;
	padding: 3px 0 3px 10px;
}

.st-box {
	background: #E8F7FE;
	margin-bottom: 30px;
	padding: 20px;
}

.st-box.-pink {
	background: #fff5fc;
}