@charset "utf-8";

.sp {
	display:none;
	}


body{
	min-width: 1000px;
	font-size: 13px;
}

a {
	text-decoration:none;
	}

a:hover {
	text-decoration:underline;
	}


.head-link {
	clear:both;
	display:none;
}


/*--------------------------------------------------------
Header
--------------------------------------------------------*/
.page-header {
	width: 100%;
	padding-bottom: 6px;
	background: url(../../images/common/nav_bdr.png) left bottom repeat-x;
}

.page-header .inner {
	width: 1000px;
	margin: 0 auto;
}

/****** RECRUIT SETTINGS OVERRIDE *****/
.page-header .inner.recruit {
	width: 1000px;
	margin: 0;
}

.page-header .inner .logo {
	width: 400px;
	float: left;
	margin-left: 30px;
	margin-bottom: 10px;
	padding-top: 20px;
	color: #8d8d8d;
}

.description {
	font-size:11px;
	}

.ttc_logo {
	display: block;
	width: 129px;
	height: 41px;
	background: url(../../images/common/logo.png) left top no-repeat;
}

.subMenu {
	width: 226px;
	float: right;
	padding-top: 20px;
}

.subMenu .tel {
	display: block;
	width: 224px;
	height: 16px;
	background: url(../../images/common/img_tel.png) left top no-repeat;
}

.subMenu .mail {
	margin-top: 5px;
	padding-top: 5px;
	background: url(../../images/common/tel_bdr.png) left top no-repeat;
}

.subMenu .mail img {
	margin-right: 5px;
}

.subMenu .mail a {
	display: inline-block;
	*display: inline;
	letter-spacing: -0.9px;
	margin-top: 6px;
}

/*--------------------------------------------------------
Global Nav
--------------------------------------------------------*/
.gNav {
	width: 100%;
	height: 69px;
	background: url(../../images/common/bg_nav.png) left top repeat-x;
	position: relative;
	z-index: 100;
}

	.gNav ul {
		width: 1000px;
		margin: 0 auto;
		position: relative;
	}

	/****** RECRUIT SETTINGS OVERRIDE *****/
	.gNav.recruit ul {
		width: 1000px;
		margin: 0;
		position: relative;
	}

	.gNav ul li {
		float: left;
	}

		.gNav ul li a {
			display: block;
			width: 166px;
			height: 69px;
		}

		.gNav ul li a.nav1 {
			background: url(../../images/common/nav1.png) left top no-repeat;
		}

		.gNav ul li a.nav2 {
			background: url(../../images/common/nav2.png) left top no-repeat;
		}

		.gNav ul li a.nav3 {
			background: url(../../images/common/nav3.png) left top no-repeat;
		}

		.gNav ul li a.nav4 {
			background: url(../../images/common/nav4.png) left top no-repeat;
		}

		.gNav ul li a.nav5 {
			background: url(../../images/common/nav5.png) left top no-repeat;
		}

		.gNav ul li a.nav6 {
			width: 170px;
			background: url(../../images/common/nav6.png) left top no-repeat;
		}

		.gNav ul li a.current {
			background-position: left bottom;
		}

		.gNav ul li a.currentImportant {
			background-position: right bottom!important;
		}

		.gNav ul li a.currentImportant:hover {
			background-position: left bottom!important;
		}

.modal {
	width: 960px;
	margin: 0 auto;
	padding: 20px;
	background: url(../../images/common/bg_menu.png) left top repeat;
	position: absolute;
	top: 69px;
	left: 0;
	z-index: 10;
	display: none;
}

.modalBlock {
	width: 960px;
}

.modalBlock .tex {
	width: 435px;
	padding: 16px 10px 16px 15px;
	color: #ddd;
}

.modalBlock .tex h1 {
	margin-bottom: 5px;
}

.modalBlock.corp {
	background: url(../../images/common/corp_img.png) right top no-repeat #333;
}

.modalBlock.business {
	background: url(../../images/common/business_img.png) right top no-repeat #333;
}

.modalBlock.product {
	background: url(../../images/common/products_img.png) right top no-repeat #333;
}

.modalBlock.shopping {
	background: url(../../images/common/products_img.png) right top no-repeat #333;
}

.modalBlock.recruit {
	background: url(../../images/common/recruit_img.png) right center no-repeat #333;
}

.modalBlock.contact {
	background: url(../../images/common/contact_img.png) right top no-repeat #333;
}

.sepLine {
	width: auto !important;
}

.sepLine li {
	float: left;
}

.sepLine li:first-child {
	background: url(../../images/common/nav_menu_line.png) left 15px no-repeat;
}

.sepLine li a {
	display: block;
	width: auto !important;
	height: auto !important;
	padding: 20px 40px 5px 40px;
	color: #fff;
	font-size: 12px;
	background: url(../../images/common/nav_menu_line.png) right 15px no-repeat;
	text-decoration: none;
}

.sepLine li a span {
	position: relative;
	top: -10px;
}

.sepLine li a:hover {
	text-decoration: underline;
	background-position: right 15px !important;
}

.imgLine {
	width: auto !important;
}

.imgLine li {
	float: left;
}

.imgLine li a {
	display: block;
	width: auto !important;
	/*height: auto !important;*/
	height: 81px !important;
	padding: 10px 5px 0 5px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	line-height: 120%;
}

.imgLine li a img {
	border: 1px solid #fff;
	margin-bottom: 3px;
}

.imgLine li a:hover {
	text-decoration: underline;
}

.inline {
	padding-top: 5px;
	width: auto !important;
}

.inline li {
	margin-right: 15px;
}

.inline li a {
	display: inline !important;
}

.inline li a img {
	margin-top: 10px;
	marign-right: 10px;
}




/*--------------------------------------------------------
Section  -Article
--------------------------------------------------------*/
.article {
	padding:50px 30px;
}


.wp900 {
	width: 900px;
	}



/*--------------------------------------------------------
Footer
--------------------------------------------------------*/
.footer {
	width: 1000px;
	margin: 0 auto;
}

.footer ul {
	text-align: center;
}

.footer ul li {
	display: inline-block;
	*display: inline;
	padding-top: 25px;
	padding-bottom: 25px;
}

.footer ul li.sepalator {
	padding: 25px 15px;
}

.footer .copy {
	width: 292px;
	height: 10px;
	margin: 0 auto;
	background: url(../../images/common/copy.png) left top no-repeat;
	padding-bottom: 30px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}