@charset "utf-8";

html {
height: 100%;
}

body {
font-family: 'Lucida Grande', Arial, sans-serif;
line-height: 145%;
height: 100%;
}

a {
color: #29B910;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

p.ar {
text-align: right;
margin-top: 20px;
margin-bottom: 20px;
}

p.ar a {
padding-left: 24px;
background: url("/common/images/ar.gif") 10px no-repeat;
}

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

.clearfix {
min-height: 1px;
}

* html .clearfix {
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}

.clear {
clear: both;
}

#container {
position: relative;
min-height: 100%;
height: auto!important;
height: 100%;
/*border-bottom: solid 4px #EBF4EC;*/
}

#header {
position: relative;
border-right:solid 1px #ebf4ec;
}

#header h1,
#header p#logo {
width: 104px;
height: 99px;
position: absolute;
}

#header h1 a,
#header p#logo a {
text-indent: -9999px;
background-image: url("/common/images/gnavi.jpg");
width: 104px;
height: 99px;
display: block;
}

#header h1,
#header #gnavi ul li,
#header p#logo {
float: left;
}

#header #gnavi ul {
margin-left: 104px;
}

#header #gnavi ul li a {
background-image: url("/common/images/gnavi.jpg");
background-repeat: no-repeat;
text-indent: -9999px;
display: block;
height: 99px;
}

li#m01 a {background-position: -104px 0; width:139px;}
li#m02 a {background-position: -243px 0; width:101px;}
li#m03 a {background-position: -344px 0; width:108px;}
li#m04 a {background-position: -452px 0; width:101px;}
li#m05 a {background-position: -553px 0; width:100px;}
li#m06 a {background-position: -653px 0; width:115px;}

li#m01 a:hover {background-position: -104px -120px; width:139px;}
li#m02 a:hover {background-position: -243px -120px; width:101px;}
li#m03 a:hover {background-position: -344px -120px; width:108px;}
li#m04 a:hover {background-position: -452px -120px; width:101px;}
li#m05 a:hover {background-position: -553px -120px; width:100px;}
li#m06 a:hover {background-position: -653px -120px; width:115px;}

body#service li#m01 a {background-position: -104px -240px; width:139px;}
body#company li#m02 a {background-position: -243px -240px; width:101px;}
body#ir li#m03 a {background-position: -344px -240px; width:108px;}
body#case li#m04 a {background-position: -452px -240px; width:101px;}
body#contact li#m05 a {background-position: -553px -240px; width:100px;}
body#offer li#m06 a {background-position: -653px -240px; width:115px;}


#charsize {
position: absolute;
right: 16px;
top: 17px;
}

#charsize dl dt {
float: left;
margin-right: 10px;
width: 72px;
height: 12px;
display: block;
}

#charsize dl dt img {
position: absolute;
left: 0;
top: 5px;
}

#charsize dl dd {
float: left;
margin-left: 3px;
}

#charsize dl dd a {
width: 22px;
height: 22px;
display: block;
text-indent: -9999px;
}

#search {
position: absolute;
width: 161px;
border-top: solid 1px #D9E9DA;
right: 16px;
top: 50px;
padding-top: 10px;
}

#header input.search {
border: none;
background: #EEF4E3;
width: 133px;
_width: 130px;
height: 22px;
float: left;
margin-right: 2px;
}

#container-inner {
padding-bottom: 280px;
}

#footer {
clear: both;
position: absolute;
bottom: 0;
height: 240px;
}

.ftbox {
background: #F5FCF3;
font-size: 78%;
padding-bottom: 10px;
}

.ftbox h4 {
border-left: solid 1px #29B910;
padding: 10px 0 0 5px;
font-weight: bold;
margin-bottom: 10px;
}

.ftbox a {
color: #000;
}

.ftbox ul li {
margin: 5px 0;
}

.ftbox ul li a {
background: url("/common/images/ar_s.gif") 0 5px no-repeat;
padding: 5px 5px 5px 12px;
}

.ftbox ul {
float: left;
margin-right: 10px;
}

#ftwrap {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
width: 960px;
}

#ft {
margin: 50px 0 -20px!important;
*margin: 30px 0 0!important;
padding-bottom: 0!important;
position: relative;
}

#ft ul li {
float: left;
font-size: 78%;
margin-bottom: 0!important;
}

#ft ul li a {
border-left: solid 1px #EEF4E3;
padding: 5px 10px 10px;
font-weight: bold;
}

#ft p#cr {
font-size: 68%;
font-weight: bold;
color: #666666;
position: absolute;
top: 0;
right: 0;
}