@charset "utf-8";

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



body{
	background-color:#7f8c8d;
}

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

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


#history h2{
	width:980px;
	height:599px;
	background:url(../../history/img/image_top.jpg) no-repeat top;
	text-indent:-9999px;
	display:block;
}

/* 社史の目的とは
----------------------------------------------*/
#history .areaPurpose{
	margin-top:60px;
	color:#FFF;
	font-size:18px;
}
#history .areaPurpose .areaImage{
	width:185px;
	float:left;
}
#history .areaPurpose .areaImage img{
	width:185px;
}

#history .areaPurpose .areaText{
	width:775px;
	float:right;
}
#history .areaPurpose .areaText h3{
	margin-bottom:50px;
	width:620px;
	height:67px;
	background:url(../../history/img/title_01.gif) no-repeat;
	text-indent:-9999px;
	display:block;
}

/* 社史制作による効果
----------------------------------------------*/
#history .areaEffect{
	margin-top:60px;
	color:#FFF;
	font-size:18px;
	background:url(../../history/img/illust_02.png) no-repeat top right;
}
#history .areaEffect h3{
	margin-bottom:20px;
	width:644px;
	height:70px;
	background:url(../../history/img/title_02.gif) no-repeat;
	text-indent:-9999px;
	display:block;
}

#history .areaEffect .areaText{
	width:703px;
}
#history .areaText dt{
	width: 40px;
	padding:10px 0;
}
#history .areaText dd{
	margin: -65px 0 0 0;
	padding:10px 10px 10px 55px;
	border-bottom:1px solid #626c6e;
	line-height:2em;
}

/* 制作実績
----------------------------------------------*/
#history .areaTrackRecord{
	margin-top:60px;
	padding:47px 0 20px 0;
	width:980px;
	background-color:#ecf0f1;
}
#history .areaTrackRecord h3{
	margin:0 auto 40px auto;
	width:501px;
	height:70px;
	background:url(../../history/img/title_03.png) no-repeat;
	text-indent:-9999px;
	display:block;
}
#history .areaTrackRecord .box{
	margin:0px 4px 0 6px;
	padding:20px 30px;
	width:255px;
	float:left;
	background-color:#FFF;
	box-shadow:1px 1px 1px #abadae;
	-moz-box-shadow:1px 1px 1px #abadae;
	-webkit-box-shadow:1px 1px 1px #abadae;
}
#history .areaTrackRecord .box h4{
	text-align:center;
	margin-bottom:10px;
}
#history .areaTrackRecord .box .cmt{
	margin-top:10px;
}

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

#history .areaWork h3{
	margin:0 auto 40px auto;
	width:501px;
	height:70px;
	background:url(../../history/img/title_03.png) no-repeat;
	text-indent:-9999px;
	display:block;
}
/* 実績1つ分 box */
#history .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;
}
#history .areaWork .box h4{
	margin-bottom:10px;
	font-size:14px;
}
#history .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;
}
#history .areaWork .box .imageBox img{
	max-height:133px;
}
#history .areaWork .box .areaText{
	width:265px;
	float:right;
}
#history .areaWork .box ul{
	clear:both;
	list-style:none;
}
#history .areaWork .box li{
	margin-bottom:6px;
	padding-bottom:6px;
	border-bottom:1px solid #dcdcdc;
	font-size:12px;
	line-height:1.2;
}
#history .areaWork .box li h5{
	color:#eb6100;
	font-size:12px;
}


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