/* ------------------------------------------------------------
Copyright (C) 2010 TCC Co.,Ltd Inc.
------------------------------------------------------------ */

body {
color:#FFFFFF;
background-color:#4D5C6A;
font-size: 13px;
line-height:150%;
}

* {
margin:0;
padding:0;
}
img { border:0; }

a:link {color: #FFFFFF;text-decoration:none;}
a:visited {color: #FFFFFF;text-decoration:none;}
a:hover {color: #FFFFFF;text-decoration:underline;}
a:active {color: #FFFFFF;text-decoration:underline;}

/* ------------------------ Base ------------------------ */

#container {
margin: 0 auto;
background: url(../images/bg-color.gif) repeat-x top;
}

/* ------------------------ Header ------------------------ */

#header {
width: 900px;
margin: 0 auto 15px;
}


#logo {
margin:30px 0 5px 0;
text-align: left;
float:left;
}
#navi {
width: 900px;
margin: 0 auto 10px;
}
#navi ul {
list-style-type: none;
}
#navi li {
float:left;
}
#navi a {
display:block;
overflow:hidden;
text-indent:-9950px;
}

.nv1 a {
width:181px;
height:52px;
background:url(../images/nv_01.gif) no-repeat;
}
.nv1 a:hover {background:url(../images/nv_01_f2.gif) no-repeat;}
.nv2 a {
width:179px;
height:52px;
background:url(../images/nv_02.gif) no-repeat;
}
.nv2 a:hover {background:url(../images/nv_02_f2.gif) no-repeat;}
.nv3 a {
width:179px;
height:52px;
background:url(../images/nv_03.gif) no-repeat;
}
.nv3 a:hover {background:url(../images/nv_03_f2.gif) no-repeat;}
.nv4 a {
width:179px;
height:52px;
background:url(../images/nv_04.gif) no-repeat;
}
.nv4 a:hover {background:url(../images/nv_04_f2.gif) no-repeat;}
.nv5 a {
width:182px;
height:52px;
background:url(../images/nv_05.gif) no-repeat;
}
.nv5 a:hover {background:url(../images/nv_05_f2.gif) no-repeat;}

/* ------------------------ Flash ------------------------ */

#flash {
width:894px;
margin: 0 auto;
line-height:0;
}
#flash_shadow {
background: url(../images/top_flash_shadow.gif) repeat-x;
height:18px;
width:894px;
margin: 0 auto 15px;
}

/* ------------------------ Top Contents ------------------------ */

#contents {
width:894px;
margin: 0 auto 20px;;
}
#top-left {
float:left;
width:270px;
margin-right: 40px;
}
#top-center {
float:left;
width:360px;
}
#top-right {
float:right;
width:180px;
}

#top-left h3,#top-center h3,#top-right h3 {
border-bottom: 3px solid #2B343B;
margin-bottom: 15px;
}

.top-link a{
display:block;
widows: 270px;
height: 46px;
text-indent: -9966px;
margin-bottom:10px;
}
.link1 a:link, .link1 a:visited { background: url(../images/link_tcc-job.gif) no-repeat top; }
.link1 a:hover, .link1 a:active { background: url(../images/link_tcc-job.gif) no-repeat bottom; }
.link2 a:link, .link2 a:visited { background: url(../images/link_kaigo.gif) no-repeat top; }
.link2 a:hover, .link2 a:active { background: url(../images/link_kaigo.gif) no-repeat bottom; }
.link3 a:link, .link3 a:visited { background: url(../images/link_do-b.gif) no-repeat top; }
.link3 a:hover, .link3 a:active { background: url(../images/link_do-b.gif) no-repeat bottom; }

#licence {
background-color:#FFFFFF;
margin-bottom: 15px;
text-align:center;
}
#licence-text {
font-size: 11px;
line-height:130%;
color: #BEC7CF;
}

#contents-staff {
	width:170px;
	float: left;
}
#contents-client {
	width:170px;
	float: right;
}

.contents-service-title {
	margin:0 0 5px 0;
}
.contents-service-text {
font-size: 11px;
line-height:150%;
color: #BEC7CF;
}

#top-center ul, #top-right ul {
	line-height:100%;
	padding-left:9px;
	margin:10px 0 0 10px;
	list-style-image:url(../images/point.gif);
}

#top-center li, #top-right li {
margin:0 0 15px 0;
font-size:12px;
}


/* ------------------------ Footer ------------------------ */

#footer {
background: url(../images/footer-bg.gif) repeat-x top;
clear: left;
}
#footer-wrapper {
width:900px;
margin: 0 auto;
padding: 30px 0 50px;
}
#copyright {
float:left;
}
#footer-link {
float:right;
}
#footer-link span {
background: url(../images/point.gif) no-repeat left;
padding-left:15px;
margin-left: 15px;
font-size: 12px;
}
#pagetop {
text-align:right;
clear:both;
line-height:0;
}
/* ------------------------ Contents ------------------------ */
#content-wrapper {
margin: 0 auto;
width:894px;
}
#pankuzu {
font-size: 11px;
margin: 0 auto 5px;
}
#contents-right {
float:right;
width:580px;
}

#head_banner {
height:120px;
text-indent: -9950px;
overflow: hidden;
clear:both;
}
.business-top {background: url(../images/head_business.jpg) no-repeat;}
.business-mcontract {background: url(../images/head_business_mcontract.jpg) no-repeat;}
.business-mtemp {background: url(../images/head_business_mtemp.jpg) no-repeat;}
.business-office {background: url(../images/head_business_office.jpg) no-repeat;}
.business-dcontract {background: url(../images/head_business_dcontract.jpg) no-repeat;}
.business-dtemp {background: url(../images/head_business_dtemp.jpg) no-repeat;}
.business-welfare {background: url(../images/head_business_welfare.jpg) no-repeat;}
.business-introduction {background: url(../images/head_business_introduction.jpg) no-repeat;}
.business-spot {background: url(../images/head_business_spot.jpg) no-repeat;}
#business-navi {
margin-bottom:20px;
}
#business-navi ul {
list-style-type:none;
}
#business-navi li {
margin-bottom:1px;
}
#business-navi a {
display:block;
width:270px;
height:32px;
text-indent: -9950px;
overflow:hidden;
}
.b1 a { background: url(../images/business_nv01.gif) no-repeat;}
.b2 a { background: url(../images/business_nv02.gif) no-repeat;}
.b3 a { background: url(../images/business_nv03.gif) no-repeat;}
.b4 a { background: url(../images/business_nv04.gif) no-repeat;}
.b5 a { background: url(../images/business_nv05.gif) no-repeat;}
.b6 a { background: url(../images/business_nv06.gif) no-repeat;}
.b7 a { background: url(../images/business_nv07.gif) no-repeat;}
.b8 a { background: url(../images/business_nv08.gif) no-repeat;}

.b1 a:hover, .b1_active a { background: url(../images/business_nv01_f2.gif) no-repeat;}
.b2 a:hover, .b2_active a { background: url(../images/business_nv02_f2.gif) no-repeat;}
.b3 a:hover, .b3_active a { background: url(../images/business_nv03_f2.gif) no-repeat;}
.b4 a:hover, .b4_active a { background: url(../images/business_nv04_f2.gif) no-repeat;}
.b5 a:hover, .b5_active a { background: url(../images/business_nv05_f2.gif) no-repeat;}
.b6 a:hover, .b6_active a { background: url(../images/business_nv06_f2.gif) no-repeat;}
.b7 a:hover, .b7_active a { background: url(../images/business_nv07_f2.gif) no-repeat;}
.b8 a:hover, .b8_active a { background: url(../images/business_nv08_f2.gif) no-repeat;}

h3.business-title {
width:580px;
border-bottom: 4px solid #2b343b;
margin-bottom: 15px;
padding: 0 0 2px 3px;
font-size:16px;
line-height:150%;
}
.business-contents {
margin-bottom: 30px;
}
.business-contents .pic {
float:left;
margin-right: 15px;
}
.text-right {
float:right;
width:435px;
}
.business-contents h4 {
background: url(../images/point.gif) no-repeat left;
padding-left: 15px;
margin-left: 138px;
margin-bottom:5px;
width:300px;
font-size:13px;
}
.business-contents p {
margin-bottom:45px;
font-size:12px;
margin-left: 150px;
}

.business-contents ul {
list-style-type: none;
}
.business-contents li {
background: url(../images/point.gif) no-repeat left 5px;
padding-left:15px;
margin-bottom:5px;
}
.business-contents table {
width: 580px;
background-color:#171C20;
}
.business-contents th {
background-color:#2B343B;
padding:5px;
width:110px;
}
.business-contents td {
background-color:#4D5C6A;
padding:5px;
}
.merit-title {
font-weight: bold;
font-size: 14px;
}
ul.merit {
margin-left:25px;
margin-bottom:15px;
}
.system {
float:right;
margin-left:15px;
}
.flow-title {
font-size: 15px;
font-weight: bold;
background-color:#2B343B;
padding:3px 5px;
}
.flow-text {
background: url(../images/flow_arrow.gif) no-repeat left;
padding:5px 0 5px 60px;
height:30px;
margin-bottom:10px;
}


.profile-vision {background: url(../images/head_profile_vision.jpg) no-repeat;}
.profile-profile {background: url(../images/head_profile_profile.jpg) no-repeat;}
.profile-office {background: url(../images/head_profile_office.jpg) no-repeat;}
.profile-recruit {background: url(../images/head_profile_recruit.jpg) no-repeat;}

.p1 a { background: url(../images/profile_nv01.gif) no-repeat;}
.p2 a { background: url(../images/profile_nv02.gif) no-repeat;}
.p3 a { background: url(../images/profile_nv03.gif) no-repeat;}
.p4 a { background: url(../images/profile_nv04.gif) no-repeat;}

.p1 a:hover, .p1_active a { background: url(../images/profile_nv01_f2.gif) no-repeat;}
.p2 a:hover, .p2_active a { background: url(../images/profile_nv02_f2.gif) no-repeat;}
.p3 a:hover, .p3_active a { background: url(../images/profile_nv03_f2.gif) no-repeat;}
.p4 a:hover, .p4_active a { background: url(../images/profile_nv04_f2.gif) no-repeat;}

h3.profile-title1 {
border-bottom: 3px solid #2b343b;
margin-bottom: 15px;
padding: 0 0 2px 3px;
font-size:16px;
line-height:150%;
}

h3.profile-title2 {
width:275px;
border-bottom: 3px solid #2b343b;
margin-bottom: 15px;
padding: 0 0 2px 3px;
font-size:16px;
line-height:150%;
}

.profile-contents {
margin-bottom: 30px;
}
.profile-contents-left {
width:275px;
float:left;
font-size:14px;
font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
line-height: 180%;
}
.profile-contents-right {
width:275px;
float:right;
}
.profile-contents-right table {
font-size:14px;
font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
line-height: 180%;
}
.message {
line-height:180%;
margin-bottom:10px;
}
table#company_profile {
width:580px;
}
#company_profile th {
text-align:left;
width:100px;
padding:3px;
border-bottom: 1px solid #2b343b;
}
#company_profile td {
padding:3px;
border-bottom: 1px solid #2b343b;
}

table#company_history {
width:580px;
}
#company_history th {
text-align:left;
width:100px;
padding:3px;
border-bottom: 1px solid #4D5C6A;
background-color:#2b343b;
}
#company_history td {
padding:3px 10px;
border-bottom: 1px solid #2b343b;
}
#company_history .row1 {
width:100px;
}
#company_history .row2 {
width:40px;
}
table.profile_office {
width:580px;
}
.profile_office th {
text-align:left;
width:120px;
padding:3px 0 3px 15px;
border-bottom: 1px solid #2b343b;
background: url(../images/point.gif) no-repeat left center;
}
.profile_office td {
padding:3px 10px;
border-bottom: 1px solid #2b343b;
}
.profile_map {
width:53px;
}
.profile_map a {
display:block;
width:63px;
height:28px;
text-indent: -300px;
overflow:hidden;
background: url(../images/map.gif) no-repeat;
}
.profile_map a:hover {
background: url(../images/map_f2.gif) no-repeat;
}

.head-contact {background: url(../images/head_contact.jpg) no-repeat;}
.contact-attention {
	margin-bottom: 30px;
	border:1px solid #ffffff;
	padding:15px;
	height:250px;
	overflow: auto;
	background-color: #3E4A55;
}
.contact-attention p {
	margin-bottom:15px;
}
#contact-table  {
width:580px;
}
.contact-table-top{ background:#2b343b; }
#contact-table th {
text-align:left;
width:120px;
padding:8px;
border-bottom: 1px solid #2b343b;
background-color:#4D5C6A;
}
#contact-table td {
padding:8px;
border-bottom: 1px solid #2b343b;
}
#contact-table input, #contact-table textarea {
	padding:2px;
}
.necesary {
color:#FF6600;
}

.privacy-contents {
margin-bottom: 30px;
}
.privacy-contents .name {text-align:right;}
.privacy-contents ul {
margin-left: 20px;
}.privacy-contents li {
margin-left: 20px;
}

.sitemap-contents {
margin-bottom: 30px;
}

.sitemap-contents ul {
list-style-type:none;
}
.sitemap-contents li {
background: url(../images/point.gif) no-repeat left 5px;
padding-left:15px;
margin-left:15px;
margin-bottom:5px;
}

/*----------文字サイズ---------*/
#fchange {
	text-align: right;
	width: 140px;
	margin-left: auto;
	padding-top:60px;
}
#fchange a {
	cursor:pointer;
}

#fchange .fsize {
	float: left;
	margin-left:5px;
}
#fsmall a,#fmiddle a,#flarge a {
	display: block;
	height: 19px;
	width: 19px;
}
#fchange .ftxt {
	display: none;
}

#fsmall a {
	background-image: url(../images/letter-size-s.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/*カレント*/
#fmiddle a {
	background-image: url(../images/letter-size-m_f2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#flarge a {
	background-image: url(../images/letter-size-l.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#fsmall a:hover {
	background-image: url(../images/letter-size-s_f2.gif);
}
/*カレント
#fmiddle a:hover {
	background-image: url(../images/letter-size-m_f2.gif);
}
*/
#flarge a:hover {
	background-image: url(../images/letter-size-l_f2.gif);
}

/*----------回り込み解除---------*/
.clearfix:after {
 content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
 display:inline-block;
}
/* Hides from IE-mac \*/
* html.clearfix {
 height:1%;
}
.clearfix {
 display:block;
}
.clear {clear:both;}