@charset "utf-8";

@import "base.css";

/*		Box
----------------------------------------------------*/

div#container {
	margin: 0 auto;
	background: #FFF;
	width: 900px;
	position: relative;
	min-height: 900px;
}
* html div#container {
	height: 900px;
}
  
	div#header {
		height: 129px;
		background: #8D9FA8;
		border-bottom: 1px solid #FFF;
		overflow: hidden;
		position: relative;
	}

	ul#menu {
		width: 900px;
		overflow: hidden;
		line-height: 0;
	}
  
	div#maincontent {
		border-top: 5px solid #FFF;
	}
	
	div#footer {
		padding-top: 80px;
		clear: both;
		border-top: 1px solid #FFF;
		background: #FFF;
		height: 50px;
	}


/*		Header
----------------------------------------------------*/

h1 a {
	margin: 20px 0 0 20px;
	background: url(../images/logo.gif) top left no-repeat;
	width: 246px;
	height: 40px;	
	text-indent:-9999px;
	float: left;
}

div#header ul {
	position: absolute;
	bottom: 10px;
	right: 0;
}

div#header li {
	float: left;	
}

div#header li a {
	margin-right: 20px;	
	height: 19px;
	display: block;
	text-indent:-9999px;
}

li#develop a {	
	background: url(../images/menu_develop.gif) top left no-repeat;
	width: 91px;
}
li#quality a {	
	background: url(../images/menu_quality.gif) top left no-repeat;
	width: 57px;
}
li#service a {	
	background: url(../images/menu_service.gif) top left no-repeat;
	width: 57px;
}
li#ideal a {	
	background: url(../images/menu_ideal.gif) top left no-repeat;
	width: 52px;
}
li#history a {	
	background: url(../images/menu_history.gif) top left no-repeat;
	width: 22px;
}
li#about a {	
	background: url(../images/menu_about.gif) top left no-repeat;
	width: 55px;
}
li#recruit a {	
	background: url(../images/menu_recruit.gif) top left no-repeat;
	width: 49px;
}

/* グループトップリンク */
div#header ul#grouptop {
	position: absolute;
	bottom: 10px;
	left: 20px;
}

div#header ul#grouptop li a {
	height: 19px;
	display: block;
	text-indent:-9999px;
	width: 56px;
	background: url(../images/menu_grouptop.gif) top left no-repeat;
}

/* サイトマップリンク */
div#header ul#navi {
	position: absolute;
	top: 20px;
	right: 0;
}

div#header ul#navi li a {
	margin-right: 20px;	
	height: 16px;
	display: block;
	text-indent:-9999px;
}

li#sitemap a {
	background: url(../images/menu_sitemap.gif) top left no-repeat;
	width: 59px;
}
li#english a {
	background: url(../images/menu_english.gif) top left no-repeat;
	width: 39px;
}

/*		Menu
----------------------------------------------------*/

ul#menu li,
ul#menu li a {
	float: left;
	display: block;
	text-indent:-9999px;
	width: 180px;
	height: 47px;
}

li#shinanoa a {
	background: url(../images/menu_shinanoa.png) 0 0 no-repeat;
}
li#shinanoa,
li#shinanoa a:hover {
	background: url(../images/menu_shinanoa.png) 0 -47px no-repeat;
}

li#magnic a {
	background: url(../images/menu_magnic.png) 0 0 no-repeat;
}
li#magnic,
li#magnic a:hover {
	background: url(../images/menu_magnic.png) 0 -47px no-repeat;
}
li#corporation a {
	background: url(../images/menu_corporation.png) 0 0 no-repeat;
}
li#corporation,
li#corporation a:hover {
	background: url(../images/menu_corporation.png) 0 -47px no-repeat;
}
li#kousan a {
	background: url(../images/menu_kousan.png) 0 0 no-repeat;
}
li#kousan,
li#kousan a:hover {
	background: url(../images/menu_kousan.png) 0 -47px no-repeat;
}
li#trading a {
	background: url(../images/menu_trading.png) 0 0 no-repeat;
}
li#trading,
li#trading a:hover {
	background: url(../images/menu_trading.png) 0 -47px no-repeat;
}

div#maincontent p#flash {
	width: 900px;
	height: 400px;
}

/*		Footer
----------------------------------------------------*/

address {
	padding: 10px 0;
	text-align: center;
	font-size: 85%;
	border-top: 1px solid #969696;
	position: absolute;
	bottom: 0;
	width: 900px;
}

/*      Contact
----------------------------------------------------*/
dl#contact-form {
    padding: 20px;
    background: #FFF;
}
dl#contact-form dt {
    margin: 10px;
    font-weight: bold;
    font-size: 108%;
    border: solid 1px #CCC;
    border-width: 0 0 1px 0;
}
dl#contact-form dd {
    margin: 10px 0 10px 10px;
}
dl#contact-form dd ul {
    margin: 10px 0 0 20px;
}
dl#contact-form dd ul li {
    list-style-type: square;
}

/* Extra
------------------------------------------------------*/
td.close div {
    text-align: right;
}