@charset "utf-8";
/* CSS Document */



/*--------------------------------
Default
---------------------------------*/
table,
th,
td,
form,
h1,
h2,
h3,
h4,
h5,
h6,
p,
em {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	text-indent: 0pt;
	height: auto;
}

ul,
ol,
li,
dl,
dt,
dd{
	list-style:none;
	margin: 0px;
	padding: 0px;
}

th{
	font-weight:normal;
}

table{
	border:0;
	border-spacing:0;
	empty-cells:show;
	border-collapse: collapse;
}

.clear{
	clear:both;
}

img{
	border:none;
}

.indent {
	text-indent: -9999px;
}

hr {
	display:none
}

/*==========リンク設定==========*/
a,a:visited {
	color: #9A0004;
	text-decoration: none;}
a:hover {
	color: #660000;
	text-decoration: underline;}

a:hover img{filter: alpha(opacity=50);
  -moz-opacity:0.5;
  opacity:0.5;}

body{
	margin: 0;
	min-width: 1160px;
	padding: 0;
	background:#FFF;
	color:#333;
	font-family: helvetica, arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:200%;
	font-size:14px;}




/*==========カラー・共有設定==========*/
.imgleftfloat{margin-right:12px;float:left;}
.imgrightfloat{margin-left:12px;float:right;}
.btn {padding:20px 0;}
.btn a { background:#B20000; color:#fff; padding:20px;}
.btn a:hover{ background:#666; text-decoration:none;}

/*Rマーク*/
.regi_mark{ font-size:50%; }


/*==========header==========*/
#header_wrap{width: 100%; min-width:1180px; height:80px; background:#fff; z-index:10000;     position: fixed;
    top: 0;
    left: 0;
	filter: alpha(opacity=90);
  -moz-opacity:0.9;
  opacity:0.9;}

#header{padding:20px 20px 0 20px;} 
#header h1 a{ font-size:18px; font-weight:bold; display:block; float:left; color:#000;}
#header h1 a:hover{ text-decoration:none; color:#999; }
#header h1 span{ margin-top:4px; display: block; float:right;   }
#header h1 img{ vertical-align:middle;}
#header #logo_header{ margin-right:10px;}


/*==========navi==========*/
#navi_wrap { background:#fff; padding:0;}
#navi { float:right; font-size:25px; line-height:80%;}
#navi li{   margin-left:20px; font-weight:bold; color:#333; display: inline-block;   }
#navi li span{font-size:15px; display:inherit;}
#navi li a{color:#333;text-decoration:none; display:block; }
#navi li a:hover{color:#ccc;}


/*=====メニュー=====*/
 #menu{ overflow:hidden;}
 #menu li a{font-size:20px; background:#B20000; color:#fff; display:block; float: left; width:378px; margin-left:1px; padding:30px 0; text-align:center; }
 #menu li a:hover{ text-decoration:none; background:#999;}



/*==========contents==========*/
/*下層ページ タイトル*/
#title{ width:100%; height:150px; background:#333; color:#fff; text-align:left;padding-top:150px;}
#title h2{ width:1140px; margin:0 auto; font-weight:bold; font-size:26px; padding-left:20px; }
#title h2 span{ font-size:14px;}
#title #sub_title{margin:-30px 0 30px 20px; font-size:14px;}

#main_wrap{ margin:0 auto; width:100%; margin-top:60px; overflow:hidden;}
#main{ margin:20px; width:1140px; margin:0 auto;}
#main h3{ font-size:30px; font-weight:bold;}
#main .read{font-size:16px; text-align:center; margin-bottom:60px; }
#main .read h3{ margin-bottom:30px; line-height:110%;font-size:40px; }
#main .read .en{ font-size:14px; margin-top:30px; }
#main .sub_read{font-size:16px; text-align:center; margin:60px 0; }
#main .sub_read .en{ font-size:14px; margin-top:30px; }

#main .column{ border-top:#ddd 1px dotted; padding:30px 0; overflow:hidden;}
#main .column h3{ border-left: #ccc 10px solid; padding:7px 0 0 30px; margin-bottom:30px;}
#main .column h3 span.en{ font-size:14px; display:block; margin-left:4px;}
#main .column h4{ font-weight:bold; font-size:20px;}
#main .column h4 .en{margin-top:-5px; font-weight:bold;display:block; font-size:14px;}
#main .column h5{ font-weight:bold; font-size:14px;}
#main .column h5 .en{ margin-top:-10px; display:block; font-size:12px;}

#contents{ width:910px;}



/* ---------- FooterNAVI ---------- */
#btn_top{margin-top:100px;  line-height:0; text-align:center; margin-bottom:30px;}
a:hover #btn_top {filter: alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;}
  
#footer-wrapper{ padding-bottom:50px; background:#eee; text-align:center;}

#footer{
	width:1160px;
	margin:0 auto;
	padding-top:25px;
	overflow:hidden;
	text-align:center;}

#footer li{
	display: inline-block;
	display:inline;
	padding:0px 10px;
	margin-bottom:10px;}


#footer li a:link,
#footer li a:visited,
#footer li a:active{
	text-decoration:none;
	color:#333;}

#footer li a:hover{
	color:#660000;
	text-decoration:underline;}

#footer-wrapper address,
#footer-wrapper small{	letter-spacing: 0.1em; font:12px normal; color:#666; margin-top:20px;}
#footer-wrapper address{border-top:#fff 1px solid; padding-top:10px;}
#footer-wrapper small{font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS"; margin-top:30px; display:block;}
#footer-wrapper #logo_footer{ margin:20px auto;}	




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

home

======================================= */
.viewer li { line-height:0;}
small#small_home{display:block; text-align:center; width:100%; background:#000; color:#eee;  }

#keyword{ margin:30px;}
#keyword dt,
#keyword dd { display:inline-block;vertical-align: middle;}
#keyword dt{ font-size:35px;}
#keyword dd a{ font-size:20px; background:#B30101; color:#fff; padding:10px; margin:0; }
#keyword dd a:hover{  background:#999; text-decoration:none; }

#home #story,
#home #clamp,
#home #contact
{padding:30px; }
#home #story p,
#home #clamp p,
#home #contact p{ width:650px;}
#home #contact .en{ min-height:200px;}

#home h3{ font-size:30px; font-weight:bold; line-height:120%;}
#home h3.jp{padding-top:0px;}
#home h3.en{ font-size:14px;}
#home p.jp{ padding-top:30px;}
#home p.en{ padding:30px 0;}





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

立尚工業の考え方

======================================= */
#main .column p{ width:850px; margin-bottom:30px; }
#main .column{ border:none; }


#about .column dl{}
#about .column dt{
padding:20px 0;
border-top: 1px solid #EEEEEE;
	width:150px;
	float:left;
}
#about .column dd{
display:block;
padding:20px 20px 20px 0;
border-top: 1px solid #EEEEEE;
	width:400px;
	float:left;
}
#about .column dd.en{}

#about dl.history dd{
	width:550px;
}
#about .column dl.history dd.en { width:400px;
}


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

品質管理

======================================= */
#technology #main .column p{ width:1020px; margin-bottom:30px; }
#technology h4{ margin-bottom:30px;}
#technology #process .sub_column{ width:330px; float:left; background:url(../technology/images/process_arrow.gif) no-repeat 250px top ; padding-right:50px; padding-bottom:50px;}
#technology #process .sub_column p{ width:330px;}
#technology #process .last{ background:none;}

#technology #installation .imgrightfloat{ width:430px;}
#technology #installation img{ margin-left:5px;}
#technology #installation .sub_column{ float:left; width:500px;}
#technology #quality{}

#technology .test-report img.large{ width:15%;}
#technology .test-report img.small{ width:28%;}

#technology .ex{ line-height:0;}
#technology .ex img{padding-bottom:4px;}

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

製品紹介

======================================= */
#products .footer{ margin:50px 0;}
#products .sub_read { margin-top:60px;}
#products .sub_read h3{ margin-bottom:30px;}

/*=====クランプ=====*/
#products .column-clamp{ width:1130px; border:5px #ddd solid; overflow:hidden; margin-bottom:30px; }
#products .column-clamp {background: #b28500; /* Old browsers */
background: -moz-linear-gradient(top,  #b28500 0%, #ffe599 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b28500), color-stop(100%,#ffe599)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b28500 0%,#ffe599 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b28500 0%,#ffe599 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b28500 0%,#ffe599 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b28500 0%,#ffe599 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b28500', endColorstr='#ffe599',GradientType=0 ); /* IE6-9 */}

#products .column-clamp h3{  font-size:50px; width:350px; color:#fff; display:block;  float:left; margin:30px 0 0 30px; }
#products .column-clamp h3 .column-title{ font-size:14px; margin-bottom:50px; }
#products .column-clamp h3 .column-title span.en{  margin-top:-7px; }
#products .column-clamp h3 span.en{ font-size:12px; display:block; margin-top:10px;}

/*#feat_01{ background:url(../products/images/clamp_feat_01.png) no-repeat center center; min-height:200px;}
#feat_02{ background:url(../products/images/clamp_feat_02.png) no-repeat center center; min-height:200px;}
#feat_03{ background:url(../products/images/clamp_feat_03.png) no-repeat center center; min-height:200px;}
#feat_04{ background:url(../products/images/clamp_feat_04.png) no-repeat center center; min-height:200px;}
#feat_05{ background:url(../products/images/clamp_feat_05.png) no-repeat center center; min-height:200px;}*/
#feat_01_wrap{  margin-top: -100px; /* リンク位置上昇分 */ padding-top: 100px; /* 上昇分を戻す分 */}


#products .column-clamp .txt{ width:650px; float:left; padding:50px; background:#fff; }

#products .column-clamp h4{ font-size:30px; font-weight:bold; margin-bottom:30px;}
#products .column-clamp h4 span.en{ font-size:14px; font-weight:bold; display:block;}
#products .column-clamp p.en{ margin-top:30px;}

#products .sub_read_img{ margin-top:30px;}

/*=====サイズ=====*/
#products .column-size caption{
	color: #FFFFFF;
	background: #333333;
	padding: 6px;
}
#products .column-size table {
	color: #555555;
	border-collapse:separate;
	border-spacing:0;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	width: 100%;
	background: #FFFFFF;
}

#products .column-size th, #products .column-size td{
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
padding:5px;
}

#products .column-size thead th{
font-weight: normal;
background: #BCBEC0;
}

#products .column-size tbody{
font-size: 14px;
}

#products .column-size tbody th{
font-weight: normal;
background: #E7E9EA;
}


#products .column-size td.num {
border-left: 1px solid #E9E4D9;
}

#products .column-size th.D1,
#products .column-size td.D1,
#products .column-size th.D2,
#products .column-size td.D2,
#products .column-size th.t,
#products .column-size td.t,
#products .column-size th.W,
#products .column-size td.W,
#products .column-size th.H,
#products .column-size td.H,
#products .column-size th.g,
#products .column-size td.g,
#products .column-size th.carton,
#products .column-size td.carton {
text-align: right;
}

#products .column-size tr.even{
background: #F6F6F5;
}

#products .column-read {text-align:center; margin:50px 0;}

#products .column-size {
}

#products .column2-size {
	border: 1px solid #CCCCCC;
	padding: 10px;
	color: #555555;
	margin-top: 20px;
}

#products .column2-size h6 {
	margin: 0px;
	padding: 2px 2px 2px 10px;
	font-weight: bold;
	text-indent: 0pt;
	height: auto;
	width: auto;
	font-size: 16px;
	background: #ddd;
}

#products .column2-size p {
	margin: 0px;
	padding: 4px 10px 8px;
}


/*=====その他=====*/
#products .column_other .sub_column{padding-top:30px; overflow:hidden; border-top: 1px #eee dotted;}
#products .column_other .first_column{padding-top:30px; overflow:hidden;}
#other_img{display: table;
  table-layout: fixed;
  text-align: center;
  width: 100%;}
#other_img li{display: table-cell;}

#products .column_other .column{ background:#eee; padding:30px; margin-top:30px; } 
#products #main .column_other .column p{ width:100%;  } 
#products .side .column{  margin-top:30px; margin-left:30px; overflow:hidden; width:26.3%; float:left; min-height:330px;} 
#products .side .first { margin-left:0;} 
#products .side .column p{ width:100%;} 
#products .side .caption { padding-top:30px;}
#products .side .caption p { margin-bottom:0px;}
#products .side .column img { width:250px; margin:0 auto; display:block; }
#products .img_bigger{ border:#fff 5px solid;}
#products .caption{ font-size:12px;}
#products #main #spring::before,
#products #main #hinge::before{content: "";
    display: inline-block;
    height: 50px;
	padding-top:50px;
    margin-top: -50px;
    vertical-align: top;}



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

開発ストーリー

======================================= */
#story_wrap{text-align:left; background:url(../images/story_bg.jpg) no-repeat; width:100%; -moz-background-size:cover;
background-size:cover;}
#clamp_wrap{text-align:left; }
#clamp_wrap{background: #b28500; /* Old browsers */
background: -moz-linear-gradient(top, #b28500 0%, #ffe599 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b28500), color-stop(100%,#ffe599)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b28500 0%,#ffe599 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b28500 0%,#ffe599 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b28500 0%,#ffe599 100%); /* IE10+ */
background: linear-gradient(to bottom, #b28500 0%,#ffe599 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b28500', endColorstr='#ffe599',GradientType=0 ); /* IE6-9 */}
#home #clamp{background:url(../images/clamp_bg.png) no-repeat  800px center;}
#contact_wrap{text-align:left; background:url(../images/contact_bg.jpg) no-repeat right center; width:100%; -moz-background-size:cover;}

#story .column{ border-top:#ddd 1px solid; border-bottom:#ddd 1px dotted ; padding-top:0; overflow:hidden;}
#story .column .year{ font-size:80px; font-weight:bold;  border-top:#333 5px solid; width:240px; padding:50px 0; }
#story .column h4{ font-size:30px; font-weight:bold; }
#story .column h4.en{ font-size:14px; font-weight:bold; margin-bottom:30px; }
#story .column .txt{ width:660px; float:right; }





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

企業情報

======================================= */
#profile .column{ border:none; padding-top:0;}





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

お問い合わせ

======================================= */
#contact .mailform{ width:900px; text-align:left;}
#contact #main .mailform p{ width:300px;}
#contact #main p.tel{ font-size:42px; font-weight:bold; width:100%; }

#contact table.mailform {
	width: 100%;
}
table.mailform tr th,table.mailform tr td {
	text-align: left;
	font-weight: normal;
	border-bottom: 1px #eee dotted;
	padding: 20px;
}
table.mailform tr th {
	width: 150px;
}
span.required {
	color: #CC0000;
	font-size: 18px;
	font-weight:bold;
}

table.mailform tr td textarea {
	width: 100%;
	height: 120px;
}






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

その他

======================================= */
#etc .subcatch {
	padding-bottom:10px;
	font-size: 14px;
	font-weight: bold;
}

#etc #contents{
padding-top:30px;
padding-left:40px;
padding-right:40px;
padding-bottom:40px;
}

#etc #mainContents{
padding-left:44px;
padding-right:16px;
}

#etc #contents p{
padding-bottom:40px;
}

#etc #contents dl{
	padding-bottom:40px;
	padding-left: 20px;
}

#etc #contents dt{
	padding-top: 12px;
}

#etc #contents dd{
	padding-left: 12px;
	text-indent: -12px;
}

#etc #contents ul{
	padding-bottom:40px;
}