@charset "utf-8";

/* 基本設定
---------------------------------------------------------*/
a {
  text-decoration: underline;
}
input {
  vertical-align: middle;
}
* html body input {
  vertical-align: 1px;
}
input[type=text],
input[type=password] {
  padding-top: 2px;
  border: solid 1px #ccc;
  height: 17px;
}
input.keyword {
  background: #fff url(../images/text_keywordsearch.gif) 5px 50% no-repeat;
}


/* インラインブロック（display: inline-block）
---------------------------------------------------------*/
#sideLogin label,
#main h2 span,
#main h2 a.special,
#main .skiper li,
#main .localNavi li,
#main .pager p,
#main .pager li,
#main .pager ol,
#loginBox label,
.btn.small,
.nobtn.small,
.btn.medium,
.btn.large,
.btn.matte,
.ib {
  display: -moz-inline-box;  /* [Fx2-] */
  display: inline-block;     /* [Fx3+, Sa2+, Op8+] */
  zoom: 1; /display: inline; /* [IE6-7] */
}


/* クリアフィックス（clearfix）
---------------------------------------------------------*/
/* [Fx, Sa, Op] */
#header div.globalNavi ul:after,
#header div.inner:after,
#header div.utility:after,
#contents:after,
#main .detail:after,
#main .detail .function:after,
#main .searchCondition dl:after,
#searchResultStatus:after,
#myList .action ul.option:after,
#news dl:after,
#directNavi:after,
#myList fieldset ul:after,
#myBinder fieldset ul:after,
.viewBlock.half.catalogPage li.article div.image ol.pages:after,
.viewBlock.half.catalogPage li.article ol.nombre:after,
.viewInline ul:after,
.viewBlock:after,
.viewPanel:after,
.viewPanel ul:after,
.viewPanel .pageNavi:after,
.viewBlock div.inner:after,
.catalogIndex .function ul:after,
.catalogIndex ul:after,
.catalogIndex .function:after,
.CatalogPageGroupDetailForSearch #overview .detail .pages:after,
div.side .siblings li:after,
div.side .siblings li a:after,
.section:after,
.cf:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
  visibility: hidden;
}
/* [IE6-7] */
#header div.globalNavi ul,
#header div.inner,
#header div.utility,
#contents,
#main .detail,
#main .detail .function,
#main .searchCondition dl,
#searchResultStatus,
#myList .action ul.option,
#news dl,
#directNavi,
#myList fieldset ul,
#myBinder fieldset ul,
.catalogIndex .function ul,
.catalogIndex ul,
.catalogIndex .function,
.viewBlock.half.catalogPage li.article div.image ol.pages,
.viewBlock.half.catalogPage li.article ol.nombre,
.viewInline ul,
.viewBlock,
.viewPanel ul,
.viewBlock div.inner,
.catalogIndex .function ul,
div.side .siblings li,
div.side .siblings li a,
.section,
.cf {
  zoom: 1;
}


/* PNGフィックス
---------------------------------------------------------*/
/* PNGFIX */
* html img.png,
* html .png img {
  behavior: url('../js/fx-iepngfix.htc');
  /*
    Webサーバにアップする際には、絶対パスで書く！
    （htcファイルのblank.gifへのパスも修正する）
  */
}


* html span.png,
* html .png span {
  behavior: url('../js/fx-iepngfix.htc');
  /*
    Webサーバにアップする際には、絶対パスで書く！
    （htcファイルのblank.gifへのパスも修正する）
  */
}

.btntxt{
  background-image: url('../images/label_btn_medium_mylist.png');
  background-repeat: no-repeat;
  width:67px;
  height:9px;
  display: inline-block;
  margin-top: 6px;
}

.btntxt.done{
  background-image: url('../images/label_btn_medium_added.png');
  background-repeat: no-repeat;
  width:53px;
  height:9px;
  display: inline-block;
}


/* 頻出スタイル
---------------------------------------------------------*/
/* セクション */
div.section {
  margin-bottom: 15px;
}

/* 段落を伴う文章 */
.text p {
  margin-bottom: 10px;
}

/* 色つき矢印（colored arrow） */
#sideLogin ul.option li,
#header div.utility ul.subNavi li,
.ca {
  padding-left: 12px;
  font-size: 93%;
  background-position: 0 50%;
  background-repeat: no-repeat;
}

/* このページのトップへ戻る */
p.skipToTop {
  clear: both;
  margin: 15px 0;
  text-align: right;
}

/* 非表示 */
.none {
  display: none;
}
.noneDefault {
  display: none;
}

/* 左寄せ */
.txl {
  text-align: left;
}

/* 右寄せ */
.txr {
  text-align: right;
}

/* クリア */
.clr {
  clear: both;
}


/* テーブル
---------------------------------------------------------*/
#main table {
  width: 100%;
  font-size: 93%;
  line-height: 1;
}
#main th {
  font-weight: bold;
  color: #565656;
}

/* 縦参照テーブル */
table.vertical th,
table.vertical td {
  padding: 5px 10px;
  text-align: center;
  vertical-align: middle;
}

/* 横参照テーブル */
table.horizontal th,
table.horizontal td {
  padding: 5px 10px;
  text-align: left;
  vertical-align: top;
}

/* 実線テーブル（verticalかhorizontalと組み合わせて使用） */
table.solid th,
table.solid td {
  border: solid 1px #cfcfcf;
}
table.solid th {
  background: #e9e9e9;
}

/* 点線テーブル（verticalかhorizontalと組み合わせて使用） */
table.dotted {
  border-top: dotted 1px #ccc;
}
table.dotted th,
table.dotted td {
  border-bottom: dotted 1px #ccc;
}


/* ボタン
---------------------------------------------------------*/
.btn {
  cursor: pointer;
}
.done {
  cursor: default;
  filter: alpha(opacity=70);
  -moz-opacity:0.70;
  opacity:0.70;
}
/* 小ボタン */
.btn.small,
.nobtn.small {
  /* inline-block */
  width: 88px;
  height: 19px;
  text-align: left;
  text-indent: -9999px;
  background-repeat: no-repeat;
}
.btn.small.mylist_s {
  background-position: 0 0;
  font-size:0;
}
.btn.small.mybinder_s {
  background-position: -88px 0;
}
.btn.small.download_s {
  background-position: -176px 0;
}
.btn.small.added_s {
  background-position: -264px 0;
}
.btn.small.catalogview_s {
  background-position: -264px 0;
}
.btn.small.downloadCatalog_s {
  background-position: -200px 0;
}

/* 中ボタン */
.btn.medium {
  /* inline-block */
  width: 100px;
  height: 21px;
  text-align: center;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.btn.medium.add{
  background-position: 0 0;
}
.btn.medium img {
  margin-top: 6px;
}
.btn.medium.downloadCatalog_m {
  background-position: -200px 0;
}

/* 大ボタン */
.btn.large {
  /* inline-block */
  width: 165px;
  height: 27px;
  text-align: center;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.btn.large.download{
  background-position: 0 0;
}
.btn.large.searchDetail{
  background-position: -165px 0;
}
.btn.large.bind{
  background-position: -330px 0;
}
.btn.large.catalogview {
  background-position: -495px 0;
}
.btn.large img {
  margin-top: 7px;
}

/* 正方形ボタン */
.btn.square {
  display: block;
  width: 18px;
  height: 18px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  font-size:0;
}
.btn.square.mybinder_sq {
  background-position: 0 0;
}
.btn.square.catalogview_sq {
  background-position: -18px 0;
}
.btn.square.download_sq {
  background-position: -36px 0;
}

/* マットなボタン */
.btn.matte {
  /* inline-block */
  height: 21px;
  text-indent: -9999px;
  vertical-align: top;
  background-repeat: no-repeat;
  cursor: pointer;
}
.btn.matte.search {
  width: 34px;
  background-position: 0 0;
}
.btn.matte.login {
  width: 52px;
  background-position: -34px 0;
}

/* テキストボタン */
.btn.mybinder_mini_text{
  text-indent: -9999px;
  vertical-align: top;
  cursor: pointer;
  background-image: url(../images/text_mini_add_mybinder.gif);
  background-position: 0 0;
  width: 108px;
  height: 14px;
}
.btn.download_pdf_mini_text{
  text-indent: -9999px;
  vertical-align: top;
  cursor: pointer;
  background-image: url(../images/text_mini_download_pdf.gif);
  background-position: 0 0;
  width: 87px;
  height: 14px;
}
.btn.catalogview_mini_text{
  text-indent: -9999px;
  vertical-align: top;
  cursor: pointer;
  background-image: url(../images/text_mini_catalogview.gif);
  background-position: 0 0;
  width: 109px;
  height: 14px;
  font-size:0;
}

.btn.catalogview_middle_text{
  text-indent: -9999px;
  vertical-align: top;
  cursor: pointer;
  background-image: url(../images/text_middle_catalogview.gif);
  background-position: 0 0;
  width: 116px;
  height: 14px;
  font-size:0;
}

.btn.zoom_donwload_middle_text{
  text-indent: -9999px;
  vertical-align: top;
  cursor: pointer;
  background-image: url(../images/text_middle_zoom_download.gif);
  background-position: 0 0;
  width: 148px;
  height: 14px;
  display:block;
}
/* アイコンボタン */
.btn.icon_catalogview{
  background-image:url("../images/icon_catalogview.gif");
  background-position:0 0;
  bottom:0;
  height:18px;
  position:absolute;
  right:20px;
  width:18px;
}

/* リンクブロック */
.linkBlock {
  cursor: pointer;
}

/* パンくずリスト
---------------------------------------------------------*/
.breadcrumbs {
  margin-bottom: 15px;
  font-size: 93%;
}
.breadcrumbs li {
  display: inline;
  margin-right: 5px;
  padding-right: 15px;
  background: url(../images/arrow_breadcrumbs.gif) 100% 50% no-repeat;
}
.breadcrumbs a {
  text-decoration: none;
}
.catalogcategory li {
  display: inline;
  margin-right: 5px;
  padding-right: 15px;
  background: url(../images/arrow_breadcrumbs.gif) 100% 50% no-repeat;
}


/* ローカルナビ
---------------------------------------------------------*/
.localNavi {
  margin: 15px 0;
  padding: 5px 10px;
  background: #e9e9e9;
}
.localNavi li {
  /* inline-block */
  padding: 0 10px 0 7px;
  background: url(../images/line_localnavi_separator.gif) 100% 50% no-repeat;
}
.localNavi li a {
  font-weight: bold;
}
.localNavi li a:link,
.localNavi li a:visited {
  color: #333;
  text-decoration: none;
}
.localNavi li a:hover,
.localNavi li a:active {
  color: #666;
  text-decoration: underline;
}


/* キーワード検索
---------------------------------------------------------*/
.keywordSearch input.keyword {
  width: 168px;
}
.keywordSearch ul.scope li {
  display: inline;
}
.keywordSearch ul.scope input {
  position: absolute;
  left: -9999px;
  top: 0;
  width: 1px;
  height: 1px;
}


/* 総合包含ブロック
---------------------------------------------------------*/
#wrapper {
  padding: 0 0;
  width: 100%;
}

/* ヘッダー
---------------------------------------------------------*/
#header {
  margin-bottom: 20px;
  width: 100%;
  background-image: url(../images/bg_header.gif);
}
#header div.inner {
  height:67px;
  position: relative;
  margin-bottom: 0;
}
#header img.ci {
  position: absolute;
  left: 0;
  top: 10px;
}

/* ユーティリティ */
#header div.utility {
  float: right;
  margin-top: 10px;
  width: 500px;
}
#header div.utility .subNavi {
  float: right;
  line-height: 21px;
}
#header div.utility .subNavi li {
  display: inline;
  margin-right: 10px;
  font-size: 93%;
}
#header div.utility .keywordSearch {
  float: right;
  width: 210px;
}

/* グローバルナビゲーション */
#header .globalNavi {
  height: 36px;
  background: #e9e9e9 url(../images/bg_gnavi.gif) 0 0 repeat-x;
}
#header .globalNavi ul {
/*  background: url(../images/line_gnavi_separator.gif) 0 5px no-repeat;*/
}
#header .globalNavi li {
  float: left;
  padding: 0 0;
/*  background: url(../images/line_gnavi_separator.gif) 100% 5px no-repeat;*/
  height: 36px;
}
#header .globalNavi li a {
  display: block;
  min-width: 90px;
/*  width: auto !important;*/
/*  width: 90px;*/
  height: 36px;
  text-align: center;
}
#globalNaviHome a{
  background-position: 0 0;
  width:124px;
}

#globalNaviHome div.current a,
#globalNaviHome div a:hover{
  background-position: 0 -36px;
  width:124px;
}

#globalNaviProducts a{
  background-position: -124px 0;
  width:124px;
}

#globalNaviProducts div.current a,
#globalNaviProducts div a:hover{
  background-position: -124px -36px;
  width:124px;
}
#globalNaviCatalog a{
  background-position: -248px 0;
  width:124px;
}

#globalNaviCatalog div.current a,
#globalNaviCatalog div a:hover{
  background-position: -248px -36px;
  width:124px;
}
#globalNaviTerminate {
  background-position: -372px 0;
  width:2px;
}


/* リード
---------------------------------------------------------*/
#lead {
  margin-bottom: 15px;
}
#lead h1 {
  margin-bottom: 15px;
  font-size: 138.5%;
  line-height: 1;
  color: #333;
}
#lead.imageReplacement h1 {
  padding: 0;
  color: #000;
  background: transparent;
}
#lead p.lead {
  margin-bottom: 30px;
  font-size: 103%;
  font-weight: bold;
  line-height: 1.3;
  width:100%;
}

/* 画像置換 */
#lead.imageReplacement h1 {
  margin-bottom: 10px;
}

/* 中見出し
---------------------------------------------------------*/
h2 {
  margin-bottom: 15px;
  border-bottom: solid 1px #ccc;
  font-size: 123.1%;
  color: #333;
}
h2 span {
  /* inline-block */
  padding: 0 10px 0 0;
  border-bottom: solid 2px #ccc;
  vertical-align: top;
}
h2 span img {
  padding-bottom: 3px;
}
h2 a.ca {
  /* inline-block */
  margin: 2px 0 0 10px;
  font-size: 81%;
}

/* 各種ラベル表示
---------------------------------------------------------*/
span.lableForOtherfileList {
  background-image:url(../images/text_see_otherimages.gif);
  background-repeat:no-repeat;
  display:block;
  height:10px;
  text-indent:-9999px;
  width:81px;
}
span.labelForZoom {
  background-image:url(../images/text_mini_zoom_download.gif);
  background-repeat:no-repeat;
  display:block;
  height:10px;
  text-indent:-9999px;
  width:96px;
  cursor: pointer;
  line-height:0;
}
span.labelForMoveToTop {
  background-image:url(../images/text_skip_top.gif);
  background-repeat:no-repeat;
  display:block;
  height:10px;
  text-indent:-9999px;
  width:115px;
  cursor: pointer;
  float: right;
}


/* オブジェクトのブロック表示
---------------------------------------------------------*/
/* 共通 */
.viewBlock {
  margin-bottom: 20px;
  background: #f0f0f0;
}
.viewBlock li.article {
  display: block;
  margin-bottom: 20px;
  padding: 0 0 15px;
  background-color: #fff;
  background-position: 0 100%;
  background-repeat: no-repeat;
}
.viewBlock li.article h2 {
  margin: 0;
  border: none;
}
.viewBlock li.article .id {
  display: none;
}
.viewBlock li.article .result {
  display: none;
}
.viewBlock li.article .name {
  padding: 10px 20px 0;
  font-weight: bold;
  line-height: 1.3;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.viewBlock li.article .name a {
  text-decoration: none;
}
.viewBlock li.article .catalogcategory {
  padding: 0 20px 0;
  font-weight: bold;
  line-height: 1.3;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.viewBlock li.article p.function {
  padding-right: 20px;
  text-align: right;
}
.viewBlock li.article div.inner {
  padding: 10px 20px 0;
}
.viewBlock li.article div.wrapper {
  overflow: hidden;
  background-position: 0 0;
  background-repeat: repeat-y;
}
.viewBlock li.article div.inner div.image {
  float: left;
}
.viewBlock li.article div.inner div.image div.function {
  margin: 5px 0;
}
.viewBlock li.article div.description {
  float: left;
}
.viewBlock li.article div.label {
    display: block;
    margin-top: 4px;
    margin-bottom: 8px;
}
.viewBlock li.article div.label span {
    font-size: 93%;
    background-color: #E6E6E6;
    border: 1px solid #CDCDCD;
    color: #333;
    padding: 2px 5px;
    min-height: 14px;
}
.viewBlock li.article div.spec {
  float: right;
  font-size: 93%;
}
.viewBlock li.article img.main {
  padding: 5px;
  border: solid 1px #ccc;
  width: 100px;
  background: #fff;
}
.catalogSearchResult .viewBlock li.article img.main,
.catalogSearchCategoryList .viewBlock li.article img.main,
.catalogSearchResultPagination .viewBlock li.article img.main  {
  padding: 0;
}
span.noImage {
  padding: 5px;
  width: 100px;
  height: 100px;
  display: block;
  background-image: url(../images/default_icon/noimage.gif);
  background-position: 5px;
  border: solid 1px #ccc;
  cursor: pointer;
}
span.noImageSmall {
  width: 35px;
  height: 35px;
  display: block;
  background-image: url(../images/default_icon/noimage_s.gif);
  border: solid 1px #ccc;
  cursor: pointer;
  float: left;
}
span.noPageImage {
  display: none;
}
.viewBlock li.article ul.spec {
  margin-bottom: 10px;
  font-weight: bold;
  color: #333;
}
.viewBlock li.article .message {
  margin-bottom: 10px;
  font-weight: bold;
  color: #333;
}
.viewBlock li.article .subHeading {
  margin-bottom: 5px;
}
.viewBlock li.article ul.material {
  font-size: 85%;
}
.viewBlock li.article ul.material li {

}
.viewBlock li.article ul.material a {
  text-decoration: none;
}
.viewBlock .noResults {
  padding-bottom: 20px;
  font-weight: bold;
}
.viewBlock li span.hitpos{
  background-color:#FF9999;
  color:#FFFFFF;
  font-size:70%;
  padding:3px;
  margin-right:5px;
}
.viewBlock li img.hitpos{
  margin-right:5px;
}
.viewBlock li span.hitpos2{
  font-weight:bold;
  padding:3px;
  margin-right:5px;
}
.viewBlock li span.hitposLeft{
  background-image:url(../images/icon_hitpage_left.gif);
  background-repeat:no-repeat;
  display:block;
  height:14px;
  margin-right:5px;
  text-indent:-9999px;
  width:14px;
  float:left;
}
.viewBlock li span.hitposRight{
  background-image:url(../images/icon_hitpage_right.gif);
  background-repeat:no-repeat;
  display:block;
  height:14px;
  margin-right:5px;
  text-indent:-9999px;
  width:14px;
  float:left;
}
.viewBlock li span.hitword{
  font-weight:bold;
}
.viewBlock li .overHitMessage{
  text-align:right;
}

/* 1カラム */
.viewBlock.full {
  padding: 20px 20px 0;
}
.viewBlock.full li.article {
  float: none;
  width: 660px;
  background-image: url(../images/bg_article_full.gif);
}
.viewBlock.full li.article .name {
  background-image: url(../images/bg_article_full.gif);
}
.viewBlock.full li.article div.wrapper {
  background-image: url(../images/bg_article_full_body.gif);
}
.viewBlock.full li.article div.inner {
  padding: 10px 20px 0;
}
.viewBlock.full li.article div.image {
  width: 120px;
  margin-right: 20px;
}
.viewBlock.full li.article div.description {
  width: 150px;
}
.viewBlock.full li.article div.spec {
  width: 310px;
}


/* 1カラム（画像が大きい場合 ex : ボリュームなど） */
.viewBlock.full.hasLargerImage li.article .name {
  padding: 20px 20px 0 20px;
}
.viewBlock.full.hasLargerImage li.article div.inner {
  padding-bottom: 0;
}
.viewBlock.full.hasLargerImage li.article div.image {
  position: relative;
  margin: 0 20px 0 0;
  width: auto;
}
.viewBlock.full.hasLargerImage li.article div.image img.main {
  width: auto;
}
.viewBlock.full.hasLargerImage li.article div.description {
  width: auto;
  float: none;
}


/* 1カラム（サイドメニューがない広い画面：マイリストなど） */
.viewBlock.full.wide li.article {
  float: none;
  width: 910px;
  background-image: url(../images/bg_article_full_wide.gif);
}
.viewBlock.full.wide li.article .name {
  background-image: url(../images/bg_article_full_wide.gif);
}
.viewBlock.full.wide li.article div.wrapper {
  background-image: url(../images/bg_article_full_wide_body.gif);
}
.viewBlock.full.wide li.article div.description {
  width: 200px;
}
.viewBlock.full.wide li.article div.spec {
  width: 520px;
}


/* 2カラム */
.viewBlock.half {
  padding: 20px 10px;
}
* html .viewBlock.half { /* [IE6] レイアウト崩れ調整 */
  padding: 20px 0;
}
.viewBlock.half li.article {
  float: left;
  margin: 0 10px 20px;
  width: 320px;
  background-image: url(../images/bg_article_half.gif);
}
.viewBlock.half li.article .name {
  background-image: url(../images/bg_article_half.gif);
}
.viewBlock.half li.article div.wrapper {
  background-image: url(../images/bg_article_half_body.gif);
}
.viewBlock.half li.article div.inner {
  padding: 10px 20px;
}
.viewBlock.half li.article div.image {
  width: 120px;
  margin-right: 10px;
}
.viewBlock.half li.article div.description {
  width: 150px;
}
.viewBlock.half li.article div.spec {
  display: none;
}
/* カテゴリ一覧 */
.viewBlock.half li.article div.description ul.index li li {
  margin-left: 1em;
}

/* 2カラム（カタログページ） */
.viewBlock.half.catalogPage li.article .name span {
  display: block;
  font-size: 85%;
  font-weight: normal;
  font-family: Verdana, sans-serif;
}
.viewBlock.half.catalogPage li.article .catalogcategory {
  display: block;
  font-size: 85%;
  font-weight: normal;
  font-family: Verdana, sans-serif;
}
.viewBlock.half.catalogPage li.article div.image {
  float: none;
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
.viewBlock.half.catalogPage li.article div.image ol.pages {
  margin: 0 auto;
  border: solid 1px #ccc;
  width: 240px;
  text-align: center;
  background-color:#ddd;
}
.viewBlock.half.catalogPage li.article div.image ol.pages li {
  width: 120x;
}
.viewBlock.half.catalogPage li.article div.image ol.pages li.left {
  float: left;
}
.viewBlock.half.catalogPage li.article div.image ol.pages li.right {
  float: right;
}
.viewBlock.half.catalogPage li.article div.image ol.pages li img {
  width: 120px;
  vertical-align: bottom;
  cursor: pointer;
}
.viewBlock.half.catalogPage li.article div.image img.catalogview {
  position: absolute;
  right: 20px;
  bottom: 0;
  cursor: pointer;
}
.viewBlock.half.catalogPage li.article div.inner {
  position: relative;
  padding-bottom: 0;
}
.viewBlock.half.catalogPage li.article ol.hit {
  margin: 3px auto 20px;
  width: 240px;
}
.viewBlock.half.catalogPage li.article ol.nombre {
  margin: 3px auto 15px;
  width: 240px;
}
* html .viewBlock.half.catalogPage li.article ol.nombre { /* [IE6] 微調整 */
  margin-top: -6px;
}
.viewBlock.half.catalogPage li.article ol.nombre li {
  position: relative;
  padding: 3px 42px 0 0;
  width: 74px;
  font-size: 85%;
}
.viewBlock.half.catalogPage li.article ol.nombre li .hit {
  display: block;
}
.viewBlock.half.catalogPage li.article ol.nombre li.left {
  float: left;
}
.viewBlock.half.catalogPage li.article ol.nombre li.right {
  float: right;
}
.viewBlock.half.catalogPage li.article ol.nombre .function {
  position: absolute;
  right: 0;
  top: 0;
  width: 42px;
  height: 18px;
}
.viewBlock.half.catalogPage li.article ol.nombre .function li {
  float: left;
  margin-left: 2px;
  padding: 0;
  width: 18px;
}

/* オブジェクトのインライン表示
---------------------------------------------------------*/
.viewInline {
  margin-bottom: 20px;
  padding: 20px;
  background: #f0f0f0;
}
.viewInline li.article {
  float: left;
  padding: 10px 8px;
  width: 116px;
  text-align: center;
}
.viewInline li.mybinder {
  padding: 10px 17px;
}
.viewInline li.article .id {
  display: none;
}
.viewInline li.article .result {
  display: none;
}
.viewInline li.article .image {
  display: block;
  position: relative;
  padding: 10px 7px;
  width: 100px;
  height:100px;
  border: solid 1px #ccc;
  background: #fff;
}
.catalogMyBinder .viewInline li.article .image {
  margin-left:auto;
  margin-right:auto;
  padding: 0;
  height:auto;
}
.viewInline li.article .image img.main {
  width: 100px;
}
.viewInline li.article .image .zoom {
  position: absolute;
  right: 0;
  bottom: 0;
}
.viewInline li.article a {
  text-decoration: none;
  font-weight: bold;
}
.viewInline li.article .spec {
  padding-top: 3px;
  padding-bottom: 15px;
}
.viewInline li.article .name {
  padding: 3px 0;
  font-weight: bold;
}
.viewInline li.article .name.requireWordBreak {
  word-break: break-all\9; /* IE8 hack */
}
.viewInline li.article .name.requireWordBreak:not(:target) {
  word-break: break-all\9; /* IE9 hack */
}
@media all and (-ms-high-contrast:active), (-ms-high-contrast:none) {
  .viewInline li.article .name.requireWordBreak {
    word-break: break-all; /* IE11 hack */
  }
}
.viewInline li.article .comment {
  padding: 3px 0;
  font-size: 93%;
}

/* オブジェクトのパネル表示
---------------------------------------------------------*/
.viewPanel {
  margin-bottom: 0;
  padding: 0;
/*  background: #999999;*/
/*  color:#f0f0f0;*/
/*  border:1px solid #dddddd;*/
/*  background-image:url(../images/productbrowser_background.jpg);*/
  position: relative;
  overflow: hidden;
  min-height: 149px;
  zoom:1;
  padding-bottom:10px;
}
*html .viewPanel{
  height: 169px;
  width: 700px;
}
.viewPanel ul.siblings{
  position: relative;
  width: 675px;
}

.viewPanel li.article {
  float: left;
  padding: 10px 0 20px;
  width: 135px;
  text-align: center;
  min-height: 119px;
}
.viewPanel li.mybinder {
  padding: 10px 11px;
}
.viewPanel li.article .wrapper {
  display:block;
  text-align: center;
  position: relative;
  padding: 10px 10px 0;
  width:115px;
}
.viewPanel li.article .id {
  display: none;
}
.viewPanel li.article .image {
  display: inline-block;
  position: relative;
  padding: 0;
  width: 50px;
  border: solid 1px #ccc;
  background: #fff;
}
.viewPanel li.article .image img.main {
  width: 50px;
}
.viewPanel li.article .image .zoom {
  position: absolute;
  right: 0;
  bottom: 0;
}
.viewPanel li.article span.noImage {
  height: 50px;
  background-image: url(../images/default_icon/noimage_s.gif);
  background-position: 7px 8px;
  background-repeat: no-repeat;
  cursor: default;
}
.viewPanel li.article .name a {
  text-decoration: none;
  font-weight: bold;
}
.viewPanel li.article .label {
    display: block;
    margin-top: 5px;
    margin-bottom: 2px;
}
.viewPanel li.article .label span {
    font-size: 90%;
    background-color: #E6E6E6;
    border: 1px solid #CDCDCD;
    color: #666;
    padding: 1px 2px;
    min-height: 12px;
}
.viewPanel li.article .spec {
  padding-top: 3px;
  padding-bottom: 30px;
  font-size:90%;
}
.viewPanel li.article .name {
  padding: 3px 0;
  font-weight: bold;
}
.viewPanel li.article .comment {
  padding: 3px 0;
  font-size: 93%;
}
.viewPanel li.current {
/*  background-color:#777777;*/
/*  background-color: #eeeeee;*/
  background: transparent url(../images/bg_panelNavi_current.gif) no-repeat scroll;
  background-position: bottom;
}
.viewPanel li.current .wrapper{
}
.viewPanel .btn{
}
.viewPanel .article .btn{
}
.viewPanel .originalSearchLink .btn{
  position: absolute;
  width: 135px;
  font-size:80%;
}
.viewPanel .article .btnBox{
  display: inline-block;
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 135px;
}
.viewPanel .article .nallowdown_mini_text {
  background-image:url(../images/text_mini_nallowdown.gif);
  background-repeat:no-repeat;
  display:inline-block;
  height:14px;
  margin-left:auto;
  margin-right:auto;
  text-indent:-9999px;
  width:58px;
  zoom:1;
  font-size:0;
}
.viewPanel .article .reset_nallowdown_mini_text {
  background-image:url(../images/text_mini_reset_nallowdown.gif);
  background-repeat:no-repeat;
  display:inline-block;
  height:14px;
  margin-left:auto;
  margin-right:auto;
  text-indent:-9999px;
  width:53px;
  zoom:1;
  font-size:0;
}
.viewPanel .btn a{
  text-decoration: none;
}
/* ページャ */
.viewPanel .viewPanelPager {
  margin-bottom: 5px;
  margin-top: 5px;
  height: auto !important;
  height: 30px;
  min-height: 30px;
  float: left;
}
.viewPanel .viewPanelPager .count {
  padding-top: 7px;
  padding-right: 16px;
  text-align: center;
}
.viewPanel .viewPanelPager ul.skip {
  width: 11px;
  height: 55px;
}
.viewPanel .viewPanelPager ul.skip li {
  margin-bottom: 4px;
  width: 11px;
  height: 55px;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  background-repeat: no-repeat;
  cursor: pointer;
  float:left;
}
.viewPanel .viewPanelPager ul.skip li.prev {
  background-position: 0 0;
}
.viewPanel .viewPanelPager ul.skip li.next {
  background-position: 0 -11px;
}
.viewPanel .viewPanelPager ul.skip li.disabled {
  cursor: default;
}


.viewPanel .count {
  padding-top: 7px;
  padding-right: 16px;
  text-align: center;
  width: 100%;
}
.viewPanel .skip {
  width: 13px;
  height: 55px;
}
.viewPanel .skip{
  margin-bottom: 4px;
  width: 11px;
  height: 55px;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.viewPanel .skipPrev {
  background-position: 0 0;
  position: absolute;
  left: 0;
  top: 50px;
}
.viewPanel .skipNext {
  background-position: -11px 0;
  position: absolute;
  right: 0;
  top: 50px;
}
.viewPanel .skip.disabled {
  cursor: default;
}
.viewPanel .pageNaviBox{
  text-align: center;
  width:700px;
  position: relative;
  left: 0;
  top: 0;
  border-bottom:1px solid #EEEEEE;
  padding-bottom:5px;
}
.viewPanel .pageNaviBox .pageNaviWrapper{
	margin:0 auto;
	width:500px;
}
.viewPanel .pageNavi{
  text-align: center;
  margin-left:auto;
  margin-right: auto;
  display: inline-block;
  left: 0;
  width: auto;
  height:9px;
}
*html .viewPanel .pageNavi{ /* [IE6] 中央寄せにならない問題を回避 */
  display: inline;
}
*+html .viewPanel .pageNavi{ /* [IE7] 中央寄せにならない問題を回避 */
  display: inline;
}
.viewPanel .pageNavi ul{
}
.viewPanel .pageNavi li{
  float: left;
  margin-left: 2px;
  margin-right: 2px;
  display: block;
}
.viewPanel .pageNavi li a{
  background:transparent no-repeat scroll 0 -18px;
  display:block;
  height:9px;
  overflow:hidden;
  text-indent:-9999px;
  width:9px;
  cursor:pointer;
}
.viewPanel .pageNavi li a.current{
  background-position: 0 0;
}
.viewPanel .pageNavi li a:hover{
  background-position: 0 -9px;
}

.viewPanel .originalSearchLink{
  position: absolute;
  top: 0;
  right: 0;
  height: 15px;
  width: 90px;
}

.viewPanel .articlesBox{
  width: 675px;
  left: 11px;
  position: relative;
}


/* マイリスト・マイバインダー
---------------------------------------------------------*/
div.stock p.alert {
  padding-bottom: 15px;
  font-size: 108%;
  font-weight: bold;
  color: #333;
}
span.stockCount {
  font-weight:bold;
}
p.stockCountsMessage {
  margin:0;
  padding-left: 15px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-color:#f0f0f0;
  padding:15px;
}
#downloadNote {
  margin: 0 auto;
  width: 660px;
  padding: 15px;
  border: solid 1px #ccc;
  background: #f0f0f0 url(../images/bg_gradation_vertical.gif) 0 100% repeat-x;
}

/* マイリスト */
div.stock div.submitBlock {
  margin: 30px 0 50px;
  text-align: center;
}
div.stock div.submitBlock fieldset {
  padding: 0 19px;
  border: solid 1px #cfcfcf;
  text-align: left;
}
div.stock div.submitBlock legend {
  padding: 0 5px;
}
div.stock div.submitBlock fieldset ul {
  padding: 5px 0 10px;
}
div.stock div.submitBlock fieldset li {
  float: left;
  margin-bottom: 5px;
  padding-right: 10px;
  width: 170px;
}
div.stock div.submitBlock label {
  padding: 0 5px;
}
div.stock div.submitBlock label {
  padding: 0 5px;
  cursor:pointer;
}
div.stock div.submitBlock div.submit {
  margin-top: 15px;
  padding: 15px 0;
  background: #f0f0f0;
}
div.submitBlock h4.name{
  font-weight: normal;
  margin-top:10px;
}
div.stock h2.subHeading {
  padding-bottom: 6px;
  border-bottom-style: dotted;
}
div.stock p.lead {
  margin-bottom: 20px;
}
div.stock h3.name {
  position: relative;
  margin-bottom: 5px;
  height: auto !important;
  height: 21px;
  min-height: 21px;
  font-size: 138.5%;
  color: #333;
}
div.stock h3.name img.btn {
  position: absolute;
  right: 0;
  top: 0;
}
div.stock .viewBlock li.article div.wrapper {
  position: relative;
  zoom: 1;
}
div.stock .viewBlock li.article .delete {
  position: absolute;
  right: 20px;
  top: 10px;
  background-image:url(../images/icon_trash.gif);
  font-size:small;
  height:14px;
  text-indent:-9999px;
  width:12px;
  cursor: pointer;
  line-height: 0pt;
}
div.message {
  display: none;
  margin-bottom: 10px;
  padding: 10px 20px;
}
div.message .undo {
  padding-left: 1em;
  text-decoration: underline;
  cursor: pointer;
}
#mylistNote {
  border-right: #ccc 1px solid;
  padding-right: 15px;
  border-top: #ccc 1px solid;
  padding-left: 15px;
  background: url(../images/bg_gradation_vertical.gif) #f0f0f0 repeat-x 0px 100%;
  padding-bottom: 15px;
  margin: 0px auto;
  border-left: #ccc 1px solid;
  width: 660px;
  padding-top: 15px;
  border-bottom: #ccc 1px solid;
  margin-bottom: 15px;
}
#mybinderNote {
  border-right: #ccc 1px solid;
  padding-right: 15px;
  border-top: #ccc 1px solid;
  padding-left: 15px;
  background: url(../images/bg_gradation_vertical.gif) #f0f0f0 repeat-x 0px 100%;
  padding-bottom: 15px;
  margin: 0px auto;
  border-left: #ccc 1px solid;
  width: 660px;
  padding-top: 15px;
  border-bottom: #ccc 1px solid;
  margin-bottom: 15px;
}
span.deleteAll {
  background-image:url(../images/btn_delete_all.gif);
  background-repeat:no-repeat;
  display:block;
  height:21px;
  text-indent:-9999px;
  width:90px;
  cursor: pointer;
  font-size:small;
  position:absolute;
  right:0;
  top:0;
}

/* マイリスト */
.itemMyList div.stock h2.subHeading {
  padding-bottom: 6px;
  border-bottom-style: dotted;
  text-indent: -9999px;
  background-image:url(../images/text_head_onebyone.gif);
  background-repeat:no-repeat;
}
/* マイバインダー */
div.stock .viewInline li.article {
  position: relative;
}
div.stock .viewInline .image{
  position: static;
  cursor: move;
}
div.stock .viewInline .download_sq {
  display: none;
  position: absolute;
  left: 10px;
  bottom: 5px;
}
div.stock .viewInline .catalogview_sq {
  display: none;
  position: absolute;
  left: 30px;
  bottom: 5px;
}
div.stock .viewInline .delete {
  display: none;
  position: absolute;
  right: 10px;
  bottom: 8px;
  width: 12px;
  height: 14px;
}
.catalogMyBinder div.stock h2.subHeading {
  padding-bottom: 6px;
  border-bottom-style: dotted;
  text-indent: -9999px;
  background-image:url(../images/text_head_mybinder_onebyone.gif);
  background-repeat:no-repeat;
}
.catalogMyBinder div.stock div.submitBlock {
  margin-top: 0;
}
.catalogMyBinder div.stock div.submitBlock div.submit {
  margin-top: 0;
}
.catalogMyBinder .error{
  display:none;
}

/* jQuery UI Sortable */
.ui-sortable-helper {
  background-color: #e0e0e0;
}
.placeholder {
  border: dashed 1px #bbb;
/*  background-color: #e9e9e9;*/
}


/* 詳細表示
---------------------------------------------------------*/
.detail .image {
  float: left;
  width: 280px;
  text-align: center;
  position:relative;
}
.catalogDetail .detail .image img{
  border: solid 1px #ccc;
}
.detail .function {
  margin: 10px 0;
  text-align: left;
}
.detail .function li {
  float: left;
  margin-right: 10px;
  width:100px;
}
.detail .description {
  float: right;
  width: 400px;
}
.detail .description div {
  margin-bottom: 15px;
}
.detail .description div.label {
    display: block;
}
.detail .description div.label span {
    font-size: 93%;
    background-color: #E6E6E6;
    border: 1px solid #CDCDCD;
    color: #666;
    padding: 2px 5px;
    min-height: 14px;
}

/* メインスペック
---------------------------------------------------------*/
.mainSpec th {
  width: 150px;
}

/* カタログ目次
---------------------------------------------------------*/
.catalogIndex p.lead {
  margin-bottom: 15px;
}
.catalogIndex table {
  border-style: solid;
  border-width: 1px;
  border-color: #ccc;
  line-height: 1;
}
.catalogIndex div.catalogIndexContents {
  border-style: none solid solid solid;
  border-width: 1px;
  border-color: #ccc;
  line-height: 1;
}
.catalogIndex td {
  border-bottom: dotted 1px #c9c9c9;
  background: #fff;
}
.catalogIndex th,
.catalogIndex td {
  padding: 6px 10px;
  vertical-align: middle;
}
.catalogIndex div.title,
.catalogIndex div.function {
  padding: 6px 10px;
  vertical-align: middle;
}
.catalogIndex th {
  border-top: solid 1px #c0c0c0;
  color: #666;
  font-weight: bold;
  background: #f0f0f0;
}
.catalogIndex ul.level_1 div.title,
.catalogIndex ul.level_1 div.function {
  border-top: solid 1px #c0c0c0;
  color: #666;
  font-weight: bold;
}
.catalogIndex ul.level_2 div.title,
.catalogIndex ul.level_2 div.function {
  font-weight: normal;
}
.catalogIndex th.title {
  padding-left: 20px;
  background-position: 7px 50%;
  background-repeat: no-repeat;
}
.catalogIndex ul.level_1 {
  width:698px;
  background: #f0f0f0;
}
.catalogIndex ul.level_1 div.title {
  padding-left: 20px;
  background-position: 7px 50%;
  background-repeat: no-repeat;
}
.catalogIndex ul.level_1 div.title {
  float:left;
  width:293px;
}
.catalogIndex div.function {
  float:left;
}
.catalogIndex .title {
  padding-left: 25px;
  text-align: left;
}
.catalogIndex .function {
  width: 355px;
}
.catalogIndex th.function {
  font-weight: normal;
}
.catalogIndex .function ul.buttons {
  padding-right: 5px;
  padding-left: 5px;
  font-size:0;

}
.catalogIndex .function ul.buttons li {
  margin-left: 10px;
  float: left;
}
.catalogIndex ul.level_2 div.title,
.catalogIndex ul.level_2 div.function {
  border-top: dotted 1px #c9c9c9;
}
.catalogIndex ul.level_2 {
  width:698px;
  background: #ffffff;
  float:left;
}
.catalogIndex ul.level_2 div.title {
  padding-left: 25px;
  background-position: 7px 50%;
  background-repeat: no-repeat;
}
.catalogIndex ul.level_2 div.title {
  width:288px;
}
.catalogIndex span.slideToggleButton {
  margin-left:15px;
  cursor: pointer;
  height: 9px;
  width: 9px;
  display:inline-block;
  font-size:0;
}

.catalogIndex span.slideToggleButton.down{
  background-position:0 0;
}
.catalogIndex span.slideToggleButton.up{
  background-position: -9px 0;
}
.catalogIndex div.hide{
  display:none;
}
.catalogIndex div.title a{
  text-decoration:none;
}
.catalogIndex .slideToggleBox{
}
.catalogIndex .catalogNode{
}
.catalogIndex .categoryNode{
  float:left;
}


/* 掲載カタログ
---------------------------------------------------------*/
#listedCatalog li {
  position: relative;
  margin-bottom: 5px;
  padding: 0 0 5px;
  border-bottom: dotted 1px #ccc;
  height: auto !important;
  height: 18px;
  min-height: 18px;
  font-size: 93%;
}
#listedCatalog li .btn.square {
  position: absolute;
  right: 0;
  top: 0;
}
#listedCatalog li a {
  text-decoration: none;
}

/* 他の所属カテゴリ
---------------------------------------------------------*/
#otherCategories .inner {
  padding: 0 10px;
}
#otherCategories .breadcrumbs {
  margin-bottom: 5px;
  padding: 0 0 5px;
  border-bottom: dotted 1px #ccc;
}


/* 検索結果
---------------------------------------------------------*/
/* ステータス */
#searchResultStatus {
  padding: 7px 20px;
  font-weight: bold;
  color: #333;
  background: url(../images/bg_dotmesh.gif) 0 0 repeat;
  margin-bottom: 20px;
}
#searchResultStatus .count {
  float: left;
  width: 330px;
  line-height: 23px;
}
#searchResultStatus div.sort {
  float: right;
  width: 330px;
  text-align: right;
}
#searchResultStatus div.sort p {
  display: inline;
}
#searchResultStatus .sort .orderBy {
  margin-right: 10px;
}
#searchResultStatus img.btn.sort {
  vertical-align: -6px;
  cursor: pointer;
}
.searchResultCatalogSummary {
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  margin-top: -20px;
  margin-bottom: 20px;
  padding-top: 10px;
}
.searchResultCatalogSummary h3.labelForHitCatalog{
  font-weight: bold;
  color: #999999;
  margin-left:20px;
}
.labelForHitPage{
  font-weight: bold;
  display: none;
}
.leadForHitCatalog{
  font-size:80%;
  color: #999999;
  margin-left:20px;
}

.searchResultCatalogSummary .catalogview_mini_text {
  margin-left: auto;
  margin-right: auto;
}

/* ソートメニュー */
#sortMenu {
  display: none;
  padding: 10px 15px;
  border: solid 1px #999;
  height: auto;
  color: #000;
  background: #efefef;
  z-index: 100;
}
#sortMenu li {
  position: relative;
  padding: 3px 50px 3px 15px;
  border-bottom: dotted 1px #999;
  font-size: 93%;
  background: url(../images/arrow_boxed_gray.gif) 0 50% no-repeat;
}
#sortMenu ul.sort {
  position: absolute;
  right: 0;
  top: 6px;
  width: 30px;
  height: 8px;
  text-align: right;
}
* html #sortMenu ul.sort { /* [IE6] absoluteの基点がずれる問題を回避 */
  right: 15px;
}
#sortMenu ul.sort li {
  float: left;
  padding: 0 0 0 5px;
  border: none;
  background: none;
}
#sortMenu ul.sort li a,
#sortMenu ul.sort li span {
  display: block;
  width: 9px;
  height: 8px;
  font-size: 0;
  overflow: hidden;
  text-indent: -9999px;
  background-repeat: no-repeat;
}
#sortMenu ul.sort li .up {
  background-position: 0 0;
}
#sortMenu ul.sort li .down {
  background-position: 0 -8px;
}
#sortMenuOverlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
  cursor: pointer;
  background: #fff;
  filter: alpha(opacity=0);
  -moz-opacity:0.00;
  opacity:0.00;
  z-index: 99;
}
* html #sortMenuOverlay { /* [ie6] position:fixedの代替 */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

/* 検索条件 */
#main .searchCondition {
  margin-bottom: 20px;
  padding: 15px 20px;
  border: solid 1px #ccc;
  background: #f6f6f6 url(../images/bg_searchcondition.gif) 95% 100% no-repeat;
}
#main .searchCondition h2 {
  padding-bottom: 15px;
  font-size: 0;
}
#main .searchCondition h2 span {
  display: block;
  padding: 0;
  border: none;
  width: 144px;
  height: 15px;
  text-indent: -9999px;
  background-position: 0 0;
  background-repeat: no-repeat;
}
#main .searchCondition dt {
  border-bottom: 1px dotted #DFDFDF;
  padding-right: 15px;
  width: 150px;
  font-weight: bold;
}
#main .searchCondition dd {
  margin-bottom: 5px;
  border-bottom: 1px dotted #DFDFDF;
  left: 180px;
  position: relative;
  top: -1.4em;
  width: 475px;
}
#main .searchCondition dd .breadcrumbs {
  margin-bottom: 0;
}
#main .searchCondition .changeCondition {
  text-align: right;
}
#main .searchCondition .changeCondition a {
  padding-left: 12px;
  background: url(../images/color/blue/arrow_boxed_colored.gif) 0 50% no-repeat;
}
#main .searchCondition .pageNumber {
  margin-right:10px;
}
#main .searchCondition .pageIndex {
  color: #999999;
}

/* ページャ */
#main .pager {
  margin: 15px 0;
  text-align: center;
  font-size: 93%;
}
#main .pager p,
#main .pager li {
  /* {inline-block} */
  font-weight: bold;
}
#main .pager ol {
  /* {inline-block} */
}
#main .pager li span.current,
#main .pager li a {
  padding: 5px 6px 3px;
}
#main .pager li span.current {
  border: solid 1px #999;
  color: #fff;
  background: #ccc;
}
#main .pager li a:hover {
  padding-left: 5px;
  padding-right: 5px;
  border: solid 1px #999;
  color: #fff;
  *background: #66A1FF;
}
#main .pager a {
  text-decoration: none;
}
#main .pager img {
  vertical-align: -2px;
}
#main .pager p {
  padding: 0 12px;
  background-repeat: no-repeat;
}
#main .pager p.begin {
  padding-left: 20px;
}
#main .pager p.end {
  padding-right: 20px;
}
#main .pager p.begin { background-position: 0 2px;}
#main .pager p.end   { background-position: 100% -18px;}
#main .pager p.prev  { background-position:  0 -38px;}
#main .pager p.next  { background-position: 100% -58px;}
/* IE7 hack */
*:first-child+html #main .pager p.begin {background-position-y: 5px;}
*:first-child+html #main .pager p.end   {background-position-y: -15px;}
*:first-child+html #main .pager p.prev  {background-position-y: -35px;}
*:first-child+html #main .pager p.next  {background-position-y: -55px;}

/* ローディング画像 */
#main li.article div.wrapper div.loading{
  background: url(../js/facebox/loading.gif) 0 0 no-repeat;
  height: 32px;
  width:  32px;
  /*margin: 80px 140px 140px;*/
  margin: auto;
}
#myList li.article div.wrapper div.loading{
  background: url(../js/facebox/loading.gif) 0 0 no-repeat;
  height: 32px;
  width:  32px;
  /*margin: 80px 140px 140px;*/
  margin: auto;
}
#sub li div.loading{
  background: url(../js/facebox/loading.gif) 0 0 no-repeat;
  height: 32px;
  width:  32px;
  /*margin: 80px 140px 140px;*/
  margin: auto;
}
#myBinder li.article div.loading{
  background: url(../js/facebox/loading.gif) 0 0 no-repeat;
  height: 32px;
  width:  32px;
  /*margin: 80px 140px 140px;*/
  margin: auto;
}
.viewPanel li div.loading{
  background: url(../js/facebox/loading.gif) 0 0 no-repeat;
  height: 32px;
  width:  32px;
  /*margin: 80px 140px 140px;*/
  margin-top: 50px;
}
.viewPanel li.loadingArticle div.loading{
  margin-left:auto;
  margin-right:auto;

}
.viewPanel li.loadingArticles div.loading{
  margin-left: auto;
  margin-right: auto;
}
.viewPanel li.loadingPanel div.loading{
  margin-left: auto;
  margin-right: auto;
}
.viewPanel li.loadingPanel{
  width: 66s0px;
}


/* サイド
---------------------------------------------------------*/
div.side div.section {
  padding: 0 0 20px;
  background: url(../images/bg_sidepane.gif) 0 100% no-repeat;
}
div.side div.section div.inner {
  padding: 10px 10px 0;
  background: url(../images/bg_sidepane_body.gif) 0 0 repeat-y;
}

/* 見出し */
div.side div.section h2 {
  margin: 0;
  padding: 12px 10px 0;
  border: none;
  font-size: 100%;
  background: url(../images/bg_sidepane.gif) 0 0 no-repeat;
}
div.side div.section h2 span {
  display: block;
  padding: 0 0 7px 0;
  border-bottom: solid 1px #ccc;
  width: 100%;
  height: 30px;
  text-indent: -9999px;
  background-repeat: no-repeat;
}
#sideMylist h2 span { /* マイリスト */
  background-position: 0 0;
}
#sideMybinder h2 span { /* マイバインダー */
  background-position: 0 -50px;
}
#sideOtherItems h2 span { /* カテゴリ内の他のアイテム */
  background-position: 0 -100px;
}
#sideOtherItems.searchresult h2 span { /* 検索結果の他のアイテム */
  background-position: 0 -300px;
}
#sideOtherItems.relateditems h2 span { /* 他の関連のアイテム */
  background-position: 0 -350px;
}
#sideOtherItems.mylistitems h2 span { /* マイリストの他のアイテム */
  background-position: 0 -400px;
}
#sideOtherCategories h2 span { /* 他のカテゴリ */
  background-position: 0 -150px;
}
#sideOtherCatalogs h2 span { /* 他のカタログ */
  background-position: 0 -200px;
}
div.side div.section h3 {
  margin-bottom: 5px;
  padding-bottom: 10px;
  border-bottom: dotted 1px #ccc;
  font-weight: bold;
}
#addingStockInfo {
  display: none;
  margin: 10px 0 0;
}
#addingStockInfo p {
  margin-bottom: 10px;
}


/* キーワード検索(商品) */
div.section#keywordSearchSide {
  padding: 10px;
  padding-right:0;
  width: 220px;
  height: 95px;
  background: #999 url(../images/bg_searchbox.gif) 0 0 no-repeat;
}
#keywordSearchSide h2 {
  display: none;
}
#keywordSearchSide .scope {
  margin: 5px 0;
}
#keywordSearchSide .toDetailSearch {
  text-align: right;
  margin-right:10px;
  font-size:0;
}
/* キーワード検索(カタログ) */
div.section#keywordSearchSideCatalog {
  padding: 10px;
  padding-right:0;
  width: 220px;
  height: 70px;
  background: #999 url(../images/bg_searchbox_nodetail.gif) 0 0 no-repeat;
}
#keywordSearchSideCatalog h2 {
  display: none;
}
#keywordSearchSideCatalog .scope {
  margin: 5px 0;
}

/* マイリストパネル */
#sideMylist .addingStockInfoTemplate{
  background-color: #F7F5F5;
}

/* マイバインダパネル */
#sideMybinder .addingStockInfoTemplate{
  background-color: #F7F5F5;
}

/* ページャ */
div.side div.pager {
  position: relative;
  margin-bottom: 10px;
  width: 100%;
  height: auto !important;
  height: 30px;
  min-height: 30px;
}
div.side div.pager .count {
  padding-top: 7px;
  padding-right: 16px;
}
div.side div.pager ul.skip {
  position: absolute;
  right: 0;
  top: 0;
  width: 11px;
  height: 30px;
}
div.side div.pager ul.skip li {
  margin-bottom: 4px;
  width: 11px;
  height: 11px;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  background-repeat: no-repeat;
  cursor: pointer;
}
div.side div.pager ul.skip li.prev {
  background-position: 0 0;
}
div.side div.pager ul.skip li.next {
  background-position: 0 -11px;
}
div.side div.pager ul.skip li.disabled {
  cursor: default;
}

/* 兄弟ノードの表示 */
div.side .siblings li {
  margin-bottom: 3px;
}
div.side .siblings li a {
  display: block;
  text-decoration: none;
}
div.side .siblings li.current,
div.side .siblings li a {
  padding: 3px 5px;
  font-size: 93%;
}
div.side .siblings li.current,
div.side .siblings li a:hover {
  background: #e6e6e6;
}
div.side .siblings li a:hover,
div.side .siblings li a:active {
  color: #0f218b;
}
div.side .siblings li img {
  float: left;
  border: solid 1px #ccc;
  width: 35px;
}
div.side .siblings li span.name {
  float: right;
  width: 155px;
}

/* フッター
---------------------------------------------------------*/
#footer {
  margin: 0 auto;
  width: 950px;
}
#footer p.copyright {
  font-family: Verdana, sans-serif;
  text-align: center;
}

/* 詳細検索
---------------------------------------------------------*/
#detailSearch .condition {
  margin-bottom: 20px;
}
#detailSearch .scope {
  margin-bottom: 5px;
}
#detailSearch .scope .breadcrumbs {
  display: inline;
  padding-left: 10px;
  font-size: 93%;
  font-weight: bold;
  vertical-align: top;
}
#detailSearch div.submit {
  padding: 10px;
  text-align: center;
  background: #f0f0f0;
}
#conditionInputs td .delete {
  padding: 0 4px;
  vertical-align: middle;
}
#conditionInputs td .clearradio {
  padding: 0 20px;
  vertical-align: middle;
}

/* トップページ
---------------------------------------------------------*/
/* ニュース */
#news h2 {
  padding-bottom: 5px;
  height: 18px;
  line-height: 1;
  text-indent: -9999px;
  overflow: hidden;
  background-position: 0 0;
  background-repeat: no-repeat;
}
#news dl {
  margin: 15px 0 0;
}
#news dt {
  float: left;
  width: 90px;
  /* background: url(../images/bg_tri.gif) 100% 35% no-repeat; */
}
#news dd {
  margin-bottom: 5px;
  padding-bottom: 5px;
  padding-left: 100px;
  border-bottom: dotted 1px #ccc;
}

/* ダイレクトナビゲーション */
#directNavi li {
  float: left;
  margin-right: 25px;
  width: 300px;
}
#directNavi li.last {
  margin-right: 0;
}

/* ログイン
---------------------------------------------------------*/
/* ログインボックス */
#loginBox {
  margin: 0 auto 30px;
  padding: 30px 20px; /* フルバージョン時は縦横ともに20px */
  width: 260px;
  height: 103px;
  overflow: hidden;
  background: url(../images/bg_loginbox.gif) 0 0 no-repeat;
}
#login h2 {
  padding-bottom: 5px;
}
#login h2 span {
  border: none;
}
#loginBox form {
  margin-bottom: 10px;
}
#loginBox  label {
  vertical-align: -2px;
}
* html #loginBox label { /* [IE6] 微調整 */
  vertical-align: 3px;
}
#loginBox ul.inputText {
  margin-bottom: 8px;
}
#loginBox ul.inputText li {
  margin-bottom: 10px; /* フルバージョン時は 5px */
}
#loginBox ul.inputText label {
  /* inline-block */
  margin-right: 5px;
  width: 55px;
  text-align: right;
}
#loginBox ul.inputText input {
  width: 193px;
}
* html #loginBox ul.inputText input { /* [IE6] input[type=text]のwidth調整 */
  width: 192px;
}
#loginBox p.loginMemory {
  float: left;
  padding-left: 60px;
}
#loginBox p.loginMemory label {
  margin-left: 2px;
}
#loginBox .btnSubmit {
  float: right;
}
#loginBoxMemory {
  margin-right: 5px;
  vertical-align: -1px;
}

/* ログアウト
---------------------------------------------------------*/
#logout{
  margin-top:    60px;
  margin-bottom: 60px;
}

/* メンテナンス
---------------------------------------------------------*/
#maintenanceNote {
  border-right: #ccc 1px solid;
  padding-right: 15px;
  border-top: #ccc 1px solid;
  padding-left: 15px;
  background: url(../images/bg_gradation_vertical.gif) #f0f0f0 repeat-x 0px 100%;
  padding-bottom: 15px;
  margin: 0px auto;
  border-left: #ccc 1px solid;
  width: 660px;
  padding-top: 15px;
  border-bottom: #ccc 1px solid;
  margin-bottom: 15px;
  margin-top: 30px;
}
#informationBarForMaintenance {
  background-color:#FFFFCC;
  height:20px;
  width:100%;
  border-bottom:1px solid #EEEE88;
}
#informationBarForTempDesign {
  background-color:#EEEEEE;
  height:20px;
  width:100%;
  border-bottom:1px solid #DDDDDD;
}
#maintenance .section th{
  width:500px;
}

#designConfirm,
#reloadConfig {
  margin-top: 50px;
}

#reloadConfig .explanation {
  margin-left: 20px;
  margin-bottom: 10px;
}

#reloadConfig .reloadTarget {
  border-right: none;
}
#reloadConfig .fileName {
  margin-top: 5px;
  margin-bottom: 5px;
}
#reloadConfig .filePath {
  color: gray;
  margin-top: 5px;
  margin-bottom: 5px;
}
#reloadConfig .reloadBtn {
  margin-top: 5px;
  border-right: none;
}
#reloadConfig .reloadInfo {
  border-left: none;
  padding-left: 0px;
}
#reloadConfig .reloadLabel {
  float: left;
  width: 185px;
  padding: 3px 0px;
}
#reloadConfig .reloadValue {
  float: right;
  padding: 3px 0px;
}
#reloadConfig .reloadMsg {
  float: left;
  width: 320px;
  padding-left:5px;
  padding-top: 5px;
  padding-bottom:5px;
  }
#reloadConfig .reloadMsgError {
  float: left;
  width: 270px;
  padding-left:30px;
  padding-right:30px;
  padding-top:8px;
  padding-bottom:6px;
  background-image: url(../images/error_point.gif);
  background-position: 6px 2px;
  background-repeat: no-repeat;
  font-weight: bold;
  color: #f00;
  background-color: #fdd;
}
#reloadConfig .reloadData {
  float: left;
}

/* facebox関連
---------------------------------------------------------*/
#zoomed {
  text-align: center;
}
#name {
  font-weight:bold;
  margin-top:15px;
}
/* facebox ダウンロード規約関連
---------------------------------------------------------*/
#itemDownloadConfirmTitle {
  font-weight:bold;
  margin-top:15px;
}
#itemDownloadConfirmLead {
}
#itemDownloadConfirmContent {
  height: 300px;
  overflow:auto;
  border:1px solid #DDDDDD;
  padding: 10px;
}
#itemDownloadConfirmFooter {
  border-top:1px solid #DDDDDD;
  margin-top:20px;
  margin-bottom:10px;
  padding-top:5px;
  text-align:right;
}

#catalogDownloadConfirmTitle {
  font-weight:bold;
  margin-top:15px;
}
#catalogDownloadConfirmLead {
}
#catalogDownloadConfirmContent {
  height: 300px;
  overflow:auto;
  border:1px solid #DDDDDD;
  padding: 10px;
}
#catalogDownloadConfirmFooter {
  border-top:1px solid #DDDDDD;
  margin-top:20px;
  margin-bottom:10px;
  padding-top:5px;
  text-align:right;
}
/* facebox カタログビューダウンロード規約関連
---------------------------------------------------------*/
.catalogViewInterfaceStartUp #facebox_overlay{
  background-color:#ffffdd;
  right:0;
  left:auto;
  width:400px;
}
.catalogViewInterfaceStartUp .main{
  height:100%;
}

/* facebox 確認ダイアログ関連
---------------------------------------------------------*/
#maintenanceStartConfirm .title,
#maintenanceEndConfirm .title,
#reloadSystemConfigConfirm .title,
#reloadMessageConfigConfirm .title,
#reloadDesignConfigConfirm .title
#reloadVolumeConfigConfirm .title
	{
  font-weight:bold;
  margin-top:15px;
}
#maintenanceStartConfirm .footer,
#maintenanceEndConfirm .footer,
#reloadSystemConfigConfirm .footer,
#reloadMessageConfigConfirm .footer,
#reloadVolumeConfigConfirm .footer {
  border-top:1px solid #DDDDDD;
  margin-top:20px;
  margin-bottom:10px;
  padding-top:5px;
  text-align:right;
}


/* エラー
---------------------------------------------------------*/
.siteCaution {
  margin-bottom: 20px;
  padding: 10px 15px 10px 90px;
  min-height: 54px;
  height: auto !important;
  height: 54px;
  border: solid 1px #ccc;
  background: #ffffbc url(../images/icon_attention.gif) 15px 15px no-repeat;
}
.siteCaution h2 {
  margin-bottom: 5px;
  border: none;
  font-weight: bold;
  color: #f00;
}
.siteCaution p {
  color: #666;
  font-weight: bold;
}
.error{
  padding-left:34px;
  padding-top:8px;
  padding-bottom:8px;
  background-image: url(../images/error_point.gif);
  background-position: 8px 6px;
  background-repeat: no-repeat;
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: bold;
  color: #f00;
  background-color: #fdd;
}
.errorLogin{
  padding-left:34px;
  padding-top:8px;
  padding-bottom:8px;
  background-image: url(../images/error_point.gif);
  background-position: 8px 6px;
  background-repeat: no-repeat;
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: bold;
  color: #f00;
  background-color: #fdd;
  margin-left:50px;
  width:265px;
}
.warning{
  background-color: #ffc;
}
.warningMyListItem{
  background-color: #ffc;
  padding:6px;
}
.warningAdd{
  background-color: #ffc;
  height:19px;
  display:inline-block;
  width:108px;
  text-align:center;
  line-height:19px;
}
.warningTextSmall{
  font-size: xx-small;
  height:19px;
  vertical-align:top;
}
.warningAdjust{
  background-color: #ffc;
  height:19px;
  display:inline-block;
  text-align:center;
  line-height:19px;

  font-size: xx-small;
  vertical-align:top;

  width:60px;
  position:relative;
  left:-50px;
}
.dialogCaution {
  margin-bottom: 20px;
  padding: 10px 15px 10px 90px;
  min-height: 54px;
  height: auto !important;
  border: solid 1px #ccc;
  background: #ffffbc url(../images/icon_attention.gif) 15px 15px no-repeat;
}

/* カタログページSEO用追加設定 */
.CatalogPageGroupDetailForSearch #overview .detail .image ol.pages li.left {
  float: left;
}
.CatalogPageGroupDetailForSearch #overview .detail .image ol.pages li img {
  cursor:pointer;
  vertical-align:bottom;
  width:120px;
}
.CatalogPageGroupDetailForSearch #overview .detail .image ol.pages {
  background-color:#DDDDDD;
  border:1px solid #CCCCCC;
  margin:0 auto;
  text-align:center;
  width:240px;
}
.CatalogPageGroupDetailForSearch #overview .detail .image .btn.icon_catalogview  {
  background-image:url("../images/icon_catalogview.gif");
  background-position:0 0;
  bottom:0;
  height:18px;
  position:absolute;
  right:20px;
  width:18px;
}
.CatalogPageGroupDetailForSearch #extractedText .text{
  border:1px solid #CCCCCC;
  font-size:85%;
  padding:5px;
  overflow:auto;
  width:688px;
}
*html .CatalogPageGroupDetailForSearch #extractedText .text{
  overflow:hidden;
}
.CatalogPageGroupDetailForSearch #extractedText .page_text{
  margin-right:5px;
  float:left;
}
.CatalogPageGroupDetailForSearch #extractedText .page_text .page_text_content{
  padding-left:5px;
  margin-top:5px;
  border-left:1px solid #EEEEEE;
}
.CatalogPageGroupDetailForSearch #extractedText .page_text_content.nodata {
  color:#999999;
}
.CatalogPageGroupDetailForSearch #extractedText .lpage{
  width:333px;
}
.CatalogPageGroupDetailForSearch #extractedText .rpage{
  width:333px;
}
.CatalogPageGroupDetailForSearch #overview .detail .description_for_search{
  border:1px solid #CCCCCC;
  background-color:#EEEEEE;
  background:url("../images/bg_gradation_vertical.gif") repeat-x scroll 0 100% #F0F0F0;
  float: right;
  width: 400px;
  padding:5px;
}

.CatalogPageGroupDetailForSearch #overview .detail .description_for_search .function ul{
  width:400px;
  text-align:center;
}
.CatalogPageGroupDetailForSearch #overview .detail .description_for_search .function li{
  width:100%;
  margin-left:auto;
  margin-right:auto;
}
.CatalogPageGroupDetailForSearch #overview .detail .description_for_search .function li{
  width:100%;
  margin-left:auto;
  margin-right:auto;
}

.CatalogPageGroupDetailForSearch #overview .detail .inner{
  float:left;
  width:282px;
}
.CatalogPageGroupDetailForSearch #overview .detail .pages {
  margin:0 auto;
  width:240px;
}
.CatalogPageGroupDetailForSearch #overview .detail .pages .right{
  float:right;
}
.CatalogPageGroupDetailForSearch #overview .detail .nombre{
  clear:left;
  width:240px;
  margin:3px auto 15px;
}
.CatalogPageGroupDetailForSearch #overview .detail .nombre .left{
  float:left;
  width:120px;
}
.CatalogPageGroupDetailForSearch #overview .detail .nombre .right{
  float:right;
  width:120px;
}
.CatalogPageGroupDetailForSearch #overview .catalogcategory{
}

.highlighted{
  background-color:yellow;
}