@charset "utf-8";

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

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



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

div#main p {
	margin: 0;
}


/* リードスタイル */

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

* html div#main div#lead {
	height: 84px;
}

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


/* 3つの悩みスタイル */

div#main ol#worry {
	margin: 0 40px;
}

div#main ol#worry li {
	margin: 0 0 15px 0;
}

div#main ol#worry li#worry03 {
	margin: 0;
}
 
div#main ol#worry li dl {
	overflow: hidden;
}

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

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

div#main ol#worry li#worry01 dl dt {
	width: 348px;
	background: url(../../images/index/worry01.gif) 0 0 no-repeat;
}

div#main ol#worry li#worry02 dl dt {
	width: 483px;
	background: url(../../images/index/worry02.gif) 0 0 no-repeat;
}

div#main ol#worry li#worry03 dl dt {
	width: 357px;
	background: url(../../images/index/worry03.gif) 0 0 no-repeat;
}

div#main ol#worry li dl dd {
	margin: 0 0 0 28px;
}

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

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

div#main ol#worry li#worry02 dl dd div {
	margin: 5px 0 0 -4px;
}

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

*+html div#main ol#worry li#worry02 dl dd div {
	display: inline-block;
}

div#main ol#worry li#worry02 dl dd div img {
	display: block;
	float: left;
	margin: 0 0 0 3px;
	vertical-align: top;
}

div#main ol#worry li#worry03 dl dd img {
	float: right;
	margin: -25px 0 0 0;
}

* html div#main ol#worry li#worry03 dl dd img {
	margin-right: -3px;
}


div#main div#icon_plus {
	margin: 30px 0;
	text-align: center;
}

div#main div#worry_box {
	width: 445px;
	margin: 0 79px;
	background: url(../../images/index/worry_bg.gif) 0 0 no-repeat;
}

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

div#main div#worry_box ul li {
	margin: 0 20px;
	padding: 0 0 0 12px;
	background: url(../../images/index/list_icon.gif) 0 6px no-repeat;
}


/* 導入実績スタイル */

div#main table {
	width: 544px;
	margin: 0 20px 0 40px;
	font-size: 10px;
}

div#main table td {
	width: 33%;
	padding: 0 0 10px 0;
	text-align: center;
}

div#main table tr.company_name td {
	padding: 0 0 30px 0;
	vertical-align:top;
}


/* 詳細料金へボタンスタイル */

div#main div#btn_price {
	margin: 20px 0 0 211px;
}

div#main div#btn_price a {
	display: block;
	width: 181px;
	height: 37px;
	background: url(../../images/index/btn_price.jpg) 0 0 no-repeat;
	font-size: 0;
	text-indent: -9999px;
	line-height: 0;
	overflow: hidden;
}

div#main div#btn_price,
div#main div#btn_price a:hover {
	background: url(../../images/index/btn_price.jpg) 0 -37px no-repeat;
}