@charset "Shift_JIS";
@import url("mura_00_Base.css");

/*  トップページコンテンツブロック  */


/*
#topImage
{
	width: 860px;
	height: 299px;
	background: url(images/10_Top/top_img.jpg) no-repeat;
	float: left;
}

#topImage a
{
	width: 860px;
	height: 299px;
	display: block;
}
*/

#topImageLeft
{
	width: 180px;
	height: 299px;
	float: left;
}
#topImageRight
{
	width: 680px;
	height: 299px;
	float: right;
}



#topLeft
{
	width: 580px;
	height: 506px;
	float: left;
}
#topRight
{
	width: 280px;
	height: 506px;
	float: left;
}

/*  インフォ、ニュースブロック  */
#topix{
	width: 580px;
	height: 363px;
	float: left;
}
#info{
	padding: 21px 0px 5px 20px;
	_padding: 21px 0px 5px 10px;
	width: 560px;
	float: left;
}
#infoImage{
	width: 530px;
	height:40px;
	background: url(images/10_Top/Top_cImg.jpg) no-repeat;
}
#infoText{
	padding: 10px 8px 0px 8px;
	width: 510px;
	font-size: 12px;
	line-height: 1.4em;
	color: #666666;
	text-align: left; 
}
#news{
	padding: 0px 18px 0px 21px;
	width: 541px;
	float: left;
}
#newsImage{
	width: 541px;
	height: 30px;
	background: url(images/10_Top/Top_news.jpg) no-repeat;
}
#newsFrame{
	width: 535px;
	font-size: 12px;
	line-height: 1.4em;
	text-align: left;
	overflow: auto;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 4px;
	height: 97px;
	border:1px solid #ccc;
}
div.new{
	padding-top: 5px;
	width: 35px;
	color: #FF0000;
	font-weight: bold;
	float: left;
}
div.newsText{
	padding: 5px 0px;
	width: 480px;
	border-bottom: 1px dotted #999999;
	float: left;
}
div.days{
	width: 60px;
	float: left;
}
div.text{
	width: 420px;
	float: left;
}

/* banner */
.top_bnr .ban1,
.top_bnr .ban2,
.top_bnr .ban3{
	float:left;
}

.top_bnr{
	margin:15px 0 0 21px;
	float:left;
}

.top_bnr .ban2,
.top_bnr .ban3{
	margin-left:18px;
}

.top_bnr img:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
}

/* link */
#topContents{
	width: 560px;
	height: 150px;
	background-color: #DDCED3;
	float: left;
	padding:20px 0 0 20px;
}
/* link header */
#topContents .content1,
#topContents .content2,
#topContents .content3{
	height:110px;
	float:left;
	text-align: left;
}
#topContents .content1{
	width:375px;
	margin-right:20px;
}
#topContents .content2{
	width:157px;
	margin-right:1px;
}
#topContents .content1 img:hover,
#topContents .content2 img:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
}

/* link list */
#topContents ul{
	margin-top:7px;
	margin-left:8px;
}
#topContents li.main{
	float:left;
	width:75px;
	padding-left: 20px;
	background: url(images/10_Top/Top_linkMimg.jpg) no-repeat 0px 2px;
}
.content1 li.main{
	padding-bottom:10px;
}
#topContents li.main a{
	font-size:12px;
	color:#000000;
}
#topContents li.main a:hover{
	color:#666666;
}
.content2 li.main img{
	margin-top:3px;
	margin-left:-15px;
}
.content3 li.main img{
	margin-top:3px;
	margin-left:-5px;
}

/* left */
#topLink{
	padding-top: 13px;
	width: 280px;
	height: 493px;
	background-color: #D6D6D6;
}
#topLink a{
	display: block;
}
#topLink1{
	margin: 0px 10px 0px 10px;
	width: 260px;
	height: 190px;
	background: url(images/10_Top/Top_link1.jpg) no-repeat;
}
#topLink1 a{
	width: 260px;
	height: 190px;
}
.topLink2{
	margin: 10px 10px 8px 10px;
	width: 260px;
	height: 62px;
}
.topLink2 a{
	width: 260px;
	height: 60px;
}
.topLink2 a:hover img{
opacity: 0.5;
filter: alpha(opacity=50);
-moz-opacity:0.5;
}
.topLink3{
	margin: 0 10px 0px 9px;
	width: 261px;
	height: 214px;
	background: url(images/10_Top/Top_link7.jpg) no-repeat;
}
.topLink3 a{
	width: 261px;
	height: 214px;
}

#topLink4{
	margin: 8px 10px 0px 9px;
	width: 261px;
	height: 214px;
	background: url(images/10_Top/Top_link4.jpg) no-repeat;
}
#topLink4 a{
	width: 261px;
	height: 214px;
}

p.attention{
	font-size: 12px;
	color: #CC0000;
}