@charset "utf-8";
/*****************************************
	original.css
	企業固有のスタイルを指定
******************************************/
div#container {
	width: 100%;
}
#main .content {
	width: 920px;
}
/*******************************
 ヘッダー
*******************************/
#header {
	background: url("../images/bg_header.jpg") repeat-x scroll 0 top;
	border-bottom: 1px solid #163C00;
    height: 77px;
    margin-bottom: 1px;
}
#header .content {
	width: 920px;
}
/* 固定ヘッダ */
#header .content div.regular
{
	background-color:#ffffff; /* 背景 */
	color:#000000; /* 文字色 */
	height:69px; /* 高さ */
}

#header .content div.regular div.logo
{
	padding-top:10px; /* 企業ロゴ表示開始位置 上 */
	padding-left:20px; /* 企業ロゴ表示開始位置 左 */
}

#header .content div.regular .note
{
	bottom:5px; /* フリーコメント開始位置 下 */
	right:10px; /* フリーコメント開始位置 右 */
}

/*******************************
 フッター
*******************************/

/* フッタ関連の高さ指定 */
#footer .content .free
{
	/* ★1 自由フッタの高さ */
}
#footer .content .regular
{
	/* ★2 固定フッタの高さ */
}
#footer {
	/* footerの高さ（ ★1＋★2 ）分指定する*/
	position: relative;
}
#main .space
{
	padding-bottom:40px; /* footerの高さ（★1＋★2）分指定する */
}
/* 固定フッタ */
#footer .content .regular
{
	background-color:#d50000; /* 背景 */
	color: #ffffff; /* 文字色 */
}


/*******************************
 自由ヘッダー
*******************************/
#header .content .free {
	height: 77px;
    position: relative;
}
#header .content .free h1 {
	position: absolute;
	left: 0px;
	top: 5px;
	font-size: 11px;
	color: #240201;
}
#header .content .free h2 {
	left: 8px;
    position: absolute;
    top: 22px;
}

#header .content .free .a {
	left: 130px;
    position: absolute;
    top: 34px;
}
.head_brand {
	left: 293px;
    position: absolute;
    top: 20px;
}
.head_brand img {
	display: inline;
	float: left;
}
#global_navigation {
    display: block;
    right: 0;
    top: 50px;
    padding: 0;
	position: absolute;
    width: 309px;
}
#global_navigation ul {

}
#global_navigation li {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#global_navigation li a {
    background: url("../images/im_g_navi.jpg") no-repeat scroll 0 0;
    display: block;
    margin: 0;
    padding: 0;
    text-indent: -9000px;
}
#header #global_navigation a {
    height: 24px;
}
li#g_navi01 a {
    background-position: 0 0;
    width: 102px;
}
li#g_navi01 a:hover, li#g_navi01 a.on {
    background-position: 0 -24px;
    width: 102px;
}
li#g_navi02 a {
    background-position: -102px 0;
    width: 105px;
}
li#g_navi02 a:hover, li#g_navi02 a.on {
    background-position: -102px -24px;
    width: 105px;
}
li#g_navi03 a {
    background-position: -207px 0;
    width: 102px;
}
li#g_navi03 a:hover, li#g_navi03 a.on {
    background-position: -207px -24px;
    width: 102px;
}
/*******************************
 自由コンテンツ上
*******************************/
#headContent .free {
}
#mainimg {
	margin-bottom: 40px;
	overflow: hidden;
}
#headContent .free h3 {
	clear: both;
	margin-bottom: 30px;
	overflow: hidden;
}
ul.btn_employment {
	margin: 0 auto 50px;
    overflow: hidden;
    width: 899px;
}
ul.btn_employment li {
	float: left;
	margin-right: 13px;
}
ul.btn_jobtype {
	margin: 0 auto 20px;
    overflow: hidden;
    width: 900px;
}
ul.btn_jobtype li {
	float: left;
    margin: 0 12px 30px 0;
}
ul.btn_employment li.btn_end, ul.btn_jobtype li.btn_end {
	margin-right: 0;
}
/*******************************
 自由サイドコンテンツ
*******************************/
#sideContent .free {
}

/*******************************
 自由コンテンツ中
*******************************/
#bottomContent .freeHead {
}
#headContent .free h3, #bottomContent .freeHead h3 {
    clear: both;
    margin-bottom: 30px;
    overflow: hidden;
    background: url(../images/h3_bk.gif);
    font-size: 18px;
    font-weight: bold;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    color: #fff;
    padding: 3px 20px 0;
    line-height: 1.8;
}
p.work_info_txt {
    font-size: 14px;
    margin: -20px 0 30px;
}
#bottomContent .freeHead #mapObj {
	float: left;
	margin: 0 0 50px 60px;
	width: 600px;
}
#bottomContent .freeHead #mapObj h4 {
	left: 16px;
    position: absolute;
    top: 28px;
    z-index: 100;
}
.home_qr {
	border: 1px solid #CCCCCC;
    float: right;
	font-size: 11px;
    margin-right: 60px;
    overflow: hidden;
    padding: 10px;
    width: 153px;
}
#bottomContent .freeHead div.freeWordObj {
    background-color: #F3F1E2 !important;
    border: 1px solid #CCCCCC;
    font-size: 12px;
    height: 25px;
    margin: 0 auto 50px;
    padding: 5px;
    width: 610px;
}
#bottomContent .freeHead div.freeWordObj div.freeWordInput {
    float: left;
    margin-left: 10px;
}
#bottomContent .freeHead div.freeWordObj div.freeWordInput #freeword {
    height: 20px;
    vertical-align: middle;
}
#bottomContent .freeHead div.freeWordObj div.freeWordButton {
    float: right;
}
#bottomContent .freeHead div.freeWordObj div.freeWordButton #freewordsearch {
    margin-right: 10px;
    vertical-align: middle;
}
/*******************************
 自由コンテンツ下
*******************************/
#bottomContent .freeBottom {
}

/*******************************
 自由フッター
*******************************/
#footer .content .free {
	background: url("../images/bg_group.gif") repeat-x scroll 0 top;
    margin: 0 auto;
    overflow: hidden;
    padding: 3px 0 25px;
    text-align: left;
    width: 920px;
}
#footer ul.footer_list {
    background-image: url("../images/im_footer.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    float: left;
    height: 10px;
    margin: 8px 0 0;
    width: 235px;
}
#footer li {
    display: block;
    float: left;
    margin: 0 1px 0 0;
    text-indent: -9999px;
}
#footer li a.list01 {
    display: block;
    width: 69px;
}
#footer li a.list02 {
    display: block;
    width: 58px;
}
#footer li a.list03 {
    display: block;
    width: 105px;
}
#footer .content .free img.copy {
    float: right;
    margin-top: 8px;
}

/*******************************
 EntryForm
*******************************/
#detailContent #leftContent,
#detailContent #rightContent {
    width: 425px;
}/*
#formContent #mainContent{
    width: 615px!important;
}*/



/* ----------------------------------------------------------------
    clearfix
----------------------------------------------------------------- */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
/* ----------------------------------------------------------------
    clearfix
----------------------------------------------------------------- */

.freeHead .side_free {
	width: 175px;
	height: 220px;
	float: left;
    padding: 30px 0 0 25px;}
.side_free ul li {
	margin-bottom: 10px;
}

 .sp_top{
        display: none;
    }

     .sp_foot{
        display: none;
    }