/* initialize */
body, h1, h2, h3, table, ul, li, ol, dl, dt, dd, p, form, th, td, input {
  padding: 0;
  margin: 0; 
}
html {
/*  overflow-y : scroll;*/
  height : 100%;
  margin-bottom : 1px;
}
h1, h2, h3, h4, address, em {
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
}
img {
  border: 0;
  vertical-align: bottom;
}
a:link, a:visited, a:active {
  /*color: #005dff;*/
  /*color: #0000ff;*/
  color: #2040cc;
  text-decoration: underline;
}
a:hover {
  color: #b6b5b5;
  text-decoration: underline;
}
body {
  font-size: 62.5%;
  line-height: 1.4em;
  text-align: center;
}
#wrapper {
  /*text-align : left*/;
  margin-top : 5px;
  text-align:center;
}
#contents {
  padding: 0;
  width: 900px;
  margin: 0 auto;
  display : table;
  text-align:left;
}

.test {
  border-top: 2px solid #ffffff;
}

body {
/*
  background: url(../img/common/bg.jpg) repeat-y center top;
*/
}
html>/**/body,x:-moz-any-link {   
    margin-left:-1px;   
}
html:not(:only-child:only-child) body {
    margin-left:1px;   
}

/* header */
#header {
  width: 900px;
  height: 40px;
  margin-left : auto;
  margin-right : auto;
  display:block;
}
#header h1 {
  float: left;  
}
#header p {
  float: right;
}
#header .google {
  display : table;
  float : right;
  text-align : right;
  width : 280px;
  margin-top : 15px;
  font-size : 1.2em;
}

#sitemap {
  display: block;
  height: 21px;
  float:right;
}

/* Safari & Chrome only */
/*\*/ html* #sitemap{ 
  margin-top : 35px;
}

/* ie7 only */
*:first-child+html #sitemap {
  margin-top : 30px;
}

#sitemap span {
  padding-left : 20px;
  background : url(../img/common/topmenu_sitemap.jpg) no-repeat 0 0;
}
#sitemap span.selected {
  padding-left : 20px;
  background : url(../img/common/topmenu_selected.jpg) no-repeat 0 0;
}
#sitemap a {
  text-decoration : none;
}

#header .google .inputtext {
  width : 100px;
}

#header p a {
  display: block;
  margin: 12px 10px 12px 0;
  width: 125px;
  height: 34px;
  background: url(../img/common/link_top.gif) no-repeat left top;
}
#header p a span {
  display: none;
}
/*************************************************************/
/* サイト内検索をアレンジ */
#header form input, #header form img {
  vertical-align: top;
}
#header input#search_text {
  background: url(../img/common/search_textbox.jpg) no-repeat left top;
  width: 142px;
  height: 18px;
  border: 0;
  font-size: small;
  line-height: 18px;
}
#header .site_search {
  padding-bottom: 10px;
}
/*************************************************************/
/* menu3 項目を画像に */
#menu3 {
  display: table;
  width : 100%;
  background: url(../img/common/menu_back.gif) repeat-x bottom left;
  font-size : 1.3em;
}
#menu3 .test {
  display: table;
  width : 900px;
  margin: 0 auto;
}
#menu3 ul li {
  float: left;
  list-style-type: none;
}

#menu3 ul li,
#menu3 ul li a {
  display: block;
  height: 26px;
}

#menu3 ul li.top,
#menu3 ul li.top a {
  width: 95px;
}

#menu3 ul li.company,
#menu3 ul li.company a {
  width: 85px;
}

#menu3 ul li.product,
#menu3 ul li.product a {
  width: 85px;
}

#menu3 ul li.group,
#menu3 ul li.group a {
  width: 85px;
}

#menu3 ul li.environment,
#menu3 ul li.environment a {
  width: 85px;
}

#menu3 ul li.recruit,
#menu3 ul li.recruit a {
  width: 85px;
}

#menu3 ul li.inquiry,
#menu3 ul li.inquiry a {
  width: 115px;
}

#menu3 ul li.top,
#menu3 ul li.top a:link,
#menu3 ul li.top a:visited,
#menu3 ul li.top a:active {
  background: url(../img/common/top.jpg) no-repeat 0 50%;
}
#menu3 ul li.top a:hover {
  background: url(../img/common/top_o.jpg) no-repeat 0 50%;
}

#menu3 ul li.product,
#menu3 ul li.product a:link,
#menu3 ul li.product a:visited,
#menu3 ul li.product a:active {
  background: url(../img/common/product.jpg) no-repeat 0 50%;
  width : 130px;
}
#menu3 ul li.product a:hover {
  width : 130px;
  background: url(../img/common/product_o.jpg) no-repeat 0 50%;
}

#menu3 ul li.company,
#menu3 ul li.company a:link,
#menu3 ul li.company a:visited,
#menu3 ul li.company a:active {
  background: url(../img/common/company.jpg) no-repeat 0 50%;
}
#menu3 ul li.company a:hover {
  background: url(../img/common/company_o.jpg) no-repeat 0 50%;
}

#menu3 ul li.group,
#menu3 ul li.group a:link,
#menu3 ul li.group a:visited,
#menu3 ul li.group a:active {
  background: url(../img/common/group.jpg) no-repeat 0 50%;
}
#menu3 ul li.group a:hover {
  background: url(../img/common/group_o.jpg) no-repeat 0 50%;
}

#menu3 ul li.environmentop,
#menu3 ul li.environment a:link,
#menu3 ul li.environment a:visited,
#menu3 ul li.environment a:active {
  background: url(../img/common/environment.jpg) no-repeat 0 50%;
}
#menu3 ul li.environment a:hover {
  background: url(../img/common/environment_o.jpg) no-repeat 0 50%;
}

#menu3 ul li.recruit,
#menu3 ul li.recruit a:link,
#menu3 ul li.recruit a:visited,
#menu3 ul li.recruit a:active {
  background: url(../img/common/recruit.jpg) no-repeat 0 50%;
}
#menu3 ul li.recruit a:hover {
  background: url(../img/common/recruit_o.jpg) no-repeat 0 50%;
}

#menu3 ul li.inquiry,
#menu3 ul li.inquiry a:link,
#menu3 ul li.inquiry a:visited,
#menu3 ul li.inquiry a:active {
  background: url(../img/common/inquiry.jpg) no-repeat 0 50%;
}
#menu3 ul li.inquiry a:hover {
  background: url(../img/common/inquiry_o.jpg) no-repeat 0 50%;
}

#menu3 ul li span {
  display: none;
}
#menu3 ul.sitemap2 {
  float: right;
  list-style-type: none;
}
#menu3 ul.sitemap2 li {
  width: 85px;
  height:26px;
  display:block;
  background: url(../img/common/msitemap.jpg) no-repeat 0 50%;
}
#menu3 ul.sitemap2 li:hover {
  background: url(../img/common/msitemap_o.jpg) no-repeat 0 50%;
}

/*************************************************************/

#menu2 {
  display: table;
  width : 100%;
  background: url(../img/common/menu_back.gif) repeat-x bottom left;
  font-size : 1.3em;
}
#menu2 .test {
  display: table;
  width : 900px;
  margin: 0 auto;
}
#menu2 ul {
  display : table;
  width : 100%;
}
#menu2 ul li {
  list-style-type: none;
  float: left;
  padding-right : 18px;
  padding-bottom : 8px;
}
#menu2 ul li,
#menu2 ul li a {
  height : 100%;
  text-decoration : none;
}
#menu2 ul li:hover {
  background: url(../img/common/menu_back_o.gif) repeat-x bottom left;
}
#menu2 ul li span {
  background: url(../img/common/topmenu.jpg) no-repeat top left;
  padding-left : 22px;
}
#menu2 ul li span.selected {
  background: url(../img/common/topmenu_selected.jpg) no-repeat top left;
}


/* footer */
#footer_all {
  clear: both;
  width : 100%;
/*
  border-top: 5px solid #aaaaaa;
*/
  background: url(../img/common/menu_back.gif) repeat-x top left;
  margin: 20px 0 20px 0;
}

#footer {
  clear: both;
  width: 900px;
  height: 30px;
  margin : 0 auto;
  padding-bottom: 20px;
}

#footer .colL {
  float: left;
  margin: 12px 0 0 0;
}

#footer .colR {
  float: right;
  margin: 10px 0 0 0;
  width: 400px;
  text-align : right;
}
#footer .colR .pPolicy {
  float: right;
  text-align: right;
  margin: 5px 0 0 0;
  width : 350px;
}

#footer .colR .pPolicy span {
  font-size: 1.1em;
  font-weight: bold;
}
#footer .colR .pPolicy a:link,
#footer .colR .pPolicy a:visited,
#footer .colR .pPolicy a:active {
  color: #676767;
  text-decoration: none;
}
#footer .colR .pPolicy a:hover {
  color: #acacac;
  text-decoration: underline;
}

#footer .colR .pMark {
  float: right;
}
/*
#footer {
  background: url(../img/message/dot_bar_orange.jpg) repeat-x top left;
}
*/
/* title */
h2.title {
  text-align: left;
  padding: 15px 0;
}
* html h2.title {
  padding: 8px 0 15px 0;
}
*:first-child+html h2.title {
  padding: 8px 0 15px 0;
}

/* sideMenu */
#sideMenu {
  float: left;
}
#sideMenu ul li {
  list-style-type: none;
}
#sideMenu ul li,
#sideMenu ul li a {
  display: block;
  width: 180px;
  height: 38px;
}
#sideMenu ul li span {
  display: none;
}

#sideMenu .selected {
  color: #555555;
  padding: 5px 6px 5px 16px;
  border-top:1px solid #dddddd;
/*  margin-left: 16px;
*/
margin-left:6px;width:146px;
}
#sideMenu .selected:hover {
  background-color: #ffffff;
}
#sideMenu .noselect {
  color: #aaaaaa;
  padding: 5px 6px 5px 16px;
  border-top:1px solid #dddddd;
  margin-left:6px;width:146px;
}
#sideMenu .noselect:hover {
  background-color: #ffffff;
}

.clear {
  clear: both;
/*
  height: 0px;
*/
}

#currentPos {
  margin-left : 5px;
  text-align : left;
  display : block;
  width:100%;
}
#currentPos .nowpos {
  font-weight : bold;
  color:#656565;
}

/*
#environmentContents .subtitle_policy,
#environmentContents .subtitle_declare,
#environmentContents .subtitle_eco_office,
#environmentContents .subtitle_green,
#environmentContents .subtitle_activity,
#main .subtitle,
#newsContents .subtitle,
#companyContents .subtitle,
#productsContents .subtitle {
  float : right;
  width : 700px;
  height : 35px;
  display : table;
  border : solid 1px #000000;
  margin-bottom : 10px;
}
*/
#environmentContents h2.subtitle_policy,
#environmentContents h2.subtitle_declare,
#environmentContents h2.subtitle_eco_office,
#environmentContents h2.subtitle_green,
#environmentContents h2.subtitle_activity,
#main h2.subtitle,
#newsContents h2.subtitle,
#companyContents h2.subtitle,
#productsContents h2.subtitle {
  float : right;
  width : 700px;
  height : 35px;
  display : table;
/*  border : solid 1px #000000;*/
  margin-bottom : 10px;
}

/*
#environmentContents .subtitle_policy span,
#environmentContents .subtitle_declare span,
#environmentContents .subtitle_eco_office span,
#environmentContents .subtitle_green span,
#environmentContents .subtitle_activity span,
#newsContents .subtitle span,
#companyContents .subtitle span,
#productsContents .subtitle span {
  display : none;
}
*/
#environmentContents h2.subtitle_policy span,
#environmentContents h2.subtitle_declare span,
#environmentContents h2.subtitle_eco_office span,
#environmentContents h2.subtitle_green span,
#environmentContents h2.subtitle_activity span,
#main .subtitle span,
#newsContents h2.subtitle span,
#companyContents h2.subtitle span,
#productsContents h2.subtitle span {
  display : none;
}

/*
#companyContents .subtitle2 {
  float : right;
  width : 700px;
  height : 35px;
  display : table;
  border : solid 1px #000000;
}

#companyContents .subtitle2 span {
  display : none;
}
*/
#companyContents h2.subtitle2 {
  float : right;
  width : 700px;
  height : 35px;
  display : table;
  /*border : solid 1px #000000;*/
}

#companyContents h2.subtitle2 span {
  display : none;
}

span.nodisplay {
  display : none;
}

#menu ul.topmenu {
  font-size : 1.3em;
  line-height : 1.5em;
}

#currentPos {
  font-size : 1.3em;
  line-height : 1.5em;
  margin-top : 5px;
  margin-bottom : 5px;
}

#nowmaking {
  clear:both;
  width : 250px;
  height : 250px;
  display : block;
  margin : 0 auto;
  background : url(../img/common/nowmaking.gif) no-repeat 0 0;
}

.outlink {
  margin-bottom: 5px;
}