/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	text-align: left;
	color: #3D3D3D;
}

a:link, a:visited {
	color: #333333;
}
a:hover {
	color: #FF0000;
}

img{
	border:none;
}

form{
	margin: 0;
	padding: 0;
}

/* 各種表示幅 */
/* 全体コンテナ */
#container {
	width:950px;
}

/* 機械画像部 */
.prodimg-grid {
	width:950px ; height: 280px;
}
.prodimg {
	position: absolute; top: 50%; left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/* 罫線 */
.ruledline {
	position:relative;top:0px;right:0;left:0px;height:1px;background-color:#e6e6e6;
}
/* 汎用枠 */
.generalgrid {
	width:950px;
}

/* 各セクションタイトル */
.sectiontitle {
	font-size: 150%;
}

@media (max-width: 1020px) and (min-width: 720px) {
	/* 全体コンテナ */
	#container {
		width:97.5vw;
	}
	/* 汎用枠 */
	.generalgrid {
		width:95vw;
	}
	/* 機械画像部 */
	.prodimg-grid {
		width:95vw;
	}
}
@media (max-width: 720px) {
	/* 全体コンテナ */
	#container {
		width:702px;
	}
	/* 汎用枠 */
	.generalgrid {
		width:685px;
	}
	/* 機械画像部 */
	.prodimg-grid {
		width:685px;
	}
}

/* 全体コンテナ */
#container {
	margin-right: auto; margin-left: auto;
}

/* リンクボタン */
.link-button {
	border:1px solid #ccc; width:280px; padding:15px; border-radius:5px 5px 5px 5px; margin:0px; background-color: #fcfcfc;
}
/* リンク画像 */
.link-image-outer {
	width:230px; height:38px;
}
.link-image-inner {
	width:230px; height:38px; padding: 9px 0px 0px 28px;
	background: url("../img/link_img1.png") no-repeat; 
	text-align:left; color: #FFFFFF;
}
.link-image-outer a:hover div {
	background: url("../img/link_img2.png") no-repeat; color: #000000;
}

/* リンクリスト */
.link-list-gray {
	border-top:1px solid #000000; border-bottom:1px solid #000000; border-right:1px solid #000000; border-collapse: collapse; padding: 2px; background-color:#e6e6e6;
}
.link-list-sel {
	border-top:1px solid #000000; border-bottom:1px solid #000000; border-left:1px solid #000000; width:10px; background-color:#FF0000;
}
.link-list-non-sel {
	border-top:1px solid #000000; border-bottom:1px solid #000000; border-left:1px solid #000000; border-collapse: collapse; background-color:#e6e6e6;
}

.link-list-red {
	border:none; background-color:#ff0000;
}
.link-list-item {
	padding:10px; width:200px; text-align:center;
}
.link-list-item a:link, .link-list-item a:visited {
	color: #FFFFFF;
}
.link-list-item a:hover {
	color: #000000;
}
.link-list-selected {
	border:none; background-color:#880000; padding:10px; width:200px; text-align:center; color:#FFFFFF;
}

/* タブ部 */
#tabs ul {
	overflow:hidden; height:2em; list-style:none; border-bottom:1px solid #cccccc; padding-left:2px;
}
#tabs li {
	float:left; display:inline; padding:5px; border:1px solid #ccc; border-bottom:none; border-radius:0px 0px 0 0;
}
#tabs a:hover {
	text-decoration: none;
}
/* 初期状態ではパネルは非表示 */
#tabs .panel {
	display:none; border:none; 
}
/* タブ */
#tabs .tablist {
	height:32px;
}
#tabs .tabitems {
	width:100px; height:30px; color:#333333; text-align:center; background-color: #fcfcfc; font-size: 120%;
}
/* 選択済タブ */
#tabs .activetab {
	font-weight: bold; border-color: #000000 #000000 #FF0000 #000000;
}

/* 充填機部 */
.filling-machines {
	border:1px solid #ccc; width:148px; padding:10px; border-radius:5px 5px 5px 5px; margin:2px; font-size: 120%;
	text-align:center; background-color: #fcfcfc;
}

/* 機械画像部 */
.prodimg-grid {
	left:15px; overflow: hidden;
}
.prodimg {
	position: absolute; top: 50%; left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}