/* 基本・骨組み */

body {
	margin: 0;
	padding: 0;
	text-align:center;
	background-color:#d4d4c5;
	color:#222222;
}
ul {
	margin: 0;
	padding: 0;
}
h2 {
	margin: 0;
	padding: 0;
}
h3 {
	margin: 0;
	padding: 0;
}
p {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
}


/* ヘッダー */
#header-area-h {
	height:82px;
	background-image:url("../images/title_back.gif");
}
#header-area {
	width:900px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}
#header-left {
	width:430px;
	float:left;
}
#header-right {
	width:360px;
	float:right;
}
h1 {

}

.fclear {
	clear:both;
}
.contents-block {
	width: 900px;
	margin: 30px auto;
}
.contents-top-left {
	width: 440px;
	float: left;
	margin-right: 20px;
}
.contents-top-right {
	width: 440px;
	float: left;
}
.top-sub-header1 {
	background-color:#fcd136;
}
.top-sub-header1 h3 {
	width: 300px;
}
.top-sub-header2 {
	background-color:#ace65b;
}
.top-sub-header2 h3 {
	width: 300px;
}
.top-sub-header3 {
	background-color:#f47fb0;
}
.top-sub-header3 h3 {
	width: 300px;
}
.top-sub-header4 {
	background-color:#70c1c1;
}
.top-sub-header4 h3 {
	width: 300px;
}
.top-sub-header-f {
	background-color:#6e98c8;
}
.top-sub-header-f h3 {
	width: 300px;
}
.top-info1-area {
	border-top: 1px solid #e39c02;
	background:linear-gradient(#fbd757, #ffe68a);
	margin-bottom: 20px;
}
.top-info2-area {
	border-top: 1px solid #6daa18;
	background:linear-gradient(#bee981, #c8ef90);
	margin-bottom: 20px;
}
.top-info3-area {
	border-top: 1px solid #d7507b;
	background:linear-gradient(#f999c2, #f7adcc);
	margin-bottom: 20px;
}
.top-info4-area {
	border-top: 1px solid #1e837e;
	background:linear-gradient(#83c9c6, #a7d9da);
	margin-bottom: 20px;
}
.top-info5-area {
	background: #3b5998;
	margin-bottom: 20px;
}

.top-info-f-area {
	border-top: 1px solid #1f5da3;
	background:linear-gradient(#a6bfdc, #a8c3e3);
	margin-bottom: 20px;
}


.top-info-space {
	padding-bottom: 4px;
}
.top-info1-list {
	font-size: 90%;
	line-height: 1.6em;
	margin: 4px 8px;
}
.top-info1-list p {
	padding: 4px 4px 4px 22px;
}
.top-info-yellow {
	background-image: url("../images/pic_point_yellow.png");
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom: 1px dotted #e39c02;
	color: #555;
}
.top-info-blue {
	background-image: url("../images/pic_point_blue.png");
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom: 1px dotted #1e837e;
	color: #555;
}
.top-info-red {
	background-image: url("../images/pic_point_red.png");
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom: 1px dotted #d7507b;
	color: #555;
}
.top-info-red2 {
	background-image: url("../images/pic_point_red.png");
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom: 1px dotted #d7507b;
	border-top: 1px dotted #d7507b;
	color: #555;
	margin-top: 10px;
}
.top-info-green {
	background-image: url("../images/pic_point_green.png");
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom: 1px dotted #6daa18;
	color: #555;
}
/* くれきんセンターニュース */
.top-info3-area-left {
	/* width: 160px; */
	float: left;
	padding: 10px;
}
.top-info3-area-right {
	float: left;

}
/* 緊急のお知らせ（赤枠） */
.top-info-kinkyu_old {
	margin: 10px 10px 5px 10px; 
	padding: 8px 10px;
	border: 2px solid #ff0000;
	background-color:#ffe68a;
	font-size: 110%;
	line-height:1.4em;
}
.top-info-kinkyu a {
	margin: 8px 10px 5px 10px; 
	padding: 8px 10px;
	border: 2px solid #ff6200;
	background-color:#ff6200;
	font-size: 100%;
	line-height:1.4em;
	color:#ffffff;
	display: block;
	font-weight: bold;
}
.top-info-kinkyu a:hover {
	border: 2px solid #ff741d;
	background-color:#ff741d;
	color:#ffffff;
}
.top-info-bosyu a {
	margin: 8px 10px 5px 10px; 
	padding: 8px 10px;
	border: 2px solid #48c32c;
	background-color:#48c32c;
	font-size: 100%;
	line-height:1.4em;
	color:#ffffff;
	display: block;
	/*font-weight: bold;*/
}
.top-info-bosyu a:hover {
	border: 2px solid #55ce39;
	background-color:#55ce39;
	color:#ffffff;
}

/* バナー */
.top-banner1 {
	margin: 0 0 10px 0;
	/* float: left; */
}
.top-banner2 {
	width: 285px;
	margin: 0 20px 10px 0;
	float: left;
}
.top-banner3 {
	width: 285px;
	margin: 0 0 10px 0;
	float: left;
}