@charset "utf-8";

@import url(contents.css);

/* ----------------------------------------------
to reset default style
------------------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
	}

ol, ul {
	list-style: none;
	}

img {
	border: none;
	}

h1, h2, h3, h4, h5 {
	font-size: 12px;
	line-height: 1em;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS Pゴシック", "MS ゴシック", Verdana, Arial, Helvetica;
	color: 4d4d4d;
	}
	
p, th, td, ul, li {
	line-height: 1em;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS Pゴシック", "MS ゴシック", Verdana, Arial, Helvetica;
	color: #4d4d4d;
	}
	
dd, dt {
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS Pゴシック", "MS ゴシック", Verdana, Arial, Helvetica;
	}

em, span {
	line-height: 1em;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS Pゴシック", "MS ゴシック", Verdana, Arial, Helvetica;
	}

body {
	background-color: #e3e3e4;
	text-align: center;
	}


/* ----------------------------------------------
wrapper　ヘッダー＆コンテンツ
------------------------------------------------- */

#wrapper {
	background: url(../images/wrapbg.gif) 50% 0 repeat-y #bfbfbf;
	margin: 0 auto;
	}

/* ----------------------------------------------------------------
header　ロゴ・お気に入り・サイトマップ＆グローバルナビゲーション
------------------------------------------------------------------- */

#header {
	background: url(../images/gnbg.gif) no-repeat 0 95px;
	width: 910px;
	height: 155px;
	margin: 0 auto;
	position: relative;
	}

img#corplogo {
	position: absolute;
	left: 20px;
	top: 20px;
	}

#header h1 {
	position: absolute;
	left: 20px;
	top: 20px;
	}

#header h1 em {
	visibility: hidden;
	}

#header h1 a {
	background: url(../images/infes_logo.jpg) no-repeat;
	display: block;
	width: 203px;
	height: 72px;
	text-decoration: none;
	}

ul#subnavi {
	position: absolute;
	left: 294px;
	top: 53px;
	}

ul#subnavi li {
	text-decoration: none;
	float: left;
	}

ul#subnavi li em {
	visibility: hidden;
	}

ul#subnavi li#companyname {
	background: url(../images/infesinc.gif) no-repeat;
	width: 144px;
	height: 17px;
	display: block;
	padding-right: 28px;
	}

ul#subnavi li#sitemap a {
	background: url(../images/sitemap.gif) no-repeat 0 3px;
	width: 76px;
	height: 13px;
	padding-right: 18px;
	text-decoration: none;
	}

ul#subnavi li#favourite a {
	background: url(../images/addfavourite.gif) no-repeat 0 3px;
	width: 99px;
	height: 13px;
	text-decoration: none;
	}

ul#subnavi li#sitemap a:hover {
	background: url(../images/sitemap_o.gif) no-repeat 0 3px;
	width: 76px;
	height: 13px;
	text-decoration: none;
	}

ul#subnavi li#favourite a:hover {
	background: url(../images/addfavourite_o.gif) no-repeat 0 3px;
	width: 99px;
	height: 13px;
	}

p#contactdetail {
	background: url(../images/contactdetail.gif) no-repeat;
	width: 210px;
	height: 79px;
	position: absolute;
	top: 14px;
	right: 0;
	}

p#contactdetail em {
	visibility: hidden;
	}

/* ----------------------------------------------
グローバルナビゲーション
	* Last Modified: 2008-04-28 *
------------------------------------------------- */

#gn {margin-left: 5px; padding-top: 101px;}
#gn li {text-decoration: none; display: inline; float: left;}
#gn li em {visibility: hidden;}
#gn li a {width: 150px; height: 46px; text-decoration: none; display: block;}
#gn li#top {background:url(../images/top.gif) no-repeat;}
#gn li#company {background:url(../images/company.gif) no-repeat;}
#gn li#diviguide {background:url(../images/diviguide.gif) no-repeat;}
#gn li#recruit {background:url(../images/recruit.gif) no-repeat;}
#gn li#access {background:url(../images/access.gif) no-repeat;}
#gn li#contact {background:url(../images/contact.gif) no-repeat;}

#gn li#top a:hover, #gn li#top.gn_selected {background:url(../images/top_o.gif) no-repeat;}
#gn li#company a:hover, #gn li#company.gn_selected {background:url(../images/company_o.gif) no-repeat;}
#gn li#diviguide a:hover, #gn li#diviguide.gn_selected {background:url(../images/diviguide_o.gif) no-repeat;}
#gn li#recruit a:hover, #gn li#recruit.gn_selected {background:url(../images/recruit_o.gif) no-repeat;}
#gn li#access a:hover, #gn li#access.gn_selected {background:url(../images/access_o.gif) no-repeat;}
#gn li#contact a:hover, #gn li#contact.gn_selected {background:url(../images/contact_o.gif) no-repeat;}

/* ----------------------------------------------
グローバルナビゲーション（Joomla!）
------------------------------------------------- */

#gn {margin-left: 5px; padding-top: 101px;}
#gn li {text-decoration: none; display: inline; float: left;}
#gn li span {visibility: hidden;}
#gn li a {width: 150px; height: 46px; text-decoration: none; display: block;}
#gn li.item1 {background:url(../images/top.gif) no-repeat;}
#gn li.item66 {background:url(../images/company.gif) no-repeat;}
#gn li.item67 {background:url(../images/diviguide.gif) no-repeat;}
#gn li.item68 {background:url(../images/recruit.gif) no-repeat;}
#gn li.item69 {background:url(../images/access.gif) no-repeat;}
#gn li.item70 {background:url(../images/contact.gif) no-repeat;}

#gn li.item1 a:hover, #gn li#current.item1 {background:url(../images/top_o.gif) no-repeat;}
#gn li.item66 a:hover, #gn li#current.item66 {background:url(../images/company_o.gif) no-repeat;}
#gn li.item67 a:hover, #gn li#current.item67 {background:url(../images/diviguide_o.gif) no-repeat;}
#gn li.item68 a:hover, #gn li#current.item68 {background:url(../images/recruit_o.gif) no-repeat;}
#gn li.item69 a:hover, #gn li#current.item69 {background:url(../images/access_o.gif) no-repeat;}
#gn li.item70 a:hover, #gn li#current.item70 {background:url(../images/contact_o.gif) no-repeat;}

/*------*/

#gn {margin-left: 5px; padding-top: 101px;}
#gn div#mod_customenu a span span {text-decoration: none; display: inline; float: left;}
#gn div#mod_customenu a span span {font-size:0px;/*visibility: hidden;*/}
#gn div#mod_customenu a span span {width: 150px; height: 46px; text-decoration: none; display: block;}
#gn div#mod_customenu span.span_link_1 span.span_normal {background:url(../images/top.gif) no-repeat;}
#gn div#mod_customenu span.span_link_2 span.span_normal {background:url(../images/company.gif) no-repeat;}
#gn div#mod_customenu span.span_link_3 span.span_normal {background:url(../images/diviguide.gif) no-repeat;}
#gn div#mod_customenu span.span_link_4 span.span_normal {background:url(../images/recruit.gif) no-repeat;}
#gn div#mod_customenu span.span_link_5 span.span_normal {background:url(../images/access.gif) no-repeat;}
#gn div#mod_customenu span.span_link_6 span.span_normal {background:url(../images/contact.gif) no-repeat;}

#gn div#mod_customenu span.span_link_1 span.span_hover, #gn div#mod_customenu span.span_link_1 span.span_active {background:url(../images/top_o.gif) no-repeat;}
#gn div#mod_customenu span.span_link_2 span.span_hover, #gn div#mod_customenu span.span_link_2 span.span_active {background:url(../images/company_o.gif) no-repeat;}
#gn div#mod_customenu span.span_link_3 span.span_hover, #gn div#mod_customenu span.span_link_3 span.span_active {background:url(../images/diviguide_o.gif) no-repeat;}
#gn div#mod_customenu span.span_link_4 span.span_hover, #gn div#mod_customenu span.span_link_4 span.span_active {background:url(../images/recruit_o.gif) no-repeat;}
#gn div#mod_customenu span.span_link_5 span.span_hover, #gn div#mod_customenu span.span_link_5 span.span_active {background:url(../images/access_o.gif) no-repeat;}
#gn div#mod_customenu span.span_link_6 span.span_hover, #gn div#mod_customenu span.span_link_6 span.span_active {background:url(../images/contact_o.gif) no-repeat;}


/* ----------------------------------------------
コンテンツ　全幅 900px
------------------------------------------------- */

#contents {
	width: 910px;
	height: auto;
	background: url(../images/contentbg.gif) repeat-y;
	margin: 0 auto;
	text-align: left;
	}

#contents-top {
	width: 910px;
	height: 15px;
	background: url(../images/contentbg_top.gif) no-repeat;
	}

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

#footerbg {
	height: 107px;
	background: url(../images/footerbg.gif) repeat-x;
	clear: both;
	}

#footer {
	width: 910px;
	height: 107px;
	background: url(../images/footer.gif) no-repeat;
	margin: 0 auto;
	}

#footer p {
	font-size: 10px;
	font-family: Verdana, Arial, "MS Pゴシック","MS ゴシック", Helvetica, sans-serif;
	color: #ddd;
	float: left;
	padding-left: 30px;
	padding-right: 40px;
	margin-top: 31px;
	}

#footer ul {
	padding-top: 28px;
	padding-right: 25px;
	float: right;
	}

#footer li {
	text-decoration: none;
	display: inline;
	padding:0 8px;
	border-right: solid 1px #fff;
	font-size: 10px;
	line-height: 1.8em; 
	}

#footer li.right {border: none;}
#footer li a {text-decoration: none; color: #fff;}
#footer li a:hover {text-decoration: none; color: #e5e5e5;}

/* Joomla! */
#footer li.item65 {border: none;}



/* ----------------------------------------------
countermeasure for bug
------------------------------------------------- */

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


/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */