@charset "utf-8";

/* font settings [ base.css ]
=================================
1: general elements
2: content navigations
3: content box
4: lists
5: table
6: other
7: general
99: clearFix
=================================*/


/* general elements
=================================*/

/* top layout
---------------------------------*/
#top #pageWrapper {
	background: url(/images/index_bg001.gif) repeat-x 0 0;
}
* html #top #pageWrapper {/* IE6 hack */
	height: 1px;
}

#top #headContainer {
	height: 62px;
	background: none;
}

/* -- header area -- */
#top #headContainer #header {
	height: 62px;
}

#top #mainContainer #contentContainer {
	background: none;
}

/* contents */
#top #contents {
	float: none;
	width: 800px;
}

/* footContainer */
#top #footContainer #footer #copyright {
	top: 23px;
	left: 302px;
}



/* top Parts
---------------------------------*/
/* flash-area */
#top #flash-area {
	padding: 10px 0;
}


/* contentsLeft */
#top div.contentsLeft {
	float: left;
	width: 520px;
}

/* contentsRight */
#top div.contentsRight {
	float: right;
	width: 255px;
}
#top div.contentsRight img {
	font-size: 0;
}


/* boxArea */
#top div.contentsLeft div.boxArea {
	overflow: hidden;
	width: 520px;
	background:url(/images/index_bg003.gif) no-repeat left bottom;
}
#top div.contentsLeft div.boxArea div.inner {
	width: 535px;
}
#top div.contentsLeft div.boxArea div.col {
	float: left;
	width: 251px;
	margin-right: 16px;
}
#top div.contentsLeft div.boxArea div.boxtype1,
#top div.contentsLeft div.boxArea div.boxtype2 {
	padding: 8px 15px 15px;
	background: url(/images/index_bg002.gif) no-repeat left top;
}
#top div.contentsLeft div.boxArea div.boxtype1 ul,
#top div.contentsLeft div.boxArea div.boxtype2 ul {
	clear: both;
}
#top div.contentsLeft div.boxArea div.boxtype1 ul li {
	float: left;
	width: 110px;
}
#top div.contentsLeft div.boxArea div.boxtype1 ul li span,
#top div.contentsLeft div.boxArea div.boxtype2 ul li span {
	display: block;
	padding-left: 11px;
	background: url(/common/images/com_ic004.gif) no-repeat 0em 0.5em;
}
* html #top div.contentsLeft div.boxArea div.boxtype1 ul li span,
* html #top div.contentsLeft div.boxArea div.boxtype2 ul li span {/* IE6 hack */
	height: 1px;
}

/* informationArea */
#top div.contentsLeft div.informationArea {
	clear: both;
	position: relative;
	margin-top: 35px;
}
#top div.contentsLeft div.informationArea p.title {
	padding-bottom: 10px;
	background: url(/images/index_bg004.gif) repeat-x left bottom;
}
* html #top div.contentsLeft div.informationArea p.title {/* IE6 hack */
	height: 1px;
}
#top div.contentsLeft div.informationArea p.backNumber {
	position: absolute;
	top: 0;
	right: 0;
}

/* releaseBoxList */
#top .releaseBoxList {
	padding: 0;
}
#top .releaseBoxList dl {
  padding: 5px 0 0 0;
}


/* linkBox */
#top div.contentsRight div.linkBox {
	margin-top: 15px;
	padding: 13px 7px 10px;
	border: 1px solid #d7d7d7;
}
#top div.contentsRight div.linkBox div.colText {
	float: left;
	width: 110px;
	margin-right: 9px;
	line-height: 1.2;
}
#top div.contentsRight div.linkBox div.colText li {
	margin-bottom: 3px;
	padding-left: 8px;
	background: url(/common/images/com_ic001.gif) no-repeat 0em 0.4em;
	font-size: 75%;
}
* html #top div.contentsRight div.linkBox div.colText li {/* IE6 hack */
	height: 1px;
}
#top div.contentsRight div.linkBox div.colImg {
	float: left;
	width: 120px;
	font-size: 0;
}


/* linkSection */
#top div.linkSection {
	clear: both;
	position: relative;
	margin-top: 40px;
}

#top div.linkSection div.bannerLink {
	margin-top: 7px;
	background-color: #eaeaea;
}
#top div.linkSection div.bannerLink ul {
	padding: 10px 0 10px 48px;
}
#top div.linkSection div.bannerLink ul li {
	display: inline;
	float: left;
	width: 205px;
	margin-right: 45px;
	font-size: 0;
}
#top div.linkSection p.backNumber {
	position: absolute;
	top: 0;
	right: 0;
}




/* clearFix
=================================*/
#top #contents div.contentsCol:after,
#top div.contentsLeft div.boxArea div.inner:after,
#top div.contentsLeft div.boxArea div.boxtype1 ul:after,
#top div.contentsRight div.linkBox:after,
#top div.linkSection div.bannerLink ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html #top #contents div.contentsCol,
* html #top div.contentsLeft div.boxArea div.inner,
* html #top div.contentsLeft div.boxArea div.boxtype1 ul,
* html #top div.contentsRight div.linkBox,
* html #top div.linkSection div.bannerLink ul {/* IE6 hack */
	zoom: 1;
} 
*:first-child+html #top #contents div.contentsCol,
*:first-child+html #top div.contentsLeft div.boxArea div.inner,
*:first-child+html #top div.contentsLeft div.boxArea div.boxtype1 ul,
*:first-child+html #top div.contentsRight div.linkBox,
*:first-child+html #top div.linkSection div.bannerLink ul {/* IE7 hack */
	zoom: 1;
}