@charset "utf-8";

/*	[contents]
-----------------------------------------------*/
div#contents_inner01 {
	background: url(../../images/case/bg_tl_case.jpg) center 0 no-repeat;
}


/*----- list_box -----*/

div#main div.list_box {
	padding: 1px;
	background: url(../../images/common/bg_main_box01.gif) 0 0 repeat;
}

div#main div.list_box ul {
	padding: 12px 0 8px 0;
	background: #ffffff;
}

div#main div.list_box ul li {
	margin: 0 0 5px 15px;
	padding: 0 15px;
	background: url(../../images/common/i_ico_list01.gif) 0 5px no-repeat;
}




/*	[global_navi]
-----------------------------------------------*/
div#global_navi ul li a#gnavi01,
div#global_navi ul li a#gnavi01_op,
div#global_navi ul li a#gnavi01_sl,
div#global_navi ul li a#gnavi01_sl_op {
	background: url(../../images/common/gnavi_service_on.jpg) 0 0 no-repeat;
}



/*	[side_navi]
-----------------------------------------------*/
div#side_navi.case_detail1 ul li#snavi_case01 a,
div#side_navi.case_detail2 ul li#snavi_case02 a,
div#side_navi.case_detail3 ul li#snavi_case03 a,
div#side_navi.case_detail4 ul li#snavi_case04 a {
	background: url(../../images/common/i_arrow01.gif) 6px 8px no-repeat #D6E3F2;
	text-decoration: none;
}


/*	[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;
}



/*--------------------------------------------------------------
 responsive  min-width:768px
--------------------------------------------------------------*/
@media(min-width:768px) {


}/* end */



/*--------------------------------------------------------------
 responsive  max-width:768px
--------------------------------------------------------------*/
@media(max-width:768px) {

	div#contents_inner01 {background:none;}

	div#detail1,
	div#detail2,
	div#detail3,
	div#detail4 {width:98%;margin:0 auto;}

	div.img_boxC img {max-width:100%;height:auto;}


}/* end */
