@charset "utf-8";





/* Title */

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



.ttlIndex {

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

	text-indent: -9999px;

}





/* list */

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



#content .listBody {

	width: 550px;

	margin: 0 0 0 15px;

}





#content h3 {

	width: 500px;

	height: 15px;

	
}

#content h3 span {

	display: block;

	padding: 38px 0 0 46px;

	font-size: 80%;

	color: #555;

}







/* pageNav */



#content .pageNav {

	width: 540px;

	margin: 20px 0 20px 0;

	font-size: 80%;

	text-align: right;

}

#content .pageNav span.active {

	font-weight: bold;

	color: #c00;

}







/* columnList */



#content .columnList {

	width: 520px;

	margin: 0 0 0 15px;

	padding: 16px 0;

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

}



#content .columnList .picBox {

	float: left;

	width: 130px;

}

#content .columnList .dataBox {

	float: right;

	width: 380px;

}



#content .columnList .picBox .thumbnail {

	display: block;

	width: 114px;

	height: 114px;

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

	text-align: center;

}

#content .columnList .picBox .thumbnail img {

	margin: 2px 0 0 0;

}

#content .columnList .dataBox .btn {

	text-align: right;

}

#content .columnMain .dataBox .btn {

	vertical-align: bottom;

}





#content .columnList h4 {

	padding: 0 0 0 16px;

	font-size: 80%;

	font-weight: normal;

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

}

#content .columnList .data {

	margin: 10px 0 0 0;

	border-collapse: collapse;

	border: 0;

}

#content .columnList .data th {

	padding: 4px;

	font-size: 80%;

	vertical-align: top;

}

#content .columnList .data td {

	padding: 2px;

	font-size: 75%;

	vertical-align: top;

}







/* columnMain */



#content .columnMain {

	width: 550px;

	margin: 0 0 20px 0;

	background: url("../images/bg_list_columnmain.gif") repeat-y;

}

#content .columnMain .top {

	width: 550px;

	height: 4px;

	font-size: 1px;

	line-height: 0;

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

}

#content .columnMain .bottom {

	width: 550px;

	height: 5px;

	font-size: 1px;

	line-height: 0;

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

}



#content .columnMain .columnList {

	width: 510px;

	margin: 0 0 0 20px;

	padding: 16px 0;

	background-image: none;

}



#content .columnMain .picBox {

	float: left;

	width: 180px;

}

#content .columnMain .dataBox {

	float: right;

	width: 320px;

}

#content .columnMain .dataBox td.data {

	vertical-align: top;

	}



#content .columnMain .columnList .picBox .thumbnail {

	display: block;

	width: 164px;

	height: 164px;

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

}

#content .columnMain .columnList .picBox .thumbnail img {

	margin: 3px 0 0 0;

}

#content .columnMain h4 {

	font-size: 90%;

	padding: 0 0 6px 0;

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

}

#content .columnMain .columnList h4 span {

	display: block;

	padding: 0 0 0 16px;

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

}











/* clearfix */

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



.columnList:after,

.columnMain:after,

.clearfix:after {

  content:".";

  display:block;

  height:0;

  clear:both;

  visibility:hidden;

}



/* (for IE7 and Mac IE5) */

.columnList,

.columnMain,

.clearfix {

	display: inline-block;

}



/* (for IE5-6) */

/* Hides from IE-mac \*/

* html .columnList,

* html .columnMain,

* html .clearfix {

	height: 1%;

}

.columnList,

.columnMain,

.clearfix {

	display: block;

}

/* End hide from IE-mac */