/*-------------------------------------
全ページ共通CSS
--------------------------------------*/

#smart {
	display:none;
}

#smartText{
	display:none;
}

 html,
 body {
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS UI Gothic",Helvetica,Arial,sans-serif;
	text-align: center;
	color: #fff;
	margin: 0px;
	padding: 0px;
	background: #676767 url("/common/images/body_bg.png") repeat 0 0;
    font-size: 14px;
    line-height: 24px;
}


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

a {
outline: none;
}

ul li,
ol li {
list-style-type: none;
}

.small {
font-size: 80%;
}

.large {
font-size: 120%;
}

.xlarge {
font-size: 140%;
}

div#conteiner {
width: 100%;
background: url("/common/images/container_bg.png") repeat-x 0 0;
margin: 0 auto 0 auto;
padding: 0;
}


div#header {
text-align: left;
width: 980px;
margin: 0px auto 0px auto;
padding: 58px 0px 0px 0px;
position: relative;
}

div#header #logo {
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 531px;
height: 128px;
background: url("/logo/osaka-logo.png") no-repeat 0 0;
text-indent: -9999px;
}


div#header #logo a{
display: block;
width: 531px;
height: 128px;
}

/*2015/10/13旧サイト・リンク*/

div#header ul#yorumachi_link {
float: left;
width: 200px;
height: 93px;
margin: 20px 0px 0px 12px;
padding: 0;
}

div#header ul#yorumachi_link li{
list-style-type: none;
width: 200px;
height: 40px;
text-indent: -9999px;
}

div#header ul#yorumachi_link li a {
display: block;
width: 200px;
height: 40px;
padding: 0;
overflow: hidden;
}
div#header ul#yorumachi_link li.tokyo {
margin: 0px 0px 13px 0px;
}

div#header ul#yorumachi_link li.tokyo a {
background: url("/common/images/header/tokyo.png") no-repeat 0 0;
}
div#header ul#yorumachi_link li.tokyo a:hover {
background: url("/common/images/header/tokyo_on.png") no-repeat 0 0;
}

div#header ul#yorumachi_link li.hyogo a {
background: url("/common/images/header/hyogo.png") no-repeat 0 0;
margin: 0;
}
div#header ul#yorumachi_link li.hyogo a:hover {
background: url("/common/images/header/hyogo_on.png") no-repeat 0 0;
}

/*2018/06/21旧サイト・リンク*/

div#header dl#yorumachi_link {
position: absolute;
width: 100%;
background: #fecccb;

border-top: none;
overflow: hidden;
height: 20px;
margin: 0;
padding: 2px 0 0 0;
top: 0;
left: 0;

}

div#header dl#yorumachi_link dt{
float: left;
width: 140px;
height: 20px;
margin: 0;
padding: 0;
}

div#header dl#yorumachi_link dd{
float: left;
display: inline-block;
width: 80px;
height: 20px;
margin: 0;
padding: 0;
}

div#header dl#yorumachi_link dd a{
color: #fff;
}
div#header dl#yorumachi_link dd a:hover{
opacity: 0.7;
}


/* ここからNEW　*/

div#header div#yorumachi_link {
text-align: right;
position: absolute;
width: 100%;
background-color:rgba(0, 0, 0, 0);
color:#fecccb;
border-top: none;
overflow: hidden;
height: 22px;
margin: 0;
padding: 2px 0 0 0;
top: 0;
left: 0;
line-height:normal;
}

div#yorumachi_link a{
color: #fecccb;

}


div#yorumachi_link a:hover{
text-shadow: 0 0 3px #f00,0 0 4px #f00,0 0 5px #f00,0 0 10px #f00,0 0 15px #f00,0 0 25px #f00;
}

/* ここまでNEW　*/

div#header p#offer {
float: right;
width: 224px;
height: 93px;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-indent: -9999px;

}




div#header p#offer a {

background: url("/common/images/header/offer_bt.png") no-repeat 0 0;
display: block;
width: 224px;
height: 93px;
}

div#header p#offer a:hover {
background-position: 0 -93px;
}


div#header #sub_text{
width: 980px;
height: 20px;
font-size: 12px;
marhin: 0px auto 0px auto;
padding: 3px 0px 3px 0px;
line-height: 100%;
position: absolute;
top: 12px;
}

#global_menu {
width: 980px;
margin: 0px auto 0px auto;
padding: 20px 0px 0px 0px;
clear: both;
}

#global_menu ul{
width: 980px;
margin: 0;
padding: 0;
}

#global_menu ul li{
width: 224px;
height: 50px;
float: left;
list-style-type: none;
text-indent: -9999px;
}


#global_menu ul li a{
width: 224px;
height: 50px;
display: block;
}
#global_menu ul li.menu01,
#global_menu ul li.menu02,
#global_menu ul li.menu03 {
margin: 0px 28px 0px 0px;
}

#global_menu ul li.menu04 {
margin: 0px0px 0px 0px;
}

#global_menu ul li.menu01 {
background: url("../images/global_menu/menu01.png") no-repeat 0 0;
}

#global_menu ul li.menu01 a{
background: url("../images/global_menu/menu01.png") no-repeat 0 0;
}
#global_menu ul li.menu01 a:hover{
background-position: 0 -50px;
}

#global_menu ul li.menu02 {
background: url("../images/global_menu/menu02.png") no-repeat 0 0;
}
#global_menu ul li.menu02 a{
background: url("../images/global_menu/menu02.png") no-repeat 0 0;
}

#global_menu ul li.menu02 a:hover{
background-position: 0 -50px;
}

#global_menu ul li.menu03 {
background: url("../images/global_menu/menu03.png") no-repeat 0 0;
}
#global_menu ul li.menu03 a{
background: url("../images/global_menu/menu03.png") no-repeat 0 0;
}

#global_menu ul li.menu03 a:hover{
background-position: 0 -50px;
}

#global_menu ul li.menu04 {
background: url("../images/global_menu/menu04.png") no-repeat 0 0;
}

#global_menu ul li.menu04 a{
background: url("../images/global_menu/menu04.png") no-repeat 0 0;
}

#global_menu ul li.menu04 a:hover{
background-position: 0 -50px;
}

div#content {
clear: both;
text-align: left;
clear: both;
width: 980px;
margin: 0px auto 0px auto;
padding: 15px 0px 0px 0px;
}
div#left {
width: 224px;
float: left;
margin: 0px 0px 20px 0px;
padding: 0;
background: #fff;
border: 1px solid #000;
color: #000;
}

div#right {
width: 728px;
float: right;
margin: 0px 0px 20px 0px;
padding: 0;
background: #fff;
border: 1px solid #000;
color: #000;
}

/*---------------------------------------------------------------
フッター
-------------------------------------------------------------------*/
div#footer {
/*position: fixed;
bottom: 0;*/
clear: both;
width: 100%;
background: url("/common/images/footer/footer_bg.png") repeat-x 0 top;
color: #fff;
margin: 20px auto 0px auto;
padding: 141px 0px 0px 0px;
}



div#footer #foot_menu {
width: 100%;
height: 100%;
padding: 6px 0px 0px 0px;
margin: 0 auto 0 auto;
background: #030000;
overflow: hidden;

}

div#footer #foot_menu ul{
width: 980px;
margin: 0px auto 0px auto;
padding: 4px 0 4px 0;

}


div#footer #foot_menu ul li{
font-size: 12px;
list-style-type: none;
display: inline;
margin: 0px 10px 0px 0px;
padding: 0;
}

div#footer #foot_menu ul li a{
color: #fff;
}

div#footer p#copy {
font-size: 10px;
clear: both;
text-align: center;
padding: 20px 0px 0px 0px;
margin: 0;
}


/*2015年1月6日トップページ3列カラム INVENTORY&CO. Ryota Tsujimoto*/

div#right2015 {
width: 728px;
float: right;
margin: 0px 0px 20px 0px;
padding: 0;
color: #000;
}

.new_job_onecol {
margin: 0 -22px 0 0;
padding: 0;
overflow: hidden;
clear: both;
}

.recruit_3_col {
width: 228px;
float: left;
margin: 0 22px 22px 0;
background: #ffffff;
	border-radius: 6px;		/* CSS3草案 */
	-webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;	/* Firefox用 */
}

div#top_pickup_job .job_industry,
.recruit_3_col  .job_industry {
background: #ffb5f9;
padding: 4px 10px 4px 10px;
margin: 0 0 8px 0;
font-size: 10px;
line-height: 160%;
border-top-left-radius: 5px;		/* CSS3草案 */
-webkit-border-top-left-radius: 5px;	/* Safari,Google Chrome用 */
-moz-border-top-left-radius: 5px;	/* Firefox用 */
border-top-right-radius: 5px;		/* CSS3草案 */
-webkit-border-top-right-radius: 5px;	/* Safari,Google Chrome用 */
-moz-border-top-right-radius: 5px;	/* Firefox用 */
}

div#top_pickup_job .top_job_image,
.recruit_3_col .top_job_image {
text-align: center;
}

#top_pickup_job ul.list_3,
.recruit_3_col ul.list_3 {
margin: 10px 8px 4px 8px;
padding: 0;
}

#top_pickup_job ul.list_3 li,
.recruit_3_col ul.list_3 li {
list-style-type: none;
border-bottom: 1px solid #666;
margin: 2px 0 2px 0;
padding: 2px 4px 2px 4px;
}

#top_pickup_job ul.list_3 li:last-child,
.recruit_3_col ul.list_3 li:last-child {
border-bottom: none;
/*height: 74px;*/
}

#top_pickup_job ul.list_3 li h2,
.recruit_3_col ul.list_3 li h2{
font-weight: normal;
font-size: 14px;
line-height: 140%;
margin: 0 0 2px 0;
padding: 0;
/*height: 44px;*/
}

/*検索横1件求人用*/

div#top_pickup_job {
width: 228px;
height: 474px;
margin: 0px 0px 20px 0px;
padding: 0;
float: right;
background: #fff;
color: #333;
	border-radius: 6px;		/* CSS3草案 */
	-webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;	/* Firefox用 */
}

/*カテゴリ3列用*/

.category_navi {
background: #fff;
overflow: hidden;
margin: 0 0 22px 0;
}

/*div要素hover用*/
.recruit_3_col:hover,
div#top_pickup_job:hover {
background: #ffb5f9;
cursor: pointer;
}

/*H2のズレをなくすやつ*/
h2 {
    margin-block-start: 0;
    margin-block-end: 0;
}