@charset "utf-8";

/* 導入事例ページのCSS */

@import url("../common/layout.css");
@import url("../common/default.css");
@import url("../header/header.css");
@import url("../sub_menu/sub_menu.css");
@import url("../footer/footer.css");


/* 導入事例TOPのスタイル----------------------------------------------- */

#top_contents_title{
	padding:0 20px ;
	margin:0;
}
.top_summary{
	margin:0;
	padding:20px 40px 10px 40px ;
	line-height:1.5em;
}
.top_summary img{
	float:right;
	padding:0 0 10px 10px;
}
#case_box{
	width:760px;
	padding:0 0 20px 0 ;
	margin:20px 20px 0 20px ;
}
#case_box h3{
	padding-left:20px ;
}
#case_box h4{
	padding:0 0 0 20px ;
	margin:0 ;
	width:740px;
	overflow:hidden;
}
.case_l{
	width:340px;
	padding:0 0 0 20px ;
	float:left;
}
.case_r{
	width:340px;
	padding:0 20px 0 0 ;
	float:right;
}

/* 各事例テキスト */

.summary{
	margin:0;
	padding:0 0 10px 0 ;
	line-height:1.5em;
}
.summary img{
	float:right;
	padding:0 0 10px 10px;
}
/* 各事例詳細へのテキストリンク */
.case_list{
}
.case_list dt{
	background:url(img/case_category.gif) no-repeat top left;
	padding:8px 15px 10px 18px ;
	margin:20px 0 0 0 ;
	font-weight:bold;
	font-size:12px;
}
.case_list dd{
/*	background: url(img/case_list_bottom.gif) bottom left no-repeat;  */
	margin:0 0 20px 0 ;
	padding:10px 0 10px 0 ;
	border:#ccc solid 1px;
}
.case_list dd ul{
	list-style:none;
	margin:0;
	padding:0 1px;
	width:336px;
}
.case_list dd ul li{
	padding:0 0 0 0 ;
	margin:0 0 0 0 ;
	line-height:1.2em;
	padding:5px 0 5px 5px;
}
.case_list_wt{
	background:#fff;
	padding:5px 0;
}
.case_list_gr{
	background:#f7f7f7;
	padding:5px 0;
}
.case_list_wt a{
	background:url(img/icon_orange.gif) no-repeat left top ;
	display:block;
	padding:0 0 0 15px ;
	margin:0 0 0 15px;
}
.case_list_gr a{
	background:#f7f7f7 url(img/icon_orange.gif) no-repeat left top ;
	display:block;
	padding:0 0 0 15px;
	margin:0 0 0 15px;
}
.case_list02{
	list-style:none;
	margin:0;
	padding:0 1px;
	width:336px;
	margin:10px 0 20px 0 ;
	padding:10px 0 10px 0 ;
	border:#ccc solid 1px;
}

/* 各事例ページスタイル -------------------------------------------------------- */

/* 各事例ページ　会社名 */
#company_name{
	font-size:small;
	color:#015ef8;
	padding:40px 0 5px 0 ;
	margin:0;
}
/* 要件リストBOX */
#matter_box{
	border:#e5e5e5 solid 3px;
	margin:0 0 40px 0;
	padding:0;
	width:504px;
}
#matter_box table{
	margin:20px;
	padding:0;
	width:464px;
}
#matter_box td{
	padding:5px 5px 5px 16px;
	border-bottom:#e5e5e5 solid 1px;
}
#matter_box th{
	text-align:left;
	background:url(../service_education/education/program/img/list_icon.gif) no-repeat top left;
	vertical-align:top;
	font-weight:normal;
	padding:5px 5px 5px 16px;
	margin:0;
	border-bottom:#e5e5e5 solid 1px;
	width:40px;
}
#matter_box td ul{
	padding:0;
	margin:0;
	list-style:none;
}
#matter_box td ul li{
	padding:0 0 0.3em 0 ;
	margin:0;
}
/* 研修事例　内容 */
.days{
	margin:0;
	padding:0;
	list-style:none;
}
.days li{
	margin:0;
	padding-top:0.5em;
	padding-bottom:0.5em;
	border-bottom:#e5e5e5 solid 1px;
	line-height:1.3em;
}
.days li span{
	color:#015ef8;
}
.line2{
	padding-left:3em;
	text-indent:-3em;
}
.dite_title{
	padding:0;
	margin:10px 0 5px 0 ;
	font-size:small;
	color:#333;
}
.dite_title strong{
	border-left:#b0d0ff solid 10px;
	padding-left:5px;
}

#content_list{
	width:250px;
	margin:0;
	padding:0 0 10px 15px;
}
#content_list li{
	line-height:1.8em;
	padding:0 0 0 5px;
	margin:0;	
}