@charset 'UTF-8';

#topBlockWrap {
	/* setting */
	margin: 0 auto;
	padding: 0;
}

#topBlockWrap #contentWrapNoneSide {
	clear: both;
	padding: 50px 0 0;
	*padding: 0;
}

#topBlock {
	float: left;
	width: 690px;
}

.nobanner #topBlock {
	width: 100%;
}

.nobanner .topicsBlockWrap {
	width: 100%;
}

#content {
	clear: both;
	margin: 0 auto;
}

/* ---------------------------------------------------------
トップ用カルーセル
--------------------------------------------------------- */
#keyVisualBlockWrap {
	width: 970px;
	margin: 0 auto 30px;
	border-top: 1px solid #fff;
}

/* ---------------------------------------------------------
バナー
--------------------------------------------------------- */
#asideBlock {
	float: right;
	width: 217px;
}

#optionBlockWrap {
	margin-bottom: 0;
}

/* ---------------------------------------------------------
おしらせ
--------------------------------------------------------- */
#topInfoBlock {
	position: relative;
	margin: 0 0 50px 20px;
	padding: 18px 10px 25px 183px;
	border: 1px solid #dcdcdc;
	background: #f8f8f8;
	/* style */
}

#topInfoBlock h2 {
	position: absolute;
	top: -16px;
	left: -21px;
	width: 183px;
	height: 131px;
	margin: 0;
	padding: 0;
	border: none;
	background: url(../img/shared/info_ttl.png) no-repeat;
	font-size: 0;
	text-indent: -9999px;
	/* style */
}

#topInfoBlock .editorBlock {
	overflow: hidden;
	overflow-y: scroll;
	height: 150px;
	font-size: 108%;
}

#infoList {
	width: 100%;
	margin: 0;
	border: none;
}

#infoList td {
	padding: 11px 0;
	border: none;
	border-bottom: 2px dotted #36a904;
	line-height: 1.71;
}

#infoList td a {
	display: inline-block;
	padding: 0 0 0 20px;
	background: url(../img/shared/ico_arrow_01.png) no-repeat 0 50%;
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

/* ---------------------------------------------------------
新着情報
--------------------------------------------------------- */
.topicsBlockWrap {
	position: relative;
	width: 690px;
	margin: 0;
}

.topicsBlockWrap h2 {
	width: 690px;
	margin: 0;
	padding: 0 0 0 37px;
	background: url(../img/shared/bg_topics_01.png) no-repeat 0 50%;
	font-size: 139%;
	font-weight: bold;
	/* style */
}

.topicsBlockWrap .links {
	position: absolute;
	top: 9px;
	right: 0;
	margin: 0;
	font-size: 93%;
}

.topicsBlockWrap .links li {
	display: inline-block;
	margin: 0 0 0 15px;
	*display: inline;
	*zoom: 1;
}

.topicsBlockWrap .links a {
	padding: 1px 0 1px 18px;
	background: url(../img/shared/ico_arrow_01.png) no-repeat 0 50%;
	color: #666;
	font-weight: bold;
	text-decoration: none;
}

.topicsBlock {
	margin: 4px 0 0;
	padding: 17px 30px 20px;
	border-top: 2px solid #36a904;
	border-radius: 0 0 20px 20px;
	background: #f8f8f8;
}

/* ---------------------------------------------------------
フォルダレイアウト
--------------------------------------------------------- */
#topBlockWrap #contentWrapNoneSide {
	width: 100%;
}

#topBlockWrap .columnLayout_01sub .itemTtl,
#topBlockWrap .columnLayout_02sub .itemTtl,
#topBlockWrap .columnLayout_03sub .itemTtl,
#topBlockWrap .columnLayout_04sub .itemTtl {
	margin: 0;
	padding: 0 0 0 24px;
	border-bottom: 2px solid #36a904;
	background: url(../img/shared/bg_itemWrap_01.png) no-repeat 0 50%;
}

#topBlockWrap .columnLayout_01sub .itemTtl a,
#topBlockWrap .columnLayout_02sub .itemTtl a,
#topBlockWrap .columnLayout_03sub .itemTtl a,
#topBlockWrap .columnLayout_04sub .itemTtl a {
	background: url(../img/shared/ico_arrow_07.png) no-repeat 100% 50%;
	text-decoration: none;
}

#topBlockWrap .columnLayout_01sub .itemTtl span,
#topBlockWrap .columnLayout_02sub .itemTtl span,
#topBlockWrap .columnLayout_03sub .itemTtl span,
#topBlockWrap .columnLayout_04sub .itemTtl span {
	padding: 3px 12px 3px 0;
}

#topBlockWrap .columnLayout_01sub .item .inner,
#topBlockWrap .columnLayout_02sub .item .inner,
#topBlockWrap .columnLayout_03sub .item .inner,
#topBlockWrap .columnLayout_04sub .item .inner {
	padding: 7px 15px 21px;
	border-radius: 0 0 20px 20px;
	background: #f8f8f8;
}

#topBlockWrap .columnLayout_01sub ul,
#topBlockWrap .columnLayout_02sub ul,
#topBlockWrap .columnLayout_03sub ul,
#topBlockWrap .columnLayout_04sub ul {
	margin-left: 0;
}

#topBlockWrap .columnLayout_01sub li,
#topBlockWrap .columnLayout_02sub li,
#topBlockWrap .columnLayout_03sub li,
#topBlockWrap .columnLayout_04sub li {
	margin: 13px 0 0;
	background-position: 0 0.3em;
}

/* ---------------------------------------------------------
FCK
--------------------------------------------------------- */
/* ---------------------------------------------------------
ClearFix
--------------------------------------------------------- */
#topBlockWrap:after,
.topicsBlock:after {
	content: '';
	display: block;
	clear: both;
}

#topBlockWrap,
.topicsBlock {
	*zoom: 1;
}