@charset "utf-8";

/*全体の設定
---------------------------------------------------------------------------*/
body#top {
	background-image: url(../images/mainimg_s.jpg);
	background-repeat: no-repeat;
	background-position: center 70px;
	background-size: 400px;
	background: #fff url(../images/mainimg_s.jpg) no-repeat center 70px/auto 350px;
}

/*ヘッダ
---------------------------------------------------------------------------*/
header {
	height: auto;
}
header .inner {
	width: 100%;
}
#logo {
	width:75%;
	max-width:400px;
}
/*メインメニュー
---------------------------------------------------------------------------*/
#menubar-s {
	position: absolute;
	top: 70px;
	width: 100%;
	z-index: 102;
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
}
#menubar-s li {
	border-bottom: 1px solid #ccc;
	background: rgba(255,255,255,0.9);
	line-height: 50px;
	letter-spacing: 0.1em;
}
#menubar-s a {
	display: block;
	width: auto;
	text-decoration: none;
	padding-left: 50px;
}
#menubar-s {
	display: block;
}
#menubar {
	display: none;
}

/*３本バーアイコン設定
---------------------------------------------------------------------------*/
#menubar_hdr {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 30px;
	border: 1px solid #fff;
	padding: 12px 10px 5px;
}
#menubar_hdr span {
	display: block;
	border-top: 3px solid #fff;
	margin-bottom: 7px;
}

/*コンテンツ
---------------------------------------------------------------------------*/
.contents .inner {
	width: 100%;
}
.contents strong {
	margin-left:10px;
}

/*メインコンテンツ
---------------------------------------------------------------------------*/
.main {
	float: none;
	width: 100%;
}

/*サブコンテンツ
---------------------------------------------------------------------------*/
.sub {
	float: none;
	width: 100%;
}
.sub nav {
	display:none;
}
.sub iframe {
	margin:0 auto;
}

/*PAGE TOP設定
---------------------------------------------------------------------------*/
#pagetop {
	right:10px;
}

/*フッタメニュー
---------------------------------------------------------------------------*/
#footermenu {
	display: none;
}

/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
section#news h2.open {
	background: #000 url(../images/btn_minus.png) no-repeat right center/34px 34px;
}
section#news h2.close {
	background: #000 url(../images/btn_plus.png) no-repeat right center/34px 34px;
}

/*テーブル
---------------------------------------------------------------------------*/
.ta1 th {
	width: 100px;
	padding: 5px;
}
.ta1 td {
	width: auto;
	padding: 5px;
}
.list table {
}
.list th,
.list td {
	width: auto;
	font-size:10px;
}

/*その他
---------------------------------------------------------------------------*/
.sp {
	display:block;
}
.pc {
	display:none;
}

section#sub_menu div {
	display:block;
	width:90%;
	height:35px;
	margin:0 auto;
	margin-bottom:10px;
}
section#sub_menu div:not(.first) {
	margin:0 auto;
	margin-bottom:10px;
}
p.description {
	padding:10px 10px;
}
.footer_contact {
	width:90%;
	padding:15px 4%;
}

/*トップ
---------------------------------------------------------------------------*/
#top #banner {
	margin-top:20px;
}
#top #banner a {
	background-size:cover;
}

/*事業内容メニュー
---------------------------------------------------------------------------*/
#business_menu div {
	float: none;
	width: 96%;
	height: auto;
	margin:0 auto;
	margin-bottom:10px;
}

/* 社会貢献活動
---------------------------------------------------------------------------*/
#activity .block {
	float:none;
	width: 97%;
	height: auto;
	margin-bottom:20px;
}
#activity .block p {
	padding-top:5px;
}

/* 事業内容
---------------------------------------------------------------------------*/
#business p {
	padding:5px 10px 40px 10px;
}
#business #effect p {
	margin-left:10px;
}

/* クラッドメタル
---------------------------------------------------------------------------*/
#clad_metal section {
	margin-bottom:80px;
}
#clad_metal .grp1 {
	display:block;
	float:none;
}
#clad_metal .block {
	display:block;
	float:none;
	width:98%;
	height:auto;
	margin:0 auto;
	margin-bottom:20px;
}
#clad_metal .block img {
	width:100%;
	height:auto;
}

/* 金属受託加工
---------------------------------------------------------------------------*/
#clad_art section .images {
	padding:0px 5px;
}
#clad_art section#contract img {
	width:100%;
	margin:0 auto;
	margin-top:15px;
}
#clad_art section#contract .img2,
#clad_art section#contract .img4 {
	margin:0 auto;
	margin-top:15px;
}
#clad_art section#item div {
	display:block;
	padding:0px 5px;
	vertical-align:top;
}
#clad_art section#item div img {
	width:100%;
	margin-bottom:5px;
}
#clad_art .art .block {
	display:block;
	padding:0px 5px;
}
#clad_art .art .block2,
#clad_art .art .block4 {
	margin-left:0px;
}
#clad_art .contents .art2 {
	margin-top:60px;
}
#clad_art .art2 .block {
	float:none;
	display:block;
	width:auto;
	margin-right:0px;
	margin-bottom:40px;
	padding:0px 5px;
}
#clad_art .art2 .block2,
#clad_art .art2 .block4 {
	margin-right:0px;
}
#clad_art .art2 .description .name {
	font-size:16px;
}
#clad_art .art2 .description p {
	position:relative;
}
#clad_art .art2_2 {
	padding:0px 5px;
}
#clad_art .art2 ol {
	padding:0px 5px;
	margin-left:20px;
}
#clad_art .other {
	padding:0px 5px;
}

/* お問い合わせ
---------------------------------------------------------------------------*/
#contact th {
	display:block;
	width:95%;
	margin:0 auto;
	padding:3px;
}
#contact td {
	display:block;
	width:95%;
	border-width:0px;
	padding:3px 0px 10px 3px;
}
#contact input[type="text"],
#contact textarea {
	width:90%;
	margin-left:5px;
}
#contact section#privacy {
	padding:0px 10px;
}

/* 海外代理店
---------------------------------------------------------------------------*/
#agent article th {
	display:block;
	width:100%;;
}
#agent article td {
	display:block;
	width:95%;;
	padding-left:2%;
	padding-right:2%;
}