@charset "utf-8";

/* コンテンツタイトル */

div#contents_title div h2 {
	width: 285px;
	height: 50px;
	background: url(../../images/index/h2_title.gif) 0 0 no-repeat;
}


/* グローバルナビ */

div#global_navi ul li#gnavi_consulting a {
	background: url(../../../common/images/head/global_navi.gif) 0 -20px no-repeat;
}



/* コンテンツスタイル
----------------------------------------------------------- */
div#main {
	background: url(../../images/main_bg_consulting.jpg) -14px 28px no-repeat;
}

div#main p {
	margin: 0;
}


/* h4スタイル */

div#main h4 {
	margin: 20px 20px 15px 20px;
}


/* リードスタイル */

div#main div#lead {
	width: 506px;
	height: 84px;
	margin: 0 0 0 80px;
	background: url(../../images/index/lead.gif) 0 center no-repeat;
}

div#main div#lead p {
	font-size: 0;
	text-indent: -9999px;
	line-height: 0;
}


/* コンサルティング機能で自動化できることスタイル */

div#main div#automation {
	width: 564px;
	margin: 0 20px;
	background: url(../../images/index/box_bg.gif) 0 0 no-repeat;
}

div#main div#automation ul {
	width: 564px;
	padding: 20px 0;
	background: url(../../images/index/box_bg_bottom.gif) 0 bottom no-repeat;
}

div#main div#automation ul li {
	margin: 15px 20px 0 20px;
}

div#main div#automation ul li.firstchild {
	margin-top: 0;
}

div#main div#automation ul li dl {
	overflow: hidden;
}

* html div#main div#automation ul li dl {
	display: inline-block;
}

div#main div#automation ul li dl dt {
	padding: 0 0 0 14px;
	background: url(../../images/index/list_icon.gif) 0 center no-repeat;
	color: #996600;
}

div#main div#automation ul li dl dd {
	margin: 0 0 0 14px;
}

div#main div#automation ul li dl dd img {
	float: right;
	margin: -18px 0 0 10px;
}

div#main div#automation ul li dl dd a {
	padding: 0 0 0 14px;
	background: url(../../images/index/arrow01.gif) 0 center no-repeat;
	color: #0066FF;
}

div#main div#automation ul li dl dd a:hover {
	background: url(../../images/index/arrow02.gif) 0 center no-repeat;
	color: #FF9900;
	text-decoration: underline;
}


/* コストダウンができる使い方スタイル */

div#main p#costs {
	width: 550px;
	height: 40px;
	margin: 30px 27px;
	background: url(../../images/index/howto.gif) 0 0 no-repeat;
	font-size: 0;
	text-indent: -9999px;
	line-height: 0;
}

div#main ol#howto {
	margin: 0 20px 0 78px;
}

div#main ol#howto li {
	min-height: 67px;
	margin: 0 0 20px 0;
	padding: 6px 0 0 0;
}

* html div#main ol#howto li {
	height: 73px;
}

div#main ol#howto li#howto01 {
	background: url(../../images/index/howto01.gif) 0 0 no-repeat;
}

div#main ol#howto li#howto02 {
	background: url(../../images/index/howto02.gif) 0 0 no-repeat;
}

div#main ol#howto li#howto03 {
	background: url(../../images/index/howto03.gif) 0 0 no-repeat;
}

div#main ol#howto li#howto04 {
	background: url(../../images/index/howto04.gif) 0 0 no-repeat;
}

div#main ol#howto li#howto05 {
	margin: 0;
	background: url(../../images/index/howto05.gif) 0 0 no-repeat;
}

div#main ol#howto li dl {
	padding: 0 0 0 68px;
	overflow: hidden;
}

* html div#main ol#howto li dl {
	display: inline-block;
}

div#main ol#howto li dl dt {
	height: 17px;
	margin: 0 0 5px 0;
	font-size: 0;
	text-indent: -9999px;
	line-height: 0;
}

div#main ol#howto li#howto01 dl dt {
	width: 122px;
	background: url(../../images/index/howto_consulting.gif) 0 0 no-repeat;
}

div#main ol#howto li#howto02 dl dt {
	width: 100px;
	background: url(../../images/index/howto_solution.gif) 0 0 no-repeat;
}

div#main ol#howto li#howto03 dl dt {
	width: 106px;
	background: url(../../images/index/howto_marketing.gif) 0 0 no-repeat;
}

div#main ol#howto li#howto04 dl dt {
	width: 106px;
	background: url(../../images/index/howto_promotion.gif) 0 0 no-repeat;
}

div#main ol#howto li#howto05 dl dt {
	width: 93px;
	background: url(../../images/index/howto_planning.gif) 0 0 no-repeat;
}

div#main ol#howto li dl dd {
	margin: 0 0 0 2px;
}

div#main ol#howto li dl dd p.btn_detail {
	margin: 2px 0 0 0;
}

div#main ol#howto li dl dd p.btn_detail a {
	display: block;
	width: 90px;
	height: 20px;
	background: url(../../images/index/btn_detail.gif) 0 0 no-repeat;
	font-size: 0;
	text-indent: -9999px;
	line-height: 0;
	overflow: hidden;
}

div#main ol#howto li dl dd p.btn_detail,
div#main ol#howto li dl dd p.btn_detail a:hover {
	background: url(../../images/index/btn_detail.gif) 0 -20px no-repeat;
}