@charset "utf-8";





/* Title */

/* ------------------------------------------------ */



.ttlIndex {

	background: url("../images/h_cat.gif") no-repeat 0 0;

	text-indent: -9999px;

}





/* index */

/* ------------------------------------------------ */



#content #indexPurpose {

	width: 500px;

	

}

#content #indexPurpose .bottom {

	width: 500px;

	height: 19px;

	

	font-size: 1px;

	line-height: 0;

}



#content #indexPurpose #purposeTbl {

	width: 508px;

	margin: 10px 0 10px 0px;

	border-collapse: collapse;

	border: 0;

	background: url("../../images/line_04.gif") center top repeat-y;

}

#content #indexPurpose td {

	background: url("../../images/line_03.gif") left bottom repeat-x;

}

#content #indexPurpose tr.last td {

	background-image: none;

}



#content #indexPurpose .cellLeft {

	width: 250px;

	padding: 10px 0;

}

#content #indexPurpose .cellRight {

	padding-left: 10px;

}

#content #indexPurpose .cell {

	float: left;

	width: 250px;

	padding: 10px 0;

	background: url("../../images/line_01.gif") left top repeat-x;

}



#content #indexPurpose .pic {

	float: left;

	width: 66px;

}

#content #indexPurpose .text {

	float: left;

	width: 165px;

	/*\*/width: 170px;/* */

}





#content #indexPurpose .thumbnail {

	display: block;

	width: 56px;

	height: 56px;

	background: url("../images/bg_index_tn.gif") no-repeat;

	text-align: center;

}

#content #indexPurpose .thumbnail img {

	margin: 3px 0 0 0;

}



#content #indexPurpose h3 {

	padding: 0 0 0 13px;

	font-size: 75%;

	font-weight: normal;

	background: url("../../images/arrow_01.gif") 0 2px no-repeat;



}

#content #indexPurpose h3 a {

	

}

#content #indexPurpose p {

	margin: 6px 0 0 0;

	font-size: 65%;

}











/* clearfix */

/* ------------------------------------------------ */



#indexPurpose:after,

#indexPurpose .body:after,

.cell:after,

#indexAreaYear:after,

#indexAreaYear .body:after,

#indexAreaYear .bottom:after,

.clearfix:after {

  content:".";

  display:block;

  height:0;

  clear:both;

  visibility:hidden;

}



/* (for IE7 and Mac IE5) */

#indexPurpose,

#indexPurpose .body,

.cell,

#indexAreaYear,

#indexAreaYear .body,

#indexAreaYear .bottom,

.clearfix {

	display: inline-block;

}



/* (for IE5-6) */

/* Hides from IE-mac \*/

* html #indexPurpose,

* html #indexPurpose .body,

* html .cell,

* html #indexAreaYear,

* html #indexAreaYear .body,

* html #indexAreaYear .bottom,

* html .clearfix {

	height: 1%;

}

#indexPurpose,

#indexPurpose .body,

.cell,

#indexAreaYear,

#indexAreaYear .body,

#indexAreaYear .bottom,

.clearfix {

	display: block;

}

/* End hide from IE-mac */