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

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

/*------------------------------------------------------
 IE PNG fix
------------------------------------------------------*/
#header,#header img,#containter,#footer, #kkdjCopyright,#menu,#memo,#lightwindow_overlay,#map img,#lightwindow_contents img
{ _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;
}
.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(../../common/img/line01.gif) repeat-x;
	clear:both;
}
.line02{
	background: url(../../common/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(../../common/img/bg_header.png) no-repeat;
}
#containter{
	width: 780px;
	margin: 0 auto;
	padding: 0 0 15px 0;
	background:	#F5F4F0 url(../../common/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(../../common/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(../../common/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(../../common/img/bg_column_b.png) no-repeat;
	clear: both;
}
.beigeBox{
	background: url(../../common/img/bg_beige.jpg);
	padding: 13px 0;
	clear: both;
	width: 605px;
	position: relative;
	left: 3px;
}

/*------------------------------------------------------
 FOOTER内
------------------------------------------------------*/
#kkdjCopyright{
	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(../../common/img/companyprofile.gif) no-repeat 0 0;
}
li#footernavi01 a.selected,
li#footernavi01 a:hover{
	background: url(../../common/img/companyprofile.gif) no-repeat 0 -12px;
}
li#footernavi02 a{
	width: 65px;
	height: 12px;
	background: url(../../common/img/inquiry.gif) no-repeat 0 0;
}
li#footernavi02 a.selected,
li#footernavi02 a:hover{
	background: url(../../common/img/inquiry.gif) no-repeat 0 -12px;
}

li#footernavi03 a{
	width: 45px;
	height: 12px;
	background: url(../../common/img/recruit.gif) no-repeat 0 0;
	float: left;
}
li#footernavi03 a.selected,
li#footernavi03 a:hover{
	background: url(../../common/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(../../common/img/pressrelease.gif) no-repeat 0 0;
}
li#footernavi04 a.selected,
li#footernavi04 a:hover{
	background: url(../../common/img/pressrelease.gif) no-repeat 0 -11px;
}
li#footernavi05 a{
	width: 73px;
	height: 11px;
	background: url(../../common/img/sitepolicy.gif) no-repeat 0 0;
}
li#footernavi05 a.selected,
li#footernavi05 a:hover{
	background: url(../../common/img/sitepolicy.gif) no-repeat 0 -11px;
}
li.liBorder img{
	padding: 0 8px;
}