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

/* base ---------------------------- */
html,body {
	color:#605c56;
	margin:0px;
	padding:0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	line-height:1.5em;
	background-image:url(../images/bg_check.gif);
	background-position:left top;
	background-repeat:repeat-y;
	text-align: center;
	height: 100%;
	width: 100%;
}
form,input,div{
margin: 0px;
padding: 0px;
}
ul,ol,li,dl,dt,dd,span,a,p{
margin: 0px;
padding: 0px;
list-style-type: none;
}
img,dd{
border:0;
margin: 0px;
padding: 0px;
}
/* png */
img,div,h1,ul,a,p{
behavior: url(http://www.pub-hub.com/jinji/shared/Scripts/iepngfix.htc);
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
/* container */
#container{
	width:910px;
	height:auto;
	margin:0 auto;
	text-align:left;
}


/* h1 */
#container h1{
	width:200px;
	height:160px;
	margin:0px;
	padding:0px;
	display:block;
	text-indent:-1000em;
	overflow:hidden;
	font-size:1px;
	line-height:1px;
}
#container h1 a{
	width:200px;
	height:160px;
	display:block;
	background-image:url(../images/h1_logo.png);
	background-position:left top;
	background-repeat:no-repeat;
}
/* menu */
#container #wrap-menu{
	width:200px;
	height:auto;
	float:left;
}
#container #menu{
	width:200px;
	height:410px;
	padding:20px 0 0 0;
	background-image:url(../images/bg_menu.png);
	background-position:left top;
	background-repeat:no-repeat;
}
#container #menu h3{
	width:120px;
	height:35px;
	margin:0 auto;
	text-indent:-1000em;
	overflow:hidden;
	font-size:1px;
	line-height:1px;
	display:block;
	background-position:left top;
	background-repeat:no-repeat;
}
#container #menu h3.title-rec{
	background-image:url(../images/menu_recruit_title.gif);
}
#container #menu h3.title-messe{
	background-image:url(../images/menu_messe_title.gif);
}
#container #menu h3.title-career{
	background-image:url(../images/menu_career_title.gif);
}
/* banner */
.wrap-banner{
	width:180px;
	height:60px;
	margin:0 auto;
}

/* right contents */
#wrap-contents{
	width:700px;
	height:auto;
	float:left;
	margin:0 0 0 10px;
	padding:10px 0 0 0;	
}
/* about hub */
#wrap-contents p.about-hub{
	text-align:right;
	margin:0 0 20px 0;
}
#wrap-contents p.about-hub a,#wrap-contents p.about-hub a:visited{
	color:#f1e6d7;
	text-decoration:none;
}
#wrap-contents p.about-hub a:hover,#wrap-contents p.about-hub a:active{
	text-decoration:underline;
}
/* h2 */
#wrap-contents h2{
	width:700px;
	height:70px;
	margin:0px;
	padding:0;
	text-indent:-1000em;
	overflow:hidden;
	font-size:1px;
	line-height:1px;
	display:block;
	background-image:url(../images/h2_title_hub.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
/* visual */
.header-visual01{
	width:700px;
	height:250px;
	margin:0px;
	padding:0px;
	background-image:url(../../index/images/bg_image.png);
	background-position:left top;
	background-repeat:no-repeat;
}
.header-visual02{
	width:700px;
	height:140px;
	margin:0px;
	padding:0px;
}
/* h3 */
#wrap-contents h3{
	width:700px;
	margin:0px;
	padding:0px;
	text-indent:-1000em;
	overflow:hidden;
	font-size:1px;
	line-height:1px;
	display:block;
}
#contents{
	width:700px;
	height:auto;
	margin:0;
	padding:0 0 40px 0;
	background-color:#f1e6d7;
}
/* page top */
#wrap-contents .pagetop{
	width:700px;
	height:auto;
	margin:0 0 15px 0;
	background-color:#cebab0;
}
.pagetop p{
	width:111px;
	height:30px;
	text-indent:-1000em;
	overflow:hidden;
	font-size:1px;
	line-height:1px;
	display:block;
	float:right;
}
.pagetop p a,.pagetop p a:visited{
	width:111px;
	height:30px;
	display:block;
	background-image:url(../images/pagetop.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
.pagetop p a:hover,.pagetop p a:active{
	background-position:left bottom;
}
/* footer */
#footer{
	width:700px;
	height:auto;
}
#footer p{
	width:226px;
	height:14px;
	text-indent:-1000em;
	overflow:hidden;
	font-size:1px;
	line-height:1px;
	display:block;
	background-image:url(../images/footer_copy.gif);
	background-position:left top;
	background-repeat:no-repeat;
}






/* clear */
.clear-s{
clear: both;
width: 100%;
margin: 0px;
padding: 0px;
height: 10px;
}
.clear{
clear: both;
width: 100%;
margin: 0px;
padding: 0px;
height: 20px;
}
.clear2{
clear: both;
width: 100%;
margin: 0;
padding: 0px 0 20px 0;
height:auto;
}
.clear3{
clear: both;
width: 100%;
margin: 0;
padding: 0;
height:auto;
}

/* package */
.package:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.package {
zoom: 100%;
}
.package { display: inline-table;}
/* Hides from IE-mac ￥*/
* html .package { height: 1%;}
.package { display: block;}
/* End hide from IE-mac */


/* margin_class */
.mb5{
margin-bottom: 5px;
}
.mb10{
margin-bottom: 10px;
}
.mb15{
margin-bottom: 15px;
}
.mb20{
margin-bottom: 20px;
}
.mb25{
margin-bottom: 25px;
}
.mb30{
margin-bottom: 30px;
}
.mb35{
margin-bottom: 35px;
}
.mb40{
margin-bottom: 45px;
}

.mt5{
margin-top: 5px;
}
.mt10{
margin-top: 10px;
}
.mt15{
margin-top: 15px;
}
.mt20{
margin-top: 20px;
}
.mt25{
margin-top: 25px;
}
.mt30{
margin-top: 30px;
}
.mt35{
margin-top: 35px;
}
.mt40{
margin-top: 40px;
}