@charset "utf-8";

/* ページカラー */
body {
	/* 文字色 */
	color: #515151;
	/* 背景色 */
	background-image: url(../p-img/100388_1/bg_shibata.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background-color: #FFFFFF;
}

/* ページ全体枠のカラー */
#wrapper {
	/* background-color: #efefef; */
	background-color: #06063E;
}

/* -----------------------------------------------------------------------------
 産業Naviメニュー　※基本変更不可
----------------------------------------------------------------------------- */
#breadcrumb {
	position: fixed;
	top: 0;
	z-index: 50;
	margin: auto 10px;
	/* バーの色変更 ※変更したら下記リンク色設定も */
	background: rgba(30,30,30,0.8);
	color: #FFFFFF;
}
#breadcrumb .bc {
	margin-left: 5px;
}
#breadcrumb .login {
	margin-right: 5px;
}

/* リンク色設定 */
#breadcrumb .bc a, #breadcrumb .login a { text-decoration: none; }
#breadcrumb .bc a:link, #breadcrumb .login a:link,
#breadcrumb .bc a:visited, #breadcrumb .login a:visited {
	color: #FFC600;
}
#breadcrumb .bc a:hover, #breadcrumb .login a:hover,
#breadcrumb .bc a:active, #breadcrumb .login a:active {
	color: #FF6600;
	text-decoration: underline;
}
#wrapper {
}
#wrapper {
}




@media screen and (max-width:640px){
#breadcrumb {
	width: 100%;
	margin: auto 0;
	padding: 7px 0;
}
#breadcrumb .bc {
	margin-left: 10px;
}
#breadcrumb .login {
	margin-right: 10px;
}

}


/* -----------------------------------------------------------------------------
 Header
----------------------------------------------------------------------------- */
/* 「ヘッダー」のカラー */
#header-area {
	background-color:#FFFFFF;
	border-top:3px solid #c80000;
	
	/* SタイプOriginal ここは変更不可 */
	position: relative;
	z-index: 51;
}


/* -----------------------------------------------------------------------------
 Original_Style
----------------------------------------------------------------------------- */

/* wapperのカラー指示*/

#wrapper #breadcrumb p,
#wrapper #breadcrumb .login a {
	color: #FFFFFF;
}

/* トップ画像(h1)　への指示*/
#wrapper #header-area h1  {
	padding: 0;
	text-align: center;
}


/* 柴田製作所の技術　項目への指示　*/

#contents-area .box #skil {
	width:520px;
	margin:0 0 0 0;
	padding-right: 0;
}

#contents-area .box #skil p {
	margin-right:0;
}

#contents-area .box #shibaright_img {
	width: 400px;
	margin-top: 0;
	margin-right: 20px;
	float: right;
}

#contents-area .box #shibaright_img p {
	margin:0px 0px 0;
}

/* 技術紹介　項目への指示　*/

/* #main-area .box .box .trisection.cf {
	margin-bottom: 20px;
} */

/* #main-area #box_01 .trisection.cf {
	margin-bottom: 30px;
} */

#main-area .box .trisection.cf {
	margin-bottom: 40px;
}

#node_002,
#node_004,
#node_006 {
	border-bottom: 1.5px solid #C80000;	
}



#contents-area .box .trisection #skil_mch {
	width:251px;
	margin-left:20px;
	margin-top: 30px;
}

#contents-area .box .trisection #skil_spo {
	width:251px;
	margin:0 20px;
	margin-top: 30px;
}

#contents-area .box .trisection #skil_inn {
	width:356px;
	margin-right:20px;
	padding-bottom: 20px;
	margin-top: 30px;	
}




/* インナーチューブだけではない　項目への指示　*/

#contents-area .box #rolling {
	width:700px;
	margin:0 0 0 0;
	padding-right: 0;
}

#contents-area .box #rollingright-img1 {
	width:220px;
	margin:0 20px 0 auto;
	float:right;
}

.cf #rolling #node_008 p {
	background-color: rgba(255,255,255,0.50);
}

.cf #rolling #node_008 p {
	margin-right: 0;
	text-shadow: 1px 1px 1px #FFFFFF;
}

/* 発注・問合せ表記　への指示　*/

#main-area .box .cf #tel_order {
	margin-top: 20px;
	clear: both;
}

#node_009 {
	text-align: center;
	font-weight: bold;
	color: #0B5396;
	font-size: 150%;
	padding-top: 30px;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	text-shadow: 1px 1px 3px #FFFFFF;
}

#node_010 {
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	/* グラデーションの指定　*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f26d59+0,f3c5bd+5,c80000+27,c80000+72,7f0000+93,b70000+100 */
	background: #f26d59; /* Old browsers */
	background: -webkit-linear-gradient(#f26d59 0%, #f3c5bd 5%, #c80000 27%, #c80000 72%, #7f0000 93%, #b70000 100%);
	background: -o-linear-gradient(#f26d59 0%, #f3c5bd 5%, #c80000 27%, #c80000 72%, #7f0000 93%, #b70000 100%);
	background: linear-gradient(#f26d59 0%, #f3c5bd 5%, #c80000 27%, #c80000 72%, #7f0000 93%, #b70000 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f26d59', endColorstr='#b70000',GradientType=0 ); /* IE6-9 */
	font-size: 220%;
	min-width: 0px;
	width: 13em;
	border-radius: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 40px;
	padding-top: 0px;
	line-height: 2em;
}

#node_010 a:link {
	color: #FFFFFF;
	text-decoration: none;
}

#node_010 a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#node_010 a:hover {
	color: #F9EC38;
	text-decoration: none;
}


/* 技術項目全体の背景　への指示　*/
#main-area #box_01 {
	background-image: url(../p-img/100388_1/worker1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* 求人項目　への指示　*/

#main-area .box #recruitimg {
	margin: 0;
	border-bottom:none;	
}

#node_011 h3 span {
	color: #C80000;
}

#contents-area #node_011 h3 {
	border-bottom:none;
	padding-bottom: 0;
	margin-bottom: 0;
}

#node_011 .table-set .table-style1 tr .recruit_img {
	text-align: center;
	padding-right: 20px;
	border: 1px solid #999999;
	border-left: none;
}

#node_011 .table-set .table-style1 tr .recruit_withimg {
	border-right: none;
}

#node_011 .table-set .table-style1 tr td strong {
	color: #C80000;
	font-weight: bold;
	font-size: 150%;
	background-color: #D7F782;
}

#contents-area .box table.table-style1 th {
	width:9em;
}

.table-style1 tr td #salary {
	font-weight: bold;
}

/*　社長コメント　への指示　*/

#main-area .box #comment {
	background-color: #F6F8D8;
	margin:20px 20px 30px;
	border-radius: 10px;	
	overflow: hidden;	
}

.box #comment .left-img p img {
	margin-left: -20px;
	margin-top: 1px;
	margin-bottom: 10px;
}

.box #comment #node_013 {
	padding: 10px 10px 10px 0;
}

.box #comment #node_013 p {
	margin-left: 0;
}

#node_013 p span {
	color: #C80000;
	font-variant: normal;
	font-weight: bold;
	font-size: 115%;
}

/* 求人問合せ　項目への指示　*/

#main-area .box .cf #tel_recruit {
	margin-top: 20px;
	clear: both;
}

#node_014 {
	text-align: center;
	font-weight: bold;
	color: #134834;
	font-size: 120%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0;
}

#tel_recruit #node_014 h4 {
	color: #0B5396;
	font-size: 120%;
	margin-bottom: 0;
	padding-bottom: 0;
}

#node_014 h4 span {
	color: #C80000;
	font-size: 150%;
}

#node_015 {
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	/* グラデーションの指定　*/
	background: #f26d59; /* Old browsers */
	background: -webkit-linear-gradient(#f26d59 0%, #f3c5bd 5%, #c80000 27%, #c80000 72%, #7f0000 93%, #b70000 100%);
	background: -o-linear-gradient(#f26d59 0%, #f3c5bd 5%, #c80000 27%, #c80000 72%, #7f0000 93%, #b70000 100%);
	background: linear-gradient(#f26d59 0%, #f3c5bd 5%, #c80000 27%, #c80000 72%, #7f0000 93%, #b70000 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f26d59', endColorstr='#b70000',GradientType=0 ); /* IE6-9 */
	font-size: 220%;
	width: 13em;
	border-radius: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 2em;
}

#node_015 a:link {
	color: #FFFFFF;
	text-decoration: none;
}

#node_015 a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#node_015 a:hover {
	color: #F9EC38;
	text-decoration: none;
}


#node_030 {
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	/* グラデーションの指定　*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f26d59+0,f3c5bd+5,c80000+27,c80000+72,7f0000+93,b70000+100 */
	background: #f26d59; /* Old browsers */
	background: -webkit-linear-gradient(#f26d59 0%, #f3c5bd 5%, #c80000 27%, #c80000 72%, #7f0000 93%, #b70000 100%);
	background: -o-linear-gradient(#f26d59 0%, #f3c5bd 5%, #c80000 27%, #c80000 72%, #7f0000 93%, #b70000 100%);
	background: linear-gradient(#f26d59 0%, #f3c5bd 5%, #c80000 27%, #c80000 72%, #7f0000 93%, #b70000 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f26d59', endColorstr='#b70000',GradientType=0 ); /* IE6-9 */
	font-size: 220%;
	min-width: 0px;
	width: 13em;
	border-radius: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 40px;
	padding-top: 0px;
	line-height: 2em;
}

#node_030 a:link {
	color: #FFFFFF;
	text-decoration: none;
}

#node_030 a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#node_030 a:hover {
	color: #F9EC38;
	text-decoration: none;
}

/* 会社概要　への指示　*/

#contents-area #menu-bottom-area .box.about {
	width:940px;
	/* float:left; */
}

#contents-area #menu-bottom-area .box table {
	/* width:743px; */
	margin:20px 20px 10px;
	border-collapse: collapse;
}

#contents-area #menu-bottom-area .box.about table {
	width: 900px;
}




/* ウィンドウが640px未満時に適用 */
@media screen and (max-width:640px){
	
/* 柴田製作所の技術　項目への指示　*/

#contents-area .box #skil {
	width:auto;
	margin:0 0 0 0;
	padding-right: 10px;
	padding-left: 10px;
}
	
#contents-area .box #shibaright_img {
	width: auto;
}

/*　背景非表示指示　*/
#main-area #box_01 {
	background-image: none;
}
		
	
/* 技術紹介　項目への指示　*/
#main-area .box .trisection.cf {
	margin-bottom: 0;
}
	
#main-area .box .trisection.cf img{
	margin-bottom: 30px;
}
	
#node_003,
#node_005 {
	margin-top: -25px;
}
	
#box_01 .trisection.cf #skil_inn.right {
	margin-left: 20px;	
	}
	
#contents-area .box .trisection #skil_inn {
	width:auto;
}


/* インナーチューブだけではない　項目への指示　*/
	
#contents-area .box #shibaright_img {
	float: none;
	margin-right: 0;
	margin-left: auto;
}
	
#contents-area .box #rolling {
	width:auto;
	margin:0 10px 0 0;
	padding-right: 0;
}
	
#contents-area .box #rollingright-img1 {
	display:none;
}
	
	
/*　電話番号大表記　への指示　*/
	
#node_010,
#node_015,
#node_030{
	font-size: 180%;
	width: 12em;
	}
	

	
	
/* 求人　項目への指示　*/
	/* 求作業イメージ削除　*/
#node_011 .table-set .table-style1 tr .recruit_img img {
	display:none;
}

#contents-area #menu-bottom-area .box.about table {
	width: auto ;		
}

/*　社長コメント　への指示　*/
	
.box #comment #node_013 p {
	margin-left: 20px;
}
	
.box #comment .left-img p img {
	margin-left: auto;
	margin-right: auto;
	margin-top: 1px;
	margin-bottom: 5px;
}



/* 会社概要　への指示　*/
	
#contents-area #menu-bottom-area .box.about {
	width:auto;
	}
	
/* MAP　への指示　*/

	#contents-area #menu-bottom-area .box.about .map {
	position: relative;
	padding-bottom: 75%;
	height:0;
	margin:10px 10px 0;
	overflow: hidden;
}
	
#contents-area #menu-bottom-area .box.about .map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
	

	
}


/* ウィンドウが641px以上時に適用 */
@media screen and (min-width:641px) {

	/* インナーチューブだけではない　項目への指示　*/
#contents-area .box #rollingright-img2 {
	display:none;
}
	
}

/* -----------------------------------------------------------------------------
 Contents
----------------------------------------------------------------------------- */
/* 編集後にコメントアウト */
/*#menu-bottom-area {
	margin-top: 350px;
}*/

/* 「お知らせ」のカラー */
#today-area {
	background-color:#FFFFFF;
	border:1px solid #C80000;
}


#rolling #node_007 h3 {
	color: #7E2525;
	font-weight: bold;
	font-size: 120%;
}




/* ノードの背景カラー */
#contents-area .box {
	background-color:#FFFFFF;
}

/* ノードの見出しカラー H2 */
#contents-area .box h2 {
	font-weight: bold;
	/* color:#684b10;
	 border-left:7px solid #af8912; */
	color:#000000;
	border-left:7px solid #c80000;
	font-size: 1.8em;
}

/* ノードの見出しカラー H3 */
#contents-area .box h3 {
	font-weight: bold;
	border-bottom:1px dotted #999999;

}

/* リストのアイコン */
#contents-area .box ul li {
	background:url(../p-img/100388_1/ico1.png) left center no-repeat;
}

/* tableのカラー */
#contents-area .box table.table-style1 th {
	/* background-color:#CCCCCC;
	 border: 1px solid #999999; */
	background-color:#FFE4E4;
	border: 1px solid #999999;
	text-align: center;
}

#contents-area .box table.table-style1 td {
	background-color:#FFFFFF;
	border: 1px solid #999999;
	padding-left: 10px;
}

/* 「About Us」のカラー */
#contents-area .box dl dt {
	color:#443102;
	background:url(../p-img/100388_1/ico_dt_r.gif) left center no-repeat;
}

#contents-area #menu-bottom-area .box table td {
	border: 1px solid #c80000;
	text-align:left;
}

#contents-area #menu-bottom-area .box table th{
	border: 1px solid #c80000;
	border-bottom: 1px solid #ffffff;
	text-align:center;
}
#contents-area #menu-bottom-area .box table #au_last{
	border: 1px solid #c80000;
	border-bottom: 1px solid #c80000;
	text-align:center;
}

#contents-area #menu-bottom-area .box table th{
	color:#ffffff;
	background-color:#C80000;
	text-align: center;
}

/* ウィンドウが640px未満時の「About Us」のカラー */
@media screen and (max-width:640px){

#contents-area #menu-bottom-area .box table td,
#contents-area #menu-bottom-area .box table th,
#contents-area #menu-bottom-area .box table #au_last {
	border: none;
}
	

#contents-area #menu-bottom-area .box table th,
#contents-area #menu-bottom-area .box table #au_last {
	text-align: left;
	color:#C80000;
	background:transparent url(../p-img/100388_1/ico_dt_r.gif) left center no-repeat;

}

}

/* -----------------------------------------------------------------------------
 Footer
----------------------------------------------------------------------------- */
#footer-area {
	background-color:#FFFFFF;
}

#footer-area .link {
	visibility:hidden;
	/* border-bottom:1px solid #efefef; */
}

#footer-area .link a {
	color:#515151;
}

#footer-area .link a:hover {
	color:#E32828;
}

/* ページトップへ戻る */
#footer-area .pagetop img {
	border:1px solid #999999;
}


/* -----------------------------------------------------------------------------
 PageTopNavi
----------------------------------------------------------------------------- */
/*SタイプOriginal*/
#footer-area .pagetop {
	position:absolute;
	top:8px;
	right:8px;
}
#footer-area .pagetop img, .move_pagetop img {
	border:1px solid #999999;
}

.move_pagetop {
	display: none;
	position: fixed;
	bottom: 8px;
	right: 8px;
	top: auto;
	left: auto;
	z-index: 50;
}

@media screen and (max-width:640px){
#footer-area {
	position: relative;
	bottom: 0;
	z-index: 51;
}
.move_pagetop {
	display: block;
}
}