@charset "utf-8";
/* ===================================================================
CSS information

 file name  :top.css
 style info :トップページ
=================================================================== */



/* ================================================= */
/* トップページニュース */
/* ================================================= */

#topNews {
	margin-bottom:25px;
}

/* clearfix */
#topNews:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#topNews h2 {
	margin-bottom:10px;
}
#topNews dl{
	margin:0 auto;
	width:100%;
	overflow:hidden;
}
#topNews dt{
	clear: left;
	float: left;
	width: 6em;
	padding:0px 5px 13px 18px;
	background: url(../img/top/t_news_icon.gif) no-repeat;
}
#topNews dd{
	margin-left: 0;
	padding:0px 5px 13px 7em;
	background:url(../img/top/t_news_underline.gif) left bottom repeat-x;
}
#topNews dd p{　/* ←ie6のみ１行目が右に3pxずれるものの防止策 */
	width:30em;
	margin:0;
	padding:0;
}
#topNews dd .new {
	background: url(../img/top/t_news_newicon.gif) no-repeat;
	padding-left:36px;
}

#topNews dd a:link {
	color:#026666;
	text-decoration:none;
}
#topNews dd a:visited {
	color:#026666;
	text-decoration:none;
}
#topNews dd a:hover {
	color:#026666;
	text-decoration:underline;
}
#topNews dd a:active {
	color:#026666;
	text-decoration:none;
}

/* ================================================= */
/* 今月のコンテンツ */
/* ================================================= */

#top_m_contents {
}

#top_m_contents h2 {
	margin-bottom:10px;
}

#top_m_contents .top_m_contents_box {
	float:left;
	background:url(../img/top/t_monthlycontent_bg.gif) left top no-repeat;
	width:140px;
	height:154px;
	margin-left:12px;
	padding:13px;
	padding-top:20px;
}
#top_m_contents p {
	margin-bottom:11px;
}
#top_m_contents p.top_m_contents_unav {
	background:url(../img/top/t_monthlycontent_arrow.gif) right top no-repeat;
	padding-right:25px;
	text-align:right;
}
#top_m_contents p.top_m_contents_unav a:link {
	color:#669900;
	text-decoration:none;
}
#top_m_contents p.top_m_contents_unav a:visited {
	color:#669900;
	text-decoration:none;
}
#top_m_contents p.top_m_contents_unav a:hover {
	color:#669900;
	text-decoration:underline;
}
#top_m_contents p.top_m_contents_unav a:active {
	color:#669900;
	text-decoration:none;
}