@charset "utf-8";

/*----- トップページレイアウト -----------------------------------*/

.home #wrapper {
	color: #333;
}
.home #container {
	width: 755px;
	float: left;
	margin: 20px 0 5px 0;
}
a.linkbox,a.linkbox:hover,a.linkbox:visited,a.linkbox:focus,a.linkbox:active {
	color: #08176B;
}

/*----- content上下ボックス共通 -----*/
#content1,
#content2 {
	overflow:hidden; /* float clear */
	margin-bottom: 15px;
	margin-left: 5px;
}

/*----- 一覧（リンク）エリア共通 -----*/
#topicsarea .ichiran a,
#eventarea .ichiran a,
#letterarea .ichiran a,
#leaderarea .ichiran a {
	width: 40px;
	height: 25px;
	float: right;
	font-size: 93%;
}

/*----- トピックスエリアボックス -----*/
#topicsarea {
	width: 370px;
	float: right;
	float: left;
	height: 315px;
	background: url("../image/topicsarea.png") no-repeat left top;
}
h2.topnews {
	height: 42px;
	width: 485px;
	text-indent: -9999px;
	margin: 0 0 0 5px;
/*	background-image: url("../image/news-event.png");*/
	background-repeat: no-repeat;
}
#topicsarea .ichiran a {
	background-position: -485px bottom;
}
#topicsarea .ichiran a:hover {
	background-position: -545px bottom;
}

/*----- イベントエリアボックス -----*/
#eventarea {
	width: 370px;
	float: right;
	height: 315px;
	background: url("../image/eventarea.png") no-repeat left top;
}
#eventarea .topnews {
	background-position: left bottom;
}
#eventarea .ichiran a {
	background-position: -485px bottom;
}
#eventarea .ichiran a:hover {
	background-position: -545px bottom;
}

/*----- レターエリアボックス -----*/
#letterarea {
	width: 370px;
	float: left;
	height: 315px;
	background: url("../image/letterarea.png") no-repeat left top;
}
#letterarea .topnews {
	background-position: left bottom;
}
#letterarea .ichiran a {
	background-position: -485px bottom;
}
#letterarea .ichiran a:hover {
	background-position: -545px bottom;
}

/*----- 認定指導者エリアボックス -----*/
#leaderarea {
	width: 370px;
	height: 315px;
	float: right;
	background: url("../image/leaderarea.png") no-repeat left top;
}
#leaderarea .topnews {
	background-position: left bottom;
}
#leaderarea .ichiran a {
	background-position: -485px bottom;
}
#leaderarea .ichiran a:hover {
	background-position: -545px bottom;
}

/*----- 各ニューズテキスト -----*/
.news-txt {
	height: 240px;
	overflow: auto;
	margin: 0 1px 5px 4px;
	padding: 5px 3px 0 0;
}
.news-txt p {
	line-height: 140%;
	margin: 0 0 7px 0;
	padding: 0 0 0 27px;
	background-image: url(../image/arrow-red.png);
	background-repeat: no-repeat;
	background-position: 10px 5px;
}
.news-txt .newmark {
	background: url("../image/new.png") no-repeat left 4px;
}
.attention {
	font-weight: bold;
	color: #F00;
}

/* -------------------------------------------------------------------------------- */
/*      お知らせ                                                                    */

#topicsarea .topnews {
	background-position: left top;
}
#topicsarea .ichiran a {
	background-position: -485px top;
}
#topicsarea .ichiran a:hover {
	background-position: -545px top;
}


/* 重要なお知らせ */
.important-news {
	background: #FFF;
	border: 1px solid #08176B;
	margin: 0 0 10px 5px;
	padding: .5rem;
}

.important-news h2 {
	font-size: 1.25rem;
	padding: .2rem 0 0 .5rem;
	border-left: 5px solid red;
}