@charset "UTF-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
	outline: none;
}
body{
	background: url(../img/bg.jpg);
	color: #333;
	font: 12px/150% "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",Verdana,sans-serif;
	height: 100%;
}

/*------------------------------------------------------
 IE PNG fix
------------------------------------------------------*/
img, div, a, input { _behavior: url(../common/js/iepngfix.htc) }
#menu { _behavior: url(../common/js/iepngfix.htc) }

/*------------------------------------------------------
 装飾
------------------------------------------------------*/
p{ margin: 15px 0;}
img{ border: 0;}

a:link,a:visited,a:hover{ color: #d4003b;}
a:hover{ text-decoration: none;}

.right{ float: right;}
.center{ margin: 0 auto;}
.left{ float: left;}
.clear{ clear: both;}
.small{	font-size: 10px; *font-size: 78%;}
.block{	display: block;}

.new{ padding: 0 0 3px 3px;}
.red{ color:#d4003b;}
.green{	color: #006f47;}
.brown{	color: #663300;}

.caption{
	color: #663300;
	font-size: 10px;
	padding-top: 40px;
	line-height: 200%;
}
.captionGreen{
	color: #006f47;
	font-size: 10px;
	padding-top: 15px;
	line-height: 200%;
	*letter-spacing: 1.5px;
}
.mt-3{ margin-top: -3px; display: block;}
.pr10{ padding-right: 10px;}
.pl5{ padding-left: 5px;}
.pl20{ padding-left: 20px;}
.mt10{ margin-top: 10px;}
td.mt10{ padding-top: 10px;}
p.mt10{ margin: 10px 0 5px 0;}
.pt{ padding-top: 10px;}
.line01{
	background: url(../img/line01.gif) repeat-x;
	clear:both;
}
.line02{
	background: url(../img/line02.gif) repeat-x;
	clear:both;
}
.font11{ font-size:11px;}
.osaka{	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}



/*------------------------------------------------------
 ブロック構造
------------------------------------------------------*/
#wrapper{
	width: 938px;
	position: relative;
	margin: 0 auto;
	padding: 0 15px;
	display: inline;
}
#sitebody{
	width: 968px;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 0px;
	*margin-top: 15px;
}
html* #sitebody{ margin-top: 15px;}
#header{
	width: 780px;
	height: 120px;
	margin: 0 auto;
	padding: 0 3px;
	background:url(../img/bg_header.png) no-repeat;
}
#containter{
	width: 780px;
	margin: 0 auto;
	padding: 0 0 15px 0;
	background:	#F5F4F0 url(../img/bg_base.png) repeat-y;
}
html* #containter{
	position: relative;
	left: 2px;	
	width: 777px;
	*position: inherit;
	*left: 0;
	*width: 780px;
}
#footer{
	width: 780px;
	height: 58px;
	margin: 0 auto 15px auto;
	padding: 0 3px;
	background:url(../img/bg_footer.png) no-repeat;	
	clear: both;
}
html* #footer{
	padding:0;
	*padding: 0 3px;
}

/*------------------------------------------------------
 HEADER内
------------------------------------------------------*/
h1{
	width: 200px;
	height:: 70px;
	position: relative;
	left: 291px;
	top: 16px;
}

/*------------------------------------------------------
 右カラム設定
------------------------------------------------------*/
div#rightInfo{
	width: 190px;
	position: absolute;
	top:0;
	left: 760px;
}

/*------------------------------------------------------
 左カラム内
------------------------------------------------------*/
#menuWrap{
	position: absolute;
	top: 19px;
	left:15px;
	z-index: 2;

}
#menu{
	width: 204px;
	height:414px;
	background:url(../img/bg_menu.png) no-repeat;
}
#gnaviTop{
	width: 55px;
	height: 9px;
	background: url(../../common/img/gnavi_toppage.jpg) no-repeat 0 0;
	position: absolute;
	left: 127px;
	top: 394px;
}
#gnaviTop_top a.selected,
#gnaviTop a:hover{
	background: url(../../common/img/gnavi_toppage.jpg) no-repeat 0 -9px;
}



/*------------------------------------------------------
 content内
------------------------------------------------------*/
h2{	margin-bottom: 22px;}
.lead01{ margin: 5px 0;}
.lead02{ margin: 5px 0;}

.column01_btm{
	background: url(../img/bg_column_b.png) no-repeat;
	clear: both;
}
.beigeBox{
	background: url(../img/bg_beige.jpg);
	padding: 13px 0;
	clear: both;
	width: 605px;
	position: relative;
	left: 3px;
}

/*------------------------------------------------------
 FOOTER内
------------------------------------------------------*/
#copyright{
	position: relative;
	top: 35px;
	left: 12px;
	*top: 32px;
	_top:35px;
}
#footer ul{
	position: absolute;
	right: 9px;
	_right:12px;
	top: 22px;
	*top: 16px;
	_top: 20px;
}
#footer ul li{
	list-style: none;
	float: left;
	height: 12px;
	_overflow: hidden;
}
#footer ul li a{ display: block;}
li#footernavi01 a{
	width: 46px;
	height: 12px;
	background: url(../img/companyprofile.gif) no-repeat 0 0;
}
li#footernavi01 a.selected,
li#footernavi01 a:hover{
	background: url(../img/companyprofile.gif) no-repeat 0 -12px;
}
li#footernavi02 a{
	width: 65px;
	height: 12px;
	background: url(../img/inquiry.gif) no-repeat 0 0;
}
li#footernavi02 a.selected,
li#footernavi02 a:hover{
	background: url(../img/inquiry.gif) no-repeat 0 -12px;
}

li#footernavi03 a{
	width: 45px;
	height: 12px;
	background: url(../img/recruit.gif) no-repeat 0 0;
	float: left;
}
li#footernavi03 a.selected,
li#footernavi03 a:hover{
	background: url(../img/recruit.gif) no-repeat 0 -12px;
	/*background: url(../img/recruit_off.gif) no-repeat 0 -12px;*/
}

/* 採用情報オフの時（li#footernavi03 aも消す）
li#footernavi03 img{
	width: 45px;
	height: 12px;
	background: url(../img/recruit_off.gif) no-repeat 0 0;
	float: left;
}*/
li#footernavi04 a{
	width: 73px;
	height: 11px;
	background: url(../img/pressrelease.gif) no-repeat 0 0;
}
li#footernavi04 a.selected,
li#footernavi04 a:hover{
	background: url(../img/pressrelease.gif) no-repeat 0 -11px;
}
li#footernavi05 a{
	width: 73px;
	height: 11px;
	background: url(../img/sitepolicy.gif) no-repeat 0 0;
}
li#footernavi05 a.selected,
li#footernavi05 a:hover{
	background: url(../img/sitepolicy.gif) no-repeat 0 -11px;
}
li.liBorder img{
	padding: 0 8px;
}

/* INVITATION TABLE
-----------------------------------------------------*/
.inviTable{
	border-collapse:collapse;
	border: 1px solid #787d69;
	text-align: left;
	width: 600px;
	margin: 15px 0 35px 5px;
	line-height: 20px;
}
.inviTable th{
	width: 70px;
	padding: 10px 0 10px 10px;
	background: #f5e191;
	color: #663300;
	font-weight: normal;
	vertical-align: top;
}
.inviTable th.pink{
	background: #f5aaaa;
	color: #d4003b;
}
.inviTable td{
	padding: 10px 0 10px 10px;
	vertical-align: top;
}
.inviTable td.pink{
	background: #fae6e1;
}
.inviTable td.pink a{
	color: #006f47;
}