
div#contents div.article p.image {
	height: 363px;/*350+(960-520-182)/2*1*/
}

div#contents div.article p.image {
	background-image: url('../img/banner_contents_article_top.jpg');
}


div#contents div.article div.intro {
	position: relative;
	margin: 0 0 2em;
	width: 520px;
	height: 200px;/*200+(960-520-182)/2*/
	background: transparent url('../img/bg_index_intro.gif') no-repeat scroll left top;
}

div#contents div.article div.intro p {
	position: absolute;
	left: 0;
	top: 33px;
	margin: 0 24px;
	width: 472px;/*520-(24*2)*/
	height: 152px;/*213-(24*2)-(960-520-182)/2*/
	line-height: 1.5em;
	color: #ac374b;
	font-weight: bold;
	word-wrap: break-word;
	word-break: all;
	overflow: hidden;
}

div#contents div.article h2.topics {
	width: 520px;
	height: 51px;/*38+(960-520-182)/2*/
	background: transparent url('../img/title_index_topics.gif') no-repeat scroll left top;
	text-indent: -1000px;
	overflow: hidden;
}

div#contents div.article dl.topics {
	margin: 0 1em 2em;
}

div#contents div.article dl.topics dt,
div#contents div.article dl.topics dd {
	display: inline-block;
	margin: 0 0 .5em;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

div#contents div.article dl.topics dt { width: 25%; }
div#contents div.article dl.topics dd { width: 75%; }
div#contents div.article dl.topics dd a { color: #333; text-decoration: none; }
div#contents div.article dl.topics dd a:hover { text-decoration: underline; }


div#contents div.article h2.p1 {
	width: 520px;
	height: 51px;/*38+(960-520-182)/2*/
	background: transparent url('../img/title_index_p1.gif') no-repeat scroll left top;
	text-indent: -1000px;
	overflow: hidden;
}

div#contents div.article h3.p1 {
	margin: 0 auto 13px;
	width: 494px;/*520-13*2*/
	height: 61px;
	background: transparent url('../img/banner_index_p1_01.gif') no-repeat scroll center top;
	text-indent: -1000px;
	word-wrap: break-word;
	word-break: all;
}

div#contents div.article dl.p1 {
	margin: 0 auto 13px;
	width: 494px;/*520-13*2*/
}

div#contents div.article dl.p1 dt,
div#contents div.article dl.p1 dd {
	display: inline-block;
	vertical-align: top;
}

div#contents div.article dl.p1 dt {
	text-indent: -200px;
	overflow: hidden;
}

div#contents div.article dl.p1 dd {
	font-weight: bold;
}

div#contents div.article dl.p1 dt.p1_02 {
	float: right;
	width: 187px;
	height: 111px;
	background: transparent url('../img/banner_index_p1_02.gif') no-repeat scroll left top;
}

div#contents div.article dl.p1 dd.p1_02 {
	padding: 13px 13px 0 0;
	width: 294px;/*307-13*/
	height: 98px;/*111-13*/
}

div#contents div.article dl.p1 dt.p1_03 {
	clear: both;
	width: 184px;
	height: 114px;
	background: transparent url('../img/banner_index_p1_03.gif') no-repeat scroll left top;
}

div#contents div.article dl.p1 dd.p1_03 {
	padding: 13px 0 0 13px;
	width: 297px;/*310-13*/
	height: 101px;/*114-13*/
}

div#contents div.article dl.p1 dt.p1_04 {
	float: right;
	width: 256px;
	height: 114px;
	background: transparent url('../img/banner_index_p1_04.gif') no-repeat scroll left top;
}

div#contents div.article dl.p1 dd.p1_04 {
	padding: 13px 13px 0 0;
	width: 225px;/*238-13*/
	height: 101px;/*114-13*/
}





