@charset "utf-8";



/* ****************************************************

topics.css

***************************************************** */



/* ****************************************************

1. Header

2. Contents

99. Extra

***************************************************** */



/* 1. Header

=========================================*/



#topics #contents-header h1 {

	position:relative;

}



#topics #contents-header h1 span {

	position:absolute;

	top:70px;

	left:110px;

}



/* 2. Contents

=========================================*/

/* chacottstory */

.column02 .two-column .two-left {

	float:left;

	width:215px;

}



.column02 .two-column .two-right {

	float:right;

	width:215px;

}



.column02 .two-column .text-box {

	text-align:center;

}



.note {

	text-align:center;

}



.column02 .banner-img02,

.column02 .banner-detail02 {

	display:table-cell;

	vertical-align:middle;

}





* html .column02 .banner-img02 { /* IE6 hacks */

	display:inline;

	width:216px;	

	zoom:1;

}



*:first-child+html .column02 .banner-img02 { /* IE7 hacks */

	display:inline;

	width:216px;	

	zoom:1;

}



* html .column02 .banner-detail02 { /* IE6 hacks */

	display:inline;

	width:228px;	

	zoom:1;

}



*:first-child+html .column02 .banner-detail02 { /* IE7 hacks */

	display:inline;

	width:228px;	

	zoom:1;

}



#topics .column02 .column02-even .form-bt {

	margin-top:30px;

}



/* Clearfix */

 {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}



 {

	display:inline-block;

	min-height:1px;  /* for IE 7*/

}

/* Hides from IE-mac \*/

 {

	height:1px;

}



 {

	display:block;

}

/* End hide from IE-mac */



/* 3. トピックス詳細

110816：追記

=========================================*/

/* テキスト表示させない*/

.topics-contents01 h2,
.topics-contents01 h3,
.topics-contents01 p
{
display:none;
}