@charset "utf-8";

/* --------------------------------------------------------
 * 
 * 		Index
 * 
 * -------------------------------------------------------- */




/* ----------------------------------------------
 * 		structure
 * ---------------------------------------------- */
 /* ----- container ----- */

.container {
	width: 920px;
	margin: 0 auto;
	padding: 0 5px;
}


/* ----- header-area ----- */

#header-area {
	margin: 0;
	padding: 0;
	background: #ffffff url(/images/index_bg003.gif) repeat-x left bottom;
}

/* ----- contents-area ----- */

#contents-area {
	margin: 0 auto;
	background: #ffffff url(/images/index_bg001.gif) repeat-x left top;
}

#contents-area .contents-inner{
	margin: 0 auto;
	background: url(/images/index_bg002.jpg) no-repeat center top;
	min-width: 920px;
}

#contents-area #main-content {
	float: left;
	width: 610px;
	margin: 0px;
	padding: 0px;
}

#contents-area #sub-content {
	position: relative;
	float: right;
	width: 304px;
	height: 460px;
	margin: 0px;
	padding: 0px;
}



/* ----- global-nav ----- */

#header-area #global-nav ul {
	position: relative;
	width: 920px;
	height: 35px;
}

#header-area #global-nav ul li {
	position: absolute;
	top: 0;
	margin-left: 1px;
}

#header-area #global-nav ul li a {
	display: block;
	height: 35px;
}


/* ----------------------------------------------
 * 		main-content
 * ---------------------------------------------- */

#main-content .col2-01{
	clear: both;
	padding: 0px 0px 5px;
	background: url(/images/index_bg004.gif) no-repeat left bottom;
	margin-top: 296px;
}

#main-content .col2-02{
	clear: both;
	margin: 10px 0px 0px;
}

#main-content .col2-inner{
	clear: both;
	padding: 12px 12px 0px;
}

#main-content .col2-inner .inner-left01{
	float: left;
	width: 80px;
}

#main-content .col2-inner .inner-right01{
	float: right;
	width: 180px;
}

#main-content .col2-inner .inner-left02{
	float: left;
	width: 130px;
}

#main-content .col2-inner .inner-right02{
	float: right;
	width: 130px;
}

#main-content .col2-left{
	float: left;
	width: 298px;
}

#main-content .col2-right{
	float: right;
	width: 298px;
}

#main-content .col2-left p,
#main-content .col2-right p,
#main-content .col2-left h2,
#main-content .col2-right h2{
	clear: both;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
}

#main-content .index-link-list{
	clear: both;
	margin: 0px;
	padding: 0px;
}

#main-content .index-link-list li{
	padding: 0px 0px 10px 10px;
	background: url(/images/index_ic001.gif) no-repeat left 0.6em;
	zoom: 1;
}


/* ----------------------------------------------
 * 		sub-content
 * ---------------------------------------------- */

#sub-content ul{
	margin: 0;
	padding: 0;
}

#sub-content ul li.link-btn01{
	position: absolute;
	top: 60px;
	left: 206px;
	margin: 0;
	padding: 0;
}

#sub-content ul li.link-btn02{
	position: absolute;
	top: 130px;
	left: 0px;
	margin: 0;
	padding: 0;
}

#sub-content ul li.link-btn03{
	position: absolute;
	top: 213px;
	left: 166px;
	margin: 0;
	padding: 0;
}

#sub-content ul li.link-btn04{
	position: absolute;
	top: 416px;
	left: 28px;
	margin: 0;
	padding: 0;
}

#sub-content p.link-btn05{
	position: absolute;
	top: 132px;
	left: 110px;
	margin: 0;
	padding: 0;
}


/* ----------------------------------------------
 * 		clearfix
 * ---------------------------------------------- */

.container:after,
#header-area:after,
#header-area #header-utility ul:after,
#header-area #global-nav:after,
#topic-path-area #topic-path:after,
#contents-area:after,
#footer-area ul#footer-siteinfo-nav:after,
#contents-area .contents-inner:after,
#main-content .col2-01:after,
#main-content .col2-02:after,
#main-content .col2-inner:after {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
}


.container,
#header-area,
#header-area #header-utility ul,
#header-area #global-nav,
#topic-path-area #topic-path,
#contents-area,
#footer-area ul#footer-siteinfo-nav,
#contents-area .contents-inner,
#main-content .col2-01,
#main-content .col2-02,
#main-content .col2-inner {
	min-height: 1px;
}


* html .container,
* html #header-area,
* html #header-area #header-utility ul,
* html #header-area #global-nav,
* html #topic-path-area #topic-path,
* html #contents-area,
* html #footer-area ul#footer-siteinfo-nav,
* html #contents-area .contents-inner,
* html #main-content .col2-01,
* html #main-content .col2-02,
* html #main-content .col2-inner {/* for IE6 */
	height: 1px;
}


*:first-child+html .container,
*:first-child+html #header-area,
*:first-child+html #header-area #header-utility ul,
*:first-child+html #header-area #global-nav,
*:first-child+html #topic-path-area #topic-path,
*:first-child+html #contents-area,
*:first-child+html #footer-area ul#footer-siteinfo-nav,
*:first-child+html #contents-area .contents-inner,
*:first-child+html #main-content .col2-01,
*:first-child+html #main-content .col2-02,
*:first-child+html #main-content .col2-inner {/* for IE7 */
	zoom: 1;
}


