@charset "utf-8";

@import	"/css/common.css";

/* ---------------------------------------------------------------- */

/* index:ボタン */
/* ---------------------------------------------------------------- */
div.btn-link *{margin:0;padding:0;}
div.btn-link{
	margin:3em auto;
}
div.btn-link ul{
	margin:0 auto 2em;
	width:600px;
	list-style-type:none;
}

div.btn-link li.b-left{float:left;width:281px;}

div.btn-link li.b-right{float:right;width:281px;}


/* clear hack */
div.btn-link ul{zoom:1;}
div.btn-link ul:after{content:".";clear:both;height:0;display:block;visibility:hidden;}



/* submenu:ボタン */
/* ---------------------------------------------------------------- */

#submenu *{margin:0;padding:0;}
#submenu{margin:0 auto 2em;}

#submenu ul{
	margin:0 auto;
	padding:0.1em 6px 0.1em 15px;
	list-style-type:none;
	background:#e9f1fb;
	width:585px;
}
#submenu li{
	float:left;
	padding:0 13px;
	background:url('../../common_img/menu_arrow_l.gif') no-repeat 0 6px;
}
/* リンク色 */
#submenu li a{color:#000;text-decoration:none;}
#submenu li a:hover{color:#3387da;text-decoration:underline;}


/* clear hack */
#submenu ul{zoom:1;}
#submenu ul:after{content:".";clear:both;height:0;display:block;visibility:hidden;}



.faq{}


/* h2 */
.faq h2{
	margin:0 auto 1.5em;
	padding:2px 6px 2px 12px;
	color:#fff;
	background:#000;
	font-size:18px;
}


.faq p{margin:0 auto 1.5em;width:655px;}

/* 価格 */
.faq h2.price{border-left:8px solid #bd0016;}
.faq h2.web{border-left:8px solid #bd0016;}
/* システム */
.faq h2.system{border-left:8px solid #e0670f;}
/* コンサル */
.faq h2.consul{border-left:8px solid #5cb200;}
/* カート */
.faq h2.cart{border-left:8px solid #0069d1;}
/* リクルート */
.faq h2.recruit{border-left:8px solid #009fb2;}


/* h3 */
div.faq h3{
	margin:0 auto 1.5em;
	padding:2px 6px 2px 30px;
	font-size:14px;
	background:#efefef;
}
/* web制作 */
div.faq h3.web-sub{
	background:url('../image/h3_web.gif') no-repeat 5px 4px #efefef;
	border-bottom:2px solid #bd0016;
}
/* コンサルティング */
div.faq h3.consul-sub{
	background:url('../image/h3_consul.gif') no-repeat 5px 4px #efefef;
	border-bottom:2px solid #5cb200;
}
/* システム開発 */
div.faq h3.system-sub{
	background:url('../image/h3_system.gif') no-repeat 5px 4px #efefef;
	border-bottom:2px solid #e0670f;
}
/* リクルート */
div.faq h3.recruit-sub{
	background:url('../image/h3_recruit.gif') no-repeat 5px 4px #efefef;
	border-bottom:2px solid #009fb2;
}

/* 質問内容 */
/* -------------------------------- */

.faq dl{
	margin:0 auto 2em;
	padding:0;
	width:580px;
}

.faq dl.web{background:#f9e9ea;}
/* システム */
.faq dl.system{background:#fcf1e9;}
/* コンサル */
.faq dl.consul{background:#f1f8e9;}
/* リクルート */
.faq dl.recruit{background:#e9f6f8;}



/* 質問 */
/* -------------------------------- */
.faq dt{
	margin:0;
	padding:7px 10px 7px 0;
}
.faq dt strong{padding:6px 10px 5px 30px;display:block;}


.faq dt strong.web-eye{background:url('../image/web_eye.gif') no-repeat 10px 8px;}
.faq dt.web-line{background:url('../image/web_line.gif') repeat-x 0 bottom;}
/* システム */
.faq dt strong.system-eye{background:url('../image/system_eye.gif') no-repeat 10px 8px;}
.faq dt.system-line{background:url('../image/system_line.gif') repeat-x 0 bottom;}
/* コンサル */
.faq dt strong.consul-eye{background:url('../image/consul_eye.gif') no-repeat 10px 8px;}
.faq dt.consul-line{background:url('../image/consul_line.gif') repeat-x 0 bottom;}
/* カート */
.faq dt strong.cart-eye{background:url('../image/cart_eye.gif') no-repeat 10px 8px;}
.faq dt.cart-eye{background:url('../image/cart_eye.gif') repeat-x 0 bottom;}
/* リクルート */
.faq dt strong.recruit-eye{background:url('../image/recruit_eye.gif') no-repeat 10px 8px;}
.faq dt.recruit-line{background:url('../image/recruit_line.gif') repeat-x 0 bottom;}


/* 回答 */
/* -------------------------------- */
.faq dd{
	margin:0;
	padding:0.5em 1em;
	background:#f7f7f7;
	border:1px solid #eeeeee;
}
