/* t-echo.com CSS */
/* produced by i-ce.cc */

/* 基本設定 */
/*////////////////////////////////////////////////////////////*/

h1,h2,h3,h4,h5,h6,li,dl,form {
	margin : 0px ;
	padding : 0px ;
}

img {
	border : none ;
}

form,input {
	display    : inline;
}

.clear {
	clear : both ;
}

div.clear img {
	width : 0px ;
	height  : 0px ;
}


.exposition {
	padding : 0px 0px 10px 10px ;
}

ul {
 margin : 0px 0px 0px 10px ;
 padding : 0px 0px 0px 10px ;
}


/* レイアウト */
/*///////////////////////////////////////////////////////////*/

html {
	background-color : #f3ede4 ;
	background-image  : url("/images/common/base.gif") ;
    background-repeat : repeat-y ;
	background-position: 50% 0%;
}


body {
	color : #444444 ;
	padding : 0px ;
	margin : 0px ;
	text-align : center ;
}

#main {
	width : 790px ;
	margin : 0px auto ;
	text-align : left ;
	font-size : 12px ;
	line-height : 190% ;
	font-weight : normal ;
}

#footer {
	width : 790px;
	border-top : 1px solid #ccc;
	margin : 0px auto ;
	padding : 5px 0px ; 
	text-align : right ;
	font-size : 11px ;
	line-height : 190% ;
	font-weight : normal ;
}



/* グロナビ固有 */
/*///////////////////////////////////////////////////////////*/


div#header {
	width : 790px ;
	margin : 0px auto ;
	text-align : left ;
}

div#header ul {
	width:790px;
	height:39px;
	margin : 0px ;
	padding : 0px ;
	list-style-type : none ;
}

div#header li {
	margin : 0px ;
	padding : 0px ;
	float : left ;
}


/* インデックスレイアウト */
/*///////////////////////////////////////////////////////////*/

.layout-box {
	width : 790px ;
	float : right ;
	margin : 8px 0px 0px 0px ;
}


.layout2-left {
	width : 584px ;
	float : left ;
	margin : 0px  ;
	padding : 0px ;
}

.layout2-right {
	width : 194px ;
	float : right ;
	margin : 0px 0px 0px 12px ;
	padding : 0px ;
	text-align : center ;
}


.layout4-left {
	width : 288px ;
	float : left ;
	margin : 0px  ;
	padding : 0px ;
}

.layout4-right {
	width : 288px ;
	float : right ;
	margin : 0px 0px 0px 8px ;
	padding : 0px ;
}

.long-title{
	width : 584px ;
	height : 27px ;
	background : url("/images/title_long.gif") no-repeat ;
	color : #fff ; 
	font-size : 16px ;
	font-weight : bold ;
	margin : 0px ;
	padding : 0px 0px 0px 35px ;
}

.long-title span {
	font-size : 12px ;
}

.short-title {
	width : 288px ;
	height : 27px ;
	background : url("/images/title_short.gif") no-repeat ;
	color : #fff ; 
	font-size : 16px ;
	font-weight : bold ;
	margin : 0px ;
	padding : 0px 0px 0px 35px ;
}

.index-map {
	width : 582px ;
	margin : 0px 0px 10px 0px ;
	border-left : 1px solid #ccc ;
	border-bottom : 1px solid #ccc ;
	border-right : 1px solid #ccc ;
}

.index_summary {
 padding : 8px 5px 5px 5px ;
}

.bpo_summary {
 padding : 20px 5px 5px 8px ;
 font-size : 12px ;
}

.service_summary {
 padding : 0px 5px 5px 5px ;
 line-height : 150% ;
}

.bpo_1 {
	background : url("/images/bpo_service_01.gif") no-repeat ;
}

.bpo_2 {
	background : url("/images/bpo_service_02.gif") no-repeat ;
}

.bpo_3 {
	background : url("/images/bpo_service_03.gif") no-repeat ;
}

.bpo_4 {
	background : url("/images/bpo_service_04.gif") no-repeat ;
}

.bpo_5 {
	background : url("/images/bpo_service_05.gif") no-repeat ;
}

.bpo_6 {
	background : url("/images/bpo_service_06.gif") no-repeat ;
}

.index-bpo {
	width : 583px ;
	margin : 0px 0px 10px 0px ;
	border-left : 1px solid #ccc ;
}

.index-bpo td {
	width : 192px ;
	padding : 0px 10px ;
	border-bottom : 1px solid #ccc ;
	border-right : 1px solid #ccc ;	
}

.index-bpo td h2 {
	color : #666 ; 
	font-size : 14px ;
	font-weight : bold ;
	margin : 0px ;
	padding : 12px 0px 0px 10px ;
}

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

.layout2-right img {
	margin : 0px 0px 10px 0px ;
}




/* 第2階層以降レイアウト */
/*///////////////////////////////////////////////////////////*/

.layout-box-contents {
	width : 790px;
	float : right ;
	margin : 10px 0px 0px 0px ;
	background : url("/images/common/b_contents.gif") repeat-y ;
	background-color : #fff ;
}

.layout2-navi {
	width : 200px ;
	float : left ;
	margin : 0px 20px 0px 0px ;
	padding : 0px ;
	background-color : #F3EDE4 ;
}

.layout2-contents {
	width : 570px ;
	float : right ;
	margin :  0px ;
	padding : 0px ;
}

.main_title {
	font-size : 15px ;
	margin : 0px 0px 10px 0px ;
	padding : 0px 5px ;
	border-left   : 5px solid #de761b ;
	border-top    : 1px solid #ccc ;
	border-right  : 1px solid #ccc ;
	border-bottom : 1px solid #ccc ;
}

.main_title_sub {
	font-size : 13px ;
	margin : 20px 0px 10px 0px ;
	padding : 0px 5px ;
	border-left   : 5px solid #de761b ;
}

.main_title_sub_sub {
	font-size : 12px ;
	margin : 20px 0px 10px 2px ;
	padding : 0px 5px ;
	border-left   : 3px solid #ccc ;
}

.merit {
	border : 1px solid #ccc ;
	background : #ffffd4 ;
	padding : 3px ;
	margin : 3px 0px ;
}

.merit li{
	font-size : 12px ;
	font-weight : bold ;
	padding : 0px 0px 0px 17px  ;
	list-style-type : none ;
	background : url("/images/common/point.gif") no-repeat left center ;
}




/* サイドナビ特有 */
/*///////////////////////////////////////////////////////////*/

div.layout2-navi ul {
	width:200px;
	margin : 0px 0px 10px 0px ;
	padding : 0px ;
	list-style-type : none ;
}



div.layout2-navi ul li {
	list-style-type : none ;
	display : block ;
	border-bottom : 1px solid #fff ;
	background : url("/images/common/navi_3.gif") no-repeat ;
	height : 31px ;
	padding: 0px ;
	margin : -3px 0px 0px 0px ;
	color : #de761b ;
	font-weight : bold ;
	text-decoration : none ;
	line-height : 250% ;
}

div.layout2-navi ul li a:link {
	list-style-type : none ;
	display : block ;
	font-weight : normal ;
	background : url("/images/common/navi_1.gif") no-repeat ;
	height : 31px ;
	padding: 0px 0px 0px 30px ;
	color : #444 ;
	text-decoration : none ;
	line-height : 250% ;
}

div.layout2-navi ul li a:visited {
	list-style-type : none ;
	display : block ;
	font-weight : normal ;
	background : url("/images/common/navi_1.gif") no-repeat ;
	height : 31px ;
	padding: 0px 0px 0px 30px ;
	color : #444 ;
	text-decoration : none ;
	line-height : 250% ;
}

div.layout2-navi ul li a:hover {
	list-style-type : none ;
	display : block ;
	background : url("/images/common/navi_2.gif") no-repeat ;
	height : 31px ;
	padding: 0px 0px 0px 30px ;
	color : #fff ;
	text-decoration : none ;
	line-height : 250% ;
}


div.layout2-navi ol {
	width:200px;
	margin : -10px 0px 0px 0px ;
	padding : 0px ;
	list-style-type : none ;
}

div.layout2-navi ol li {
	list-style-type : none ;
	display : block ;
	border-bottom : 1px solid #fff ;
	background : url("/images/common/navi_3_ol.gif") no-repeat ;
	height : 23px ;
	padding: 0px ;
	margin : -3px 0px 0px 0px ;
	color : #de761b ;
	font-weight : bold ;
	text-decoration : none ;
	line-height : 200% ;
}

div.layout2-navi ol li a:link {
	list-style-type : none ;
	display : block ;
	font-weight : normal ;
	background : url("/images/common/navi_1_ol.gif") no-repeat ;
	height : 23px ;
	padding: 0px 0px 0px 45px ;
	color : #444 ;
	text-decoration : none ;
	line-height : 200% ;
}

div.layout2-navi ol li a:visited {
	list-style-type : none ;
	display : block ;
	font-weight : normal ;
	background : url("/images/common/navi_1_ol.gif") no-repeat ;
	height : 23px ;
	padding: 0px 0px 0px 45px ;
	color : #444 ;
	text-decoration : none ;
	line-height : 200% ;
}

div.layout2-navi ol li a:hover {
	list-style-type : none ;
	display : block ;
	background : url("/images/common/navi_2_ol.gif") no-repeat ;
	height : 23px ;
	padding: 0px 0px 0px 45px ;
	color : #fff ;
	text-decoration : none ;
	line-height : 200% ;
}


/* BPO事業特有 */
/*///////////////////////////////////////////////////////////*/

.zoomin {
	text-align : left ;
	margin : 5px 20px ;
}




.exposition td {
	padding : 3px ;
	font-size : 12px ;
	background : #fff ;
	line-height : 170% ;
	vertical-align : top ;
}






/* メールフォームレイアウト */
/*///////////////////////////////////////////////////////////*/

.layout-box-outline {
	width : 550px;
	float : right ;
	margin : 0px 0px 0px 20px  ;
	padding : 0px ;
	border-top : 1px solid #ccc ;
}

.layout-box-outline2 {
	width : 550px;
	float : right ;
	margin : 0px 0px 0px 20px  ;
	padding : 0px ;
	border-top : 1px solid #ccc ;
	border-bottom : 1px solid #ccc ;
}

.layout4-outtitle {
	width : 120px ;
	float : left ;
	margin : 0px ;
	padding : 5px ;	
}

.layout4-outsummary {
	width : 390px ;
	float : right ;
	margin : 0px ;
	padding : 10px ;
	border-left : 1px dotted #ededed ;
}









/* CADレイアウト */
/*///////////////////////////////////////////////////////////*/

.layout-box-cad {
	width : 550px;
	float : right ;
	margin : 0px 0px 0px 20px  ;
	padding : 0px ;
}


.layout4-cad-left {
	width : 250px ;
	float : left ;
	margin : 0px ;
	padding : 10px ;
	text-align : center ;	
}

.layout4-cad-right {
	width : 250px ;
	float : right ;
	margin : 0px ;
	padding : 10px ;
	text-align : center ;
}


/* 人材派遣特有 */
/*///////////////////////////////////////////////////////////*/

.staffing-echo{
	padding : 0px 0px 10px 130px  ;
	background : url("/staffing/images/flow_staffing_echo.gif") no-repeat left top ;
	border-bottom : 1px dotted #ccc ;
}

.staffing-com{
	padding : 0px 0px 10px 130px  ;
	background : url("/staffing/images/flow_staffing_com.gif") no-repeat left top ;
	border-bottom : 1px dotted #ccc ;
}


.staffing-okuri{
	padding : 0px 0px 10px 130px  ;
	background : url("/staffing/images/flow_staffing_okuri.gif") no-repeat left top ;
	border-bottom : 1px dotted #ccc ;
}

.staffing-kumi{
	padding : 0px 0px 10px 130px  ;
	background : url("/staffing/images/flow_staffing_kumi.gif") no-repeat left top ;
	border-bottom : 1px dotted #ccc ;
}

.q{
	font-size : 12px ;
	font-weight : bold ;
	padding : 0px 0px 2px 25px  ;
	margin : 0px 0px 2px 0px ;
	border-bottom : 1px dotted #ccc ;
	background : url("/staffing/images/faq_q.gif") no-repeat left center ;
}

.a{
	font-size : 12px ;
	font-weight : normal ;
	padding : 0px 0px 0px 25px  ;
	margin : 0px 0px 25px 0px ;
	background : url("/staffing/images/faq_a.gif") no-repeat left 5px ;
}



.pankuzu {
	font-size : 10px ;
	padding : 0px 0px 1px 0px ;
	margin : 0px ;
}

.pagetop {
	font-size : 10px ;
	padding : 5px 0px ;
	text-align : right ;
}





dt {
	margin : 10px 0px 0px 0px ;
}

iframe{
	margin : 0px;
}

hr{
	margin : 10px 0px 0px 0px ;
}


h3 {
	font-size : 12px ;
	margin : 10px 0px 5px 0px ;
	padding : 0px 5px ;
	border-left   : 5px solid #ccc ;
}

.size-S {
	font-size: 10px ;
	line-height : 180% ;
	font-weight : normal ;
	text-align : left ;
}

.center {
	text-align : center ; 
	margin : 5px 0px ;
}

table tr .value {
	background : #ffffd4 ;
}

.photo {
	width : 540px ;
}

.policy_image {
margin : 5px 5px 80px 0px ; 
}

table.border {
	border : 1px solid #ccc ;
	padding : 1px ;
	width :550px ;
}