@charset "utf-8";
@import "common.css";
/* production css */

/* 製品・サービス */

#product_visual {
	width:100%;
	height:103px;
	padding-top:77px;
	margin:0 auto 22px;
	background-image:url(../images/product_visual.png);
	background-repeat:no-repeat;
	background-position:center top;
	text-align:center;
	clear:both;
}

#product_visual p {
	font-size:25px;
	font-weight:500;
	color:#FFF;
}


/* 各機材ナビゲーション */

#product_nav {
	width:1200px;
	margin:0 auto 55px;
	background-color:#eae8e8;
}

#product_nav ul {
	width:960px;
	height:50px;
	margin:0 auto;
	text-align:center;
}

#product_nav ul li {
	width:auto;
	font-size:15px;
	font-weight:500;
	float:left;
	padding:15px 15px 0 15px;
	letter-spacing:1px;
	
}

#product_nav ul li a { color:#000000; }


/*-- タブCSS --*/

.tab_area{
overflow:hidden;
display:table;
margin:0;
}

.tab_area li{
/*Tabの装飾*/
text-align:center;
cursor: pointer;
vertical-align:middle;
display:table-cell;

}

.all_area {
padding:10px;
overflow: hidden;
}

.all_area div.content_area{
/*Tabの内容を表示するエリアの装飾*/

}

.tab_area li.select{
/*アクティブタブの装飾*/
text-decoration:underline;
}

.hide{display:none;}




.detail {
	width:100%;
	text-align:center;
	font-size:16px;
	font-weight:500;
	margin:40px 0 60px 0;
}

.detail_img {
	margin-bottom:45px;
}

.imghover:hover {
	transform:scale(1.05);
	transition:0.3s;
}

.ta480 {
	text-align:left;
	margin:0 auto;
	inline-size:480px;
  	overflow-wrap: break-word;}

.ta800 {
	text-align:left;
	margin:0 auto;
	inline-size:800px;
  	overflow-wrap: break-word;
}


/*-- 画像一覧 --*/

.imageview { width:880px; margin:0 auto 20px; clear:both; }

.imageview li {
	display:inline-block;
	margin:0 5px 10px 0;
}

.imageview li img:hover {
	transform:scale(1.05);
	transition:0.3s;
}


/*-- h1 見出し --*/

.h1_prod {
	width:745px;
	height:41px;
	margin:0 auto 35px;
	padding:3px 0 3px 0;
	box-sizing: border-box;
	border-radius:20px;
    display: block;
	border:2px solid #004098;
	font-size:20px;
	font-weight:500;
	text-align:center;
}


.h2_prod {
	width:875px;
	margin:15px auto 25px;
	font-size:17px;
	font-weight:500;
	padding-bottom:10px;
	border-bottom:1px #666666 solid;
	text-align:center;
}



/* clear fix */
#advantage:after,
#product_nav:after {
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}