@charset "utf-8";

/*--------------------------------------------------------------------
Base
--------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

html,body {
	width: 100%;	margin: 0;
	padding: 0;
}

body {
	width: 100%;
	background-color: #eeeeee;
	color: #333333;
	font-size: 80%;
	font-weight: normal;
	line-height: 1.5;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro","ƒƒCƒŠƒI",Meiryo,"‚l‚r ‚oƒSƒVƒbƒN","MS PGothic",sans-serif;
	margin: 0;
	padding: 0;
}

* html body {/*IE6*/
	font-family: "‚l‚r ‚oƒSƒVƒbƒN","MS PGothic",sans-serif;
}

*:first-child + html body {/*IE7*/
	font-family: "‚l‚r ‚oƒSƒVƒbƒN","MS PGothic",sans-serif;
}

img {
	border: none;
}

html {
}

a,a:visited {
	color: #333333;
	text-decoration: underline;
}
a:hover,a:active{
	color: #999999;	
}

.mb50{margin-bottom:50px;}
.mb30{margin-bottom:30px;}
.mb25{margin-bottom:25px;}
.mb20{margin-bottom:20px;}
.mb15{margin-bottom:15px;}
.mb10{margin-bottom:10px;}
.mb0{margin-bottom:0;}

.mt50{margin-top:50px;}
.mt25{margin-top:25px;}
.mt20{margin-top:20px;}
.mt15{margin-top:15px;}
.mt10{margin-top:10px;}
.mt0{margin-top:0;}

.mw10{margin:0 10px;}

.ma15{margin:15px;}
.ma10{margin:10px;}

.pt10{padding-top:10px;}

.pa15{padding:15px;}
.pa10{padding:10px;}

/*--------------------------------------------------------------------
HTML5
--------------------------------------------------------------------*/

article,aside,details,footer,header,hgroup,menu,nav,section,summary {
	display: block;
}

/*--------------------------------------------------------------------
Wrapper
--------------------------------------------------------------------*/

#wrapper {
	width: 943px;
	background-color:#ffffff;
	margin:0 auto;
}

#wrapper.profile{background:url(images/bg_profile.png)repeat-y;}
#wrapper.products{background:url(images/bg_products.png)repeat-y;}
#wrapper.equip{background:url(images/bg_equipment.png)repeat-y;}
#wrapper.process{background:url(images/bg_process.png)repeat-y;}
#wrapper.access{background:url(images/bg_access.png)repeat-y;}
#wrapper.contact{background:url(images/bg_sidebar.png)repeat-y;}

/*--------------------------------------------------------------------
Wrap-top
--------------------------------------------------------------------*/

#wrap-top {
	width: 100%;
	text-align: center;
}

header {
	height: 70px;
	text-align: left;
	margin: 0;
}

#content {
	margin: 0;
}


#main {
	float: right;
	width: 100%;
	margin: 0 0 0 -165px;
}

#container {
	position: relative;
	text-align: left;
	margin: 0 0 0 165px;
	padding:25px 0;
}

#container section h1,
#container section h2,
#container section p {
	font-size: 100%;
	font-weight: normal;
	padding: 5px;
}

#side {
	float: left;
	width: 165px;
	background-color: #d4d4d4;
	text-align: left;
}

#side p {
	padding: 5px;
}

#side nav#nav_side ul li {
	list-style: none;
	padding: 0 5px;
}

#top{
	width:943px;
	height:622px;
	background-image: url(images/top.jpg);
	background-repeat: no-repeat;
}

#top #contact{
	position:absolute; top:18px; left:718px;
}

/*--mainnavi--*/

ul#mainnavi{
	position:absolute; top:287px; left:174px;
}

ul#mainnavi li{
float: left;
margin: 0;
padding: 0;
list-style-type: none;
}
ul#mainnavi li a{
display: block;
height: 74px;
margin: 0;
background-image: url(images/menu.jpg);
background-repeat: no-repeat;
text-indent:-9999px;
}

ul#mainnavi li#profile{width:137px;}
ul#mainnavi li#products{width:136px;}
ul#mainnavi li#equip{width:137px;}
ul#mainnavi li#process{width:137px;}
ul#mainnavi li#access{width:137px;}

ul#mainnavi li#profile a{background-position:0 0;}
ul#mainnavi li#products a{background-position:-137px 0;}
ul#mainnavi li#equip a{background-position:-273px 0;}
ul#mainnavi li#process a{background-position:-410px 0;}
ul#mainnavi li#access a{background-position:-547px 0;}

ul#mainnavi li#profile a:hover{background-position:0 100% ;}
ul#mainnavi li#products a:hover{background-position:-137px 100% ;}
ul#mainnavi li#equip a:hover{background-position:-273px 100% ;}
ul#mainnavi li#process a:hover{background-position:-410px 100% ;}
ul#mainnavi li#access a:hover{background-position:-547px 100%;}

/*--sidenavi--*/



ul#sidenavi li{
float: left;
margin: 0;
padding: 0;
list-style-type: none;
}
ul#sidenavi li a{
display: block;
width:165px;
margin: 0;
background-image: url(images/sidemenu.png);
background-repeat: no-repeat;
text-indent:-9999px;
}

ul#sidenavi li#profile , ul#sidenavi li#profile a{height:26px;}
ul#sidenavi li#products , ul#sidenavi li#products a{height:27px;}
ul#sidenavi li#equip , ul#sidenavi li#equip a{height:26px;}
ul#sidenavi li#process , ul#sidenavi li#process a{height:26px;}
ul#sidenavi li#access, ul#sidenavi li#access a{height:26px;}
ul#sidenavi li#contact , ul#sidenavi li#contact a{height:28px;}

ul#sidenavi li#profile a{background-position:0 0;}
ul#sidenavi li#products a{background-position:0 -26px;}
ul#sidenavi li#equip a{background-position:0 -53px;}
ul#sidenavi li#process a{background-position:0 -79px;}
ul#sidenavi li#access a{background-position:0 -105px;}
ul#sidenavi li#contact a{background-position:0 -131px;}

ul#sidenavi li#profile a:hover{background-position:100% 0;}
ul#sidenavi li#products a:hover{background-position:100% -26px;}
ul#sidenavi li#equip a:hover{background-position:100% -53px;}
ul#sidenavi li#process a:hover{background-position:100% -79px;}
ul#sidenavi li#access a:hover{background-position:100% -105px;}
ul#sidenavi li#contact a:hover{background-position:100% -131px;}

#side .profile{
	background: url(images/bg_profile.png)no-repeat;
	background-position: 0 -500px;
	}

/*--content--*/

#container .pagetitle{
	float:left;
	margin;0 25px;
}

#container .profilelist{
	margin:25px 0 0 142px;
}

#container .profilelist dt{
	float:left;
	width:7em;
	margin:0 0 1.5em 0;
}

#container .profilelist dd{
	margin:0 0 1.5em 7em;
}

#container .contact{
	margin: 0 0 0 75px;
}

#container .contact h2,#container .contact h{
	margin:25px 0;
}

#container .contact li{
	list-style: none;
}

/*--------------------------------------------------------------------
Wrap-btm
--------------------------------------------------------------------*/

#wrap-btm {
	clear: both;
	width: 100%;
	height: 40px;
	text-align: center;
}

footer {
	height: 40px;
	background-color: #bbbbbb;
	background: url(images/footer.png);
	text-align: right;
	margin: 0 auto;
}

footer .copyright {
	padding: 5px;
}

header,
#content,
footer {
	width: 943px;
}

/*--------------------------------------------------------------------
FooterŒΕ’θ
--------------------------------------------------------------------*/

#wrapper {
	position: relative;
	min-height: 100%;
}

* html #wrapper {/*IE6*/
	height: 100%;
}

#wrap-top {
	height: 100%;
	padding-bottom: 40px;/*ƒtƒbƒ^[‚̍‚‚³•ͺ*/
}

#content {
	overflow:auto;
#wrap-btm {
	position: absolute;
	bottom: 0;
}