@charset "utf-8";





/* Title */

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



.ttlIndex {

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

	text-indent: -9999px;

}



/* detail */

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



#content .detailBody {

	width: 550px;

	margin: 0 0 0 15px;

}







/* columnMain */



#content .columnMain {

	width: 550px;

	margin: 10px 0 0 0;

}



#content .columnMain table.pic {

	margin: 0 auto;

	border-collapse: collapse;

	border: 0;

	width: 100%;

	background: url("../images/bg_picmain.gif");

}



#content .columnMain table.pic td {

	padding: 0;

	font-size: 1px;

}

#content .columnMain table.pic td.main {

	text-align: center;

	}

#content .columnMain table.pic td.main img {

	margin: 0 auto;

	}



#content .columnMain table.pic .top {

	height: 13px;

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

}

#content .columnMain table.pic .topL {

	width: 13px;

	height: 13px;

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

}

#content .columnMain table.pic .topR {

	width: 13px;

	height: 13px;

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

}

#content .columnMain table.pic .left {

	width: 13px;

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

}

#content .columnMain table.pic .right {

	width: 13px;

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

}

#content .columnMain table.pic .bottom {

	height: 13px;

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

}

#content .columnMain table.pic .bottomL {

	width: 13px;

	height: 13px;

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

}

#content .columnMain table.pic .bottomR {

	width: 13px;

	height: 13px;

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

}



#content .columnMain img {

	display: block;

}



#content .columnMain h3 {

	margin: 15px 0 0 0;

	font-size: 85%;

	line-height: 1.6;

}

#content .columnMain p {

	margin: 10px 0 0 0;

	font-size: 80%;

	line-height: 1.6;

}







/* columnList */



#content .columnList {

	clear: left;

	width: 550px;

	margin: 30px 0 0 0;

}



#content .columnList h3 {

	width: 550px;

	margin: 0 0 10px 0;

	padding: 0 0 8px 0;

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

	font-size: 80%;

	line-height: 1.2;

}



#content .columnList img {

	float: left;

	margin: 0 20px 20px 0;

}



#content .columnList p {

	font-size: 80%;

	line-height: 1.6;

}





/* dataBox */



#content .dataBox {

	clear: left;

	width: 550px;

	margin: 20px auto 0 auto;

	padding: 0;

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

}



#content .dataBox .top,

#content .dataBox .bottom {

	width: 550px;

	height: 1px;

	font-size: 1px;

	line-height: 0;

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

}



#content .dataBox h4 {

	margin: 16px 16px 0 16px;

	padding: 0 0 0 10px;

	font-size: 80%;

	background: #f6f6f6 url("../../images/bl_02.gif") left no-repeat;

}



#content .dataBox dl {

	margin: 16px;

	padding: 0;

}

#content .dataBox dl dt {

	float: left;

	width: 80px;

	margin: 0 0 0.5em 0;

	padding: 0;

	font-size: 65%;

	line-height: 1.4;

}

#content .dataBox dl dd {

	float: left;

	width: 420px;

	margin: 0 0 0.5em 0;

	padding: 0;

	font-size: 65%;

	line-height: 1.4;

}







/* pageNav */



#content .pageNav {

	width: 550px;

	margin: 0 0 0 0;

	font-size: 80%;

	text-align: right;

}



#content .pageNavBottom {

	width: 550px;

	margin: 30px 0 0 0;

}

#content .pageNavBottom .previous {

	display: block;

	float: left;

	width: 150px;

	font-size: 80%;

}

#content .pageNavBottom .btn {

	float: left;

	width: 250px;

	text-align: center;

}

#content .pageNavBottom .next {

	display: block;

	width: 150px;

	float: right;

	font-size: 80%;

	text-align: right;

}











/* clearfix */

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



.dataBox:after,

.dataBox dl:after,

.pageNavBottom:after,

.clearfix:after {

  content:".";

  display:block;

  height:0;

  clear:both;

  visibility:hidden;

}



/* (for IE7 and Mac IE5) */

.dataBox,

.dataBox dl,

.pageNavBottom,

.clearfix {

	display: inline-block;

}



/* (for IE5-6) */

/* Hides from IE-mac \*/

* html .dataBox,

* html .dataBox dl,

* html .pageNavBottom,

* html .clearfix {

	height: 1%;

}

.dataBox,

.dataBox dl,

.pageNavBottom,

.clearfix {

	display: block;

}

/* End hide from IE-mac */