/* CSS Document */ @charset "UTF-8"; /* Reset START */ h1, h2, h3, h4, h5, h6, p, address, ul, ol, li, dl, dt, dd, table, caption, th, td, img, form { margin: 0; padding: 0; border: none; font-style: normal; font-weight: normal; font-size: 100%; text-align: left; list-style-type: none; } textarea { font-size: 100%; } img { vertical-align: bottom; } hr { display: none; } /* Reset END */ /* Basic Structure START */ body { font-size: 12px; font-family: 'Hiragino Kaku Gothic Pro','qMmpS Pro W3','lr oSVbN', sans-serif; margin: 0; padding: 0; text-align: center; background-color: #ffffff; color: #222222; } h1 { font-size: 1em; font-weight: normal; line-height: 16px; color: #333333; display:inline; } h2 { font-size: 1em; font-weight: normal; line-height: 16px; color: #333333; } h3 { font-size: 1em; font-weight: normal; line-height: 16px; color: #333333; } p,pre { margin: 0 0 0 0; font: 12px/16px 'Hiragino Kaku Gothic Pro','qMmpS Pro W3','lr oSVbN', sans-serif; color: #333333; } img { border: 0; } .clear { clear: both; } a:link { color: #0085AB; text-decoration: none; } a:visited { color: #0085AB; text-decoration: none; } a:hover { color: #8C0000; text-decoration: underline; } table { border-collapse: collapse; } ul { margin: 0 0 0 0; } li { margin: 0 0 0 0; } /* Basic Structure END */ /* Layout START */ div#wrapper { text-align: center; } div#container { width: 950px; margin: 0 auto; text-align :left; } /* Layout END */ /* header START */ div#header { width: 940px; padding: 5px 0 0 10px; } /* header END */ /* navigation START */ div#navigation { width: 940px; padding: 5px 0 0 5px; margin: 0; white-space: nowrap; } div#navigation ul { margin: 5px 0 0 0; padding: 0; list-style-type: none; } div#navigation li { display: inline; padding: 0; margin: 0; float: left } div#navigation img { margin:0 2px 5px 5px; } /* navigation END */ /* bread START*/ div#bread { width: 940px; margin: 5px 0 5px 10px; } /* bread END*/ /* topics START */ div#topics_wrapper { width: 210px; float: left; padding: 0 0 0 0; } div#topics_wrapper #topics { width: 198px; height: 1440px; margin: 0 0 0 10px; padding: 0 0 10px 0; border: solid 1px #CCCCCC; } div#topics_wrapper #topics .banner{ margin: 5px 0 0 8px; } div#topics_wrapper ul { margin: 0 0 0 0; padding: 0; list-style-type: none; } div#topics_wrapper li { margin: 5px 5px 0 5px; } div#topics_wrapper #topics .topics1{ font-weight: bold; color: #636563; margin: 5px 5px 5px 5px; } /* topics END */ /* footer START */ div#footer { width: 950px; } div#footer p { text-align: right; color: #999999; padding:0 30px 0 0; }
/*--------------------------------------------------
　　ヘッダー
--------------------------------------------------*/
div#header,
div#header2,
div#header3 {
  padding: 0 0 0 15px;
}

/* g_navi START */
#g_navi {
  width: 920px;
  background-image: url(/assets/images/header/bg_header.jpg) ;
  margin: 0;
  padding: 6px 0;
}

#g_navi ul {
  margin: 0;
  padding: 0;
}

#g_navi li {
  margin: 0 30px 0 0;
  padding: 0;
  text-indent:-9999px;
  float: left;
}
#g_navi li a{
  padding: 0;
  display: block;
  height: 100%;
}

#g_navi_home { background-image: url(/assets/images/header/home.jpg); width: 181px; height: 50px;}
#g_navi_lifestyle { background-image: url(/assets/images/header/lifestyle.jpg); width: 105px; height: 50px;}
#g_navi_workstyle { background-image: url(/assets/images/header/workstyle.jpg); width: 157px; height: 50px;}
#g_navi_museum { background-image: url(/assets/images/header/museum.jpg); width: 140px; height: 50px;}
#g_navi_aboutus { background-image: url(/assets/images/header/aboutus.jpg); width: 57px; height: 50px;}
#g_navi_contact { background-image: url(/assets/images/header/contact.jpg); width: 56px; height: 50px;}

#g_navi_home a:hover { background-image: url(/assets/images/header/home_on.jpg); width: 181px; height: 50px;}
#g_navi_lifestyle a:hover { background-image: url(/assets/images/header/lifestyle_on.jpg); width: 105px; height: 50px;}
#g_navi_workstyle a:hover { background-image: url(/assets/images/header/workstyle_on.jpg); width: 157px; height: 50px;}
#g_navi_museum a:hover { background-image: url(/assets/images/header/museum_on.jpg); width: 140px; height: 50px;}
#g_navi_aboutus a:hover { background-image: url(/assets/images/header/aboutus_on.jpg); width: 57px; height: 50px;}
#g_navi_contact a:hover { background-image: url(/assets/images/header/contact_on.jpg); width: 56px; height: 50px;}

/* g_navi END */

/*--------------------------------------------------
　　ヘッドトピックス
--------------------------------------------------*/
div#headtopics {
  padding: 5px 0 0 5px;
  margin: 0;
  white-space: nowrap; 
}
div#headtopics img {
  margin: 0 0 0 10px;
}

/*--------------------------------------------------
　　パンくずリスト
--------------------------------------------------*/
div#bread {
  padding: 5px 0 5px 0;
}
/* パンくずリスト全体 */
span.B_crumbBox {
  margin: 0 0 0 15px;
}

B_firstCrumb {}
B_lastCrumb {}
B_currentCrumb {}
a.B_homeCrumb {}

/*--------------------------------------------------
　　フッター
--------------------------------------------------*/
div#footer-menu {
  width: 895px;
  margin: 5px 0 0 15px;
  padding: 0 10px 0 15px;
  text-align: right;
}
div#footer-menu ul {
  margin: 3px 0px 3px 0px;
  float: right;
}
div#footer-menu li {
  margin: 10px 0 5px 0px;
  float: left;
  font-size:0.8em;
}
div#footer {
  width: 895px;
  margin: 5px 0 0 15px;
  padding: 0 10px 0 15px;
}
div#footer p {
  text-align: right;
  color: #999999;
}