/* ===============================================
	▼トップページ用ＣＳＳ
=============================================== */
/* ━━━━ ▼ボックス ━━━━ */
.tBox {
	float: left;
	width: 190px;
	text-align: left;
	position: relative;
	margin: 0 10px 10px 0;
	box-shadow: 1px 1px 1px 2px #eee;
	-moz-box-shadow: 1px 1px 1px 2px #eee;
	-webkit-box-shadow: 1px 1px 1px 2px #eee;
	-o-box-shadow: 1px 1px 1px 2px #eee;
	-ms-box-shadow: 1px 1px 1px 2px #eee;
	behavior: url(../js/PIE.htc);
}
.tBox:nth-child(4n) {
	margin: 0 0 10px;
}
.tBox a {
	display: block;
	width: 188px;
	height: 238px;
	color: #555;
	text-decoration: none;
	background: #EEE url("../img/bg_tbox_arrow01.png") no-repeat 154px 204px;
	border: 1px solid #ddd;
	overflow: hidden;
}
.tBox .ttl {
	font-size: 15px;
	font-weight: bold;
	border-top: 5px solid #555;
	background: url("../img/bg_ttl01.png") no-repeat left top;
	padding: 5px 0 10px 20px;
}
.tBox .ttl2 {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
	padding: 8px 0 10px;
}
.tBox .text {
	text-align: center;
	padding: 0 9px;
}
.tBox .img {
	text-align: center;
	padding: 0 9px 5px;
}
.tBox .text2 {
	font-size: 12px;
	padding: 5px 9px;
}
.tBox .name {
	color: #419fff;
	font-size: 10px;
	padding: 0 9px;
}

/* ▼ボックス01 */
#s01.tBox a {
	display: block;
	height: 198px;
	color: #FFF;
	background: #e60e3b url("../img/bg_tbox_arrow02.png") no-repeat left bottom;
	border-bottom: none;
}
#s01.tBox .ttl {
	border-top: 5px solid #a50b2b;
	background: url("../img/bg_ttl02.png") no-repeat left top;
}

/* ▼ボックス01s */
#s01s.tBox a {
	color: #555;
	text-decoration: none;
	background: #FFF url("../img/bg_tbox_arrow03.png") no-repeat 154px 204px;
}
#s01s.tBox .ttl {
	color: #a50b2b;
	border-top: 5px solid #a50b2b;
	background: url("../img/bg_ttl03.png") no-repeat left top;
}

/* ▼ボックス02 */
#s02.tBox a {
	display: block;
	height: 198px;
	color: #FFF;
	background: #3677ed url("../img/bg_tbox_arrow04.png") no-repeat left bottom;
	border-bottom: none;
}
#s02.tBox .ttl {
	border-top: 5px solid #1c50af;
	background: url("../img/bg_ttl04.png") no-repeat left top;
}

/* ▼ボックス02s */
#s02s.tBox a {
	color: #555;
	text-decoration: none;
	background: #FFF url("../img/bg_tbox_arrow05.png") no-repeat 154px 204px;
}
#s02s.tBox .ttl {
	color: #1c50af;
	border-top: 5px solid #1c50af;
	background: url("../img/bg_ttl05.png") no-repeat left top;
}

/* ▼ボックス03 */
#s03.tBox a {
	display: block;
	height: 198px;
	color: #FFF;
	background: #0ab39e url("../img/bg_tbox_arrow06.png") no-repeat left bottom;
	border-bottom: none;
}
#s03.tBox .ttl {
	border-top: 5px solid #1e7f63;
	background: url("../img/bg_ttl06.png") no-repeat left top;
}

/* ▼ボックス03s */
#s03s.tBox a {
	color: #555;
	text-decoration: none;
	background: #FFF url("../img/bg_tbox_arrow07.png") no-repeat 154px 204px;
}
#s03s.tBox .ttl {
	color: #1e7f63;
	border-top: 5px solid #1e7f63;
	background: url("../img/bg_ttl07.png") no-repeat left top;
}

/* ▼ボックス04 */
#s04.tBox a {
	display: block;
	color: #FFF;
	background: #b226da url("../img/bg_tbox_arrow08.png") no-repeat left bottom;
	border-bottom: none;
}
#s04.tBox .ttl {
	border-top: 5px solid #6b1982;
	background: url("../img/bg_ttl08.png") no-repeat left top;
}

/* ▼ボックス04s */
#s04s.tBox a {
	color: #555;
	text-decoration: none;
	background: #FFF url("../img/bg_tbox_arrow09.png") no-repeat 154px 204px;
}
#s04s.tBox .ttl {
	color: #6b1982;
	border-top: 5px solid #6b1982;
	background: url("../img/bg_ttl09.png") no-repeat left top;
}


.tBox a:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#s01.tBox .login a,
#s02.tBox .login a,
#s03.tBox .login a {
	width: auto;
	height: auto;
	color: #555;
	background: none;
	border-top: none;
}

/* ━━━━ ▼お知らせ ━━━━ */
#mainArea #newsBox {
	float: left;
	width: 388px;
	height: 238px;
	background-color: #FFF;
	border: 1px solid #ddd;
	overflow: hidden;
	margin: 0 10px 10px 0;
	position: relative;
}
#mainArea #newsBox .frame {
	padding: 10px 0 0;
}
#mainArea #newsBox h3 {
	font-size: 16px;
	font-weight: bold;
	padding: 0 15px 10px;
}
#mainArea #newsBox ul {
	width: 373px;
	height: 190px;
	overflow-y: scroll;
	position: absolute;
	right: 0;
	bottom: 0;
}
#mainArea #newsBox ul li {
	border-bottom: 1px dotted #aaa;
	padding: 6px 0;
}
#mainArea #newsBox ul li .date{
	display: block;
	color: #aaa;
	font-size: 12px;
}
/* ━━━━ ▼FACEBOOK ━━━━ */
#mainArea #faceBox {
	float: left;
	width: 388px;
	height: 238px;
	background-color: #FFF;
	border: 1px solid #ddd;
	overflow: hidden;
	margin: 0 0 10px;
	position: relative;
}
/* NEWアイコン */
span.texticon {
	display: inline-block;
	background: #f67a0c;
	padding: 1px 5px;
	margin-left: 5px;
	vertical-align: middle;
	font-size: 0.6em;
	font-weight: bold;
	color: #fff;
	border-radius: 3px;
}