@charset "UTF-8";
@import url("common.css");

/************************* 実績 ******************************/

#works_h2{
	width:685px;
	height:126px;
	background:transparent url(../works/img/works_h2.jpg) top left no-repeat;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	padding:15px 0 0 10px;
}


.works_entBox{
	width:665px;
	margin-left:10px;
}
.works_entBoxL{
	float:left;
	width:257px;
}

.works_entBoxR{
	float:right;
	width:398px;
}
.works_mainText{
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	background:url(../works/img/works_maintext.gif) top left no-repeat;
	padding:10px 0 34px 50px;
	margin-bottom:10px;
}

.works_catgory{
	background:url(../works/img/works_catgory.gif) center left no-repeat;
	font-size:10px;
	line-height:16px;
	width:185px;
	float:right;
	padding:5px 0;
}

.works_entBoxR dl{
	width:398px;
	clear:both;
}

.works_entBoxR dt{
	background:url(../works/img/works_dt_bg.gif) center left no-repeat;
	font-size:12px;
	font-weight:bold;
	line-height:25px;
}

.works_entBoxR dd{
	font-size:12px;
	line-height:14px;
	padding:0 0 15px 3px;
}

.works_entBoxL dl{
	width:255px;
	clear:both;
}

.works_entBoxL dt{
	background:url(../works/img/works_dt_bg255.gif) center left no-repeat;
	font-size:12px;
	font-weight:bold;
	line-height:25px;
}

.works_entBoxL dd{
	padding-bottom:15px;
}


.worksSet{
	margin:0 0 10px 10px;
	border:1px solid #cccccc;
	width:327px;
	height:122px;
	float:left;		
}

.worksSetL{
	float:left;
	padding:10px 0 10px 10px;
	width:110px;
}

.worksSetR{
	float:right;
	margin:10px 10px 0 0;
	width:190px;
}

.worksSetR dt{
	background:url(../works/img/workset_dt.gif) bottom left no-repeat;
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
	padding-bottom:3px;
}

.worksSetR dd{
	font-size:12px;
	line-height:14px;
	margin-bottom:5px;
}

.workset_cat{
	background:url(../works/img/workset_cat.gif) top left no-repeat;
	width:75px;
	padding-left:15px;
	font-size:10px;
	line-height:12px;
	float:left;
}

.workset_more{
	width:86px;
	float:right;
}

.crientnewsBox{
	background:url(../works/img/okykusamahpbg.gif) bottom right no-repeat;
	border:2px dotted #66ccff;
}

.crientnews{
	background:url(../works/img/works_dt_bg.gif) center left no-repeat;
	font-size:12px;
	font-weight:bold;
	line-height:25px;
	padding-left:5px;
}


.rss-box{
	margin-top:5px;
}

.rss-title{
	margin:5px 5px 7px 5px;
}

.rss-item{
	background:url(../img/qlisticon.gif) top left no-repeat;
	padding-left:15px;	
	margin:2px 5px 5px 15px;
}


.workscatList{
	margin:10px 6px 10px 10px;
	padding:10px;
	background:url(../lineup/img/lineuptopcatbg3.gif);
	border:2px solid #dfedfc;
}

.workscatList dt{
	font-size:14px;
	font-weight:bold;
	line-height:1.8;
}

.workscatList dd{
	font-size:14px;
	font-weight:bold;
	line-height:1.6;
	padding-right:30px;

	background:url(../img/qlisticon.gif) center left no-repeat;
	padding-left:15px;
}


/************************* お客様インタビュー ******************************/

.interviewBox{
	border:1px solid #e7e6e6;
	padding:10px;
	margin-bottom:10px;
}

.interviewBoxL{
	float:left;
	width:180px;
	text-align:center;
}

.interviewstaff{
	width:175px;
	height:20px;
	line-height:20px;
	background:#171717 url(../works/img/interviewstaff_bg.gif) top left no-repeat;
	color:#fff;
	font-weight:bold;
	margin-bottom:8px;
}

.interviewstaff a{
	background-color: transparent;
	color:#fff;
}

.interviewstaffimg{
	width:169px;
	height:119px;
	background:url(../works/img/staffimg_bg.gif) top left no-repeat;
	padding-top:5px;
}

.interviewBoxR{
	float:right;
	width:454px;
	text-align:left;
}

.interviewmainText{
	font-size:12px;
	font-weight:bold;
}

.introduction{
	width:453px;
	background:url(../img/introduction_bg.gif) top left no-repeat;
	padding-top:20px;
	margin-top:8px;
	font-size:12px;
	line-height:14px;
}

.interviewconcept{
	width:453px;
	background:url(../works/img/concept_bg.gif) top left no-repeat;
	padding-top:20px;
	margin-top:8px;
	font-size:12px;
	line-height:14px;
}

.interviewaddvice{
	width:453px;
	background:url(../works/img/addvice_bg.gif) top left no-repeat;
	padding-top:20px;
	margin-top:8px;
	font-size:12px;
	line-height:14px;
}

.interviewBox dl{
	width:645px;
	clear:both;
	padding-top:10px;
}

.interviewBox dt{
	width:645px;
	font-size:12px;
	line-height:23px;
	font-weight:bold;
	background:url(../works/img/interbiew_dt_bg.gif) top left no-repeat;
	padding-left:25px;
	margin-top:10px;
}

.interviewBox dd{
	padding:5px;
	font-size:12px;
	line-height:14px;
}

.pagebutelist{
	font-size:14px;
	margin:5px 0 10px 10px;
}

.pagebutelist a{
	font-weight:bold;
}