﻿
/* トップ記事部 */
#topmain {
	width: 940px;
	background-color: #FFF;
  min-height:1px; /* for ClearFix */
}
#topmain #mainleft {
	float: left;
	width: 705px;
}
#topmain #maincenter {
	float: right;
	width: 525px;
}
#topmain #leftmenu {
	float: left;
	width: 170px;
	background-color: #F5F5F5;
}
#topmain #mainright {
	float: right;
	width: 227px;
}
#topmain:after {
    content:".";
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
}

/* 中央メニュー部品 */
/* ==新着項目タイトル== */
#maincenter h2 {
	font-size: 110%;
	font-weight: bold;
	background-color: #A7C7E0;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	border-top: 5px solid #B7B7B7;
}
/* ==一覧へリンク== */
#maincenter .tolist {
	text-align: right;
	margin-top: -1.8em;
	margin-right:10px;
	font-size:80%;
}
/* ==新着情報== */
#maincenter .news dl {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#maincenter .news dt, #maincenter .news dd {
	line-height:1.2;
}
#maincenter .news dt {
	float: left;
	width: 13.5em;
}
#maincenter .news dt.oshirase { background:url(../images/news-inf.gif) right no-repeat; }
#maincenter .news dt.topics { background:url(../images/news-topics.gif) right no-repeat; }
#maincenter .news dt.mainte { background:url(../images/news-mainte.gif) right no-repeat; }
#maincenter .news dd {
	margin-left:14em;
	margin-bottom:5px;
}
#maincenter .news img {
	margin-left: 2px;
}
/* ==プレスリリース
新着情報とは日付と記事タイトルの間隔が違います== */
#maincenter .press dl {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#maincenter .press dt, #maincenter .press dd {
	line-height:1.2;
}
#maincenter .press dt {
	float: left;
}
#maincenter .press dd {
	margin-left:9.5em;
	margin-bottom:5px;
}
/* ==告示== */
#maincenter .announce {
}
#maincenter .announce ul {
	list-style-type: square;
	margin: 10px 0px 15px 0px;
	padding: 0px 0px 0px 30px;
}
#maincenter .announce ul li {
	line-height:1.2;
	margin-bottom:5px;
}
/* ==メニュー項目一覧== */
.menulist {
	background-color: #F3F3F3;
	padding-bottom: 10px;
	padding-top: 10px;
	border-top-width: 13px;
	border-top-style: solid;
	border-top-color: #A7C7E0;
}
.menulist h3 {
	border-top: solid 3px #B7B7B7;
	font-size: 100%;
	font-weight: bold;
}
.menulist h3 a{
	display:block;
	background:url(../images/point-c2.gif) no-repeat 0 0.4em;
	padding:2px 0 2px 15px;
}

.menulist a {
	text-decoration: none;
}
.menulist ul {
	list-style-type: none;
	font-size: 80%;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 10px 0px;
}
.menulist ul li {
	line-height:1.2;
	margin-bottom:8px;
}
.menulist .listcorumn {
	float: left;
	width: 165px;
	padding-right: 5px;
	padding-left: 5px;
}

/* 左メニュー部品 */
/* ==テキストメニュー部== */
#leftmenu .txtmenu {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #B7B7B7;
	margin-bottom: 10px;
}
#leftmenu .saiyou {
	border-top-width:0;
}
#leftmenu .txtmenu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#leftmenu .txtmenu ul li {
	line-height:1.2;
	margin-bottom:8px; 
}
#leftmenu .txtmenu a {
	display: block;
	text-decoration: none;
	background-image: url(../images/topleft-list.gif);
	background-position: 155px center;
	background-repeat: no-repeat;
	padding-right: 15px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#leftmenu .txtmenu a:hover {
	background-color: #FFEECA;
}
/* ==写真付きメニュー部== */
#leftmenu ul.pictmenu  {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#leftmenu ul.pictmenu li {
}
#leftmenu .pictmenu a {
	display: block;
	width: 162px;
	padding: 4px;
	margin-bottom: 5px;
	text-decoration: none;
	font-size: 80%;
}
#leftmenu .pictmenu img {
	border: 1px solid #666;
	margin: 0px;
}
#leftmenu .pictmenu a:hover {
	background-color: #FFEECA;
}

/* 右メニュー部品 */
#mainright .topinf {
	background-color: #396CD9;
	background-image: url(../images/top-rightinf.jpg);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 90px;
	padding-right:5px;
	margin-bottom:10px;
	line-height:1.2;
	border-width: 5px 0 5px 0;
	border-style: solid;
	border-color: #B7B7B7;
}
#mainright .topinf ul {
	margin: 0px;
	list-style-type: none;
	padding: 0px;
	font-weight:bold;
}
#mainright .topinf ul li {
}
#mainright .topinf a {
	display: block;
	padding:2px;
	background-image: url(../images/topleft-list.gif);
	background-repeat: no-repeat;
	background-position: right center;
	text-decoration: none;
	color:#fff;
}
#mainright .topinf a:hover {
	background-color: #FFEECA;
	color:#F00;

}

#mainright  ul.rightbtns {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}
#mainright .rightbtns li {
	margin-bottom: 3px;
	display:block;
	position:relative;
	height:70px;
	line-height:1;
	border:1px solid #A6C7E0;
}
#mainright .rightbtns a span{
	font-size:11px;
	position:absolute;
	right: 0px; padding-right:18px;
	bottom: 0px; padding-top:4px;
	text-align:right;
	width:207px; /* 225px-18px */
	height:15px;

	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);
	background-color:rgba(255, 255, 255, 0.5);
	background-image:url(../images/topright-listblack.gif);
	background-position:210px 50%;
	background-repeat:no-repeat;
	
}
#mainright .rightbtns a:hover img{
 filter: alpha(opacity=70);
 -moz-opacity:0.7;
 opacity:0.7;
}
