@charset "utf-8";





/* Title */

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



.ttlIndex {

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

	text-indent: -9999px;

}





/* index */

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



#content #indexPurpose {

	width: 580px;

	background: url("../images/bg_index_purpose.gif") left top repeat-y;

}

#content #indexPurpose .bottom {

	width: 580px;

	height: 19px;

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

	font-size: 1px;

	line-height: 0;

}



#content #indexPurpose #purposeTbl {

	width: 508px;

	margin: 10px 0 10px 36px;

	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: 254px;

	padding: 10px 0;

}

#content #indexPurpose .cellRight {

	padding-left: 10px;

}

#content #indexPurpose .cell {

	float: left;

	width: 254px;

	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%;

}







#content #indexAreaYear {

	width: 580px;

	background: url("../images/bg_index_areayear.gif") repeat-y left top;

	border: 1px solid #fff;

}

#content #indexArea {

	float: left;

	width: 290px;

}

#content #indexYear {

	float: left;

	width: 290px;

}

#content #indexArea .body,

#content #indexYear .body {

	padding: 10px 0 10px 0;

}

#content #indexArea .body ul {

	margin: 0 0 0 30px;

}

#content #indexYear .body ul {

	margin: 0 0 0 40px;

}

#content #indexAreaYear .body li {

	float: left;

	width: 94px;

	margin: 0 0 7px 0;

	padding: 0 0 0 16px;

	font-size: 80%;

	line-height: 1.1;

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

}

#content #indexAreaYear .bottom {

	float: left;

	width: 580px;

	height: 20px;

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

	font-size: 1px;

	line-height: 0;

}

#content #indexAreaYear .body li a {

	color: #555;

}





/* 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 */