@charset "utf-8";

@import "common.css";


/* ---------------------------------------------------
top.css
トップページ用CSS
--------------------------------------------------- */

/* ---------------------------------------------------
mainImgBox
--------------------------------------------------- */
#mainImgBox {
}

#flashimg img {
	display: block;
	margin: 0;
	padding: 0;
}

/*firefoxでflashが印刷されないバグ対応*/
#flashimg {
	display: block;
}

#printimg {
	display: none;
}


/* ---------------------------------------------------
menuBox
--------------------------------------------------- */
#menuBox {
	height: 64px;
}

/* ---------------------------------------------------
menuBox　英語
--------------------------------------------------- */
#menuBoxe {
	height: 64px;
}

/* ---------------------------------------------------
contentsBox
--------------------------------------------------- */
#mainClm {
	float: left;
}

#sideClm {
	float: right;
}



/* ---------------------------------------------------
topics
--------------------------------------------------- */
/*外枠*/
#topics {
	float: left;
	width: 590px;
	margin-bottom: 13px;
}

#topics .itemWrap {
	float: left;
	width: 590px;
	margin-bottom: 2px;
	background: url(../images/top/topics_bg.gif) no-repeat left bottom;
}

#topics .itemWrap .itemBox {
	width: 294px;
	background: #d8eaf5;
}

#topics .itemWrap .itemL {
	float: left;
}

#topics .itemWrap .itemR {
	float: right;
}

/*内容*/
#topics .itemWrap .itemBox .txt {
	float: left;
	width: 220px;
}

#topics .itemWrap .itemBox .txt h2 {
	margin: 8px 0 5px 10px;
	padding: 0 0 0 16px;
	background: url(../images/top/topics_ttl_bg.gif) no-repeat left center;
	color: #000;
}

#topics .itemWrap .itemBox .txt h2 a {
	color: #000;
}

#topics .itemWrap .itemBox .txt h2 a:hover {
	color: #666;
}

#topics .itemWrap .itemBox .txt p {
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 90%;
	line-height: 130%;
}

#topics .itemWrap .itemBox .txt p.btn {
	margin-bottom: 5px;
	text-align: right;
}

#topics .itemWrap .itemBox .txt p.btn a {
	padding-left: 13px;
	background: url(../images/top/topics_arw.gif) no-repeat left top;
	color: #1d2973;
}

#topics .itemWrap .itemBox .txt p.btn a:hover {
	color: #2b40a5;
}


/*写真*/
#topics .itemWrap .itemBox .img {
	float: right;
	width: 68px;
}

#topics .itemWrap .itemBox .img a {
	display: block;
	margin: 8px 0;
	padding: 0;
}



/* ---------------------------------------------------
news
--------------------------------------------------- */
/*外枠*/
#news {
	float: left;
	width: 590px;
	padding-bottom: 15px;
	background: #f7f7f7;
	border: 1px solid #e7e7e7;
}

#news h3 {
	margin: 15px 15px 0 15px;
	padding: 0;
}

#news ul {
	margin: 12px 0 0 15px;
	padding: 0;
}

#news ul li {
	float: left;
	width: 560px;
	margin: 0 0 8px 0;
	padding: 0;
	list-style: none;
	line-height: 130%;
}

#news ul li span.date {
	display: block;
	float: left;
	width: 104px;
	margin: 0;
	padding: 0;
}

#news ul li span.date span {
	padding-left: 14px;
	background: url(../images/top/news_arw.gif) no-repeat left center;
}

#news ul li span.icn {
	display: block;
	float: left;
	width: 32px;
	margin: 0;
	padding: 0;
}

#news ul li span.icn img {
	padding-top: 1px;
}

#news ul li span.headline {
	display: block;
	float: left;
	width: 424px;
	margin: 0;
	padding: 0;
}