@charset "utf-8";
@import "/css/common.css";

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

/* case style css(施工事例) */

/*==================================================================*/
/* h1 */
h1{margin:0 auto 0.4em;padding:0;}

#case *{margin:0;padding:0;}
#case{margin:0 auto 4em;}

#case p.read{
	width:680px;
	margin:0 auto 1em;
}

/* h2 */
#case h2{
	width:682px;
	margin:0 auto 0.6em;
}

/* nav */
/* -------------------------------------------- */
#case .nav{
	width:680px;
	margin:0 auto 1.2em;
	padding:8px 0 0;
}

#case .nav ul{margin:0 0 0 10px;}
#case .nav ul li{
	display:inline;
	margin:0 10px 0 0;
	list-style:none;
}

#case .nav ul li.end{margin:0;}

/* block */
/* -------------------------------------------- */
#case .type{
	width:680px;
	margin:0 auto 2em;
	padding:24px 0 8px;
	background:url('../image/block_back.gif') repeat 0 0;
}
#case .type p.right{text-align:right;}

#case .block{
	width:660px;
	margin:0 auto 1.0em;
}

/* clear hack */
#case .block{zoom:1;}
#case .block:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

#case .block dt,#case .block dd{margin:0 0 2px;text-align:center;}
#case .block dt img{border:1px solid #ccc;}


/* float まわりこまない */
#case .block dl{
	display:-moz-inline-box; /* Firefox 2 and older */
	display:inline-block;
	width:150px;
	margin:0 5px 1em;
	vertical-align:top;
}

/* IE6 */
* html #case .block dl{
	display:inline;
	zoom:1;
	margin:0 7px 1em;
}

/* IE7 */
*:first-child+html #case .block dl{
	display:inline;
	zoom:1;
	margin:0 7px 1em;
}