@charset "utf-8";

div.category ul {padding:0px; margin:0px 0px 1em 1em;}
div.category li {list-style:none; margin-bottom:0.5em;}

/*-----------------------------
  検索/表示
-------------------------------*/
#filter {
    clear:left;
    width:100%;
    margin:1em 0px 1em 0px;
    background:#eeeeee url(.././images/filterback.png) left top no-repeat;
    padding:40px 0px 0px 0px;
    border-bottom:1px solid #cccccc;
}
#filter p {padding-bottom: 15px; margin:0px 0px 0px 10px;}

#filter 
.selectInput {
    background-color:#E1C99A;
}

/*Pager*/
.Pager {
    clear:right;
    padding: 0.5em 0px;
}

#stockH2 {
    font-size: 100%;
    background-image:none !important;
    background-color:#f6f6f6;
    border:1px solid #efefef;
    font-weight:normal;
    padding: 3px 0px 3px 10px;
    margin:0px;
}

/*-----------------------------
  在庫リスト
-------------------------------*/
#TableList {
    width:710px;
    border-collapse: collapse;
    border: none;
    /*table-layout: fixed;*/
}
#TableList thead td,
#TableList tfoot td         {padding:0.3em 0px 0.3em 0px;}
#TableList tr               {background-color:#FFFFFF;}
#TableList tr.tr_hi         {background-color:#F9F9F9;}
#TableList th               {background-color:#eeeeee;font-weight: normal;padding: 3px;border: 1px solid #999999;}
#TableList tbody td         {border: 1px solid #999999;padding: 3px;height:3em;}
#TableList tbody td p       {padding:0px; margin:0px}
#TableList tbody td.Photo   {border: 1px solid #999999;color:#666666;text-align:center;padding: 0px;}
#TableList tbody td.PhotoOn {
    width: 80px;
    height: 60px
}
#TableList tbody td.PhotoOff {
    height: 40px;
}
#TableList tbody td.Photo img:hover{
    opacity: 0.8;
}

a.noImage {
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    color: #333;
    text-align: center;
    text-decoration: none;
    background-color: #eee;
}
a.noImage:hover {
    color: #CC0000;
    opacity: 0.8;
}

/*-----------------------------
        詳細テーブル
-------------------------------*/
div.detailArea {
    border-top:1px solid #999999;
    border-bottom:1px solid #999999;
    border-left:5px solid #003366;
    border-right:1px solid #999999;
    border-radius: 2px;
    clear:right;
    padding:0px;
    margin: 0px 0px 1em 0px;
    width:704px;    /* =710-1-5*/
}

.detailArea h2 {
    font-size: 130% !important;
    background:none !important;
    font-weight:normal;
    padding: 10px 0px 5px 10px;
    margin:0px;
    border:none !important;
}

.detailArea h3 {
    font-size: 100%;
    font-weight:normal;
    padding: 0px 0px 20px 10px;
    margin:0px;
    background:none;
}

img.DetailPhoto {
    height:233px;
    background-color: #FFFFFF;
    float:left;
    padding-left: 1px;
    padding-bottom: 1px;	
}

img.DetailPhoto:hover{
    opacity: 0.8;
}

div.YoutubePostar {
    position: relative;
    height:233px;
    background-color: #FFFFFF;
    float:left;
    padding-left: 1px;
    padding-bottom: 1px;
}
img.YoutubIcon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

/*-----------------------------
  在庫詳細
-------------------------------*/
table.detailTable {
    width:100%;
}

table.spec {
    border-collapse: collapse;
    width:100%;
    height:auto;
    font-size:96%;
}
.spec td ,
.spec th {
    border: 1px solid #999999;
    padding:3px;
}
.spec th {
    font-weight:normal;
    background-color: #eeeeee;
    white-space: nowrap;
}

/* 保管場所 左右のborder非表示 */
table.location th{
    border-left: none !important;
}
table.location td{
    white-space: nowrap;
    border-right: none !important;
}

/* スペック表の重複線を消すために使用する */
.noborderleft {
    border-left: none !important;
}
.noborderRight {
    border-right: none !important;
}

/*-----------------------------
  コンテンツ内ボタン
-------------------------------*/
div.contentsBtn {
    float:right;
    margin-right:5px;
    padding-top: 7px;
}

/*-----------------------------
  機械カテゴリー
-------------------------------*/
div.category {
    width: 330px; /* 350 -10 -10 */
    padding:0px 10px 0px 10px;
    background:#ffffff url(../images/stockcategory.jpg) left top no-repeat;
}
div.category h3 {
    font-size:110%;
    background:transparent url(../images/arrow_link_big.gif) left center no-repeat;
    padding:6px 0px 5px 20px;
    margin-bottom:0.5em;
    border-bottom:1px solid #cccccc;
}
div.category h3 span {font-size:100%;}
/*link 黒*/
div.category h3 a {text-decoration: none;color: #333333;font-weight:normal;}
div.category h3 a:link {text-decoration: none;color: #333333;}
div.category h3 a:visited {text-decoration: none;color: #333333;}
div.category ul {padding:0px; margin:0px 0px 1em 1em;}
div.category li {list-style:none; margin-bottom:0.5em;}

/*-----------------------------
  取り扱い
-------------------------------*/
div.handling {
    width:350px;
}