@charset "shift_jis";

body {
  font-size: 75%;
  line-height: 2;
  text-align: center;
  color: #3c3c3c;
  background-color: #ffffff;
  word-break: nomal;
  background-image: url(../upfile/free/common/wrapper_bg.gif);
  background-repeat: repeat-x;
  width: 100%;
}

hr {
  display: none;
}

ol,
ul,
li {
  list-style: none;
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
}

table {
  border-collapse: collapse;
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
}

td {
  line-height: 1.6;
  margin: 0px;
  padding: 0px;
}

/* リンク設定 ▼ ------------------------------*/

a img {
  border-style: none;
}

a:link {
  font-weight: bold;
}

a:visited {
  font-weight: bold;
}

a:hover {
  text-decoration: none;
  font-weight: bold;
}
div#sk_main a:hover img {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  position: relative;
  border-style: none;
}

/* リンク設定 ▲ ------------------------------*/

/* 全体設定 ▼ ------------------------------*/

#sk_container {
  background-image: url(../../../images/common/footer_bg.gif);
  background-repeat: repeat-x;
  background-position: 0px bottom;
  width: 100%;
}

#sk_wrapper {
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  clear: both;
  float: none;
  background-color: transparent;
}

#sk_left_wrapper {
  width: 960px;
  margin-right: auto;
  margin-left: auto;
}

/* 全体設定 ▲ ------------------------------*/

/* ヘッダー ▼ ------------------------------*/

#sk_header {
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  height: 110px;
  background-image: none;
  background-color: transparent;
  text-align: left;
}

#sk_header h1 {
  font-size: 100%;
  text-align: right;
  display: block;
  position: absolute;
  margin-top: 18px;
  width: 960px;
  font-weight: normal;
  line-height: 14px;
}

#sk_header a img.logo {
  margin-top: 28px;
  position: absolute;
}

#sk_header .rh_tel {
  background-image: url(../../../images/common/rh_tel.gif);
  height: 50px;
  width: 270px;
  position: absolute;
  margin-top: 40px;
  margin-left: 694px;
}

/* ヘッダー ▲ ------------------------------*/

/* gr ▼ ------------------------------*/

#sk_menu {
  background-color: transparent;
  width: 960px;
  height: 60px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 30px;
}

#gr {
  overflow: hidden;
}

#gr:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

#gr ul li {
  float: left;
}

#gr ul li a {
  width: 192px;
  height: 60px;
  font-size: 8px;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  text-indent: -500px;
  display: block;
  overflow: hidden;
}

#gr ul li a:hover {
  background-position: 0px -60px;
}

/* トップ */
#gr ul li.gr_index a {
  background-image: url(../../../images/common/gr_index.gif);
}
/* 商品情報 */
#gr ul li.gr_item a {
  background-image: url(../../../images/common/gr_item.gif);
}
/* 会社情報 */
#gr ul li.gr_aboutus a {
  background-image: url(../../../images/common/gr_aboutus.gif);
}
/* 方針 */
#gr ul li.gr_policy a {
  background-image: url(../../../images/common/gr_policy.gif);
}
/* お問い合わせ */
#gr ul li.gr_inquiry a {
  background-image: url(../../../images/common/gr_inquiry.gif);
}

body.index #gr ul li.gr_index a,
body.index #gr ul li.gr_index a:hover,
body.item #gr ul li.gr_item a,
body.item #gr ul li.gr_item a:hover,
body.aboutus #gr ul li.gr_aboutus a,
body.aboutus #gr ul li.gr_aboutus a:hover,
body.policy #gr ul li.gr_policy a,
body.policy #gr ul li.gr_policy a:hover,
body.inquiry #gr ul li.gr_inquiry a,
body.inquiry #gr ul li.gr_inquiry a:hover {
  background-position: 0px -120px;
}

/* gr ▲ ------------------------------*/

/* 左カラム ▼ ------------------------------*/

#sk_left {
  width: 250px;
  margin-right: 40px;
  margin-bottom: 80px;
  text-align: left;
}

/* information */
.sk_info {
  background-image: url(../upfile/free/common/sk_info.gif);
  height: 40px;
  width: 250px;
}
.sk_info_menu {
  background-image: url(../upfile/free/common/sk_info_bg.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  display: block;
  height: 160px;
  width: 250px;
  margin-bottom: 30px;
  padding-top: 10px;
}
.sk_info_menu li {
  padding-left: 10px;
}
.sk_info_menu li a {
  font-size: 8px;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  text-indent: -9999px;
  display: block;
  height: 40px;
  width: 230px;
  margin-bottom: 10px;
  overflow: hidden;
}
.sk_info_menu li a:hover {
  background-position: 0px -40px;
}
/* 商品一覧 */
.sk_info_menu li.s_itemlist a {
  background-image: url(../upfile/free/common/s_itemlist.gif);
}
/* ご提案 */
.sk_info_menu li.s_approach a {
  background-image: url(../upfile/free/common/s_approach.gif);
}
/* 釘の特徴 */
.sk_info_menu li.s_feature a {
  background-image: url(../upfile/free/common/s_feature.gif);
  margin-bottom: 0px;
}

/* サイドメニュー */
.sk_sidemenu {
  margin-bottom: 30px;
}
.sk_sidemenu ul li a,
.s_ct06 a,
.s_fax a,
.s_fax_kana a,
.s_law a {
  font-size: 8px;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  text-indent: -9999px;
  display: block;
  height: 80px;
  width: 250px;
  margin-bottom: 10px;
  overflow: hidden;
}
.sk_sidemenu ul li a:hover,
.s_ct06 a:hover,
.s_fax a:hover,
.s_fax_kana a:hover,
.s_law a:hover {
  background-position: 0px -80px;
}
/* JIS規格釘 */
.sk_sidemenu ul li.s_ct01 a {
  background-image: url(../upfile/free/common/s_ct01.gif);
}
/* ロール釘 */
.sk_sidemenu ul li.s_ct02 a {
  background-image: url(../upfile/free/common/s_ct02.gif);
}
/* 汎用釘 */
.sk_sidemenu ul li.s_ct03 a {
  background-image: url(../upfile/free/common/s_ct03.gif);
}
/* 特殊用途釘 */
.sk_sidemenu ul li.s_ct04 a {
  background-image: url(../upfile/free/common/s_ct04.gif);
}
/* ビス類・その他商品 */
.sk_sidemenu ul li.s_ct05 a {
  background-image: url(../upfile/free/common/s_ct05.gif);
  margin-bottom: 0px;
}
/* ネット販売品 */
.s_ct06 a {
  background-image: url(../upfile/free/common/s_ct06.gif);
}
/* チタン製釘 */
.s_ct07 a {
  background-image: url(../upfile/free/common/s_ct07.gif);
}

/* FAX注文用紙 */
.s_fax a {
  background-image: url(../upfile/free/common/s_fax.gif);
}
.s_fax_kana a {
  background-image: url(../upfile/free/common/s_fax_kana.gif);
  margin-bottom: 30px;
}

/* 特定商取引法に基づく表記 */
.s_law a {
  background-image: url(../upfile/free/common/s_law.gif);
  height: 30px;
  margin-bottom: 30px;
}
.s_law a:hover {
  background-position: 0px -30px;
}

/* 左カラム ▲ ------------------------------*/

/* メイン ▼ ------------------------------*/

#sk_main {
  width: 670px;
  margin-bottom: 80px;
}

/* メイン ▲ ------------------------------*/

/* 右カラム ▼ ------------------------------*/

#sk_right {
  width: 0px;
}

/* 右カラム ▲ ------------------------------*/

/* フッター ▼ ------------------------------*/

#sk_footer {
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  height: 110px;
  text-align: left;
}

#sk_footer .f_tel {
  background-image: url(../../../images/common/f_tel.gif);
  height: 50px;
  width: 270px;
  position: absolute;
  margin-top: 34px;
}

#sk_footer .f_menu {
  position: absolute;
  margin-top: 48px;
  margin-left: 316px;
}
#sk_footer .f_menu li {
  float: left;
}
#sk_footer .f_menu li a {
  height: 14px;
}
#sk_footer .f_menu li a:hover {
  background-position: 0px -14px;
}
#sk_footer .f_menu li.f_sitemap a {
  background-image: url(../../../images/common/f_sitemap.gif);
  width: 80px;
  margin-right: 18px;
}
#sk_footer .f_menu li.f_privacy a {
  background-image: url(../../../images/common/f_privacy.gif);
  width: 130px;
}
body.sitemap #sk_footer .f_menu li.f_sitemap a,
body.sitemap #sk_footer .f_menu li.f_sitemap a:hover,
body.privacy #sk_footer .f_menu li.f_privacy a,
body.privacy #sk_footer .f_menu li.f_privacy a:hover {
  background-position: 0px -28px;
}

#sk_footer .f_logo {
  position: absolute;
  display: block;
  margin-top: 18px;
  margin-left: 612px;
}

#sk_footer small {
  font-size: 90%;
  line-height: 14px;
  text-align: right;
  float: right;
  margin-top: 84px;
}

/* フッター ▲ ------------------------------*/

/* 商品情報トップページ ▼ ------------------------------*/

.item_top_img {
  font-size: 8px;
  background-image: url(../upfile/free/index/top_img.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  text-indent: -9999px;
  display: block;
  height: 100px;
  width: 670px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 30px;
}

/* 商品NEWS */
.sk_whatsnew {
  width: 670px;
  border-style: none;
  margin-bottom: 50px;
  margin-top: 10px;
}
.sk_whatsnew_line {
  border-bottom: 1px dotted #c8c8c8;
}

/* 商品一覧 */
.index_itemlist li {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.index_itemlist li a {
  height: 120px;
  width: 160px;
  font-size: 8px;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
}
.index_itemlist li a:hover {
  background-position: 0px -120px;
}
.index_itemlist li:nth-child(4n) {
  margin: 0;
}
/* JIS規格ステンレス釘 */
.index_itemlist li.item_20 a {
  background-image: url(../upfile/free/index/item_20.gif);
}
/* ワイヤ連結ロール釘(JIS品) */
.index_itemlist li.item_16 a {
  background-image: url(../upfile/free/index/item_16.gif);
}
/* ワイヤ連結ロール釘(一般品) */
.index_itemlist li.item_17 a {
  background-image: url(../upfile/free/index/item_17.gif);
}
/* プラシートロール釘(一般品) */
.index_itemlist li.item_18 a {
  background-image: url(../upfile/free/index/item_18.gif);
}
/* ステンレス釘(ストレート) */
.index_itemlist li.item_01 a {
  background-image: url(../upfile/free/index/item_01.gif);
}
/* ステンレス釘(Rスクリュー) */
.index_itemlist li.item_02 a {
  background-image: url(../upfile/free/index/item_02.gif);
}
/* ステンレス釘(スクリューポイント) */
.index_itemlist li.item_03 a {
  background-image: url(../upfile/free/index/item_03.gif);
}
/* 板金用、内装用ステンレスカラー釘 */
.index_itemlist li.item_19 a {
  background-image: url(../upfile/free/index/item_19.gif);
}
/* サイディング用ステンレスリング釘 */
.index_itemlist li.item_06 a {
  background-image: url(../upfile/free/index/item_06.gif);
}
/* ステンレス瓦釘(L釘、7釘、太平釘) */
.index_itemlist li.item_04 a {
  background-image: url(../upfile/free/index/item_04.gif);
}
/* 波板釘(傘釘、連結傘釘) */
.index_itemlist li.item_05 a {
  background-image: url(../upfile/free/index/item_05.gif);
}
/* 戸樋受け用/吊子用ステンレス釘 */
.index_itemlist li.item_12 a {
  background-image: url(../upfile/free/index/item_12.gif);
}
/* ステンレススレート釘フックボルト */
.index_itemlist li.item_13 a {
  background-image: url(../upfile/free/index/item_13.gif);
}
/* 黄銅釘 */
.index_itemlist li.item_14 a {
  background-image: url(../upfile/free/index/item_14.gif);
}
/* コーススレッド */
.index_itemlist li.item_07 a {
  background-image: url(../upfile/free/index/item_07.gif);
}
/* スリムビス */
.index_itemlist li.item_09 a {
  background-image: url(../upfile/free/index/item_09.gif);
}
/* 万能ビス */
.index_itemlist li.item_10 a {
  background-image: url(../upfile/free/index/item_10.gif);
}
/* 石膏ボード用ビス */
.index_itemlist li.item_11 a {
  background-image: url(../upfile/free/index/item_11.gif);
}
/* ステンレス針金 */
.index_itemlist li.item_15 a {
  background-image: url(../upfile/free/index/item_15.gif);
}
/* リベット */
.index_itemlist li.item_22 a {
  background-image: url(../upfile/free/index/item_22.gif);
}
/* その他商品 */
.index_itemlist li.item_21 a {
  background-image: url(../upfile/free/index/item_21.gif);
}
/* カラーステンレス プラシートロール釘（直連結＆ナナメ連結） */
.index_itemlist li.item_23 a {
  background-image: url(../upfile/free/index/item_23.gif);
}
/* チタン製洋釘 */
.index_itemlist li.item_24 a {
  background-image: url(../upfile/free/index/item_24.gif);
}
/* DOT HEX 六角頭部付きねじ */
.index_itemlist li.item_25 a {
  background-image: url(../upfile/free/index/item_25.gif);
}

/* 商品情報トップページ ▲ ------------------------------*/

/* システムに関連するページ用CSS ▼ ------------------------------*/
.sk_itemSwap_li {
  height: 48px;
}
.sk_itemWidthTable {
  margin-right: 22px;
  margin-bottom: 10px;
}
.sk_itemWidthTable td {
  padding-top: 10px;
}
.sk_normalTable2 {
  margin-bottom: 20px;
}
.sk_mailFormSubmit {
  padding-right: 1% !important;
}
.sk_mailFormRtn {
  padding-left: 1% !important;
}
.sk_itemButton_left {
  width: 100px;
}
/* システムに関連するページ用CSS ▲ ------------------------------*/

/* ご提案 ▼ ------------------------------*/

.approach_topimg {
  font-size: 8px;
  background-image: url(../upfile/free/approach/top_img.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  text-indent: -9999px;
  display: block;
  height: 100px;
  width: 670px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px;
}

.approach_q {
  margin-bottom: 50px;
}

/* ご提案 ▲ ------------------------------*/

/* 釘の特徴 ▼ ------------------------------*/

.feature_topimg {
  font-size: 8px;
  background-image: url(../upfile/free/feature/top_img.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  text-indent: -9999px;
  display: block;
  height: 100px;
  width: 670px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 30px;
}

.anchorlink ul li {
  float: left;
  margin-right: 4px;
  background-color: #00a0ff;
}
.anchorlink ul li a {
  color: #ffffff;
  text-decoration: underline;
  padding: 4px;
}
.anchorlink ul li a:hover {
  text-decoration: none;
}

.feature_tb {
  width: 670px;
  margin-bottom: 50px;
}
.feature_tb tr td {
  border-top: 1px solid #646464;
  border-bottom: 1px solid #646464;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
}
.feature_tb tr td.feature_tb_L01 {
  background-color: #f0f0f0;
  width: 260px;
}
.feature_tb tr td.feature_tb_R01 {
  width: 340px;
  padding-right: 30px;
  vertical-align: top;
}
.feature_tb tr td.feature_tb_R01 h5,
.feature_tb tr td.feature_tb_R02 h5 {
  font-size: 8px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  text-indent: -9999px;
  display: block;
  height: 26px;
  width: 190px;
  overflow: hidden;
  margin-bottom: 10px;
}
/* ストレート */
.straight_t {
  background-image: url(../upfile/free/feature/straight_t.gif);
}
/* スクリュー */
.screw_t {
  background-image: url(../upfile/free/feature/screw_t.gif);
}
/* Rスクリュー */
.rscrew_t {
  background-image: url(../upfile/free/feature/rscrew_t.gif);
}
/* スクリューポイント */
.screwpoint_t {
  background-image: url(../upfile/free/feature/screwpoint_t.gif);
}
/* リング */
.ring_t {
  background-image: url(../upfile/free/feature/ring_t.gif);
}
/* リングポイント */
.ringpoint_t {
  background-image: url(../upfile/free/feature/ringpoint_t.gif);
}
/* ツーポイント */
.twopoint_t {
  background-image: url(../upfile/free/feature/twopoint_t.gif);
}

.feature_tb tr td.feature_tb_L02 {
  background-color: #f0f0f0;
  width: 120px;
}
.feature_tb tr td.feature_tb_R02 {
  width: 500px;
  padding-right: 30px;
  vertical-align: top;
}
.feature_tb tr td.feature_tb_R02 h5 {
  width: 220px;
}
/* 平頭 */
.flatHead_t {
  background-image: url(../upfile/free/feature/flatHead_t.gif);
}
/* 大平頭 */
.bigFlatHead_t {
  background-image: url(../upfile/free/feature/bigFlatHead_t.gif);
}
/* 布目(網目) */
.grain_t {
  background-image: url(../upfile/free/feature/grain_t.gif);
}
/* 逆布目 */
.inverseGrain_t {
  background-image: url(../upfile/free/feature/inverseGrain_t.gif);
}
/* 丸頭 */
.roundHead_t {
  background-image: url(../upfile/free/feature/roundHead_t.gif);
}
/* パネル頭(ケーシング頭) */
.panelHead_t {
  background-image: url(../upfile/free/feature/panelHead_t.gif);
}
/* カップ頭 */
.cupHead_t {
  background-image: url(../upfile/free/feature/cupHead_t.gif);
}
/* Yカップ頭 */
.ycupHead_t {
  background-image: url(../upfile/free/feature/ycupHead_t.gif);
}
/* L頭 */
.LHead_t {
  background-image: url(../upfile/free/feature/LHead_t.gif);
}
/* 7頭 */
.sevenHead_t {
  background-image: url(../upfile/free/feature/sevenHead_t.gif);
}

.feature_list {
  padding-left: 5px;
}
.feature_list li {
  list-style: none inside;
  text-indent: -5px;
}

/* 釘の特徴 ▲ ------------------------------*/

/* 共通 ▼ ------------------------------*/

/* パンくず */
.sk_pankuzu {
  line-height: 18px;
  margin-bottom: 10px;
}

/* pagetop */
p#page-top {
  position: fixed;
  right: 10px;
  bottom: 120px;
  display: block;
}
p#page-top a {
  font-size: 8px;
  text-decoration: none;
  background-image: url(../../../images/common/pg_top.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  text-indent: -9999px;
  display: block;
  height: 80px;
  width: 26px;
  overflow: hidden;
}
p#page-top a:hover {
  background-position: -26px 0px;
}

.hide,
.hide a {
  font-size: 8px;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
}

.mi_00 {
  line-height: 30px;
  background-image: url(../../../images/common/mi_00.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  display: block;
  height: 30px;
  width: 670px;
  color: #3c3c3c;
  margin-bottom: 20px;
  font-size: 140%;
  clear: both;
  float: none;
}

/* 詳しくはこちら */
.detail_btn a {
  font-size: 8px;
  text-decoration: none;
  background-image: url(../upfile/free/common/detail_btn.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  text-indent: -9999px;
  display: block;
  height: 24px;
  width: 130px;
  overflow: hidden;
}
.detail_btn a:hover {
  background-position: 0px -24px;
}

table.sk_orderTable td {
  text-align: left;
}
table.sk_normalTable2 td {
  text-align: left;
}
.clear {
  clear: both;
  float: none;
  display: block;
  line-height: 0px;
}
#sk_itemNothing {
  border-width: 0px;
  border-style: none;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.ss_section {
  display: block;
  margin-bottom: 10px;
}

.s_section {
  display: block;
  margin-bottom: 20px;
}

.section {
  display: block;
  margin-bottom: 30px;
}

.m_section {
  display: block;
  margin-bottom: 50px;
}

.bold {
  font-weight: bold;
}
.red {
  color: #ff0000;
}

/* 共通 ▲ ------------------------------*/