@charset "utf-8";

/****************************************

          共通設定

*****************************************/


#wrapp{
	display:block;
	width:100%;
	position:relative;}
	
	
	
/*（ヘッダー）*/

hgroup{
	display:block;
	width:100%;
	min-height:170px;
	position:relative;
	background:url(../images/common/hg_back.gif) 0 0 repeat-x;}
header.hd01{
	display:block;
	width:1000px;
	margin:0 auto;}
header.hd01 img{
	float:left;}
header.hd02{
	display:block;
	width:455px;
	height:120px;
	position:absolute;
	top:0;
	right:0;}
header.hd02 img{
	float:left;}
hgroup nav.grandNav{
	display:block;
	width:1000px;
	margin:0 auto;}
hgroup nav.grandNav ul{
	display:block;
	width:1000px;}
hgroup nav.grandNav ul li{
	display:inline;
	float:left;
	margin-right:117px;}
hgroup nav.grandNav ul li:last-child{
	margin-right:0;}
header.hd03{
	display:block;
	width:160px;
	height:45px;
	position:absolute;
	top:52px;
	right:130px;}
	
	
/*（フッダー）*/
footer{
	display:block;
	width:100%;
	min-height:400px;
	background:url(../images/common/foot_back.gif) 0 0 repeat-x;}
#footInbox01{
	display:block;
	width:750px;
	margin:0 auto;
	padding:72px 125px;
	position:relative;}
#footInbox01 img{
	float:left;}
#footInbox01 .pagetop{
	width:40px;
	height:40px;
	position:absolute;
	bottom:0;
	right:0;}
#footInbox02{
	display:block;
	width:1000px;
	margin:0 auto;
	padding:40px 0;
	text-align:center;}
#footInbox02 .ftNav{
	display:block;
	color:#fff;
	margin:30px 0;}
#footInbox02 .ftNav a{
	color:#fff;}
#footInbox02 .ftNav a:hover{
	color:#fff;
	text-decoration:underline;}
#footInbox02 small{
	display:block;
	color:#A9AEB1;
	font-size:12px;}





/****************************************

          トップページ

*****************************************/


/*（ブロック01）*/

#topBlock01{
	display:block;
	width:100%;
	height:auto;
	position:relative;
	background-image:url(../images/top/main_back.jpg);
	background-size:cover;}
#topBlock01 .grade{
	display:block;
	width:60%;
	height:215px;
	position:absolute;
	left:0;
	top:145px;
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 57%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 57%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 57%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
#topBlock01Inbox{
	display:block;
	position:relative;
	width:100%;
	height:417px;
	text-align:center;
	padding-top:75px;
	background:url(../images/top/main.png) center 75px no-repeat;
	z-index:99998;}
#topBlock01Inbox h3{
	display:block;}



/*（ブロック02）*/

#topBlock02{
	display:block;
	width:100%;
	height:auto;
	padding:65px 0;
	background-image:url(../images/top/ct01_back.jpg);
	background-size:cover;}
#topBlock02 .tb02In{
	display:block;
	width:85%;
	height:auto;
	margin:0 auto;
	padding:50px 0;
	background-color:rgba(255,255,255,0.5);}
#topBlock02 .tb02In h4{
	display:block;
	width:1000px;
	margin:0 auto;
	padding:0;
	text-align:center;}
#topBlock02 .tb02In p{
	display:block;
	width:1000px;
	margin:35px auto 60px;
	padding:0;
	font-size:16px;
	line-height:32px;
	text-align:center;}
#topBlock02 .tb02In ul{
	display:block;
	width:960px;
	margin:0 auto;}
#topBlock02 .tb02In ul li{
	display:inline;
	float:left;
	margin:0 20px;}
	


/*（ブロック03）*/

#topBlock03{
	display:block;
	width:100%;
	min-height:635px;
	padding:115px 0 0 0;
	text-align:center;
	background-color:#000000;
	background-image:url(../images/top/ct02_back.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;}
#topBlock03 h4{
	display:block;
	width:1000px;
	margin:0 auto;
	padding:0;
	text-align:center;}
#topBlock03 p{
	display:block;
	width:1000px;
	margin:35px auto 50px;
	padding:0;
	font-size:16px;
	line-height:32px;
	color:#FFFFFF;
	text-align:center;}
		


/*（ブロック04）*/

#topBlock04{
	display:block;
	width:100%;
	min-height:250px;
	padding:125px 0;
	text-align:center;
	background-color:#142358;}
#topBlock04 ul{
	display:block;
	width:1000px;
	height:250px;
	margin:0 auto;
	background:url(../images/top/ct03_back.gif) repeat-y 0 0;}
#topBlock04 ul li{
	display:inline;
	width:333px;
	margin:41px 0 0 0;
	float:left;
	text-align:center;}



/****************************************

          コンテンツ

*****************************************/

/*（共通）*/

article{
	display:block;
	width:100%;
	background-color:#FFFFFF;}
p.readText{
	display:block;
	font-size:16px;
	line-height:32px;}
div.midashi{
	position: relative;
	padding-bottom: .5em;
	margin-bottom:35px;
	font-size:20px;
	border-bottom: 4px solid #ccc;}
div.midashi::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 10%;
	height: 4px;
	background-color: #0068B7;
}
	
	

/*（2カラム）*/

.contentsAria_2clum{
	display:block;
	width:1000px;
	margin:0 auto;
	padding-bottom:120px;
	background:url(../images/common/ct_aria_back01.jpg) repeat-y 0 0;}
.contentsAria_2clum:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;}
.contentsAria_2clum .ctLeftBox{
	display:block;
	width:720px;
	padding-right:30px;
	float:left;
	margin-top:35px;}
.contentsAria_2clum .ctLeftBox h6{
	display:block;
	width:690px;
	font-size:24px;
	font-weight:normal;
	padding:20px 0 20px 30px;
	margin-bottom:40px;
	background:url(../images/common/icon01.gif) left center no-repeat;
	border-top:double #ccc;
	border-bottom:double #ccc;}	
.contentsAria_2clum nav{
	display:block;
	width:230px;
	float:right;
	margin-top:35px;
	background:url(../images/common/sub_menu_back.jpg) no-repeat 0 0;}
.contentsAria_2clum nav ul{
	display:block;
	width:230px;}
.contentsAria_2clum nav ul li a{
	display:block;
	width:200px;
	padding:25px 0 10px 30px;
	font-size:16px;
	text-decoration:underline;
	background:url(../images/common/icon02.gif) 0 25px no-repeat;
	border-bottom:dotted 1px #ccc;}
.contentsAria_2clum nav ul li a:hover{
	text-decoration:none;}



/*（1カラム）*/

.contentsAria_1clum{
	display:block;
	width:1000px;
	margin:0 auto;
	padding:55px 0 120px 0;}





/****************************************

          3つの強み

*****************************************/


/*（タイトルエリア）*/

#ctHead_st{
	display:block;
	width:100%;
	height:390px;
	position:relative;
	background-image:url(../images/common/ct_title_back.gif);
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#32333F;
	box-shadow: 4px 4px 4px #999;
	-webkit-box-shadow: 6px 6px 10px #999;
	-moz-box-shadow: 4px 4px 4px #999;}
#ctHead_st #cthPhoto_st{
	display:block;
	width:100%;
	height:390px;
	psition:relative;
	background:url(../images/strong/head_photo.png) no-repeat bottom center;}
#ctHead_st #cthPhoto_st h3{
	display:block;
	width:1000px;
	margin:0 auto;}
#ctHead_st #cthPhoto_st h4{
	display:block;
	width:1000px;
	margin:0 auto;
	padding:65px 0 0 0;
	color:#fff;
	font-size:30px;
	font-weight:bold;}
#ctHead_st #cthPhoto_st h5{
	display:block;
	width:1000px;
	margin:0 auto;
	padding:45px 0 0 0;
	color:#fff;
	font-size:16px;
	font-weight:normal;}


span.asi{
	display:block;
	margin:10px 0 0 0;
	border:1px solid #ccc;
	padding:10px;
	text-align:center;}





/****************************************

          加工事例

*****************************************/


/*（タイトルエリア）*/

#ctHead_ex{
	display:block;
	width:100%;
	height:390px;
	position:relative;
	background-image:url(../images/common/ct_title_back.gif);
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#000000;
	box-shadow: 4px 4px 4px #999;
	-webkit-box-shadow: 6px 6px 10px #999;
	-moz-box-shadow: 4px 4px 4px #999;}
#ctHead_ex #cthPhoto_ex{
	display:block;
	width:100%;
	height:390px;
	psition:relative;
	background:url(../images/example/head_photo.png) no-repeat bottom center;}
#ctHead_ex #cthPhoto_ex h3{
	display:block;
	width:1000px;
	margin:0 auto;}
#ctHead_ex #cthPhoto_ex h4{
	display:block;
	width:1000px;
	margin:0 auto;
	padding:65px 0 0 0;
	color:#fff;
	font-size:30px;
	font-weight:bold;}
#ctHead_ex #cthPhoto_ex h5{
	display:block;
	width:1000px;
	margin:0 auto;
	padding:45px 0 0 0;
	color:#fff;
	font-size:16px;
	font-weight:normal;}



/*（特徴）*/

.tokuchoAria{
	display:block;
	position:relative;
	padding-top:15px;
	margin-bottom:35px;}
.tokuchoAria .tokucho{
	display:block;
	position:relative;
	width:696px;
	background:url(../images/example/stripe.jpg) repeat 0 0;
	padding:12px;}
.tokuchoAria .tokucho .tokuchoIn{
	display:block;
	background-color:#fff;
	padding:25px 15px 15px 15px;
	font-size:16px;}
.tokuchoAria .t_Title{
	position:absolute;
	left:27px;
	top:0;
	z-index:999;}



/*（用途）*/

p.youtoTitle{
	display:block;
	width:150px;
	background-color:#FF2626;
	font-size:18px;
	color:#fff;
	text-align:center;
	padding:12px 0;
	margin-bottom:15px;}
p.youtoTitle02{
	display:block;
	width:300px;
	background-color:#FF2626;
	font-size:18px;
	color:#fff;
	text-align:center;
	padding:12px 0;
	margin-bottom:15px;}
p.youtoText{
	display:block;
	width:720px;
	margin-bottom:65px;}




/*（製品紹介）*/

.seihinBox{
	display:block;
	width:720px;
	background-color:#F1F1F1;}
.seihinBox .seihinCaset{
	display:block;
	padding:30px;
	border-bottom:1px solid #ccc;}
.seihinBox .seihinCaset:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;}
.seihinBox .seihinCaset .stLeft{
	display:block;
	width:320px;
	float:left;}
.seihinBox .seihinCaset .stLeft .productName{
	display:block;
	font-size:24px;
	padding:0 0 0 25px;
	color:#004374;
	background:url(../images/example/product_name_icon.gif) left 8px no-repeat;}
.seihinBox .seihinCaset .stLeft .productSize{
	display:block;
	font-size:14px;
	color:#338799;
	font-weight:bold;
	margin:20px 0 30px 0;}


.seihinBox .seihinCaset img{
	float:right;}




/****************************************

          保有設備

*****************************************/


/*（タイトルエリア）*/

#ctHead_eq{
	display:block;
	width:100%;
	height:390px;
	position:relative;
	background-image:url(../images/common/ct_title_back.gif);
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#CFAE10;
	box-shadow: 4px 4px 4px #999;
	-webkit-box-shadow: 6px 6px 10px #999;
	-moz-box-shadow: 4px 4px 4px #999;}
#ctHead_eq #cthPhoto_eq{
	display:block;
	width:100%;
	height:390px;
	psition:relative;
	background:url(../images/equipment/head_photo.png) no-repeat bottom center;}
#ctHead_eq #cthPhoto_eq h3{
	display:block;
	width:1000px;
	margin:0 auto;}
#ctHead_eq #cthPhoto_eq h4{
	display:block;
	width:1000px;
	margin:0 auto;
	padding:65px 0 0 0;
	color:#fff;
	font-size:30px;
	font-weight:bold;}
#ctHead_eq #cthPhoto_eq h5{
	display:block;
	width:1000px;
	margin:0 auto;
	padding:45px 0 0 0;
	color:#fff;
	font-size:16px;
	font-weight:normal;}


/*（表組）*/

table.setubi{
	width:100%;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-collapse:collapse;}
table.setubi th{
	border-right:1px solid #ccc;
	background-color:#252E33;
	color:#fff;
	font-weight:bold;
	padding:8px;}
table.setubi td{
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	padding:8px;
	text-align:center;}




/****************************************

          お取引の流れ

*****************************************/


/*（タイトルエリア）*/

#ctHead_fl{
	display:block;
	width:100%;
	height:390px;
	position:relative;
	background-image:url(../images/common/ct_title_back.gif);
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#C4B8A2;
	box-shadow: 4px 4px 4px #999;
	-webkit-box-shadow: 6px 6px 10px #999;
	-moz-box-shadow: 4px 4px 4px #999;}
#ctHead_fl #cthPhoto_fl{
	display:block;
	width:100%;
	height:390px;
	psition:relative;
	background:url(../images/flow/head_photo.png) no-repeat bottom center;}
#ctHead_fl #cthPhoto_fl h3{
	display:block;
	width:1000px;
	margin:0 auto;}
#ctHead_fl #cthPhoto_fl h4{
	display:block;
	width:1000px;
	margin:0 auto;
	padding:65px 0 0 0;
	color:#fff;
	font-size:30px;
	line-height:36px;
	font-weight:bold;}
#ctHead_fl #cthPhoto_fl h5{
	display:block;
	width:1000px;
	margin:0 auto;
	padding:30px 0 0 0;
	color:#fff;
	font-size:16px;
	font-weight:normal;}


/*（フロー）*/
.flowBlock{
	display:block;
	width:1000px;
	margin-bottom:70px;}
.flowBlock p{
	display:block;
	width:730px;
	margin:0 auto;
	font-size:16px;
	line-height:32px;}
.flowBlock .fl_Box{
	display:block;
	width:585px;
	margin:30px auto 0 auto;
	padding:40px;
	border:1px solid #ccc;}






/****************************************

          会社概要

*****************************************/


/*（タイトルエリア）*/

#ctHead_cop{
	display:block;
	width:100%;
	height:390px;
	position:relative;
	background-image:url(../images/common/ct_title_back.gif);
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#A7AAAE;
	box-shadow: 4px 4px 4px #999;
	-webkit-box-shadow: 6px 6px 10px #999;
	-moz-box-shadow: 4px 4px 4px #999;}
#ctHead_cop #cthPhoto_cop{
	display:block;
	width:100%;
	height:390px;
	psition:relative;
	background:url(../images/company/head_photo.png) no-repeat bottom center;}
#ctHead_cop #cthPhoto_cop h3{
	display:block;
	width:1000px;
	margin:0 auto;}
#ctHead_cop #cthPhoto_cop h4{
	display:block;
	width:1000px;
	margin:0 auto;
	padding:65px 0 0 0;
	color:#fff;
	font-size:30px;
	font-weight:bold;}
#ctHead_cop #cthPhoto_cop h5{
	display:block;
	width:1000px;
	margin:0 auto;
	padding:45px 0 0 0;
	color:#fff;
	font-size:16px;
	font-weight:normal;}









/****************************************

          お問い合わせ

*****************************************/


/*（タイトルエリア）*/

#ctHead_inq{
	display:block;
	width:100%;
	height:390px;
	position:relative;
	background-image:url(../images/common/ct_title_back.gif);
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#B97C4E;
	box-shadow: 4px 4px 4px #999;
	-webkit-box-shadow: 6px 6px 10px #999;
	-moz-box-shadow: 4px 4px 4px #999;}
#ctHead_inq #cthPhoto_inq{
	display:block;
	width:100%;
	height:390px;
	psition:relative;
	background:url(../images/inquiry/head_photo.png) no-repeat bottom center;}
#ctHead_inq #cthPhoto_inq h3{
	display:block;
	width:1000px;
	margin:0 auto;}
#ctHead_inq #cthPhoto_inq h4{
	display:block;
	width:1000px;
	margin:0 auto;
	padding:65px 0 0 0;
	color:#fff;
	font-size:30px;
	font-weight:bold;}
#ctHead_inq #cthPhoto_inq h5{
	display:block;
	width:1000px;
	margin:0 auto;
	padding:45px 0 0 0;
	color:#fff;
	font-size:16px;
	font-weight:normal;}


/*（表組）*/

table.toi_cop{
	width:100%;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-collapse:collapse;}
table.toi_cop th{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-color:#252E33;
	color:#fff;
	font-weight:bold;
	padding:15px;
	width:30%;}
table.toi_cop td{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:15px;
	text-align:left;}



/*202311追記*/
.kezucca_bn{position:absolute; top: 40px; right: 120px;}

.kezucca_bn img{animation: anime1 0.5s ease 0s infinite alternate;
	transform-origin:center;}
@keyframes anime1 {
  from {
    transform: scale(0.9,0.9);
  }
  to {
    transform: scale(1,1);
  }
}