@charset "Shift-JIS";

/* base css set */
html{
	height:100%;
	margin-bottom:1px;
}
body {
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
	font-size: 12px;
	color: #444444;
	line-height: 1.4em;
	background: #FFFFFF;
}
/* mac”ò‚΂µ */
@media screen,print {
	body {
		letter-spacing: 0.1em;
	}
}

a, a:link, a:visited, a:active {
	text-decoration: underline;
	color: #003366;
}
a:hover {
	text-decoration: underline;
	color: #CC0000;
}

div.inbox {
	text-align: center;
	width: 100%;
}

div.inbox-child {
	margin-left: auto;
	margin-right: auto;
	width: 720px;
	text-align: left;
}


/* header part */
#header {
	background: #C5C5C5;
}
#header h1 {
	widht: 720px; height: 132px;
	background: url(../img/header_bg.jpg) no-repeat 0px 0px;
}
#header h1 a{
	width: 720px; height: 132px;
	display: block;
	text-indent: -9999px;
}

/* topmenu part */
#topmenu {
	margin-top: 20px;
}
#topmenu ul {
	width: 720px; height: 44px;
}
#topmenu li {
	float: left;
}
#topmenu a {
	width: 120px; height: 44px;
	display: block;
	text-indent: -9999px;
}
#topmenu a#talent, #topmenu a#talent:link, #topmenu a#talent:active, #topmenu a#talent:visited {
	background: url(../img/topmenu_bg.jpg) no-repeat 0px 0px;
}
#topmenu a#company, #topmenu a#company:link, #topmenu a#company:active, #topmenu a#company:visited {
	background: url(../img/topmenu_bg.jpg) no-repeat -120px 0px;
}
#topmenu a#masscom, #topmenu a#masscom:link, #topmenu a#masscom:active, #topmenu a#masscom:visited {
	background: url(../img/topmenu_bg.jpg) no-repeat -240px 0px;
}
#topmenu a#client, #topmenu a#client:link, #topmenu a#client:active, #topmenu a#client:visited {
	background: url(../img/topmenu_bg.jpg) no-repeat -360px 0px;
}
#topmenu a#ttcinfo, #topmenu a#ttcinfo:link, #topmenu a#ttcinfo:active, #topmenu a#ttcinfo:visited {
	background: url(../img/topmenu_bg.jpg) no-repeat -480px 0px;
}
#topmenu a#contactus, #topmenu a#contactus:link, #topmenu a#contactus:active, #topmenu a#contactus:visited {
	background: url(../img/topmenu_bg.jpg) no-repeat -600px 0px;
}
#topmenu a#talent:hover { background: url(../img/topmenu_bg.jpg) no-repeat 0px -44px; }
#topmenu a#company:hover { background: url(../img/topmenu_bg.jpg) no-repeat -120px -44px; }
#topmenu a#masscom:hover { background: url(../img/topmenu_bg.jpg) no-repeat -240px -44px; }
#topmenu a#client:hover { background: url(../img/topmenu_bg.jpg) no-repeat -360px -44px; }
#topmenu a#ttcinfo:hover { background: url(../img/topmenu_bg.jpg) no-repeat -480px -44px; }
#topmenu a#contactus:hover { background: url(../img/topmenu_bg.jpg) no-repeat -600px -44px; }

/* bottom menu part */
#bottommenu {
	margin-top: 40px;
}
#bottommenu div.inbox-child {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 10px;
	text-align: center;
}

/* fotter part */
#footer {
	background: #C5C5C5;
}
#footer p {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	font-size: 12px;
	color: #FFFFFF;
	text-align: right;
	background: url(../img/footer_bg.gif) repeat-y 0px 0px;
}


/* container part */
#container {
	margin-top: 40px;
}

/* search part */
#search {
	width: 183px; height: 403px;
	background: url(../img/search_bg.gif) no-repeat 0px 0px;
	float: left;
}
#search h6 {
	height: 42px;
	text-indent: -9999px;
}
#search form {
	margin-left: 5px;
	margin-right: 5px;
}
#search th {
	font-weight: normal;
	font-size: 10px;
}
#search th p {
	text-indent: 16px;
	background: url(../img/search_p_head.gif) no-repeat 0px 52%;
}
#search select { width: 170px; }
#search input#keyword { width: 165px; }
#search td#button {
	text-align: right;
}
#search hr {
	border-style: dotted none none none;
	border-top-width: 1px;
	border-top-color: #718E37;
	height: 1px;
}

/* contents part */
#contents {
	width: 517px;
	float: right;
}

#contents_tubuyaki {
	width: 512px;
	float: right;
	height: 580px;
	padding-left: 5px;
	margin-top: 15px;
}

#back {
	width: 512px;
	text-align: right;
	margin-top: 5px;
}

#name {
	width: 508px;
	text-align: right;
}

#title {
	width: 508px;
	text-align: left;
	padding-top: 5px;
	padding-left: 8px;
}

#honbun {
	width: 508px;
	margin-top: 2px;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 5px;
	padding-left: 8px;
}

#photo {
	width: 508px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 8px;
}

#pages {
	clear: both;
	text-align: right;
	margin: 1.5em 20px 1.5em 0px;
	line-height: 24px;
	padding: 0;
}

#pages div {
	float: left;
	width: 500px;
}

#pages span {
	float: left;
	margin-left: 5px;
	margin-bottom: 7px;
	background: url(../img/page_bg.gif) repeat-x 0 0;
}

#pages i {
	display:none;
}

#pages span a,
#pages span b {
	display: block;
	padding: 0 6px;
	line-height: 24px;
	font-weight: normal;
}

#pages span a {
	border: 2px solid #aaa;
}

#pages span b {
	color: #fff;
	background: url(../img/page_bg.gif) repeat-x 0 -50px;
	border: 2px solid #368;
}

#pages span a:hover {
	color: #CC0000;
}

#pages span a:hover {
	color: #CC0000;
	border: 2px solid #06c;
}