@charset "utf-8";

/*-------------------------------------------------------------------
	
						企業のご担当者様へ
							
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
							clear-fix
-------------------------------------------------------------------*/
#flow li:after
{
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

/* Win IE7 */
*:first-child+html #flow li
{
	height: 1%;
}
/* End Win IE7 */

/* Win IE6 \*/
* html #flow li
{
	height: 1%;
}
/* End Win IE6 */

/* Mac IE\*//*/
#flow li
{
	display: inline-table;
}
/* End Mac IE */

/*-------------------------------------------------------------------
						テキスト画像代替
-------------------------------------------------------------------*/
#contents-header .body h2,#contents-header .body p.t-body,
#sec1 h2,#sec1 h3,
#sec2 h2,#sec2 h3,
li#fd,li#pn,li#mi,li#btn a, #flow1 h4 em
{
	display: block;
	text-indent: -10000px;
/* Hides from Mac IE \*/
	overflow: hidden;
/* */
}


/*-------------------------------------------------------------------
							main-image
-------------------------------------------------------------------*/
#main-image{
	width: 800px; height: 150px;
	background: url(../../business_customers/images/main_image.jpg) no-repeat scroll left top;
}

/*-------------------------------------------------------------------
							#contents-header
-------------------------------------------------------------------*/
#contents-header .body{
	width: 585px; height: 140px;
	padding: 0px;
	background: url(../../business_customers/images/contents_header.jpg) no-repeat scroll left top;
}
#contents-header h2{
	background: none;
}
#contents-header .body p.t-body{
	background: none;
}

/*-------------------------------------------------------------------
							page-title
-------------------------------------------------------------------*/
#page-title{
	width: 585px; height: 48px;
	margin-bottom: 0px;
	background: url(../../business_customers/images/sec1_h.gif) no-repeat scroll left top;
}

/*-------------------------------------------------------------------
								body
-------------------------------------------------------------------*/
.body{
	padding: 0px 0px 10px 11px;
	line-height: 1.3;
}

#sec1 .body,#sec2 .body{
	background: url(../../business_customers/images/body_bg.gif) no-repeat scroll left top;
}

/*-------------------------------------------------------------------
								sec1
-------------------------------------------------------------------*/
#sec1{
	margin-top: 0px;
}

#sec1 h2{
	width: 586px; height: 48px;
	background: url(../../business_customers/images/sec1_h.gif) no-repeat scroll left top;
}
#sec1 h3{
	width: 575px; height: 50px;
	margin-top: 30px; margin-bottom: 15px;
}
#sec1 .lead{
	margin-left: 2px;
}

#sec1 li{
}
#sec1-1 h3{
	background: url(../../business_customers/images/sec1_1_h.gif) no-repeat scroll left top;
}

#sec1-2 h3{
	background: url(../../business_customers/images/sec1_2_h.gif) no-repeat scroll left top;
}

#sec1-3 h3{
	background: url(../../business_customers/images/sec1_3_h.gif) no-repeat scroll left top;
}

#sec1-4 h3{
	background: url(../../business_customers/images/sec1_4_h.gif) no-repeat scroll left top;
}

#sec1-5 h3{
	background: url(../../business_customers/images/sec1_5_h.gif) no-repeat scroll left top;
}

#sec1 li div{
	margin-left: 0px;
	padding-left:10px;
	margin-right:15px;
}
#sec1 p.comment2{
	margin-top: 8px;
	padding-left: 15px;
	background: url(../../images/cmn/list_mark_circle_blue.gif) no-repeat scroll left 0.2em;
	font-size: 90%;
}
.list-circle-blue li{
	padding: 0px 0px 0px 15px;
	background: url(../../images/cmn/list_mark_circle_red.gif) no-repeat scroll 0em 0.3em;
}
/* Win IE7 */
*:first-child+html .list-circle-blue li{
	background-position: 0em 0.4em;
}
/* End Win IE7 */
/* Win IE6 \*/
* html .list-circle-blue li{
	background-position: 0em 0.4em;
}
/* Wnd Win IE6 */

.note1{
	margin-left: 1.8em;
	text-indent: -1.8em;
}

/* sec1-1 */
#sec1-1 div{
	padding-right: 30px;
}
#sec1-1 div p,#sec1-1 div li{
	font-size: 95%;
}
#sec1-1 ul{
	margin-top: 11px;
	padding: 14px 10px 12px 12px;
	border-bottom: #999999 solid 1px;
	border-top: #999999 solid 1px;
	line-height: 1.5;
}

/* sec1-2 */
#sec1-2 div{
	padding-right: 17px;
}

/* sec1-3 */
#sec1-3 div{
	padding-right: 17px;
}

/* sec1-4 */
#sec1-4 div{
	padding-right: 17px;
}

/* sec1-5 */
#sec1-5{
	padding-bottom: 40px;
	background: url(../../business_customers/images/sec1_footer.gif) no-repeat scroll left bottom;
}
#sec1-5 div{
	padding-right: 17px;
}
#sec1-5 h3{
	margin-bottom: 5px;
}
#sec1-5 li{
	margin-top: 14px;
	padding-bottom: 11px;
	border-bottom: #999999 solid 1px;
	line-height: 1.5;
}
#sec1-5 .list-circle-blue li{
	background-position: 0em 0.5em;
}
/* Win IE7 */
*:first-child+html #sec1-5 .list-circle-blue li{
	background-position: 0em 0.5em;
}
/* End Win IE7 */
/* Win IE6 \*/
* html #sec1-5 .list-circle-blue li{
	background-position: 0em 0.5em;
}
/* Wnd Win IE6 */


/*-------------------------------------------------------------------
								sec2
-------------------------------------------------------------------*/
#sec2{
	margin-top: 25px;
}
#sec2 div.body{
	padding-top: 12px;
	background: url(../../business_customers/images/body_bg_short.gif) no-repeat scroll left top;
}
#sec2 .lead{
	margin-left: 3px;
	padding: 0px 0px 0px 15px;
	background: url(../../images/cmn/list_mark_circle_blue.gif) no-repeat scroll 0em 0.3em;
}
/* Win IE7 */
*:first-child+html #sec2 .lead{
	background-position: 0em 0.5em;
}
/* End Win IE7 */
/* Win IE6 \*/
* html #sec2 .lead{
	background-position: 0em 0.5em;
}
/* Wnd Win IE6 */

#sec2 h2{
	width: 585px; height: 33px;
	background: url(../../business_customers/images/sec2_h.gif) no-repeat scroll left top;
}

#flow{
	width: 585px;
	padding-bottom: 20px;
	background: url(../../business_customers/images/sec1_footer.gif) no-repeat scroll left bottom;
}

#flow ol{
	padding: 34px 12px 34px 23px;
	border: 1px solid #848484;
	border-bottom: none;
}

#flow li{
	margin-bottom: 24px;
}

#flow li#flow7{
	margin-bottom: 0px;
}

#flow li h3{
	float: left;
	width: 155px; height: 71px;
}
#flow li#flow1 h3{
	background: url(../../business_customers/images/flow1.gif) no-repeat scroll left top;
}
#flow li#flow2 h3{
	background: url(../../business_customers/images/flow2.gif) no-repeat scroll left top;
}
#flow li#flow3 h3{
	background: url(../../business_customers/images/flow3.gif) no-repeat scroll left top;
}
#flow li#flow4 h3{
	background: url(../../business_customers/images/flow4.gif) no-repeat scroll left top;
}
#flow li#flow5 h3{
	background: url(../../business_customers/images/flow5.gif) no-repeat scroll left top;
}
#flow li#flow6 h3{
	background: url(../../business_customers/images/flow6.gif) no-repeat scroll left top;
}
#flow li#flow7 h3{
	height: 61px;
	background: url(../../business_customers/images/flow7.gif) no-repeat scroll left top;
}

#flow li div{
	float: right;
	width: 364px;
	padding: 6px 6px 3px 6px;
	background-color:;
}
.bgcolor{
	float: right;
	width: 364px;
	padding: 6px 6px 3px 6px;
	background-color: #e0e0e0;
	}

#flow li div h4{
	margin-bottom: 5px; padding: 0px 0px 5px 15px;
	background: url(../../images/cmn/list_mark_circle_red.gif) no-repeat scroll 0.1em 0.1em;
	border-bottom: 1px solid #989ea0;
	font-size: 95%;
	font-weight: bold;
}
#flow li div p{
	padding-left: 1px;
	font-size: 90%;
	line-height: 1.4;
	letter-spacing: -0.1em;
}
#flow1 h4 span{
	float: left;
	padding-top: 1px;
	font-weight: bold;
}
#flow1 h4 span.dial{
	float: none;
	display: block;
}
#flow1 h4 em{
	float: left;
	width: 12px;
	background: url(../../business_customers/images/flow_star.gif) no-repeat scroll center center;
}
/* Win IE7 */
*:first-child+html #flow li div p{
	font-size: 70%;
	line-height: 1.7;
}
/* End Win IE7 */
/* Win IE6 \*/
* html #flow li div h4{
	background-position: 0.2em 0.1em;
}
* html #flow li div{
	width: 398px;
}
* html #flow li div p{
	font-size: 70%;
	line-height: 1.7;
}
/* End Win IE6 */

/*-------------------------------------------------------------------
								main-call
-------------------------------------------------------------------*/
#main-call2 h2{
	height: 48px;
	background: url(../../business_customers/images/sec3_h.gif) no-repeat scroll left top; 
}
#call-lead{
	width:327px;
	height: 39px;
	background: url(../../business_customers/images/call_lead.gif) no-repeat scroll left top;
}

#main-call2 div div{
	padding-left: 225px;
}
#main-call2 div div div{
	width: 350px;
	padding: 0 0 10px 0;
	border: none;
}
#main-call2 div p{
	border-bottom: #7f7f7f solid 1px;
}
#main-call2 div ul{
	padding: 7px 14px;
	border-bottom: #7f7f7f solid 1px;
}
#main-call2 div ul li#fd{
	float: left;
	width: 100px; height: 19px;
	margin-right: 26px;
	background: url(../../business_customers/images/sec3_freedial.gif) no-repeat scroll left top;
}
#main-call2 div ul li#pn{
	width: 154px; height: 19px;
	background: url(../../business_customers/images/sec3_tel.gif) no-repeat scroll left top;
}
#main-call2 div ul li#mi{
	float: left;
	width: 100px; height: 19px;
	margin-top: 2px; margin-right: 21px;
	background: url(../../business_customers/images/sec3_mail.gif) no-repeat scroll left top;
}
#main-call2 div ul li#btn{
	width: 167px; height: 23px;
	display:inline;
	background: url(../../business_customers/images/btn_contact_ov.gif) no-repeat scroll left top;
}
#main-call2 div ul li#btn a{
	width: 167px; height: 23px;
	background: url(../../business_customers/images/btn_contact.gif) no-repeat scroll left top;
}
#main-call2 div ul li#btn a:hover{
	background-image: none;
}