@charset "utf-8";

*{
	margin:0px;
	padding:0px;
}

html {

}

body {
 color: #444444;
 margin: 0;
 padding: 0;

 text-align: center;
 background-color: #c9c9c9;
 font: 0.78em/1.5em HiraKakuPro-W3, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
}

*+html body, * html body {
font-family: Meiryo, メイリオ,"ＭＳ Ｐゴシック",sans-serif;
}

img {
 border-style: none;
 margin: 0;
 padding: 0;
}

h1,h2,h3 {
 margin: 0;
 padding: 0;
 text-indent: -9999px;
}

p {
 margin: 0;
 padding: 0;
}

.hide {
 display: none;
}

.clearboth {
 clear: both;
}

#container {
 width: 856px;
 padding: 0;
 margin: 0 auto;
 text-align: left;
 display: inline-block;
}

#header {
 background-image: url(../images/common/header.gif);
 width: 856px;
 height: 81px;
 background-color: white;
}

#header .home a {
 width: 180px;
 height: 81px;
 text-indent: -9999px;
 float: left;
 background-repeat: no-repeat;
}

/* @group Navigations */

#subheader {
 width: 856px;
 float: left;
}

ul#nav {
 margin: 0;
 width: 856px;
 height: 30px;
 padding: 0;
}

ul#nav li {
 list-style: none;
 float: left;
}

ul#nav li a {
text-indent: -9999px;
 text-decoration: none;
 border: none !important;
 height: 30px;
 display: block;
}

ul#nav li#philosophy {
 width: 143px;
 background: url(../images/common/navigation.jpg) no-repeat;
 height: 30px;
}

ul#nav li#company {
 width: 143px;
 background: url(../images/common/navigation.jpg) no-repeat -143px 0;
 height: 30px;
 left: 143px;
}

ul#nav li#solution a {
 width: 143px;
 background: url(../images/common/navigation.jpg) no-repeat -286px 0;
 height: 30px;
 left: 286px;
}

ul#nav li#contact a {
 width: 143px;
 background: url(../images/common/navigation.jpg) no-repeat -429px 0;
 height: 30px;
 left: 429px;
}

ul#nav li#access a {
 width: 142px;
 background: url(../images/common/navigation.jpg) no-repeat -572px 0;
 height: 30px;
 left: 572px;
}

ul#nav li#recruit a {
 width: 142px;
 background: url(../images/common/navigation.jpg) no-repeat -714px 0;
 height: 30px;
 left: 714px;
}

ul#nav li#philosophy:hover {
 background-position: 0 -30px;
}

ul#nav li#company:hover {
 background-position: -143px -30px;
}

/* @group CSS Hack -only IE4-6 */

ul#nav li#philosophy a {
_ width: 143px;
 _background: url(../images/common/navigation.jpg) no-repeat;
 _height: 30px;
}

ul#nav li#philosophy a:hover {
 _background-position: 0 -30px;
}

ul#nav li#philosophy a.active {
  _background-position: 0 -30px;
}

ul#nav li#company a {
 _width: 143px;
_ background: url(../images/common/navigation.jpg) no-repeat -143px 0;
_ height: 30px;
 _left: 143px;
}

ul#nav li#company a:hover {
 _background-position: -143px -30px;
}

ul#nav li#company a.active {
 _background-position: -143px -30px;
}



/* @end */

ul#nav li#solution a:hover {
 background-position: -286px -30px;
}

ul#nav li#contact a:hover {
 background-position: -429px -30px;
}

ul#nav li#access a:hover {
  background-position: -572px -30px;
}

ul#nav li#recruit a:hover {
  background-position: -714px -30px;
}

ul#nav li#philosophy.active {
  background-position: 0 -30px;
}

ul#nav li#company.active {
 background-position: -143px -30px;
}

ul#nav li#solution a.active {
 background-position: -286px -30px;
}

ul#nav li#contact a.active {
 background-position: -429px -30px;
}

ul#nav li#access a.active {
  background-position: -572px -30px;
}

ul#nav li#recruit a.active {
  background-position: -714px -30px;
}

/* @group My Group */

ul#navi li#philosophy ul#pullnavi {
 width: 143px;
 height: 85px;
 margin: 0;
 padding: 0;
 float: left;
 z-index: 200;
 position: absolute;
 display: block;
}

ul#pullnavi {
 width: 143px;
 height: 85px;
 padding: 0;
 float: left;
 z-index: 200;
 position: absolute;
 display: none;
 margin: 0;
}

ul#pullnavi li {
 list-style: none;
 float: left;
 clear: both;
}

ul#pullnavi li a {
text-indent: -9999px;
 text-decoration: none;
 border: none !important;
 height: 30px;
 display: block;
}

ul#pullnavi li#greet a {
 width: 143px;
 height: 29px;

 background: url(../images/common/pullnavi.gif) no-repeat;
}

ul#pullnavi li#princi a {
 width: 143px;
 background: url(../images/common/pullnavi.gif) no-repeat 0 -30px;
 height: 28px;
}

ul#pullnavi li#group a {
 width: 143px;
 background: url(../images/common/pullnavi.gif) no-repeat 0 -57px;
 height: 28px;
}

ul#pullnavi li#greet a:hover {
 background-position: -143px 0;
}

ul#pullnavi li#princi a:hover {
 background-position: -143px -30px;
}

ul#pullnavi li#group a:hover {
 background-position: -143px -57px;
}

ul#nav li#philosophy:hover ul#pullnavi {
 display: block;
}

/* @end */

/* @group My Group */

ul#navi li#company ul#pulnavi {
 width: 143px;
 height: 113px;
 margin: 0;
 padding: 0;
 float: left;
 z-index: 100;
 position: absolute;
 display: block;
}

ul#pulnavi {
 width: 143px;
 height: 113px;
 padding: 0;
 float: left;
 z-index: 100;
 position: absolute;
 display: none;
 margin: 0;
}

ul#pulnavi li {
 list-style: none;
 float: left;
 clear: both;
}

ul#pulnavi li a {
text-indent: -9999px;
 text-decoration: none;
 border: none !important;
 height: 30px;
 display: block;
}

ul#pulnavi li#overview a {
 width: 143px;
 height: 29px;
 background: url(../images/common/pulnavi.gif) no-repeat;
}

ul#pulnavi li#history a {
 width: 143px;
 background: url(../images/common/pulnavi.gif) no-repeat 0 -30px;
 height: 28px;
}

ul#pulnavi li#handling a {
 width: 143px;
 background: url(../images/common/pulnavi.gif) no-repeat 0 -57px;
 height: 28px;
}

ul#pulnavi li#client a {
 width: 143px;
 background: url(../images/common/pulnavi.gif) no-repeat 0 -85px;
 height: 28px;
}

ul#pulnavi li#overview a:hover {
 background-position: -143px 0;
}

ul#pulnavi li#history a:hover {
 background-position: -143px -30px;
}

ul#pulnavi li#handling a:hover {
 background-position: -143px -57px;
}

ul#pulnavi li#client a:hover {
 background-position: -143px -85px;
}

ul#nav li#company:hover ul#pulnavi {
 display: block;
}

/* @end */

/* @end */

.contents {
 margin: 0;
 padding: 0;
 background: white repeat-y;
 width: 856px;
 position: relative;
 float: left;
}

.flash {
 height: 392px;
 width: 856px;
 float: left;
}

.topwrapper {
 width: 856px;
 float: left;
 padding-bottom: 80px;
 background: url(../images/common/contents_bg.gif) repeat-y;
}

.topleftwrapper {
 width: 250px;
 float: left;
}

.toprightwrapper {
 float: left;
 width: 605px;
}

/* @group top */

h2.topConst {
 background: url(../images/top/h2_const.gif) no-repeat;
}

h2.topWhatsnew {
 height: 34px;
 background: url(../images/top/h2_whatsner.gif) no-repeat;
 margin-left: 20px;
 width: 525px;
}

.topleftCol {
 width: 230px;
 padding-left: 0;
 padding-top: 20px;
 margin-left: 5px;
}

.toprightCol {
 width: 520px;
 margin: 0 0 0 25px;
 padding: 20px 0 0;
}

.whatsnew {
 float: left;
 width: 525px;
 padding: 0 0 10px;
 margin: 0;
 clear: both;
}

.date {
 width: 80px;
 float: left;
}

.news {
 width: 440px;
 float: left;
}

.topleftCol ul {
 padding-left: 3px;
 margin: 0;
 padding-top: 5px;
 padding-bottom: 10px;
 list-style-type: none;
}
	
	.topleftCol li {
background: url(../images/common/arrow.gif) no-repeat 0 top;
 padding-left: 20px;
 text-align: left;
}

.topleftCol p.title {
 font-size: 1.1em;
}



/* @end */

.link ul {
 margin: 0;
 list-style-type: none;
 padding: 0 !important;
}
	
	.link li {
background: url(../images/common/arrow_w.gif) no-repeat 0 top;
 padding-left: 20px;
 text-align: left;
 list-style-type: none;
}

#footer {
 height: 100px;
 background: #c9c9c9 no-repeat;
 width: 856px;
 float: left;
 line-height: 1.3em;
 font-size: 0.8em;
}

#footer .footerlink {
 width: 856px;
 float: left;
 background: url(../images/common/footer_line.gif) no-repeat;
	background-position:bottom;
 text-align: center;
 padding: 1.3em 0;
	font-size: 1.3em;
}

#footer .paddingL {
 margin: 0;
 width: 500px;
 float: left;
 padding-top: 1.3em;
}

#footer .paddingR {
 width: 300px;
 float: right;
 text-align: right;
 padding-top: 1.3em;
 font-size: 1.3em;
}

address {
 font-weight: normal;
 font-style: normal;
}

a {
 color: #444444;
 text-decoration: none;
}

a.b {
 color: #0078ff;
}

a:hover {
 color: red;
 text-decoration: none;
}