@charset "UTF-8";

/* 一括で全ての要素の余白をゼロに指定 */
* { margin: 0; padding: 0; }

/*-------------------Tab-------------------*/

/* Tabで区切られた矩形範囲の表示開始位置 */
div.tabbox {
	margin-top: 10px;
	margin-left: 20px;
	width: 95%;
	border-collapse: collapse;	/*罫線を重ねる*/
}

/* Tabの表示開始位置 */
p.tabs {
	margin: 0px; padding: 0px;
}

/* Tabの形 */
p.tabs a {
	width: 28%;
	float: left;	/* Tabを横並びにする */
	margin: 0px;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	text-align: center;
	border-radius: 8px 8px 0px 0px; /* 角を丸くする */
//	behavior:url("/PIE.htc"); /*IE8で角をまるくする対応で入れてみたがうまく動作せず断念*/

}

/* Tabの色 */
p.tabs a.tab1 {		/* Tab1の背景色・文字色*/
	color: white;
	text-decoration: none;
}
p.tabs a.tab2 {		/* Tab2の背景色・文字色*/
	color:white;
	text-decoration: none;
}
p.tabs a:hover {	/* tabにマウスをのせた時の文字色 */
	color: white;
	text-decoration: underline;
}

/* タブ中身のボックス */
div.tab {

	margin-top: 50px;
	margin-left: 0px;

	width:900px;
	height: 600px;
	overflow: auto;
	clear: left;
	border:1px solid #ccc;
	/*枠の影、角丸*/
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
	/webkit-box-shadow: 2px 2px 3px #777;
	box-shadow: 2px 2px 3px #777;
}
div.tab2 {

	margin-top: 50px;
	margin-left: 0px;

	width:900px;
	height: 400px;
	overflow: auto;
	clear: left;
	border:1px solid #ccc;
	/*枠の影、角丸*/
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
	/webkit-box-shadow: 2px 2px 3px #777;
	box-shadow: 2px 2px 3px #777;
}

/* 戻るリンク用*/
.tableReturn{
	width: 70%;
	height: 90%;
	border-collapse: collapse;
	border: 0px solid #b9b9b9;	/*罫線幅、種類(solid:1本線)、色*/
	margin:10px 0 0px 10px;
	color:#004ea2;
	text-decoration: underline;
}

/*-------各項目設定用テーブル-------------*/

/* タイプ（モジュラー/スリム共通部）を選択するためのテーブル*/
.tableClassType{
	width: 70%;
	height: 90%;
	border-collapse: collapse;
	border: 0px solid #b9b9b9;	/*罫線幅、種類(solid:1本線)、色*/
	margin:50px 0 0px 30px;
}

div#tab3_content
{
	height: 240px;
}

div#tab3_content .tableClassList{
	height: 80%;
}


/* ダウンロードボタンを表示するためのテーブル*/
.tableClassBtn{
	height: 90%;
	border-collapse: collapse;
	border: 0px solid #b9b9b9;	/*罫線幅、種類(solid:1本線)、色*/
	margin:20px 0 0px 30px;
	text-align: center;

}

/* 各項目を表示するためのテーブル*/
.tableClassList{
	width: 90%;
	height: 90%;
	border-collapse: collapse;
	border: 0px solid #b9b9b9;	/*罫線幅、種類(solid:1本線)、色*/

	margin:20px 0 10px 20px;
}

.tableClassList td{
	border: 0px solid #b9b9b9;	/*罫線幅、種類(solid:1本線)、色*/
	background-color: #fff;
	vertical-align:top;
	text-align:center;
}

/* モジュラータイプ or スリムタイプ表示箇所*/
td.tdIPCTYPE{
	text-align:left;
	font-size:20px;
	color:#004ea2;
	padding-bottom: 20px;

}

/*各設定項目のタイトル*/
td.tdTitle{
	padding: 10px 0 10px 0;
	text-align:left;
	width: 35%;
	font-size:18px;
	color: #666;
}

/*ダウンロードボタン*/
td.tdDownloadBtn{
	padding: 0px 0 0px 0;
	text-align:center;
	width: 90%;
}

/*項目選択用リストボックスを配置するテーブルのセル*/
td.tdClassSelectBox {		// 項目選択用リストを表示するセル
	width: 60%;
	padding: 10px 0px 10px 0;
	text-align:left;

}

td.tdClassSearchButton {	// 検索ボタンを表示するセル
	width: 20%;
	text-align:right;

}

input#search {	// 検索ボタンのデザイン
	width: 100px;
	height: 40px;
}



/*-------------------各項目の選択リスト-------------------*/
select {
	font-size: 90%;
	font-family: "メイリオ",Verdana;
	font-size:18px;

}

select.SelectClassStep0 {
	width: 450px;
	height: 30px;
}

select.m_SelectClassStep1 {
	width: 550px;
	height: 30px;
}
select.s_SelectClassStep1 {
	width: 550px;
	height: 30px;
}

select.m_SelectClassStep2 {
	width: 550px;
	height: 30px;
}
select.s_SelectClassStep2 {
	width: 550px;
	height: 30px;
}

select.m_SelectClassStep3 {
	width: 550px;
	height: 30px;
}
select.s_SelectClassStep3 {
	width: 550px;
	height: 30px;
}

select.m_SelectClassStep4 {
	width: 550px;
	height: 30px;
}
select.s_SelectClassStep4 {
	width: 550px;
	height: 30px;
}

select.m_SelectClassStep5 {
	width: 550px;
	height: 30px;
}
select.s_SelectClassStep5 {
	width: 550px;
	height: 30px;
}

select.m_SelectClassStep6 {
	width: 550px;
	height: 30px;
}
select.s_SelectClassStep6 {
	width: 550px;
	height: 30px;
}

select.m_SelectClassStep7 {
	width: 550px;
	height: 30px;
}
select.s_SelectClassStep7 {
	width: 550px;
	height: 30px;
}

select.m_SelectClassStep8 {
	width: 550px;
	height: 30px;
}
select.s_SelectClassStep8 {
	width: 550px;
	height: 30px;
}

select.m_SelectClassStep9 {
	width: 550px;
	height: 30px;
}

select.m_SelectClassStep10 {
	width: 550px;
	height: 30px;
}

select.m_SelectClassStep11 {
	width: 550px;
	height: 30px;
}

select.d_SelectClassStep2,
select.d_SelectClassStep5
 {
	width: 550px;
	height: 30px;
}

/*-------------------キーワードから探す画面用テーブル-------------------*/

/*ファイル名検索用*/
.tableClassKeyword {
		width: 90%;
		border-collapse: collapse;	/*罫線を重ねる*/
		border: 0px solid #b9b9b9;	/*罫線幅、種類(solid:1本線)、色*/
		margin-top: 50px;
		margin-left: 50px;
		margin-bottom: 20px;
}
.tableClassKeyword td{
		text-align: left;
}

/*-------------------キーワードから探すの入力BOX--------------------*/
.ui-widget {
		font-family: "メイリオ",Verdana;
}

input {
		vertical-align:middle;	// 横並びの画像位置に合わせる
}
input.filename {
		width: 450px;
		height: 30px;
		margin-left: 0px;
		font-family: "メイリオ",Verdana;
}

/*候補リスト*/
.ui-autocomplete {
		text-align: left;
		max-height: 140px;
		overflow-y: auto;
		/* prevent horizontal scrollbar */
		/* add padding to account for vertical scrollbar */
		padding-right: 0px;
		overflow-x: hidden;
		max-width: 400px;

}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
		height: 140px;
}




/*-------------------検索条件確保用リスト-------------------*/
select.SelectClassDummy {
	visibility:hidden;	// 非表示
	display:none;	// 非表示

}

/*---------検索結果数&ページ送り用テーブル---------*/

.tableClassPage {
		width: 95%;
		border-collapse: collapse;	/*罫線を重ねる*/
		border: 0px solid #b9b9b9;	/*罫線幅、種類(solid:1本線)、色*/
		margin-top: 0px;
		margin-left: 20px;
}
.tableClassPage td{
	width: 50%;
}
td.tdClassPageCount {	/* ページ数表示 */
	text-align: left;
}

td.tdClassChangePage {	/* ページ送り表示 */
	text-align: right;
}


/*-------------------検索結果テーブル-------------------*/

/*検索結果用*/
.tableClassResult{
	width: 95%;
	border-collapse: collapse;
	margin-top: 0px;
	margin-left: 20px;
	margin-bottom: 10px;
}
.tableClassResult th{
	padding: 6px;
	text-align: center;
	vertical-align: top;
	color: #333;
	background-color: #eee;
	border: 1px solid #b9b9b9;
}
.tableClassResult td{
	padding: 6px;
	background-color: #fff;
	border: 1px solid #b9b9b9;
	word-break: break-all;
}

.tableClassResult tr{
	line-height: 200%;
}

/* データ名称+コメントのセル*/
td.tdClassDataName {
	width: 75%;
	text-align: left;
}

/* リンク名称のセル*/
td.tdClassLinkName {
	width: 20%;
	text-align: center;
}

/* データ名称 */
p.pClassDataName {
	font-weight:bold;
}

/* コメント */
p.pClassComment {
	font-size: 70%;
	color: gray;
}

/* ご利用条件 */
p.pClassTermsOfUse {
	font-size: 70%;
	text-align: right;
}


/*-------------------文字--------------------*/
/* 段落 */
p {
	line-height: 1.5em;
	margin-bottom: 0.5em;
}

/* 箇条書きリスト */
ul {
	margin-left: 2em;
	margin-bottom: 1em;
}
/* 番号付きリスト */
ol {
	margin-left: 2.5em;
	margin-bottom: 1em;
}
/* リスト要素 */
li {
	line-height: 1.5em;
	margin-bottom: 0.5em;
}

/*-------------------リンク--------------------*/
/*
link : 未訪問
visited : 訪問後
hover : マウスをのせたとき
active : クリック中
*/

a
{
	text-decoration: none;	/*テキストに下線を付けない*/
	color: #004ea2;
	font-weight:normal;
}

a:hover
{
	text-decoration: underline;	/*テキストに下線を付ける*/
}

// ご利用条件のリンク
a.iframe
{
	font-weight:normal;
	text-decoration: none;	/*テキストに下線を付けない*/
}

// ダウンロードのリンク
a.aClassDatalink
{
	font-weight:normal;
	text-decoration: underline;	/*テキストに下線を付ける*/
}

/*-------------------Body--------------------*/
body {
	text-align: center;
	font-family: "メイリオ",Verdana;
	padding: 0;
	margin: 0;
	overflow-y: visible;
}

.logoBackgroundColor {
	background-image: url("../images/pdf_bk.png");
//	background-image: url("https://www.hmisource.com/WWIPCC_demo/images/logoBkgnd.png");
//	background-image: url("http://prv.proface.co.jp/otasuke/ipcconfigurator/images/pdf_bk.png");
//	background-size: auto, 110%;
}

td.Hosoku{
	padding: 5px 0 5px 0;
	text-align:center;
	text-valign:middle;
}

td.Menseki{
	padding: 10px 0px 10px 20px;
}

td.Sentaku{
	padding: 10px 50px 10px 50px;
}
/*-------------------pdfファイル用-------------------*/
tr.logoBackgroundColor{
	background-color:#004ea4;
}