@charset "utf-8";

/* =========================================================
■layout
========================================================= */
body.categoryTop div#wrapper {
	margin: 10px auto 0;
}

body.categoryTop div#content {
	float: none;
	width: 910px;
	margin: 0 0 20px;
	padding: 40px 0 0;
	border: 1px #DEDEDE solid;
	border-width: 1px 0;
	background: url(/img/common/bg_category_top.gif) repeat-y 0 0;
}

body.categoryTop div#content div.section {
	clear: both;
	position: relative;
	width: 830px;
	margin: 0 auto;
}


/* =========================================================
■heading
========================================================= */
body.categoryTop div#content h1 {
	margin: 0 40px 20px;
}


/* =========================================================
■categoryDescription
========================================================= */
body.categoryTop div#categoryDescription {
	width: 830px;
	margin: 0 auto 24px;
}

/* photo
----------------------------------------------- */
body.categoryTop div#categoryDescription p.photo {
	text-align: center;
}

/* heading
----------------------------------------------- */
body.categoryTop div#categoryDescription h2 {
	margin: 0 0 10px;
}

/* =========================================================
■contentsList
========================================================= */
body.categoryTop div#content div.section div.contentsList {
	position: relative;
	margin: 0 0 30px;
}

body.categoryTop div#content div.section div.column2 {
	background: url(/img/common/bg_contents_list_bottom_2c.gif) no-repeat 0 100%;
}
body.categoryTop div#content div.section div.column3 {
	background: url(/img/common/bg_contents_list_bottom_3c.gif) no-repeat 0 100%;
}
body.categoryTop div#content div.section div.column4 {
	width: 848px;
	margin-right: -18px;
	background: url(/img/common/bg_contents_list_bottom_4c.gif) no-repeat 0 100%;
}
*html body.categoryTop div#content div.section div.column4 { /* Hack for IE */
	margin-right: -36px;
}

body.categoryTop div#content div.section div.contentsList dl {
	float: left;
	width: 194px;
	margin: 0 18px 0 0;
	padding: 0;
	border-left: none;
}

body.categoryTop div#content div.section div.contentsList dl.lastChild{
	margin-right:0;
}

body.categoryTop div#content div.section div.contentsList dl dt {
	margin: 0;
	padding: 5px 10px;
	background: url(/img/common/bg_contents_list_top.gif) no-repeat 0 0;
	line-height: 1.2;
}
body.categoryTop div#content div.section div.contentsList dl dt a {
	display: block;
	padding-right: 12px;
	background: url(/img/common/ic_link.gif) no-repeat 100% 50%;
}

body.categoryTop div#content div.section div.contentsList dl dd {
	margin: 0;
	padding: 10px 0;
	background: url(/img/common/bg_contents_list_bottom.gif) no-repeat 0 100%;
	font-size: 100%;
}
body.categoryTop div#content div.section div.column2 dl dd,
body.categoryTop div#content div.section div.column3 dl dd,
body.categoryTop div#content div.section div.column4 dl dd {
	background: none;
}


/* element
----------------------------------------------- */
body.categoryTop div#content div.contentsList dl dd p.photo {
	margin: 0;
	text-align: center;
}

body.categoryTop div#content div.contentsList dl dd p.lead {
	margin: 0 10px 20px;
}

body.categoryTop div#content div.contentsList dl dd ul {
	margin: 0;
	padding: 0 10px;
}
body.categoryTop div#content div.contentsList dl dd ul li {
	margin: 10px 0 0;
	padding-left: 12px;
	background: url(/img/common/ic_list_normal.gif) no-repeat 0 0.4em;
}

body.categoryTop div#content div.contentsList dl dd ul.exLink li {
	margin: 10px 0 0;
	padding-left: 12px;
	background: url(/img/common/ic_exlink.gif) no-repeat 0 0.4em;
	zoom: 1; /* for IE */
}


body.categoryTop div#content div.contentsList dl dd ul.exLink li a {
	padding: 0;
	background: none;
	font-size: 116%;
}

body.categoryTop div#content div.contentsList dl dd ul.jpOnry li {
	margin: 6px 0 0;
	padding-left: 0px;
	background: none;
	font-size: 93%;
	zoom: 1; /* for IE */
}




/* =========================================================
■relatedNews
========================================================= */
/* top
----------------------------------------------- */
body.categoryTop div#content div.relatedNewsTop {
	width: 830px;
}