@charset "Shift_JIS";
/*****************************************
	original.css
	企業固有のスタイルを指定
******************************************/

/*******************************
 ヘッダー
*******************************/

#header{background:url(../images/bk01.png)  !important; }

/* 固定ヘッダ */
#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
{
	height:60px;/* ★1 自由フッタの高さ */
}
#footer .content .regular
{
	height:80px; /* ★2 固定フッタの高さ */
}
#footer {
	height: 140px;  /* footerの高さ（ ★1＋★2 ）分指定する*/
	background:#fff;
}
#main .space
{
	padding-bottom:180px; /* footerの高さ（★1＋★2）分指定する */
}
/* 固定フッタ */
#footer .content .regular
{
	background-color:#d50000; /* 背景 */
	color: #ffffff; /* 文字色 */
}

/****************************************
 【共通】　その他
****************************************/
html{font-size: 6.25% !important;}

body {
  -webkit-text-size-adjust: 100%;
}
body{font-size: 14px !important;  }   /* 古いブラウザ用 */
/* body{font-size: 14rem !important;  } */
body{
	background:url(../images/bk01.png)  !important;  }

div#container{
	width:100% !important;
	margin:auto !important;
	}

#main{
	background:url(../images/bk01.png)  !important;}

#main .content {
	max-width:970px !important;
	width:100% !important;
	background:#fff;
	padding-bottom:2%;
	margin-bottom:1%;
	}

/*******************************
 自由ヘッダー
*******************************/
#header .content .free {
	background:url(../images/bk01.png)  !important;  }

#header .content,
#header .content .free .header_rap{
	max-width:970px;
	width:100%;
	margin:auto;}
#header .content .free .header_rap{
	padding-bottom:5%;}	

#header .content .free .header_rap .logo_rap{
	float:left;
	margin-top:1%;}


#header .content .free .header_rap .logo_rap h1{
	font-size:12px;
	font-size:12rem;
	font-weight:normal;
	text-align:center;
	}



#header .content .free .header_rap .cp_link{
	background:url(../images/top_sankaku.png) no-repeat 0 55% ;
	float:right;
	font-size:12px;
	font-size:12rem;
	padding-left:2%;
	margin-top:1%;
	color:#7d6742 !important;}


#header .content .free .header_rap .cp_link a:hover,
#headContent .free .brd_rap ul li a:hover,
#header .content .free .header_rap .cp_link a:visited,
#headContent .free .brd_rap ul li a:visited,
#header .content .free .header_rap .cp_link a:link,
#headContent .free .brd_rap ul li a:link,
#header .content .free .header_rap .cp_link a:active,
#headContent .free .brd_rap ul li a:active
{
	color:#7d6742 !important;

}

/*******************************
 自由コンテンツ上
*******************************/
#headContent .free {}


#headContent .free h2{
	background:url(../images/h2_top.png) no-repeat 0 55%;
	font-size:23px;
	font-size:23rem;
	font-weight:bold;
	text-indent:2em;}

.top_img_rap{
	z-index:1000;
	overflow:hidden;
	position:relative;
	}


/**********************
 雇用形態から探す
***********************/
/***
共通でパディングを入れる
***/

#headContent .free .emp_rap,
#headContent .free .area_rap,
#headContent .free .brd_rap,
#headContent .free .brd_info_rap,
#headContent .free .thought_rap,
#headContent .free .stf_itv_rap
{
	padding:0 2.5%;}
	
#headContent .free .emp_rap{
	position:relative;
	z-index:5000;}	
	

#headContent .free .emp_rap ul{
	margin:3% auto;
	width:100%;}


#headContent .free .emp_rap ul li{
	width:30%;
	height:auto;
	display:inline-block;}

#headContent .free .emp_rap ul > *:first-child+*{
	margin:0 3.5%;}

#headContent .free .emp_rap ul li img{
	max-width:280px;
	max-height:100px;
	width:100%;
	height:auto;}




/**********************
エリアから探す
***********************/

#headContent .free .area_rap{
	position:relative;
	padding-bottom:8%;
	}

#headContent .free .area_rap .area_ch_text{
	position:absolute;
	top:320px;
	left:150px;
	font-size:24px;
	font-size:24rem;
	color:#32469b;
	font-weight:bold;
	}


#headContent .free .area_rap .map_rap{
		}



#headContent .free .area_rap .map_rap .map{
	background:url(../images/map.png) no-repeat;
	margin:0 auto;
	padding: 0 !important;
	max-width:730px;
	width:100%;	}

/******* 
フリーワード
*******/
div.freeWordObj {
    background-color: #f1f2ea;
    border: 1px solid #999596;
	font-size:12px;
    font-size: 12rem;
    height: 25px;
    margin: 34px auto 68px;
    padding: 5px;
    width: 512px;
}
div.freeWordObj div.freeWordInput {
    float: left;
	width:60%;
    margin-left: 10px;
    color: #333333;
}
div.freeWordObj div.freeWordInput #freeword {
    height: 20px;
	width:70%;
    vertical-align: middle;
}
div.freeWordObj div.freeWordButton #freewordsearch {
    margin-right: 30px;
    vertical-align: middle;
}
div.freeWordObj div.freeWordButton {
    float: right;
}


/**********************
ブランドで探す
***********************/
#headContent .free .brd_rap{}


#headContent .free .brd_rap ul{}

#headContent .free .brd_rap ul li{
	display:inline-block;
	text-align:center;
	font-size:16px;
	font-size:16rem;
	line-height:1.1em;}


/*** 一段目 ****/
#headContent .free .brd_rap ul.fst{
	max-width:870px;
	width:100%;
	margin:3% auto;
	
	}

#headContent .free .brd_rap ul.fst li{
	} 

#headContent .free .brd_rap ul.fst> *:first-child+*{
	margin-left:14%;}

/*** 二段目 ****/
#headContent .free .brd_rap ul.sec{
	width:772px;
	margin:3% auto;	
	}

#headContent .free .brd_rap ul.sec li{} 

#headContent .free .brd_rap ul.sec> *:first-child+*{
	margin:0 7%;}


/**********************
ブランド紹介
***********************/
#headContent .free .brd_info_rap {}

#headContent .free .brd_info_rap .brd_info_box{
	clear:both;	
	margin-top:3%;}


#headContent .free .brd_info_rap .brd_info_box .info_img_box{
	float:left;
	max-width:310px;
	max-height:206px;
	width:100%;
	height:auto;}

#headContent .free .brd_info_rap .brd_info_box .info_img_box img{
	width:100%;
	height:auto;
	}


#headContent .free .brd_info_rap .brd_info_box dl{
	float:right;
	width:63%;
	padding-top:2%;}


#headContent .free .brd_info_rap .brd_info_box dl dt{
	font-size:18px;
	font-size:18rem;
	color:#7d6742;
	line-height:1.2em;
	margin-bottom:5%;}

#headContent .free .brd_info_rap .brd_info_box dl dd{
	font-size:14px;
	font-size:14rem;
	line-height:1.4em;	
	}
	
#headContent .free .brd_info_rap .brd_info_box dl dd a:hover,
#headContent .free .brd_info_rap .brd_info_box dl dd a:visited,
#headContent .free .brd_info_rap .brd_info_box dl dd a:link,
#headContent .free .brd_info_rap .brd_info_box dl dd a:active
{
	color:#f4a844 !important;

}	

#headContent .free .brd_info_rap .brd_info_box dl dd .info_btn{
	/*background:url(../images/b_info_btn01.png) no-repeat;*/
	max-width:360px;
	max-height:40px;
	text-align:center;
	margin-top:7%;
	padding:2% 0;}

#headContent .free .brd_info_rap .brd_info_box dl dd .info_btn a{
	display:block;
	/*background:url(../images/sankaku01.png) no-repeat 90% 65%;*/}
	
#headContent .free .brd_info_rap .brd_info_box dl dd .info_btn a:hover{
	/*display:block;
	max-width:360px;
	max-height:60px;
	border-radius:2px;
	background:#fff;
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
		  -webkit-transition: 0.5s ease-in-out;
		   -moz-transition: 0.5s ease-in-out;
			 -o-transition: 0.5s ease-in-out;
				transition: 0.5s ease-in-out;*/
	}	
	
#headContent .free .brd_info_rap .brd_info_box dl dd .info_btn a:hover,
#headContent .free .brd_info_rap .brd_info_box dl dd .info_btn a:visited,
#headContent .free .brd_info_rap .brd_info_box dl dd .info_btn a:link,
#headContent .free .brd_info_rap .brd_info_box dl dd .info_btn a:active
{
	color:#fff !important;

}	
#headContent .free .brd_info_rap .brd_info_box dl dd .info_btn img{
	width:100%;
	height:auto;}


/**********************
私たちの想い
***********************/

#headContent .free .thought_rap{
	clear:both;
	margin-top:3%;}

#headContent .free .thought_rap .read_txt{
	display:block;
	color:#be9c5a;
	font-size:18px;
	font-size:18rem;
	margin:3% 0;
	max-width:430px;
	width:100%;	
	}

#headContent .free .thought_rap dl.text_fst{
	max-width:430px;
	width:100%;
	float:left;
	display:block;}

#headContent .free .thought_rap dl dt{
	color:#be9c5a;
	font-size:18px;
	font-size:18rem;	}


#headContent .free .thought_rap .img_fst{
	max-width:430px;
	float:right;
	display:block;}


#headContent .free .thought_rap dl.text_sec{
	max-width:414px;
	width:100%;
	float:right;
	display:block;
	margin-top: 28px;
	
		}


#headContent .free .thought_rap .img_sec{
	max-width:332px;
	float:left;
	display:block;
	margin-left:70px;}


#headContent .free .thought_rap dl.text_thd{
	max-width:430px;
	width:100%;
	float:left;
	display:block;
	margin-top:3%;	}


#headContent .free .thought_rap .img_thd{
	max-width:414px;
	float:right;
	display:block;
	margin-bottom:3%;
	}

#headContent .free .thought_rap .dscp{
	font-size:24px;
	font-size:24rem;
	color:#ff7b33;
	font-weight:bold;
	text-align:center;
	clear:both;
	margin:2% auto;}



/**********************
スッタフインタビュー
***********************/

#headContent .free .stf_itv_rap{
	margin-top:5%;}

#headContent .free .stf_itv_rap .itv_box{
	border-bottom: 1px dashed #000;
    clear: both;
    margin-top: 3.3%;
    padding-bottom: 3%;
	}

#headContent .free .stf_itv_rap .itv_box.lastbox{
	border:none;
	}


#headContent .free .stf_itv_rap .itv_box h3{
	background:url(../images/h3_top.png) no-repeat 0.5% 50%;
	padding:0;
	margin-bottom:4%;
	text-indent:2em;
	}
	
	

#headContent .free .stf_itv_rap .itv_box .stf_txt_L{
	float:left;
	width:72%;
	}
#headContent .free .stf_itv_rap .itv_box .stf_txt_R{
	float:right;
	width:72%;}


#headContent .free .stf_itv_rap .itv_box dl{}

#headContent .free .stf_itv_rap .itv_box dl dt{
	color:#0e3e81;
	font-size:16px;
	font-size:16rem;
	font-weight: bold;}
#headContent .free .stf_itv_rap .itv_box dl dd{
	font-size:14px;
	font-size:14rem;
	line-height:1.5em;
	margin-bottom:3%;}


#headContent .free .stf_itv_rap .itv_box .stf_img_R{
	float:right;}
#headContent .free .stf_itv_rap .itv_box .stf_img_L{
	float:left;}	

#headContent .free .stf_itv_rap .itv_box .stf_img_R> *:first-child+*,
#headContent .free .stf_itv_rap .itv_box .stf_img_L> *:first-child+*{
	margin-top:9.5%;

}



/*******************************
 自由サイドコンテンツ
*******************************/
#sideContent .free {
}

/*******************************
 自由コンテンツ中
*******************************/
#bottomContent .freeHead {
}

/*******************************
 自由コンテンツ下
*******************************/
#bottomContent .freeBottom {
}

/*******************************
 自由フッター
*******************************/
#footer .content .free {
	max-width:970px;
	width:100%;
	position:relative\9; /** IE8 hack **/}



#footer .content .free .footer_rap{
	font-size:11px;
	font-size:11rem;
	color:#272727;}

#footer .content .free .footer_rap .ft_btm{}
#footer .content .free .footer_rap .ft_btm .cps{
	width:100%;}
#footer .content .free .footer_rap .ft_btm .cps a{
	background:url(../images/ft_sankaku.png) no-repeat 0.5% 50%;
	padding:0 0 0 1.5%;
	}

#footer .content .free .footer_rap .ft_btm .rcop{
	width:100%;}
#footer .content .free .footer_rap .ft_btm .ft_cpr{
	text-align:right;
	}

#footer .content .free .footer_rap .ft_btm .cps a:hover,
#footer .content .free .footer_rap .ft_btm .cps a:visited,
#footer .content .free .footer_rap .ft_btm .cps a:link,
#footer .content .free .footer_rap .ft_btm .cps a:active
{
	color:#272727 !important;

}



/* -------------------------
  pageTop
------------------------- */
.pageTop {
	margin: 0 0 20px 0;
	text-align: right;
	position:relative;
	padding-bottom:30px;

	/*left:60%;*/
}
/** IE8 hack **/
.pageTop { 
	position:absolute\9;
	right:2%\9;
	top:3%\9;
	}



.pageTop img{
	max-width:50px;
	max-height:50px;	
	width:100%;
	height:auto;}






/* =*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=
画像をロールオーバーで透過させる
=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*= */

/******
FFで画像とテキストを透過
*******/
#headContent .free .brd_rap ul.fst li a:hover,
#headContent .free .brd_info_rap .brd_info_box dl dd .info_btn a:hover,
#headContent .free .emp_rap ul li a:hover,
.pageTop a:hover
{
opacity:0.65;
filter:alpha(opacity=65);
-ms-filter: "alpha( opacity=65 )";
      -webkit-transition: 0.65s ease-in-out;
       -moz-transition: 0.65s ease-in-out;
         -o-transition: 0.65s ease-in-out;
            transition: 0.65s ease-in-out;
}

/***
chrome で画像の透過
***/
#headContent .free .brd_rap ul.fst li a:hover img,
#headContent .free .brd_info_rap .brd_info_box dl dd .info_btn a:hover img,
#headContent .free .emp_rap ul li a:hover img,
.pageTop a:hover img
{
opacity:0.65;
filter:alpha(opacity=65);
-ms-filter: "alpha( opacity=65 )";
-moz-opacity:0.65;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.65;              /* Safari 1.x */	
      -webkit-transition: 0.65s ease-in-out;
       -moz-transition: 0.65s ease-in-out;
         -o-transition: 0.65s ease-in-out;
            transition: 0.65s ease-in-out;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
    ■clear.css
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* ----------------------------------------------------------------
    Float Clearing
----------------------------------------------------------------- */

#header .content .free .header_rap,
#headContent .free .brd_info_rap .brd_info_box,
#headContent .free .brd_info_rap .brd_info_box dl,
#headContent .free .stf_itv_rap,
#headContent .free .stf_itv_rap .itv_box,
{
zoom:1;
}

#header .content .free .header_rap:after,
#headContent .free .brd_info_rap .brd_info_box:after,
#headContent .free .brd_info_rap .brd_info_box dl:after,
#headContent .free .stf_itv_rap:after,
#headContent .free .stf_itv_rap .itv_box:after
{
content:"";
display:block;
clear:both;
height:0;
visibility:hidden;
}



/* ----------------------------------------------------------------
    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%;
}