@charset "UTF-8";
/* CSS Document */
/*
 2013.3.8 作成
*/
/* 
以下のclassは単独でスタイル指定をしないこと
.wrapper,.wrapperIn,.even,.odd,.end,.current,.hgroup,.tabMenu,.tabContents,.abstract,.article

	ディレクトリ毎に以下のclassをbodyにつけること
	日本語トップ index
	製品 product
	産業別 sector
	カタログ service
	投資家の皆様へ ir
	ニュース news
	お問い合わせ contact
	会社情報 company
*/
/* 共通 */
body {
  width: 728px;
  margin: 0 auto;
}

/* フォームリセット */
select {
  -webkit-appearance: none;
  background: url(/jp/common/img/sp/select_bg.jpg) right center no-repeat white;
  border-style: solid;
  border-width: 1px 0 0 1px;
  border-color: #CFD2D4;
}

/* パンくず */
#topicPath ul {
  width: 728px;
}

/* 個別ページ見出し */
#contentsHg .wrapper {
  width: 728px;
}

/* メインコンテンツ */
#contents {
  width: 728px;
}

/* -------

ヘッダー

*/
#header .siteMenu {
  display: none;
}
#header .logo {
  width: 728px;
}
#header .logo .search {
  width: 230px;
  margin-top: 31px;
  margin-right: 0;
}
#header .logo .search input[type="text"] {
  width: 174px;
}
#header .logo .catch {
  margin-top: 36px;
  background: url(/jp/common/img/tab/logo_left.gif) top left no-repeat;
  width: 250px;
  height: 36px;
}
#header .logo .ci {
  padding: 10px 0;
  zoom: .8;
}
#header .globalNavi {
  background: url(/jp/common/img/tab/navi_bg.gif) left bottom repeat-x #00297a;
  height: 58px;
}
#header .globalNavi .wrapper {
  width: 728px;
}
#header .globalNavi .wrapper ul {
  top: 2px;
}
#header .globalNavi .wrapper ul li a {
  height: 56px;
  width: 121px;
}

/* グローバルナビ */
#header #gNavi_01 a {
  width: 122px;
  background-image: url(/jp/common/img/tab/navi_01.png);
}
#header #gNavi_01 a:hover {
  background-image: url(/jp/common/img/tab/navi_01.png);
}
#header #gNavi_01 a.current {
  background-image: url(/jp/common/img/tab/navi_01_o.png);
}
#header #gNavi_02 a {
  background-image: url(/jp/common/img/tab/navi_02.png);
}
#header #gNavi_02 a:hover {
  background-image: url(/jp/common/img/tab/navi_02.png);
}
#header #gNavi_02 a.current {
  background-image: url(/jp/common/img/tab/navi_02_o.png);
}
#header #gNavi_03 a {
  background-image: url(/jp/common/img/tab/navi_03.png);
}
#header #gNavi_03 a:hover {
  background-image: url(/jp/common/img/tab/navi_03.png);
}
#header #gNavi_03 a.current {
  background-image: url(/jp/common/img/tab/navi_03_o.png);
}
#header #gNavi_04 a {
  background-image: url(/jp/common/img/tab/navi_04.png);
}
#header #gNavi_04 a:hover {
  background-image: url(/jp/common/img/tab/navi_04.png);
}
#header #gNavi_04 a.current {
  background-image: url(/jp/common/img/tab/navi_04_o.png);
}
#header #gNavi_05 a {
  background-image: url(/jp/common/img/tab/navi_05.png);
}
#header #gNavi_05 a:hover {
  background-image: url(/jp/common/img/tab/navi_05.png);
}
#header #gNavi_05 a.current {
  background-image: url(/jp/common/img/tab/navi_05_o.png);
}
#header #gNavi_06 a {
  width: 122px;
  background-image: url(/jp/common/img/tab/navi_06.png);
}
#header #gNavi_06 a:hover {
  background-image: url(/jp/common/img/tab/navi_06.png);
}
#header #gNavi_06 a.current {
  background-image: url(/jp/common/img/tab/navi_06_o.png);
}

/* -------

フッター 

*/
#footer .navi {
  background-color: #00297A;
  padding: 19px 0;
}
#footer .navi ul {
  border-right: none;
}
#footer .navi ul li {
  border-right-color: #335AAC;
  padding: 0 10px 0;
}
#footer .navi ul li a {
  padding-left: 14px;
}
#footer .navi ul li:first-of-type {
  border-left: 1px solid #335aac;
}
#footer .navi ul:first-of-type {
  margin-bottom: 15px;
}
#footer .siteMenu {
  display: none;
}
#footer .under {
  width: 728px;
}

#goTop {
  position: static;
  background-color: #000000;
  padding: 10px 0;
}
#goTop p {
  float: none;
  text-align: center;
}
#goTop p a {
  position: static;
  width: 25px;
  height: 25px;
  background: url(/jp/common/img/tab/pagetop.gif) top left no-repeat;
}

/* 一覧のcss設定 */
#index {
  background-size: 125% auto;
  padding-bottom: 100px;
}
#index #vi {
  zoom: .75;
}
#index #contents #search {
  background-image: url(/jp/index/img/tab/index_bg.png);
  width: 728px;
}
#index #contents #search .wrapper {
  background-image: url(/jp/index/img/tab/index_bg_top.png);
}
#index #contents #search .wrapper .wrapperIn {
  background-image: url(/jp/index/img/tab/index_bg_bottom.png);
  width: 728px;
  padding-left: 18px;
}
#index #contents #search h2 {
  margin-left: 18px;
  margin-bottom: 8px;
}
#index #contents #search #banner {
  display: block;
  margin-left: 18px;
}
#index #contents #search #banner .itemList {
  float: none;
  background: url(/jp/index/img/tab/seach_bg.png) center center no-repeat white;
  width: 672px;
  height: 252px;
  padding: 8px;
  border-radius: 8px;
  box-shadow: 0 0 16px 5px #dddddd;
  margin-right: 0;
  margin-bottom: 20px;
}
#index #contents #search #banner .itemList h3 img {
  width: 672px;
  height: auto;
}
#index #contents #search #banner .itemList ul li {
  width: 208px;
  height: 49px;
  padding-left: 14px;
}
#index #contents #search #banner .itemList ul li:nth-of-type(2n+1) {
  width: 209px;
}
#index #contents #search #banner .itemList ul li a {
  padding: 17px 0 19px 15px;
}
#index #contents #search #serachTabmenu {
  width: 688px;
  float: none;
  clear: left;
  padding-left: 0;
}
#index #contents #search #serachTabmenu .tabMenu #searchTabMenu_01 a:hover {
  background-image: url(/jp/index/img/pc/search_h_01.png);
}
#index #contents #search #serachTabmenu .tabMenu #searchTabMenu_01 a.current:hover {
  background-image: url(/jp/index/img/pc/search_h_01_o.png);
}
#index #contents #search #serachTabmenu .tabMenu #searchTabMenu_02 a:hover {
  background-image: url(/jp/index/img/pc/search_h_02.png);
}
#index #contents #search #serachTabmenu .tabMenu #searchTabMenu_02 a.current:hover {
  background-image: url(/jp/index/img/pc/search_h_02_o.png);
}
#index #contents #search #serachTabmenu .tabContents {
  padding-left: 6px;
  padding-bottom: 17px;
}
#index #contents #search #serachTabmenu .tabContents ul li a {
  display: block;
}
#index #contents #search #selectiveSearch {
  display: inline-block;
  width: auto;
  float: none;
  padding-left: 0;
}
#index #contents #search #selectiveSearch ul {
  display: inline-block;
  width: 480px;
  float: left;
}
#index #contents #search #selectiveSearch ul li {
  width: 138px;
  float: left;
  width: 138px;
  margin-right: 10px;
  margin-bottom: 0;
}
#index #contents #search #selectiveSearch ul li:last-of-type {
  width: 175px;
  margin-right: 0;
}
#index #contents #search #selectiveSearch ul li select {
  width: 100%;
  background-size: 27px 27px;
}
#index #contents #search #selectiveSearch p {
  float: left;
  text-align: center;
  padding: 4px;
  background: url(/jp/common/img/search_btn_bg.png) top left;
  width: 200px;
  margin-top: -10px;
}
#index #contents #search #selectiveSearch p input:hover {
  background-image: url(/jp/index/img/pc/search_btn.gif);
}
#index #contents #indexContents {
  clear: left;
  display: inline-block;
  width: inherit;
}
#index #contents #indexContents .indexContentsIn {
  display: block;
  width: 728px;
  float: none;
}
#index #contents #indexContents #sideNavi {
  width: auto;
  float: none;
  clear: left;
  padding-left: 0;
}
#index #contents #indexContents #sideNavi #inquiry {
  display: none;
}
#index #contents #indexContents #sideNavi .affiliatedList {
  display: inline-block;
}
#index #contents #indexContents #sideNavi .affiliatedList li {
  float: left;
  margin-right: 20px;
  margin-bottom: 17px;
}
#index #contents #indexContents #sideNavi .affiliatedList li.end {
  margin-bottom: inherit;
}
#index #contents #indexContents #sideNavi .affiliatedList li:nth-of-type(3n) {
  margin-right: 0;
}
#index #contents #indexContents #sideNavi .affiliatedCompany ul {
  display: inline-block;
}
#index #contents #indexContents #sideNavi .affiliatedCompany ul li {
  background: none;
  float: left;
  width: 240px;
}
#index #contents #indexContents #sideNavi .affiliatedCompany ul li a {
  margin-left: 8px;
}
#index #contents #indexContents #sideNavi .affiliatedCompany ul li:nth-of-type(2) a {
  margin-left: 22px;
}
#index #contents #indexContents #sideNavi .affiliatedCompany ul li:nth-of-type(3) a {
  margin-left: 22px;
}
#index #contents #indexContents #news {
  background-image: url(/jp/index/img/tab/index_bg.png);
  margin-left: 0;
}
#index #contents #indexContents #news .wrapper {
  background-image: url(/jp/index/img/tab/index_bg_top.png);
}
#index #contents #indexContents #news .wrapper .wrapperIn {
  width: 728px;
  background-image: url(/jp/index/img/tab/index_bg_bottom.png);
}
#index #contents #indexContents #news h2 {
  margin-left: 18px;
}
#index #contents #indexContents #news #brandNew {
  margin-left: 17px;
}
#index #contents #indexContents #news #newsIndex {
  margin-left: 18px;
}
#index #contents #indexContents #news #newsIndex .tabMenu li#newsIndexMenu_01 a:hover {
  background-image: url(/jp/index/img/pc/news_h_01.png);
}
#index #contents #indexContents #news #newsIndex .tabMenu li#newsIndexMenu_01 a.current:hover {
  background-image: url(/jp/index/img/pc/news_h_01_o.png);
}
#index #contents #indexContents #news #newsIndex .tabMenu li#newsIndexMenu_02 a:hover {
  background-image: url(/jp/index/img/pc/news_h_02.png);
}
#index #contents #indexContents #news #newsIndex .tabMenu li#newsIndexMenu_02 a.current:hover {
  background-image: url(/jp/index/img/pc/news_h_02_o.png);
}
#index #contents #indexContents #news #newsIndex .tabMenu li#newsIndexMenu_03 a:hover {
  background-image: url(/jp/index/img/pc/news_h_03.png);
}
#index #contents #indexContents #news #newsIndex .tabMenu li#newsIndexMenu_03 a.current:hover {
  background-image: url(/jp/index/img/pc/news_h_03_o.png);
}
#index #contents #indexContents #news #newsIndex .tabMenu li#newsIndexMenu_04 a:hover {
  background-image: url(/jp/index/img/pc/news_h_04.png);
}
#index #contents #indexContents #news #newsIndex .tabMenu li#newsIndexMenu_04 a.current:hover {
  background-image: url(/jp/index/img/pc/news_h_04_o.png);
}
#index #contents #indexContents #news #newsIndex .tabMenu li#newsIndexMenu_05 a:hover {
  background-image: url(/jp/index/img/pc/news_h_05.png);
}
#index #contents #indexContents #news #newsIndex .tabMenu li#newsIndexMenu_05 a.current:hover {
  background-image: url(/jp/index/img/pc/news_h_05_o.png);
}
#index #contents #indexContents #news #newsIndex .tabContents div ul li a {
  display: block;
}
#index #contents #indexContents .metoroMenu {
  margin-left: 0;
  padding-bottom: 18px;
}

/* -- */
/* メインビジュアル */
#photo {
  overflow: hidden;
}
#photo #vi {
  width: 728px;
}
#photo #vi.current {
  height: 277.5px;
}
#photo #vi ul {
  zoom: .75;
}
@media all and (max-width: 768px) {
  #photo #vi ul.current {
    left: 82px;
  }
}
#photo #thumb {
  zoom: .8;
}
#photo #thumb .wrapper {
  width: 950px;
}
#photo #thumb .wrapper ul {
  padding-left: 0;
}
#photo #thumb .wrapper span#naviFrame {
  left: 20px;
}

/* -- */

#header .logo .ci {
  text-align: left;
}
#header .logo .ci img {
  margin-left: 125px;
}