@charset "shift_jis";

/*--Rel-ish：designCSS -- 2008,07,11. Rel-ish iori--*/

/* DEF */
h3 {
	margin-top:10px;
	}
	
h4 {
	margin-top:15px;
	margin-bottom: 10px;
	}

h5 {
	margin: 0px;
}

p {
	color: #333333;
}


#webdesign,
#designs
{
	clear: both;
	width: 610px;
	margin-top: 30px;
}


/* PARTS */
/*見出し部分*/

#webdesign div h5 {
	margin-left: 20px;
	margin-bottom: 0px;
}

#webdesign div p {
	float: left;
	width: 420px;
	margin-left: 20px;
	display: inline;
	margin-top: 15px;
	margin-bottom: 0px;
	line-height: 170%;
}

#webdesign div {
	background: url(../../web_design/img/bg_div_in.jpg) repeat-y left top;
}

#webdesign div#design_bg_top {
	background: url(../../web_design/img/bg_div_top.jpg) no-repeat left top;
	font-size: 0px;
	line-height: 0px;
	height: 15px;
}

#webdesign div#design_bg_under {
	background: url(../../web_design/img/bg_div_under.jpg) no-repeat left top;
	font-size: 0px;
	line-height: 0px;
	height: 15px;
	clear: both;
	vertical-align: top;
	margin-top: 0px;
}

#webdesign div p#design_bg_right{
	float: right;
	width: auto;
	margin-left: 0px;
	display: inline;
	margin-right: 4px;
	margin-top: 0px;
}


/*実績紹介部分*/

#designs p.design_new {
	background: url(../../web_design/img/icon_new.jpg) no-repeat left center;
	padding-left: 40px;
}

#designs div {
	width: 570px;
	margin: 0 auto 20px;
	border-bottom: 1px dotted #B5A279;
	clear: both;
}

#designs div#end {
	border-bottom: none;
}


#designs div div {
	display: inline;
	float: left;
	width: 267px;
	margin: 0 0 20px;
	border: none;
	clear: none;
}

#designs div div.d_right {
	float: right;
}

* html #designs div div.d_right {
	height: 250px;
}

#designs div div a.to_interview img,
#designs div div.d_right a.to_interview img
{
	margin-bottom: 80px;
}


/*インタビュー：008服部会計様からの分　2008/08/29*/
#guest_profile {
	padding-bottom: 20px;
	border-bottom: solid 1px #cccccc;
}

#guest_profile h4 {
	margin-bottom: 20px;
}

#guest_profile img.site_ss
 {
	float: left;
	margin-left: 15px;
	margin-right: 20px;
}

#guest_profile img#to_website {
	float: left;
	margin-left: 15px;
	clear: both;
}

#guest_profile table {
	margin-top: 20px;
}

#guest_profile th,
#guest_profile td
 {
 padding: 3px;
	font-weight: normal;
	line-height: 180%;
	color: #333333;
	text-align: left;
}

#guest_profile th {
	width: 100px;
}

#guest_interview {
	margin-top: 30px;
	margin-bottom: 50px;
}

#guest_interview dt {
	padding-left: 25px;
	margin-bottom: 15px;
	background: url(../../web/interview/img/bg_q.jpg) no-repeat left top;
	line-height: 180%;
	color: #555555;
	clear: both;
}

#guest_interview dd {
	margin: 0px 0px 25px;
	padding-left: 25px;
	background: url(../../web/interview/img/bg_a.jpg) no-repeat left top;
	line-height: 180%;
	color: #333333;
	clear: both;
}

#guest_interview dd img {
	float: right;
	margin: 0px 0px 10px 10px;
}

#staff_voice img.staff_icon {
	float: left;
	clear: left;
}

#staff_voice div {
	float: none;
	clear: both;
	width: 550px;
	margin-top: 20px;
}

#staff_voice div.staff_log {
	width: 352px;
	margin: 0px;
	padding: 0px;
	background: url(../../web/interview/img/staff_comment-table-in.gif) repeat-y left top;
	float: left;
	clear: right;
}

#staff_voice div.log_top {
	float: none;
	width: 352px;
	height: 3px;
	margin: 0px;
	padding: 0px;
	background: url(../../web/interview/img/staff_comment-table-top.gif) no-repeat left top;
}

#staff_voice div.log_bottom {
	float: none;
	width: 352px;
	height: 3px;
	margin: 0px;
	padding: 0px;
	background: url(../../web/interview/img/staff_comment-table-under.gif) no-repeat left bottom;
}

#staff_voice div p {
	float: none;
	min-height: 50px;
	margin: 0px;
	padding: 20px;
	clear: both;
}


/* ClearFix */

#webdesign div:after,
#designs div:after,
#guest_profile:after,
#staff_voice div:after
{
    content: "";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
}

#webdesign div,
#designs div,
#guest_profile,
#staff_voice div
{ display: inline-block; }

/* exlude MacIE5 \*/
* html #webdesign div,
* html #designs div,
* html #guest_profile,
* htmk #staff_voice div
{ height: 1% }

#webdesign div,
#designs div,
#guest_profile,
#staff_voice div
{display:block;}
/* end MacIE5 */