/* 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;
}

textarea{
	resize: none; width:520px;
}

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

/* 汎用枠 */
.generalgrid {
	width:950px;
}

/* レイアウト用テーブル */
.layout-table {
	width:950px;
}

/* リンクボタン */
.link-button {
	width:280px;
}

/* 地図 */
.accessmap {
	width:450px; height:450px;
}

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

/* レイアウト用テーブル */
.layout-table {
	border: none; border-collapse: collapse;
}
.layout-table td {
	background-repeat: no-repeat; padding: 0px;
}
.midashi2 {
	height:25px; background-color:#1281c9;
}
.midashi56 {
	height:25px; background-color:#f8e889;
}
.option-midashi {
	height:25px; background-color:#de9222;
}

.box-red {
	border:#CC0000 solid 1px;
}
.title-blue {
	color: #006699; font-weight: bold;
}
.remark-red {
	color: #CC0000;
}
.right-side {
	text-align: right;
}
.left-side {
	text-align: left;
}
.margin24 {
	margin: 0px 0px 0px 24px;
}
.padding10 {
	padding: 0px 0px 0px 10px;
}
.font80 {
	font-size: 80%;
}

/* 一覧の行 */
.semi-table-free {
	padding-top:10px; padding-bottom:10px; padding-left:3px; padding-bottom:10px;
}
.semi-table-row {
	height:45px; padding-top:10px; padding-left:3px; padding-bottom:10px;
}

/* 会社イメージ */
.companyimg {
	text-align: center;
}

.img950 {
	width:950px; height:285px;
}

@media (max-width: 1020px) and (min-width: 720px) {
	.img950 {
		width:calc(100vw - 70px); height:auto;
	}
}

@media (max-width: 720px) {
	.img950 {
		width:650px; height:auto;
	}
}

/* 番号つき箇条書き */
.numbered-list {
	padding-left: 22px;
}

/* カタログリスト部 */
.unnumbered-list ul {
	padding:0px 0px 3px 3px; list-style: url(../img/icon_li.png) inside;
}
.unnumbered-list ul li {
	padding:3px 0px 3px 0px;
}
.unnumbered-list a, .unnumbered-list a:link, .unnumbered-list a:visited {
	/* color:#F1592A; */
	text-decoration: none;
}
.unnumbered-list a:hover {
	color: #FF0000; text-decoration: underline;
}

/* テキストボックス類 */
.textboxes {
	border: 1px solid #b2b1b1;
}
.textboxes:focus {
	background-color: #ffffd0;
}
.textbox-520 {
	width:520px;
}
.textbox-half {
	width:260px;
}

/* フォーム上の注釈 */
.form-input-remark {
	font-size: 75%; color: #888888;
}
/* 表中の注釈 */
.table-remark {
	font-size: 75%; color: #888888;
}

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

/* リンクボタン */
.link-button {
	border:1px solid #ccc; padding:15px; border-radius:5px 5px 5px 5px; margin:0px; 
	background-color: #fcfcfc; display: inline-block;
}
/* 画像ボタン */
.link-image-s-outer {
	margin-left: auto; margin-right: auto; 
	width:120px; height:38px;
}
.link-image-s-inner {
	width:120px; height:38px; padding: 9px 0px 0px 28px;
	background: url("../img/link_img_s1.png") no-repeat; 
	text-align:left; color: #FFFFFF;
}
.link-image-s-outer a:hover div {
	background: url("../img/link_img_s2.png") no-repeat; color: #000000;
}
/* リンク画像 */
.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;
}

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

/* 枠内の表組 */
.inner-table-header1 {
	vertical-align:top; width:120px; height:30px;
}
.inner-table-header2 {
	vertical-align:top; width:120px;
}
.inner-table {
	vertical-align:top;
}

.tech-table {
	margin:10px 0 0 0; padding:0;
    width: 100%;
	border-collapse:collapse;
	empty-cells:show;
	border: solid 1px #999999;
}

.tech-table-label1 {
    margin:0; padding:2px 10px;
	color:#334588;
	background-color:#D9E5E7;
	text-align: center;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	font-weight: bold;
	line-height: 1.5em;
}

.tech-table-label2 {
	padding:2px 15px; margin:0;
	text-align:center;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	line-height: 1.5em;
}

.tech-table-label3{
	margin: 0; padding:0;
	text-align:center;
	border-right: 1px solid #999999;
} 

.tech-table-label2 ul {
	text-align:left;
}

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

/* 灰色枠 */
.graygrid {
	margin-left: 15px;
}

/* 印刷時非表示化 */
@media print {
	.link-button {
		display: none;
	}
}