@charset "utf-8";

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

body{
	background-color:#16a085;
}

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

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


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

/* 番号付きリスト */
#letterzine dt{
	width: 40px;
	padding:15px 0;
}
#letterzine dd{
	margin: -65px 0 0 0;
	padding:10px 10px 15px 55px;
	border-bottom:1px solid rgba(255, 255, 255, 0.5);
	line-height:1.6em;
	color:#FFF;
	font-size:20px;
}

/* Answer
----------------------------------------------*/
#letterzine .answerList{
	width:980px;
	color:#FFF;
	font-size:18px;
	background-color:#e74c3c;
}
#letterzine .answerList{
	margin:0 auto;
	padding:0 29px;
	padding-bottom:40px;
	width:922px;
}

/* 具体的な手法
----------------------------------------------*/
#letterzine h3.method{
	margin-top:30px;
	width:790px;
	height:124px;
	background: url(../../letterzine/img/title_01.gif) no-repeat;
	text-indent:-9999px;
	display:block;
}
#letterzine .areaMethod{
	padding-right:280px;
	padding-top:30px;
	min-height:418px;
	background:url(../../letterzine/img/illust_01.png) no-repeat right;
}
#letterzine .areaMethod h4{
	margin:30px 0 20px 0;
	width:683px;
	height:36px;
	background: url(../../letterzine/img/txt_01.gif) no-repeat;
	text-indent:-9999px;
	display:block;
}


/* 当社の強み
----------------------------------------------*/
#letterzine h3.merit{
	margin-top:40px;
	width:773px;
	height:84px;
	background: url(../../letterzine/img/title_02.gif) no-repeat;
	text-indent:-9999px;
	display:block;
}
#letterzine .areaMerit{
	min-height:205px;
	padding-left:280px;
	background:url(../../letterzine/img/illust_02.png) no-repeat left;
}


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

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


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