@charset "UTF-8";

/* ======================================================

	蛇の目ミシン工業株式会社 産業機器営業本部 ダウンロードサイト用CSS

	1.共通モジュール読み込み
	2.基本設定
	3.全体/ヘッダー/フッター/サイドバー/メイン
	4.見出し/本文/テーブル/リスト
	99.個別記述

   ====================================================== */

/* ======================================================
	1.共通モジュール読み込み
   ====================================================== */
@import url("module.css");

/* ======================================================
	2.基本設定
   ====================================================== */
/* reset */
body{
	margin:0;
	padding:0;
	border:0;
	line-height:1.3;
	font-weight:normal;
	font-style:normal;
	font-size:16px;
	/*\*/
	font-size:100%;
	/**/
}
div,
h1,h2,h3,h4,h5,h6,
p,
a,
img,
ul,ol,li,
dl,dt,dd,
table,th,td,
form{
	margin:0;
	padding:0;
	border:0;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
}
ul{
	list-style:none;
}
img{
	vertical-align:bottom;
}

/* clearfix */
.cf:after,
.separate:after,
.clearfix:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
.cf,
.separate,
.clearfix{
	_height:1px;
	min-height:1px;
	/*￥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* リンク設定 */
a{
	color:#222;
	text-decoration:none;
}
a:hover{
	color:#f00;
	text-decoration:underline;
}
a:hover.alpha{
	filter: alpha(opacity=80);
	opacity:0.8;
	-moz-opacity:0.8;
}
img:hover.alpha{
	filter: alpha(opacity=80);
	opacity:0.8;
	-moz-opacity:0.8;
}
input:hover.alpha{
	filter: alpha(opacity=80);
	opacity:0.8;
	-moz-opacity:0.8;
}

/* フロート */
.f-left{
	float:left;
}
.f-right{
	float:right;
}
/* 配置 */
.center{
	text-align:center;
}
.right{
	text-align:right;
}

/* ======================================================
	3.全体/ヘッダー/フッター/サイドバー/メイン
   ====================================================== */
/* 全体 */
body{
	background:#a7a3a1;
}

/* ヘッダー */
#header-wrap{
	width:100%;
	height:105px;
	background:#fff url(../img/header-bg1.gif) no-repeat 50% 0%;
}
#header{
	margin:0 auto;
	width:965px;
}
#header-title{
	float:left;
	padding-top:35px;
	width:680px;
}

/* フッター */
#footer{
	margin:0 auto;
	width:955px;
}
#footer-logo{
	float:left;
	width:180px;
}
#footer-body{
	float:right;
	width:600px;
	text-align:right;
}
#footer-link{
	padding-bottom:15px;
	font-size:80%;
}
#footer-link a{
	padding-left:9px;
	color:#222;
	text-decoration:none;
	background:url(../img/footer-arrow.gif) no-repeat 0% 50%;
}
#footer-link a:hover{
	color:#f00;
}
#copyright{
	font-size:70%;
	color:#222;
}

/* レイアウト */
#contents{
	margin:20px auto;
	width:965px;
}
#main{
	background:#fff;
}

/* ======================================================
	4.見出し/テキスト/テーブル/リスト/囲み
   ====================================================== */
/* テキスト */
.cmn-t80-14{
	font-size:80%;
	color:#333;
	line-height:1.4;
}
.cmn-t80-15{
	font-size:80%;
	color:#333;
	line-height:1.5;
}
.cmn-t80-16{
	font-size:80%;
	color:#333;
	line-height:1.6;
}
.cmn-t80-17{
	font-size:90%;
	color:#333;
	line-height:1.7;
}
.cmn-t90-14{
	font-size:90%;
	color:#333;
	line-height:1.4;
}
.cmn-t90-15{
	font-size:90%;
	color:#333;
	line-height:1.5;
}
.cmn-t90-16{
	font-size:90%;
	color:#333;
	line-height:1.6;
}
.cmn-t90-17{
	font-size:90%;
	color:#333;
	line-height:1.7;
}

/* ======================================================
	99.個別記述
   ====================================================== */
/* トップページ
---------------------------------------------------------------------------- */
#top-read{
	margin:20px 0 40px 30px;
	width:905px;
	background:#5e605f;
}
#top-read p{
	padding-right:30px;
	padding-left:30px;
	font-size:90%;
	color:#fff;
	line-height:1.6;
}
#top-nav{
	padding-bottom:40px;
	text-align:center;
}

/* タブ
---------------------------------------------------------------------------- */
#tab-nav li{
	float:left;
	padding-left:10px;
}

/* 種別一覧
---------------------------------------------------------------------------- */
.list-item1{
	padding:0 0 10px 20px;
	width:925px;
}
.list-item1-head{
	margin-bottom:15px;
	padding-left:23px;
	width:902px;
	height:31px;
	font-size:18px;
	color:#fff;
	line-height:31px;
	background:url(../img/list-item1-head.gif) no-repeat;
}
.list-item1-btn li{
	padding:0 13px 20px 13px;
	float:left;
	width:281px;
}

/* データダウンロード画面
---------------------------------------------------------------------------- */
.detail-prev{
	padding:0 20px 10px 0;
	text-align:right;
	font-size:12px;
}
.detail-prev a{
	padding-left:10px;
	background:url(../img/detail-arrow1.gif) no-repeat 0% 50%;
}
.local-nav{
	padding:0 20px 15px 10px;
}
.local-nav li{
	display:block;
	float:left;
	margin-left:10px;
	width:176px;
	height:53px;
	text-align:center;
	color:#fff;
	font-size:14px;
	line-height:46px;
}
.local-nav li span{
	display:block;
	width:176px;
	height:53px;
	background:url(../img/local-nav-on.gif) no-repeat;
}
.local-nav li a{
	display:block;
	width:176px;
	height:53px;
	background:url(../img/local-nav-off.gif) no-repeat;
	color:#fff;
}
.local-nav li a:hover{
	background:url(../img/local-nav-on.gif) no-repeat;
	text-decoration:none;
}
.sub-nav{
	padding:0 30px 30px 30px;
}
.sub-nav p{
	padding:8px 25px;
	border-top:4px solid #ccc;
	border-bottom:4px solid #ccc;
	color:#444;
}
.sub-nav p span{
	font-weight:bold;
	color:#c00;
}
.detail-content1{
	padding:0 10px 30px 10px;
}

.download-table1{
	width:100%;
	border-collapse:collapse;
}
.download-table1 tr th{
	padding:10px;
	border:1px solid #888;
	font-size:90%;
	font-weight:bold;
	color:#333;
	line-height:1.5;
	text-align:left;
	vertical-align:middle;
	background:#ddd;
}
.download-table1 tr td{
	padding:10px;
	border:1px solid #888;
	font-size:90%;
	color:#333;
	line-height:1.5;
	text-align:left;
	vertical-align:middle;
}
.download-table1 tr th.head1{
	width:45%;
}
.download-table1 tr th.head2{
	width:25%;
}
.download-table1 tr th.head3{
	width:15%;
}
.download-table1 tr th.head4{
	width:15%;
}
.download-table1 tr td.center{
	text-align:center;
}

.download-table2{
	width:100%;
	border-collapse:collapse;
}
.download-table2 tr th{
	padding:10px;
	border:1px solid #888;
	font-size:90%;
	font-weight:bold;
	color:#333;
	line-height:1.5;
	text-align:left;
	vertical-align:middle;
	background:#ddd;
}
.download-table2 tr td{
	padding:10px;
	border:1px solid #888;
	font-size:90%;
	color:#333;
	line-height:1.5;
	text-align:left;
	vertical-align:middle;
}
.download-table2 tr th.head1{
	width:100px;
}
.download-table2 tr th.head2{
}
.download-table2 tr th.head3{
	width:120px;
}
.download-table2 tr th.head4{
	width:100px;
}
.download-table2 tr td.center{
	text-align:center;
}



/* データダウンロード画面
---------------------------------------------------------------------------- */
.menu-nav{
	padding:0 30px 30px 30px;
}
.menu-nav p{
    font-weight:bold;
	text-align:center;
	color:#444;
}
.menu-nav p span{
	font-weight:bold;
	color:#c00;
}
.menu-nav p a{
    font-weight:bold;
	text-align:center;
	padding:8px 15px;
	color:#444;
}