@charset "Shift_JIS";

/* 基本スタイル
---------------------------------------------*/
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 150%;
	font-size: 75%;
	color: #333333;
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6 {margin: 0;padding: 0;font-weight: normal;clear: both;}
img {border: none;}
p {margin: 0;padding: 0;}
div {margin: 0;padding: 0;}
ul {margin: 0;padding: 0;}
li {margin: 0;padding: 0;}
em {font-style: normal;}
a {}
a:link {}
a:hover {}
a:visited {}
.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}

/* all
---------------------------------------------*/
#all {
	margin-right: auto;
	margin-left: auto;
	width: 950px;
	border-top: 3px solid #CC0000;
}

/* SEO対策用コピー
---------------------------------------------*/

/* ヘッダー
---------------------------------------------*/
#header {
	width: 950px;
	margin: 0px 0px 10px;
}
div.menu1 img {
	margin: 0px 5px 0px 0px;
}
div.header_left {
	float: left;
	width: 668px;
	margin: 0px;
}
div.header_left p.copy {
	text-align: left;
	height: 17px;
	font-size: 12px;
	margin: 3px 0px 0px;
}

div.header_right {
	float: right;
	width: 282px;
	margin: 5px 0px 0px;
}

/* 全体
---------------------------------------------*/
#wrapper {
	width: 950px;
	text-align: left;
	background-color: #ffffff;
	clear: both;
}

/* カラム１
---------------------------------------------*/
#column_one {
	width: 690px;
	float: left;
	margin: 10px 0px 0px;
}
#column_one p.space {
	margin: 5px 0px 0px;
	padding: 0px;
}
p.pankuzu {
	font-size: 80%;
}
p.pankuzu a {
	background-image: url(images/icon-pankuzu.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0px 15px 0px 0px;
	margin: 0px 5px 0px 0px;
}
/* カラム１　タイトル設定
---------------------------------------------*/
#column_one h1 {
	background-image: url(images/bk-h1.jpg);
	background-repeat: no-repeat;
	font-size: 120%;
	font-weight: bold;
	padding: 8px;
	height: 34px;
}

#column_one h2.top_h2 {
	background-image: url(images/bk-h1.jpg);
	background-repeat: no-repeat;
	font-size: 120%;
	font-weight: bold;
	padding: 9px 8px 0px;
	border: none;
	height: 30px;
	margin: 30px 0px 0px;
}
#column_one h2 {
	background-image: url(images/bk-h2.gif);
	background-repeat: repeat-x;
	border-bottom: 1px solid #999999;
	font-size: 100%;
	font-weight: bold;
	padding: 5px 5px 3px;
	background-color: #EEEEEE;
	background-position: left top;
	margin: 20px 0px;
}
#column_one h2.kh_h2 {
	background-image: url(photo/bk-kh-h2.gif);
	background-repeat: repeat-x;
	border-bottom: 1px solid #999999;
	font-size: 100%;
	font-weight: bold;
	padding: 5px 5px 3px;
	background-color: #003399;
	background-position: left top;
	margin: 20px 0px;
	color: #FFFFFF;
}

/* コンテンツ設定
---------------------------------------------*/
#column_one div#contents {}
#column_one div#contents p {
	margin-bottom: 20px;
}
/* コンテンツ設定-トップ-特徴
---------------------------------------------*/
div.special_all {
	width: 690px;
}
div.special_all p {
	margin: 0px 5px 5px 7px;
}
div.special_left {
	width: 457px;
	float: left;
}
div.special1 {
	background-image: url(images/top-special-middle.jpg);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	width: 224px;
	float: left;
}
div.special2 {
	background-image: url(images/top-special-middle.jpg);
	background-repeat: repeat-y;
	margin: 0px 0px 0px 9px;
	padding: 0px;
	width: 224px;
	float: right;
}
div.special3 {
	background-image: url(images/top-special-middle.jpg);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	width: 224px;
	float: right;
}

div.special_all img.img_sp1 {
	margin: 7px 7px 5px;
}
div.special_all img.img_sp2 {
	float: right;
	margin: 0px 7px 0px 0px;
}

/* コンテンツ設定-トップ-プレゼントキャンペーンバナー
---------------------------------------------*/
img.present {
	margin: 15px 0px 0px;
}

/* コンテンツ設定-お問い合わせバナー
---------------------------------------------*/
img.info {
	margin: 50px 0px 0px;
}

/* コンテンツ設定-ステンレス板金加工事例 MTに変更後再編集予定
---------------------------------------------*/
div.case {
}
div.case img {
	float: left;
	margin: 5px 10px 5px 5px;
	border: 1px solid #333333;
}
div.case-en {
}
div.case-en img {
	padding: 4px;
	border: 1px solid #333333;
}
div.case-en p {
}

/* コンテンツ設定-トップ-ステンレス板金加工ノウハウ集
---------------------------------------------*/
ul.know-how1 {
	list-style-type: none;
	margin: 20px 0px 0px;
	padding: 0px;
}
ul.know-how1 li {
	float: left;
	width: 230px;
	margin: 0px;
	padding: 0px;
	height: 50px;
}
ul.know-how1 li span.number {
	background-image: url(images/icon-book1.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	font-weight: bold;
	display: block;
	text-align: center;
	font-size: 80%;
	height: 30px;
	width: 30px;
	float: left;
}
ul.know-how1 li span.kh-title {
	display: block;
	text-align: left;
	margin: 7px 0px 0px;
}

/* コンテンツ設定-ステンレス板金.COM こんなこともお任せ下さい！
---------------------------------------------*/
img.kh_yajirushi1 {
	margin: 0px 0px 0px 200px;
	clear: both;
}

ul.ichiran {
	list-style-type: none;
}
ul.ichiran li {
	float: left;
	margin: 0px 20px 20px 0px;
	width: 320px;
}

ul.ichiran2 {
	list-style-type: none;
}
ul.ichiran2 li {
	float: left;
	margin: 0px 20px 20px 0px;
	width: 210px;
}

ul.ichiran3 {
	list-style-type: none;
}
ul.ichiran3 li {
	float: left;
	margin: 5px 0px 0px 0px;
	width: 345px;
}

/* 	ステンレス銅のテーブルスタイル
---------------------------------------------*/
table#table-01 {
    width: 680px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-01 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
}
table#table-01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
    white-space: nowrap;
}
table#table-02 {
    width: 680px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-02 th {
    padding: 10px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
}
table#table-02 td {
    padding: 5px 5px 5px 15px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px
    white-space: nowrap;
}

/* お問い合わせフォームテーブル
---------------------------------------------*/
.base_table1 {
	background-color: #CCCCCC;
	margin: 0px 0px 20px 0px;
}
.base_table1 th {
	padding: 5px;
	font-weight: normal;
	text-align: left;
	background-color: #eeeeee;
	border-top: 1px solid #FFFFFF;
	border-right: 1px none #FFFFFF;
	border-bottom: 1px none #FFFFFF;
	border-left: 3px solid #FFFFFF;
	width: 200px;
}
.base_table1 td {
	padding: 5px;
	background-color: #FFFFFF;
	width: 460px;
}

/* サイトマップ
---------------------------------------------*/
#sitemap {}
#sitemap ul {
	margin: 15px 0px;
	list-style-type: none;
}
#sitemap ul li {}
#sitemap ul li.home {
	background-image: url(photo/icon-sitemap1.jpg);
	background-position: left 4px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 20px;
}
#sitemap ul li.main {
	background-image: url(photo/icon-sitemap1.jpg);
	background-position: left 4px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 30px;
}
#sitemap  ul li.sub1 {
	background-image: url(photo/icon-sitemap2.jpg);
	background-position: left 3px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 20px;
	margin: 10px 0px 0px 50px;
}
#sitemap  ul li.sub2 {
	background-image: url(photo/icon-sitemap2.jpg);
	background-position: left 3px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 20px;
	margin: 10px 0px 0px 70px;
}
div.sitemap_left {
	float: left;
	width: 340px;
}
div.sitemap_right {
	float: right;
	width: 340px;
}

/* カラム２
---------------------------------------------*/
#column_two {
	width: 230px;
	float: right;
	margin: 10px 0px 0px;
}

/* カラム２ メニュー
---------------------------------------------*/
#column_two img.b10 {
	margin: 0px 0px 10px 0px;
}
#column_two img.b5 {
	margin: 0px 0px 5px 0px;
}
#column_two img.b30 {
	margin: 0px 0px 30px 0px;
}

/* カラム２ ナビゲーション
---------------------------------------------*/
div.navigation {
}
div.navigation ul {
	margin: 15px 10px 30px;
	list-style-type: none;
}
div.navigation ul.material li {
	background-image: url(images/icon-paper.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 10px;
}

div.navigation ul.menu li {
	background-image: url(images/icon-yajirushi1.jpg);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 10px;
}

/* フッター設定
---------------------------------------------*/
div.footer {
	clear: both;
	margin: 0px 0px 30px;
	padding: 20px 0px 0px;
}
div.footer p {
	margin: 5px 0px 0px;
}

/* 画像位置設定　変更しないようにしてください
---------------------------------------------*/
.t10 {
	margin: 10px 0px 0px;
}
.b15 {
	margin: 0px 0px 15px;
}
.b10 {
	margin: 0px 0px 10px;
}

.tx_right1 {
	clear: both;
	text-align: right;
	background-image: url(images/icon-yajirushi2.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 5px 30px 5px 0px;
}
.img_right1 {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	clear: right;
}
.img_left1 {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	clear: left;
}