@charset "utf-8";

/*	[contents]
-----------------------------------------------*/
div#contents_inner01 {
	background: url(../../images/examination/bg_tl_examination.jpg) center 0 no-repeat;
}



/*	[global_navi]
-----------------------------------------------*/
div#global_navi ul li a#gnavi02,
div#global_navi ul li a#gnavi02_op,
div#global_navi ul li a#gnavi02_sl,
div#global_navi ul li a#gnavi02_sl_op {
	background: url(../../images/common/gnavi_examination_on.jpg) 0 0 no-repeat;
}



/*	[side_navi]
-----------------------------------------------*/
div#side_navi.examination_index ul li#snavi_examination01 a {
	background: url(../../images/common/i_arrow01.gif) 6px 8px no-repeat #D6E3F2;
	text-decoration: none;
}

div#side_navi.examination_index ul li#snavi_examination01 ul li a {
	background: url(../../images/common/i_arrow02.gif) 33px 13px no-repeat;
}

div#side_navi.examination_index ul li#snavi_examination01 ul li a:hover {
	background: url(../../images/common/i_arrow02.gif) 33px 13px no-repeat #D6E3F2;
}

div#side_navi.examination_about_accounts ul li ul li#snavi_examination01_01 a,
div#side_navi.examination_point ul li ul li#snavi_examination01_02 a,
div#side_navi.examination_solution ul li ul li#snavi_examination01_03 a,
div#side_navi.examination_outsourcing_effect ul li ul li#snavi_examination01_04 a,
div#side_navi.examination_outsourcing_resolve ul li ul li#snavi_examination01_05 a,
div#side_navi.examination_kg ul li ul li#snavi_examination01_06 a,
div#side_navi.examination_flow ul li ul li#snavi_examination01_07 a,
div#side_navi.examination_faq ul li ul li#snavi_examination01_08 a {
	background: url(../../images/common/i_arrow02.gif) 33px 13px no-repeat #D6E3F2;
}




/*	[index]
-----------------------------------------------*/

div#main div#index ul {
	margin: 45px -13px 0 0;
	overflow: hidden;
	zoom: 1;
}

div#main div#index ul li {
	float: left;
	margin: 0 13px 13px 0;
}

* html body div#main div#index ul li {
	margin: 0 6px 13px 0;
}

*+html body div#main div#index ul li {
	margin: 0 6px 13px 0;
}





/*	[about_accounts]
-----------------------------------------------*/

/*----- list_b -----*/

div#main div#about_accounts ul.list_b {
	margin-top: 20px;
	margin-bottom: 20px;
}





/*	[solution]
-----------------------------------------------*/

/*----- midashi_c -----*/

div#main div#solution h5.midashi_c {
	padding: 12px 0 0 0;
}




/*	[flow]
-----------------------------------------------*/

div#main div#flow ol {
	margin: 20px 0 10px 0;
}

div#main div#flow ol li {
	margin: 0 0 10px 0;
	padding: 0 0 25px 0;
	background: url(../../images/examination/flow/i_arrow01.gif) center bottom no-repeat;
}

div#main div#flow ol li#flow_step6 {
	margin: 0;
	padding: 0;
	background: none;
}

div#main div#flow ol li em {
	color: #1f5fa9;
	font-weight: bold;
}


/*----- div.flow_box -----*/

div#main div#flow ol li div.flow_box {
	padding: 1px;
	background: url(../../images/common/bg_main_box01.gif) 0 0 repeat;
}


/*----- div.flow_box_inner -----*/

div#main div#flow ol li div.flow_box_inner {
	padding: 12px 0 5px 0;
	background: #f3f7fb;
}

div#main div#flow ol li div.flow_box_inner h6 {
	margin: 0 14px;
	padding: 0 0 0 78px;
	font-weight: bold;
}

div#main div#flow ol li#flow_step1 div.flow_box_inner h6 {
	background: url(../../images/examination/flow/i_ico_step1.gif) 0 0 no-repeat;
}

div#main div#flow ol li#flow_step2 div.flow_box_inner h6 {
	background: url(../../images/examination/flow/i_ico_step2.gif) 0 0 no-repeat;
}

div#main div#flow ol li#flow_step3 div.flow_box_inner h6 {
	background: url(../../images/examination/flow/i_ico_step3.gif) 0 0 no-repeat;
}

div#main div#flow ol li#flow_step4 div.flow_box_inner h6 {
	background: url(../../images/examination/flow/i_ico_step4.gif) 0 0 no-repeat;
}

div#main div#flow ol li#flow_step5 div.flow_box_inner h6 {
	background: url(../../images/examination/flow/i_ico_step5.gif) 0 0 no-repeat;
}

div#main div#flow ol li#flow_step6 div.flow_box_inner h6 {
	background: url(../../images/examination/flow/i_ico_step6.gif) 0 0 no-repeat;
}

div#main div#flow ol li div.flow_box_inner div {
	margin: 10px 14px;
	border: 1px solid #e5eaef;
}

div#main div#flow ol li div.flow_box_inner div p {
	padding: 10px;
	background: #ffffff;
}



/*	[faq]
-----------------------------------------------*/

/*----- list_a -----*/

div#main div#faq ul.list_a {
	width: 657px;
	margin: 20px 0 30px 0;
	background: url(../../images/common/i_line01.gif) 0 0 repeat-x;
}

div#main div#faq ul.list_a li {
	float: none;
	width: 657px;
	margin: 0 30px 0 0;
	padding: 7px 0;
	background: url(../../images/common/i_line01.gif) 0 bottom repeat-x;
}

div#main div#faq ul.list_a li a {
	padding: 0 0 0 12px;
	background: url(../../images/common/i_arrow02.gif) 0 6px no-repeat;
}


/*----- faq_box -----*/

div#main div#faq div.faq_box {
	padding: 0 0 21px 0;
	margin: 0 0 20px 0;
	background: url(../../images/common/i_line01.gif) 0 bottom repeat-x;
}

div#main div#faq div.faq_box h5 {
	padding: 3px 15px 3px 52px;
	margin: 0 0 20px 20px;
	background: url(../../images/examination/faq/i_ico_q.gif) 0 0 no-repeat;
	font-size: 18px;
	height: 2em;
}

div#main div#faq div.faq_box div {
	padding: 16px 15px 18px 18px;
	background: #f3f7fb;
	border: 1px solid #e0e5ea;
	background: #E4F0FC;
	border-radius: 10px;
}


div#main div#faq div.faq_box div p {
	color: #1f5fa9;
	padding: 2px 20px 0 56px;
	margin: 0;
	background: url(../../images/examination/faq/i_ico_a.gif) 0 0 no-repeat;
	font-size: 13px;
}


/*----- faq11 -----*/

div#main div#faq div#faq11 {
	padding: 0;
	margin: 0 0 30px 0;
	background: none;
}






/*--------------------------------------------------------------
 responsive  min-width:768px
--------------------------------------------------------------*/
@media(min-width:768px) {


}/* end */



/*--------------------------------------------------------------
 responsive  max-width:768px
--------------------------------------------------------------*/
@media(max-width:768px) {

	div#contents_inner01 {background:none;}


	#flow,
	#faq,
	#solution,
	#onestop {width:98%;margin:0 auto;}

	#flow img,
	#solution img {max-width:100%;height:auto;}

	div#main div#faq div.faq_box h5 {
		background-size:20px 20px;
		font-size:14px;
		line-height:1.4;
		margin:0 0 10px 5px;
		padding:0 0 0 25px;
		height:auto;
	}
	div#main div#faq div.faq_box div {
		padding:10px 5px;
	}
	div#main div#faq div.faq_box div p {
		background-size:20px 20px;
		padding:0 0 0 25px;
		margin: 0;
		font-size: 12px;
		line-height:1.4;
	}

	div.conBox {width:98%;margin:0 auto;}

	div#main div.sp_cont_box { width:96%; margin:0 auto 10px; }
	div#main div.sp_cont_box img { max-width:100%; height:auto; }

	div#main div#index div.sp_cont_box ul { max-width:96%; margin:auto; }
	div#main div#index div.sp_cont_box ul li { float:none; text-align:center; }
	div#main div#index div.sp_cont_box img { max-width:100%; height:auto; margin:auto; }


}/* end */










