/* CSS Document */

/*　---------------------共通設定----------------------　*/


/*　---------------------事例集基本----------------------　*/

#main {
	margin : 0px 0px 0px 0px ;
	/*　width : 910px ;　*/}



#main #example {
	margin : 28px 0px 0px 30px ;
	width : 715px ;
/*　float : right　*/}

#main #example h1,#main #example h2,#main #example h3 {
	margin : 0px 0px 18px 0px ;
	padding : 0  ;
	border : 0 ;
	background : none ; }


/*　h1共通　*/
#main #example h1 {
	padding:0px 0px 0px 25px ;
	height:38px ;
	background : url(../img_common/h1_bg.gif) no-repeat left ;
	font-size : 130% ;
	line-height : 1.8em ;
	color : #009 ;}

#main #example h2 {
	margin : 26px 0px 18px 0px ;}

#main p img.copy {
	margin : 0px 0px 32px 0px ;}


/*　#main #example p {
	margin : 0px 15px 0px 0px ;
	padding : 0px ; 
	width : 700px ;
	font-size : 100% ;
	line-height : 1.8em ;
	color : #333 ;
	height : auto ;  }

#main #example p span{
	color : #f30 ;
	font-weight : 600 }

#main #example p.img {
	width : 680px ;
	margin : 35px 0 50px 0px ;
	text-align : center }　*/


/*　---------------------事例集　詳細----------------------　*/

#main #example div.exam-box {
	clear:both ;
	font-size:90% ;
	line-height:150% ;
	text-align : center ;}

#main #example div.exam-box h2 {
	margin:0px 0px 20px 0px ;
	padding:0px 0px 3px 0px ;
	width:700px ;
	border-bottom:2px dotted #4F67C8 ;
	text-align:left }

/*　写真　*/
#main #example div.exam-box .photo {
	width:150px ;
	margin:0px 0px 0px 0px ;
	float:left ;}

#main #example div.exam-box .photo img {
	border:1px solid #999 ;}

#main #example div.exam-box .photo span {
	color:#333 ;
	background:url(../example/img_example/dot_2px.gif) repeat-x top #DAEBFE ;
	margin:18px 0px 0px 0px ;
	padding:3px 0px ;
	display:block }

/*　右側　事例テキスト　*/
#main #example div.exam-box .exam-txt {
	width:520px ;
	margin:0px 15px 0px 0px ;
	float:right ;}


/*　導入前：課題　*/
#main #example div.exam-box .exam-txt .before {
	margin:0px 0px 10px 0px ;}

#main #example div.exam-box .exam-txt .before p{
	border:1px solid #999 ;
	padding:10px ;
	color:#555 ;
	border-top:none ;
	text-align:left }

/*　導入後：ＳＢで変わった　*/
#main #example div.exam-box .exam-txt .after {
	margin:5px 0px 10px 0px ;}

#main #example div.exam-box .exam-txt .after p{
	margin:0px 0px 40px 0px ;
	border:2px solid #F5C2C5 ;
	border-top:none ;
	padding:10px ;
	text-align:left}

/*　課題・ＳＢで変わった　h3設定　*/
#main #example div.exam-box .exam-txt .before h3,
#main #example div.exam-box .exam-txt .after h3 {
	padding:0px ;
	line-height:1.5em ;
	text-align:center ;
	margin:0px 0px 0px 0px ;
	font-size:100% ; }

#main #example div.exam-box .exam-txt .before h3 {
	color:#00125C ;
	background:url(../example/img_example/dot_2px.gif) repeat-x bottom #e6e6e6 ;}

#main #example div.exam-box .exam-txt .after h3 {
	color:#fff ; 
	background:url(../example/img_example/dot_2px.gif) repeat-x bottom #E24049 ;}