@charset "utf-8";

@import "base_layout.css";
@import "common_parts.css";



body{
	background-color:#faf1ef;
}
#wrapper{
	background:url(../../brochure/img/bg_main.jpg) no-repeat center top;
}

/*  ページタイトル
***********************************************************/
#brochure #header h1{
	margin:0 auto;
	width:1300px;
	height:167px;
	background: url(../../brochure/img/pagetitle.gif) no-repeat left;
	text-indent:-9999px;
	display:block;
}

#brochure h2{
	paddinge-top:23px;
	width:1285px;
	height:221px;
	background: url(../../brochure/img/topCmt.png) no-repeat bottom right;
	text-indent:-9999px;
	display:block;
}

/*  本文
***********************************************************/
#mainbody{
	margin:0 auto;
	padding:20px 0 40px;
	width:980px;
}



/* 強み
----------------------------------------------*/
#brochure .areaPoint{
	margin-top:100px;
	color:#626262;
	font-size:18px;
}
#brochure .areaPoint .areaImage{
	width:345px;
	float:left;
}
#brochure .areaPoint .areaText{
	width:580px;
	float:right;
}
#brochure .areaPoint .areaText h3{
	margin-bottom:50px;
	width:573px;
	height:68px;
	background: url(../../brochure/img/title_strength.png) no-repeat;
	text-indent:-9999px;
	display:block;
}
#brochure .areaPoint .areaText li{
	margin-bottom:30px;
}
#brochure .areaPoint .areaText li h4{
	margin-bottom:10px;
}

/* 制作実績
----------------------------------------------*/
#brochure .areaWork{
	padding:46px 0 20px 0;
	width:980px;
	background-color:#1abc9c;
}
#brochure .areaWork:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #brochure .areaWork{
    height: 1em;
}
#brochure .areaWork{
    display: block;
}
/* ▲ */
/* for IE7 */
*:first-child+html #brochure .areaWork{
	zoom:1;
}

#brochure .areaWork h3{
	margin:0 auto 40px;
	width:499px;
	height:70px;
	background: url(../../brochure/img/title_result.png) no-repeat;
	text-indent:-9999px;
	display:block;
}
/* 実績1つ分 box */
#brochure .areaWork .box{
	margin:8px 0 8px 11px;
	padding:22px 14px 10px 14px;
	width:446px;
	background-color:#FFF;
	box-shadow:1px 1px 1px #afb1b2;
	-moz-box-shadow:1px 1px 1px #afb1b2;
	-webkit-box-shadow:1px 1px 1px #afb1b2;
	float:left;
}
#brochure .areaWork .box h4{
	margin-bottom:10px;
	font-size:14px;
}
#brochure .areaWork .box .imageBox{
	margin-bottom:10px;
	width:168px;
	height:133px;
	background-color:#ededed;
	border:1px solid #dfdfdf;
	text-align:center;
	overflow:hidden;
	display:table-cell;
	vertical-align:middle;
	float:left;
}
#brochure .areaWork .box .imageBox img{
	max-height:133px;
}
#brochure .areaWork .box .areaText{
	width:265px;
	float:right;
}
#brochure .areaWork .box ul{
	clear:both;
	list-style:none;
}
#brochure .areaWork .box li{
	margin-bottom:6px;
	padding-bottom:6px;
	border-bottom:1px solid #dcdcdc;
	font-size:12px;
	line-height:1.2;
}
#brochure .areaWork .box li h5{
	color:#eb6100;
	font-size:12px;
}

/* お問い合わせ
----------------------------------------------*/
#areaContact .title_contact{
	background: url(../../brochure/img/title_contact.png) no-repeat;
}