@charset "utf-8";
/*****************************************
	original.css
	企業固有のスタイルを指定
******************************************/
body{
background:url(../images/bg.gif)repeat-x #FFFFFF!important;}

div#container{
background:url(../images/bg.gif)repeat-x #FFFFFF!important;}

#contents{
background:#FFFFFF;}

.clear
{
	clear:both;
	height:0;
}

.clearfix:after
{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

a:hover img
{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background:none !important;
}

#header{
padding-bottom:8px!important;}


.left	{	float:left;}
.right	{	float:right;}
.center	{	text-align:center;}
.tright	{	text-align:right;}
.tleft	{	text-align:left;}

.large	{	font-size:115%;}
.larger	{	font-size:120%;}
.small	{	font-size:85%;}

.tm3	{	margin-top:3px;}
.tm5	{	margin-top:5px;}
.lm5	{	margin-left:5px;}
.rm5	{	margin-right:5px;}
.bm5	{	margin-bottom:5px;}
.tm10	{	margin-top:10px;}
.tm20	{	margin-top:20px;}
.lm10	{	margin-left:10px;}
.rm10	{	margin-right:10px;}
.bm10	{	margin-bottom:25px;}

.brands{
overflow:hidden;
width:700px;
margin:0 auto;}

.recruitInfo img{
display:inline-block;}

.recruitInfo{
text-align:left;}

.contensBox{
background:#FFFFFF!important;
border:solid 2px #CCCCCC;
padding:20px 0;
width:780px;}

.contensBox h2,.contensBox h3,.contensBox p{
padding:0 40px;}

.contensBox h3{
color:#44a9db;
padding-top:5px;}

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

/* 固定ヘッダ */
#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; /* フリーコメント開始位置 右 */
}

#headContent{
margin-bottom:0!important;
background:url(../images/content_bg.gif) repeat-x scroll 0 0 #FFFFFF !important;
}

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

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


/*******************************
 自由ヘッダー
*******************************/
#header .content .free {
	padding:10px 39px;
}

/*******************************
 自由コンテンツ上
*******************************/
#headContent .free {
	padding:15px 0 0 0;
	margin:0 auto;
}

#headContent .free img
{}

#headContent .free .brands li
{
	float:left;
	width:171px;
}

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

#sideContent div.mobileObj img {
    margin: 0 auto !important;
}

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

/*******************************
 自由コンテンツ下
*******************************/
#bottomContent .freeBottom {
	margin:0 auto;
	padding:0 0 30px 0;
}

/*******************************
 自由フッター
*******************************/
#footer .content .free {
	background:#fff;
	color:#000000;
}

#footer .content .free a {
	color:#ffffff !important;
}

#footerLink{
background-color:#204b7a;
height:20px;
padding:5px 0;
color:#FFFFFF;}

.footerLogo{
float:left;
padding-right:5px;}

#footerbottom{
margin:0 auto;
font-size:10px;
padding-top: 20px;
line-height:1.2em;
    width: 530px;}

.contensBox {
	margin:0 0 30px 0!important;
	overflow:hidden;
	background-color:#FFFFFF;
	border: 2px solid #CCCCCC;
	overflow:hidden;
}

#mapbox{
float:left;}

#mapObj{
float:left;}

#mapObj .head{
padding:0!important;}

.map{
padding:0!important;}

.mobileObj{
border:solid 1px #CCCCCC;
padding:20px;
float:right;
margin-right:40px;
text-align:center;}

.qrcode{
}


div.freeWordObj {
    background-color: #F4F9FF;
    border: 1px solid #CCCCCC;
    font-size: 12px;
    height: 25px;
    margin-bottom: 5px;
    padding: 5px;
	width:500px;
	margin-left:30px;
	margin-top:20px;
}
div.freeWordInput {
    float: left;
    margin-left: 10px;
}
div.freeWordObj div.freeWordInput #freeword {
    height: 20px;
    vertical-align: middle;
}
div.freeWordObj div.freeWordButton #freewordsearch {
    margin-right: 10px;
    vertical-align: middle;
}
div.freeWordObj div.freeWordButton {
    float: right;
}
div.searchObj {
    margin-bottom: 36px;
}
div.searchObj h2 {
    margin-bottom: 9px;
    padding-top: 21px;
}
div.searchObj h2.top-h2 {
    padding-top: 0;
}
div.searchObj div.searchbox {
    background-color: #DDEEFF;
    border: 1px solid #CCDDF5;
    padding: 2px;
}
div.searchObj div.searchbox p.lead, #mainContent div.searchObj div.searchbox div.lead {
    background-color: #FFFFFF;
    border: 1px solid #BBD2F5;
    padding: 7px 12px 6px;
    position: relative;
    z-index: 1;
}
div.searchObj div.searchbox div.lead p.pack {
    margin-bottom: 7px;
    padding-bottom: 7px;
}
div.searchObj div.searchbox div.lead p.bottom-pack {
}
div.searchObj div.searchbox div.lead strong {
    color: #664433;
    font-weight: bold;
}
div.searchObj div.searchbox div.form {
    background-color: #EEF6FF;
    border: 1px solid #BBD2F5;
    margin-top: -1px;
    padding: 11px 12px;
    position: relative;
    z-index: 2;
}
div.searchObj div.searchbox div.form p.p1, #mainContent div.searchObj div.searchbox div.form p.p2 {
    float: left;
    margin-right: 12px;
    width: auto;
}
div.searchObj div.searchbox div.form p.p3 {
    clear: left;
    padding: 10px 0 0 200px;
    width: auto;
}
div.searchObj div.searchbox div.form strong {
    color: #664433;
    display: block;
    float: left;
    font-weight: bold;
    margin-right: 8px;
    padding-top: 1px;
    width: auto;
}
div.searchObj div.searchbox div.form select {
    border: 1px solid #EECE96;
    display: block;
    float: left;
    height: 23px;
    line-height: 23px;
    padding: 0 0 0 2px;
    vertical-align: middle;
}
div.searchObj div.searchbox div.form input.imgover {
    display: block;
}
#sideContent {
    float: right;
    text-align: center;
    width: 165px;
}

 div.mobileObj {
    border: 1px solid #CCCCCC;
    margin-bottom: 15px;
    padding: 14px 12px 10px;
    position: relative;
}

div.mobileObj p{
padding:0!important;}

.mobileObj h3 {
    margin-bottom: 15px;
}
.mobileObj p.qrcode {
    margin-bottom: 6px;
    text-align: center;
}
div.mobileObj p.qrcode img {
    display: inline;
    margin: 0 auto;
}
div.mobileObj p.lead {
    font-size: 10px;
    line-height: 14px;
    overflow: hidden;
    text-align: left;
    width: 130px;
}

#headContent div.form{
	padding-left: 45px !important;
	height: 45px !important;
	margin-left:39px;
}


div.flatlink,#headContent div.pankuzuObj{
background:#ffffff;
margin-left:0!important;
margin-right:0!important;}

#headContent div.pankuzuObj{
width:770px!important;}

div.flatlink{
width:775px!important;}