@charset "utf-8";
body {
	line-height: 1.5;
	color: #333;
	border-top: 3px solid #a90c0e;
}
/* Anchors
---------------------------------------- */
a:link { color: #900; }
a:visited { color: #900; }
a:hover,
a:active { text-decoration: none; }
/* *******************************************************
layout
******************************************************** */

/* header
---------------------------------------- */
#headArea {
	background: url(../img/head_bg.jpg) repeat-x;
	height: 121px;
	font-size: 100%;
	position: relative;
}
/*0571追加求人*/
.kyujin_head {
	position: absolute;
	right: 15px;
	top: 8px
}
.kyujin_head_banner {
	width: 140px;
    background-color: #a90c0e;
    font-weight: bold;
    font-size: 1rem;
    border-radius: 3px;
    margin: 0px 0 40px 20px;
    box-shadow: 2px 2px 6px 1px rgba(51,51,51,0.5);
    -moz-box-shadow: 2px 2px 6px 1px rgba(51,51,51,0.5);
    -webkit-box-shadow: 2px 2px 6px 1px rgba(51,51,51,0.5);
    padding: 5px 0 3px;
}
.kyujin_head_banner a {
	font-size: 0.8rem;
	color: #fff !important;
	font-weight: bold;
	line-height: 1.2rem;
	text-decoration: none;
	text-align: center;
	display: block;
}
.kyujin_head_banner span {
	font-size: 0.6rem;
}
#headArea #header {
	width: 920px;
	height: 50px;
	margin: 0 auto;
	padding-top: 12px;
	overflow: hidden;
}
#headArea #header h1 {
	width: 665px;
	float: left;
	font-size: 1.05em;
}
#headArea #header h1 img {
	vertical-align: middle;
	margin-right: 15px;
}
#headArea #header address {
	width: 240px;
	float: right;
	font-weight:bold;
	margin-top: -3px;
}
#headArea #header address a {
	cursor: default;
}

#headArea #header address p.tel {
	background:url(../img/header_address.png) left top no-repeat;
	height:25px;
	padding-left:30px;
	line-height:25px;
	font-size:1.8em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif
}
#headArea #header address p.name {
	font-size:1.25em;
	font-weight:bold;
}
/* gnavi_new
---------------------------------------- */
#headArea #gnavi_new {
	width: 918px;
	height: 59px;
	margin: 0 auto;
	padding: 0 1px;
	background: url(../img/gnavi_bg.gif) no-repeat;
}
#headArea #gnavi_new li {
	float: left;
	text-indent: -9999px;
}
#headArea #gnavi_new li a {
	width: 131px;
	height: 59px;
	display: block;
	outline: none;
}
#headArea #gnavi_new li.home a { background: url(../img/gnavi_01.jpg) no-repeat; }
#headArea #gnavi_new li.portfolio a { background: url(../img/gnavi_02.jpg) no-repeat; }
#headArea #gnavi_new li.work a { background: url(../img/gnavi_03.jpg) no-repeat; }
#headArea #gnavi_new li.lineup a { background: url(../img/gnavi_04.jpg) no-repeat; }
#headArea #gnavi_new li.ftnews a { background: url(../img/gnavi_05.jpg) no-repeat; }
#headArea #gnavi_new li.profile a { background: url(../img/gnavi_06.jpg) no-repeat; }
#headArea #gnavi_new li.contact a { background: url(../img/gnavi_07.jpg) no-repeat; }
#headArea #gnavi_new li.kituen a { background: url(../img/gnavi_08.jpg) no-repeat; }
#headArea #gnavi_new li a:hover { background-position: 0 -59px; }
#headArea #gnavi_new li.current a,
#headArea #gnavi_new li.current a:hover { background-position: 0 -118px; }
/* gnavi
---------------------------------------- */
#headArea #gnavi {
	width: 918px;
	height: 59px;
	margin: 0 auto;
	padding: 0 1px;
	background: url(../img/gnavi_bg.gif) no-repeat;
}
#headArea #gnavi li {
	float: left;
	text-indent: -9999px;
}
#headArea #gnavi li a {
	width: 131px;
	height: 59px;
	display: block;
	outline: none;
}
#headArea #gnavi li.home a { background: url(../img/gnavi_01.jpg) no-repeat; }
#headArea #gnavi li.portfolio a { background: url(../img/gnavi_02.jpg) no-repeat; }
#headArea #gnavi li.work a { background: url(../img/gnavi_03.jpg) no-repeat; }
#headArea #gnavi li.lineup a { background: url(../img/gnavi_04.jpg) no-repeat; }
#headArea #gnavi li.ftnews a { background: url(../img/gnavi_05.jpg) no-repeat; }
#headArea #gnavi li.profile a { background: url(../img/gnavi_06.jpg) no-repeat; }
#headArea #gnavi li.contact a { background: url(../img/gnavi_07.jpg) no-repeat; }
#headArea #gnavi li a:hover { background-position: 0 -59px; }
#headArea #gnavi li.current a,
#headArea #gnavi li.current a:hover { background-position: 0 -118px; }
/* headlineArea
---------------------------------------- */
#headlineArea { background: url(../img/headline_bg.jpg) repeat-x; }
#headline {
	height: 140px;
	background: url(../img/headline_bg2.jpg) center bottom no-repeat;
}
#headlineInner {
	width: 920px;
	margin: 0 auto;
}
#headlineInner h2 {
	width: 920px;
	height: 80px;
	padding: 30px 0 0 20px;
	font-weight: bold;
	font-size: 32px;
}
#headlineInner h2 span {
	font-size: 22px;
	font-weight: normal;
	color: #666;
}
#headlineInner .topicpath {
	width: 920px;
	height: 30px;
	display: table-cell;
	vertical-align: middle;
}
* html #headlineInner .topicpath { /* IE 6 */
	padding-top: 5px;
	height: auto;
}
*:first-child+html #headlineInner .topicpath { /* IE 7 */
	padding-top: 5px;
	height: auto;
}
#headlineInner .topicpath span { margin: 0 1em; }
#headlineInner .topicpath strong { font-weight: bold; }
/* contents layout
---------------------------------------- */
#contentsArea { background: #fff url(../img/contents_bg.jpg) repeat-x; }
#contents {
	width: 920px;
	margin: auto;
	padding: 30px 0 60px;
}
#contents #main {
	width: 650px;
	float: left;
}
#contents #side {
	width: 250px;
	float: right;
}
/* contents
---------------------------------------- */
#contents .lead { margin-bottom: 30px; }
#contents .enactment {
	padding-top: 60px;
	width: 15em;
	margin-left: auto;
}
#contents ul.anchor {
	/*margin-top: -10px;*/
	margin-bottom: 30px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
#contents ul.anchor li {
	float: left;
	font-size: 0.85em;
}
#contents ul.anchor li a {
	width: 140px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 4px 6px;
	display: block;
	color: #666;
	text-decoration: none;
	text-align: center;
	background-color: #fff;
}
#contents ul.anchor li.first a { border-left: 1px solid #ccc; }
#contents ul.anchor li a:hover { background-color: #f6e9e9; }
#contents .section {
	width: 920px;
	background: url(../img/section_bg_full.png) no-repeat;
	margin-bottom: 30px;
	padding-top: 30px;
}
#contents #main .section {
	width: 650px;
	background: url(../img/section_bg.png) no-repeat;
	margin-bottom: 30px;
	padding-top: 30px;
}
#contents #main .section.nobg {
	background: none;
	padding-top: 0;
}
#contents .section.last,
#contents #main .section.last { margin-bottom: 0; }
#contents .level2 { width: 920px; }
#contents #main .level2 { width: 650px; }
#contents .level2 {
	background: url(../img/level2_bg_01.gif) left bottom repeat-x;
	position: relative;
	margin-bottom: 20px;
}
#contents .level2 strong {
	background: url(../img/level2_bg_02.gif) left bottom no-repeat;
	padding: 10px 2px 5px;
	font-size: 1.35em;
	font-weight: bold;
	display: block;
}
#contents .level2 strong span {
	font-size: 0.8em;
	font-weight: bold;
	padding-left: 5px;
}
#contents .level2 a {
	background: url(../img/arrow.gif) 10px 50% no-repeat;
	border-left: 1px solid #ccc;
	padding: 8px 5px 8px 22px;
	display: block;
	font-size: 0.85em;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	position: absolute;
	right: 0;
	bottom: 0;
}
#contents .level2 a:hover { color: #900; }
/* snavi
---------------------------------------- */
#contents #side #snavi {
	width: 246px;
	border: 1px solid #999;
	background-color: #fff;
	padding: 1px;
}
#contents #side #snavi h4 { margin-bottom: 1px; }
#contents #side #snavi ul {
	width: 244px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
#contents #side #snavi ul li a {
	width: 224px;
	padding: 10px 0 10px 20px;
	border-bottom: 1px solid #ccc;
	background: #f6f6f6 url(../img/arrow4.gif) 8px 50% no-repeat;
	display: block;
	text-decoration: none;
	color: #666;
}
#contents #side #snavi ul li a span { font-size: 0.85em; }
#contents #side #snavi ul li a:hover { background-color: #f6e9e9; }
#contents #side #snavi ul li.current a {
	background-color: #f6e9e9;
	color: #a90e10;
	font-weight: bold;
}
#contents #side #snavi ul ul {
	width: 244px;
	border-top: none;
	border-right: none;
	border-left: none;
}
#contents #side #snavi ul li.current ul li a {
	width: 212px;
	padding: 5px 0 5px 32px;
	border-bottom: 1px solid #ccc;
	background: #fff url(../img/arrow4.gif) 20px 50% no-repeat;
	display: block;
	text-decoration: none;
	color: #666;
	font-weight: normal;
}
#contents #side #snavi ul li.current ul li a:hover { color: #a90e10; }
#contents #side #snavi ul li.current ul li.current a {
	color: #a90e10;
	font-weight: bold;
}
/* footer
---------------------------------------- */
#footerArea {
	background: #333 url(../img/bg_footer.jpg);
	color: #fff;
}
#footerAreaBg { background: url(../img/bg_footer_top.jpg) repeat-x; }
#footerArea a { color: #fff; }
#footer {
	width: 920px;
	margin: 0 auto;
	padding: 0 0 20px;
	position: relative;
}
#footerArea .footerHead {
	padding: 5px 0 0 0;
	margin-bottom: 20px;
}
#footerArea .footerHead .logo {
	width: 660px;
	float: left;
}
#footerArea .footerHead .logo img {
	vertical-align: middle;
	margin-right: 6px;
}
#footerArea .footerHead .pagetop {
	width: 250px;
	float: right;
	margin-top: 9px;
}
#footerArea .footerLinkArea { width: 920px; }
#footerArea .box-portfolio {
	width: 210px;
	margin-right: 10px;
	float: left;
	display: inline;
}
#footerArea .box-lineup {
	width: 700px;
	float: left;
	display: inline;
}
#footerArea p.ttl {
	background: url(../img/arrow2.gif) 0 0.5em no-repeat;
	padding: 0 0 0 12px;
	margin-bottom: 4px;
}
#footerArea ul li {
	background: url(../img/arrow3.gif) 0 0.5em no-repeat;
	padding: 0 0 0 9px;
	margin-left: 16px;
}
#footerArea span.new {
	color: #fc0;
	margin-left: 2px;
}
#footerArea .box-lineup dl {
	float: left;
	display: inline;
	width: 220px;
	margin-right: 10px;
}
#footerArea .box-lineup dl dt {
	background: url(../img/arrow5.gif) 0 0.5em no-repeat;
	padding: 0 0 0 9px;
	margin-left: 12px;
}
#footerArea .box-lineup dl dd li { margin-left: 25px; }
#footerArea .otherLinkArea { background: url(../img/footer_border_hor.gif) repeat-x; }
#footerArea .otherLinkArea li { font-size: 1.0em; }
#footerArea .otherLinkAreaInner {
	width: 920px;
	height: 40px;
	margin: 0 auto;
	padding: 10px 0;
}
#footerArea .otherLink {
	width: 540px;
	margin-right: 10px;
	float: left;
	padding-top: 15px;
}
#footerArea .otherLink li {
	background: url(../img/arrow2.gif) 0 0.5em no-repeat;
	padding: 0 0 0 12px;
	margin: 0 10px 0 0;
	float: left;
	display: inline;
}
#footerArea address {
	float: right;
	background: url(../img/footer_border_ver.gif) left top repeat-y;
	padding: 2px 0 0 20px;
}
#footerArea .copyright {
	background: url(../img/footer_border_hor.gif) repeat-x;
	text-align: center;
	padding: 15px 0 15px;
}
/* *******************************************************
common
******************************************************** */





/* clearfix
---------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px;/* Mac版IEのみに適用 \*//*/
	height: auto;
	overflow: hidden;
	/**/ }