@charset  "Shift_JIS";


/* ========================================================== */
/*  ソリューション領域                                    */
/* ---------------------------------------------------------- */

	
/*　工事中　
----------------------------------------------- */
	
body.construction {
	text-align: left;
	margin: 0;
	padding: 0;
	font-size:12px;
    background-color:#FFFFFF;
	}

h2.cs{
	margin-bottom: 5px;
	}



h3.outline-green
	{
	margin:0px 0px 5px 0px;
    font-weight:bold;
    color:#266023;
    font-size:15px;
    border-bottom:1px solid #CACACA;
    padding:0px 0px 4px 12px;
    background-image: url(../case_study/images/h3_mark_green.gif);
    background-repeat: no-repeat; 
    background-position: bottom left;
	}

h3.green
	{
	margin:0px 0px 10px 0px;
    font-weight:bold;
    color:#266023;
    font-size:15px;
    border-bottom:1px solid #CACACA;
    padding:0px 0px 4px 12px;
    background-image: url(../case_study/images/h3_mark_green.gif);
    background-repeat: no-repeat; 
    background-position: bottom left;
	}

h3.blue
	{
	margin:0px 0px 10px 0px;
    font-weight:bold;
    color:#183C76;
    font-size:15px;
    border-bottom:1px solid #CACACA;
    padding:0px 0px 4px 12px;
    background-image: url(../case_study/images/h3_mark_blue.gif);
    background-repeat: no-repeat; 
    background-position: bottom left;
   clear:both;
	}



h3.soft-green
	{
	margin:0px 0px 10px 0px;
    font-weight:bold;
    color:#ffffff;
    font-size:15px;
    padding:4px 0px 2px 12px;
    background-image: url(../case_study/images/h3_bg.gif);
	}    


h4.green
	{
	margin:0px 0px 10px 0px;
    font-weight:bold;
    color:#266023;
    font-size:13px;
    border-bottom:1px solid #CACACA;
    padding:0px 0px 2px 12px;
    background-image: url(../case_study/images/h4_mark_green.gif);
    background-repeat: no-repeat; 
    background-position: bottom left;
	}	

h4.comment
	{
	margin:6px 0px 10px 0px;
    font-weight:bold;
    color:#333333;
    font-size:14px;
    padding:2px 0px 2px 12px;
    background-image: url(../case_study/images/h4_comment.gif);
    background-repeat: no-repeat; 
    background-position: bottom left;
	}	

h5.green
	{
	margin:0px 0px 5px 0px;
    font-weight:bold;
    color:#266023;
    font-size:12px;
    padding:0px 0px 0px 12px;
    background-image: url(../case_study/images/h5_mark_green.gif);
    background-repeat: no-repeat; 
    background-position: top left;
	}	

h5.green-s
	{
	margin:0px 0px 5px 5px;
    font-weight:bold;
    color:#266023;
    font-size:12px;
    background-repeat: no-repeat; 
    background-position: top left;

	}	



h6.green
	{
	margin:0px 0px 5px 0px;
    font-weight:bold;
    color:#266023;
    font-size:12px;
    padding:0px;
	}	
	
/* ========================================================== */
/*  ローカルメニュー　 （左メニュー サブリスト）　                       */
/* ---------------------------------------------------------- */

#submenu{
    margin-bottom:5px;
 }

#submenu li{  
    display: block;
	padding: 3px 0px 3px 20px;
	background: url(../case_study/images/icon_green.gif) no-repeat 4px 6px;
    width:125px;
	}
	
#submenu li.on{  
    display: block;
	padding: 3px 0px 3px 20px;
	background: url(../case_study/images/icon_green.gif) no-repeat 4px 6px;
    width:125px;
	font-weight:bold;
    color:#1f8508;
	
	}



	
/*　アウトソーシング　
----------------------------------------------- */

#casestudy-box
	{margin:0px 0px 20px 14px;}


#casestudy-box ol{
    margin:7px 0px 7px 23px;
	list-style-type:decimal;
	}
	
#casestudy-box ul{
    margin:7px 0px 7px 20px;
	list-style-type:circle;
	}
	
#casestudy-box li{
    margin:0px 0px 3px 0px;
	padding:0px;
	line-height:130%;
	}
	
#casestudy-box caption
	{
	text-align:left;
	font-weight:bold;
	padding-bottom:3px;
	}

.main
	{
	margin:0px 0px 15px 0px;
	}


.main th
	{
	padding:0px 0px 10px 0px ;
	line-height:130%;
	vertical-align:top;
	}
	
.main td
	{
	padding:0px 10px 0px 10px ;
	line-height:130%;
	vertical-align:top;
	}

.main td p
	{
	margin:0px 0px 10px 0px;
    padding:0px;
	}


.main td ul
	{
	padding:5px 0px 10px  20px; 
    margin:0px 0px 0px 20px;
	}

.main td ol
	{
	padding:5px 0px 10px 10px; 
    margin:0px 0px 0px 10px;
	}

.main td dl{
	padding:0px; 
    margin:0px;

}

.main td dt{
    font-weight:bold;
    margin-bottom:3px;
}

.main td dd{
    margin-bottom:8px;
}


.main02
	{
	margin:0px 0px 0px 0px;
	}

.main02 th
	{
	padding:0px 0px 10px 0px ;
	line-height:130%;
	vertical-align:top;
	}
	
.main02 td
	{
	padding:0px 10px 10px 10px ;
	line-height:130%;
	vertical-align:top;
	}

.main02 td p{
	margin:0px 0px 10px 0px;
    padding:0px;
}


.main02 td ol
	{
	margin:0px 0px 0px 20px;
    padding:0px;
	}

.main02 td li 
	{
	margin:0px;
    padding-bottom:5px;
	}



/*
#main th
	{
	background-image:url(../images/bg_border.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	padding:10px 0px 10px 0px ;
	line-height:130%;
	vertical-align:top;
	}
	
#main td
	{
	background-image:url(../images/bg_border.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	padding:10px 10px 10px 10px ;
	line-height:130%;
	vertical-align:top;
	}
*/

/*　クライアントデータ　
----------------------------------------------- */
.outline-frame
	{
    border:1px solid #B6B6B6;
    width:640px;
    padding:10px 10px 0px 10px;
    margin-bottom:25px;
    clear:both;
}

.outline
	{
	margin:0px 0px 15px 0px;
	}

.outline th
	{
	background-image:url(../images/bg_border.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	padding:3px 0px 0px 5px ;
	line-height:130%;
	vertical-align:top;
	}
	
.outline td
	{
	background-image:url(../images/bg_border.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	padding:3px 0px 0px 5px ;
	line-height:130%;
	vertical-align:top;
	}
	
/*--------------------------------

プロジェクトの背景（概要）
--------------------------------*/
#pj-frame
	{
    border:1px solid #1F8508;
    width:633px;
    padding:10px 10px 0px 10px;
    margin-bottom:25px;
	background:#e8f8e8;
}


#pj
	{
	margin:0px;
	}

#pj th
	{
	padding:0px 0px 10px 0px ;
	line-height:130%;
	vertical-align:top;
	background:#e8f8e8;

	}
	
#pj td
	{
	padding:0px 10px 10px 10px ;
	line-height:130%;
	vertical-align:top;
	background:#e8f8e8;
	}

#pj td ul
	{
	padding:5px 0px 10px  0px; 
    margin:0px 0px 0px 15px;
	}

#pj td ol
	{
	padding:10px 0px 10px  10px; 
    margin:0px 0px 0px 15px;
	}

	
/*　プロセス　
----------------------------------------------- */
div.finding{
    background-color:#848484;
    color:#FFFFFF;
    font-weight:bold;
    padding:2px 8px;
    margin:0px 0px 0px 0px;
   clear:both;
}

.process-frame{
     padding:0px;
}

.arrow{
     float:left;
     padding:0px 0px 0px 80px;
}

.process{
      float:right;
      width:441px;
      margin-right:10px;
	  margin-bottom:10px;
      padding:5px 0px;
      background: url(../case_study/images/box-bottom.gif) no-repeat left bottom;
}

.process p{
	  margin:0px;
      padding:0px;
}


.process img{
      margin:0px;
      padding:0px;
}

.process-text{
      background: url(../case_study/images/box-body.gif) repeat-y;
      padding:8px;
}



/*関連サービス オレンジ
----------------------------------------------- */


#relation-box{
    width:100%;
    margin:0px;
    padding:0px;
} 

#relation-box img{
    border:none;
    margin-bottom:5px;
} 

#relation-box td{
    padding:7px 0 7px 10px;
	background-image:url(../images/bg_border.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	line-height:120%;
} 




.relation-box-left
{
width:326px;
float:left;
}

.relation-box-right
{
width:325px;
float:left;
margin-left:10px;
}


.relation-box-left h4
	{
     height:21px;
	margin:0px 0px 5px 0px;
    font-weight:bold;
    color:#484848;
    font-size:15px;
    border-bottom:2px solid #EB6E02;
    padding:9px 0px 0px 23px;
    background-image: url(../case_study/images/relation_h4_orange.gif);
    background-repeat: no-repeat; 
    background-position: bottom left;
	}	
	
	
	
	
	
.relation-box-right h4
	{
     height:21px;
	margin:0px 0px 5px 0px;
    font-weight:bold;
    color:#484848;
    font-size:15px;
    border-bottom:2px solid #1F8508;
    padding:9px 0px 0px 23px;
    background-image: url(../case_study/images/relation_h4.gif);
    background-repeat: no-repeat; 
    background-position: bottom left;
	}	
	
	

div.relation-box-right strong
{
color:#1F8508;}
	






/*コンサルタントコメント
----------------------------------------------- */
.consultant{
   border: 1px solid #8D9693;
   height:100%;
   margin:15px 0px 0px 0px;
}

.consultant-comment{
   float:left;
   width:485px;
}

.consultant-comment p{
   margin:0px 0px 10px 10px;
}

.photo{
   float:right;
   margin:5px;
}



/*　プロセス　チェックマークのリスト
----------------------------------------------- */

#list-check
	{
	margin:0px 0px 15px 0px;
	}

#list-check ul
	{
	margin:0 0 0 10px;
	
	}
	
	
#list-check li
	{
	margin:0 0 5px 10px;
	padding-left:10px;
	line-height:130%;
	list-style-image:url(../case_study/images/icon_check.gif);
	}
	
	
	
/*　各コンテンツのインデックス目次ページ
----------------------------------------------- */

div.casestudy-index
	{
	background-image:url(../case_study/images/index_background.jpg);
	background-repeat:no-repeat;
	clear:both;
	width:659px;
	height:187px;
	margin-bottom:10px;
	}
	
div.index-left
	{
	padding:0px 0px 0px 0px;
	float:left;
	width:261px;
	}	

div.problem
	{
	color:#266023;
	margin-bottom:10px;
	font-weight:bold;
}


div.achievement{
  	color:#266023;
    margin-bottom:10px;
	font-weight:bold;
}


	
div.index-right
	{
	margin:11px 0px 0px 29px;
	float:left;
	width:358px;
	padding:0px;
}	
	

div.index-right table
	{
	width:327px;
    height:165px;
	margin:0px;
	padding:0px;

}	


div.index-right th
	{
	margin:0px;
	padding:0px;
	vertical-align:top;
}	

div.index-right th h4
	{
	margin:0px 0px 0px 0px;
}	

div.index-right td
	{
	margin:0px;
	padding:0px;
	vertical-align:top;
}	


div.index-right td p
	{
	padding:0px 30px 0px 29px;
	margin:0px;

}	

div.details
	{
     margin:0px 10px 5px 0px;
}	

.linktopage
	{
	text-align:right;
}	
	

	
/*　詳細ページ追加CSS　８月７日
----------------------------------------------- */
	
#top-box
{
width:662px;
margin:0px;
}

#top-box-left
{
width:460px;
float:left;
line-height:130%;
margin-bottom:10px;
}

#top-box-right
{
margin-bottom:10px;
float:right;
}

div.right-menu
{
border:1px solid #c7c7c7;
float:left;
padding:3px;
}

div.right-menu-rec
{
border:1px solid #c7c7c7;
float:left;
padding:3px;
}


/*　左
----------------------------------------------- */

div.projectbg
	{
	background:#E7F8E8;
	border:1px solid #1F8508;
	padding:0px;
	margin:10px 0 0 0;}

div.projectbg h3
	{
	padding:0 0 15px 0;
	}
	
div.projectbg p
	{
	padding:0 15px 0px 15px;
	margin:0 0 10px 0;
	}


#top-box-left ol
	{
	padding:0px 0px 0px 15px; 
    margin:0px 0px 10px 20px;
	}

/*　右
----------------------------------------------- */


#top-box-right

div.right-menu h2{
    margin:0 0 0px 0;
} 


div.right-menu ul{
    margin:10px 0 0 0;
    padding:0px;
    list-style-type: none; 
} 

div.right-menu li{
	width:156px;
    margin:0 0 4px 0;
    padding:3px 0px 4px 24px;
    background-image: url(../case_study/images/rightmenu_listmark.gif);
	background-repeat:no-repeat;
	font-size:12px;
	line-height:120%;
}

div.right-menu-rec h2{
    margin:0 0 0px 0;
} 


div.right-menu-rec ul{
    margin:10px 0 0 0;
    padding:0px;
    list-style-type: none; 
} 

div.right-menu-rec li{
	width:156px;
    margin:0 0 4px 0;
    padding:3px 0px 4px 24px;
    background-image: url(../case_study/images/rightmenu_listmark.gif);
	background-repeat:no-repeat;
	font-size:12px;
	line-height:120%;
}

div.right-menu strong
{
color:#1F8508;}




/*　具体的なプロセス
----------------------------------------------- */

div.imageprocess{margin:0;
	padding:0;}

div.imageprocess img{
	border-left:1px solid #c7c7c7;
	border-top:1px solid #c7c7c7;
	border-right:1px solid #c7c7c7;
}


#process
	{
	border:1px solid #c7c7c7;
	background-color:#F0F1F5;
	padding:15px;
	margin-bottom:25px;
	}


#process h4
	{
    font-weight:bold;
    color:#183C76;
    font-size:12px;
    padding:0px 0px 4px 0px;
	margin:0 0 4px 0;
    background-image: url(../case_study/images/bg_bottom.gif);
    background-repeat: x-repeat; 
    background-position: bottom;
	}

#process p
	{
    padding:0px 10px 0px 12px;
	}
	
	
#process ul
	{
	padding:0px 0px 10px  15px; 
    margin:0px 0px 10px 15px;
	list-style-type:circle;
	}

#process ol
	{
	padding:0px 0px 10px  15px; 
    margin:0px 0px 10px 15px;
	list-style:decimal;
	}
	
#process li
	{
	line-height:120%;
	margin-bottom:3px;
	
	}