@charset "utf-8";

#topics {
	margin:7px 11px 0 11px;
	width:180px;
	height:265px;
	overflow:auto;
}

#topics dt {
	line-height:1.4em;
	color:#ff3300;
	font-family:"ＭＳ Ｐゴシック", Osaka;
	font-size:75%;
	font-weight:bold;
}

#topics dd {
	line-height:1.4em;
	font-family:"ＭＳ Ｐゴシック", Osaka;
	font-size:75%;
}

#top-1st-box {
	background:url(../img/bg_box01.jpg) left top no-repeat;
	margin-bottom:34px;
	width:562px;
} 

#top-1st-note {
	margin:0 0 40px 317px;
	padding-bottom:9px;
	background:url(../img/bg_note_line01.jpg) repeat-y;
	width:241px;
}

#top-1st-note p {
	margin:0 4px 18px 4px;
	line-height:1.4em;
	font-family:"ＭＳ Ｐゴシック", Osaka;
	font-size:87%;
}

#top-1st-note p.last-1st-note {
	margin:0;
	margin:0 4px;
	line-height:1.4em;
	font-family:"ＭＳ Ｐゴシック", Osaka;
	font-size:87%;
}

#top-1st-detail {
	margin-left:324px;
	width:226px;
	height:38px;
	text-indent:-9999px;
}

#top-1st-detail a {
	display:block;
	background:url(../img/detail.jpg) 0 0 no-repeat;
	width:226px;
	height:38px;
	text-decoration:none;
	outline:none;
}

#top-1st-detail a:hover {
	background-position:-226px 0;
}

#top-2nd-box {
	background:url(../img/bg_box02.jpg) right top no-repeat;
	margin-bottom:13px;
	width:562px;
}

#top-2nd-note {
	float:left;
	padding-bottom:9px;
	background:url(../img/bg_note_line02.jpg) right top repeat-y;
	width:303px;
}

#top-2nd-note p {
	margin-left:9px;
	line-height:1.4em;
	font-family:"ＭＳ Ｐゴシック", Osaka;
	font-size:87%;
}

#top-2nd-detail {
	float:right;
	padding:25px 0 9px 0;
	width:238px;
}

#top-2nd-detail p {
	width:226px;
	height:38px;
	text-indent:-9999px;
}

#top-2nd-detail p a {
	display:block;
	background:url(../img/detail.jpg) 0 0 no-repeat;
	width:226px;
	height:38px;
	text-decoration:none;
	outline:none;
}

#top-2nd-detail p a:hover {
	background-position:-226px 0;
}

#top-3rd-box {
	position:relative;
	margin:0 0 16px 7px;
	background:url(../img/bg_box03.jpg) no-repeat;
	width:552px;
	height:206px;
}

#top-3rd-box h3 {
	position:absolute;
	top:0;
	left:0;
	width:550px;
	height:35px;
}

#top-3rd-box ul {
	position:absolute;
	top:43px;
	left:20px;
	width:528px;
	height:109px;
	list-style-type:none;
}

#top-3rd-box ul li {
	float:left;
	width:132px;
	height:109px;
}

#top-3rd-box h4 {
	position:absolute;
	top:173px;
	left:16px;
	width:223px;
	height:16px;
}

#top-3rd-box p {
	position:absolute;
	bottom:7px;
	right:10px;
	width:281px;
	height:38px;
	text-indent:-9999px;
}

#top-3rd-box p a {
	display:block;
	background:url(../img/know.jpg) 0 0 no-repeat;
	width:281px ;
	height:38px;
	text-decoration:none;
	outline:none;
}

#top-3rd-box p a:hover {
	background-position:-281px 0;
}