@charset "utf-8";

/* ****************************************************
  index styles
***************************************************** */


/* Flash Block
=========================================*/
.flash-block {
}


/* Keyword Block
=========================================*/
.keyword-block {
	margin: 5px 0 0 0;
}
.keyword-block dl dt {
	width: 95px;
}
.keyword-block dl dd {
	width: 620px;
	margin: -16px 0 0 115px;
}
.keyword-block dl dd ul li {
	float: left;
	margin: 0 20px 0 0;
	white-space: nowrap;
}


/* Index Block
=========================================*/
.index-block {
	margin: 15px 0 0 0;
	padding: 0 20px 0 0;
	background: url(../../images/index_bg001.gif) no-repeat 0 0;
}
.index-block .reason-box {
	position: relative;
	float: left;
	width: 475px;
	min-height: 265px;
}
* html .index-block .reason-box {
	height: 265px;
}
.index-block .reason-box .point01,
.index-block .reason-box .point02,
.index-block .reason-box .point03,
.index-block .reason-box .point04,
.index-block .reason-box .point05,
.index-block .reason-box .point06 {
	position: absolute;
}
.index-block .reason-box .point01 {
	top: 0;
	left: 0	;
}
.index-block .reason-box .point02 {
	top: 20px;
	left: 253px;
}
.index-block .reason-box .point03 {
	top: 103px;
	left: 13px;
}
.index-block .reason-box .point04 {
	top: 103px;
	left: 253px;
}
.index-block .reason-box .point05 {
	top: 183px;
	left: 13px;
}
.index-block .reason-box .point06 {
	top: 183px;
	left: 253px;
}
.index-block .service-box {
	float: right;
	width: 210px;
	margin: 20px 0 0 0;
}
.index-block .service-box h3 {
	text-align: center;
}
.index-block .service-box p {
	margin: 0;
}
.index-block .service-box ul {
	margin: 10px 0 0 0;
}
.index-block .service-box ul li {
	float: left;
}
.index-block .service-box ul li.scene-bt {
	margin: 0 9px 0 0;
}
.index-block .service-box p.tx {
	margin: 10px 0 0 0;
}
.index-block .service-box p.note-tx {
	margin: 5px 0 0 0;
	padding: 0;
	text-align: right;
}


/* Banner Block
=========================================*/
.banner-block {
	margin: 20px 0 0 0;
}


/* Topics Block
=========================================*/
.topics-block {
	padding: 0 20px;
	background: url(../../images/index_bg003.gif) no-repeat 0 0;
}
.topics-block h2 {
	padding: 20px 4px;
}
.topics-block .topics-nav {
	position: absolute;
	margin: -38px 0 0 565px;
}
.topics-block .topics-nav li {
	display: inline-block;
	vertical-align: top;
	margin: 0 5px 0 0;
}
* html .topics-block .topics-nav li {
	display: inline;
	zoom: 1;
}
*:first-child+html .topics-block .topics-nav li {
	display: inline;
	zoom: 1;
}
.topics-block .topics-bt {
	margin: 20px 0 0 0;
}
.topics-block .topics-bt li {
	float: left;
	margin: 0 5px 0 0;
}


/* Clear fix
=========================================*/
.keyword-block dl dd ul:after,
.index-block .service-box ul:after,
.index-block:after,
.topics-block .topics-bt:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

.keyword-block dl dd ul,
.index-block .service-box ul,
.index-block,
.topics-block .topics-bt {
	min-height: 1px;
}

/* for IE6 */
* html .keyword-block dl dd ul,
* html .index-block .service-box ul,
* html .index-block,
* html .topics-block .topics-bt {
	height: 1px;
}

/* for IE7 */
*:first-child+html .keyword-block dl dd ul,
*:first-child+html .index-block .service-box ul,
*:first-child+html .index-block,
*:first-child+html .topics-block .topics-bt {
	zoom: 1;
}