/* style.css: Home */

/* Base
------------------------------ */
body {
	background: #f0f0f0 url(../image/bg-body.jpg) no-repeat 50% 0;
}


/* Header
------------------------------ */
div#header ul.gNav {
	border-top: 1px solid #909090;
}


/* Body
------------------------------ */
div#body {
	padding-bottom: 20px;
}

/* Main */
div#body div.main {
	float: left;
	width: 550px;
	padding: 7px 0 0 20px;
}

*html body div#body div.main { width: 570px; }/* IE6 */

div#body div.main ul.banner {
	margin-bottom: 12px;
}

div#body div.main ul.banner li {
	float: left;
	margin-right: 10px;
	font-size: 0;
	line-height: 0;
}

div#body div.main h2 {
	margin: 0 10px 8px 0;
}

div#body div.main p {
	margin: 0 10px 15px 0;
}

div#body div.main div.contentsList {
	margin-bottom: 10px;
	background: url(../image/bg-contentslist.gif) no-repeat 0 100%;
}

div#body div.main div.contentsList div.section {
	float: left;
	width: 265px;
	margin-right: 10px;
}

div#body div.main div.contentsList div.section ul {
	margin: 5px 8px 0 8px;
	padding-bottom: 2px;
}

div#body div.main div.contentsList div.section ul li {
	margin-bottom: 5px;
}

div#body div.main div.contentsList div.section ul li a {
	display: block;
	display: inline-block;
	padding-left: 16px;
	background: url(../common/image/ico-power.gif) no-repeat 0 0.2em;
}


/* Sub */
div#body div.sub {
	float: right;
	width: 240px;
	padding: 7px 20px 0 0;
}

*html body div#body div.sub { width: 260px; }/* IE6 */

div#body div.sub ul.banner { background-image: url(../image/bg-sub-section.gif); }

div#body div.sub ul.banner li.start {
	padding-top: 0;
	background-image: url(../image/bg-sub-section-top.gif);
}

div#body div.sub ul.banner li.end { background-image: url(../image/bg-sub-section-bottom.gif); }

div#body div.sub dl.yougo {
	margin-bottom: 10px;
	background-image: url(../image/bg-sub-section.gif);
}

div#body div.sub dl.yougo dt {
	font-size: 0;
	line-height: 0;
}

div#body div.sub dl.yougo dd {
	margin: 0 10px;
	padding: 7px 0 8px;
	background: url(../common/image/brd-dotted.gif) repeat-x 0 100%;
}

div#body div.sub dl.yougo dd.end {
	margin: 0;
	padding: 7px 10px 16px;
	background: url(../image/bg-sub-section-bottom.gif) no-repeat 0 100%;
}

div#body div.sub dl.yougo dd a {
	padding-left: 7px;
	background: url(../common/image/arw-gray.gif) no-repeat 0 0.2em;
}
/* News
------------------------------ */
.news{
margin-bottom:20px;
}
.dt-news{
width:110px;
float:left;
}
.dd-news{
float:left;
width:430px;
margin-bottom:5px;
}
.dd-news strong{
font-weight:bold;
}



/* ClearFix
------------------------------ */
div#body div.main ul.banner:after,
div#body div.main div.news dl:after,
div#body div.main div.news dd:after,
div#body div.main div.contentsList:after {
	display: block;
	clear: both;
	height: 0;
	content: "";
}

div#body div.main ul.banner,
div#body div.main div.news dl,
div#body div.main div.news dd,
div#body div.main div.contentsList { display: inline-block; }

div#body div.main ul.banner,
div#body div.main div.news dl,
div#body div.main div.news dd,
div#body div.main div.contentsList { display: block; }


/* End */