@charset "shift_jis";

/* dummy行 */
.tr_dummy {
	display:none;
}

/*==================================*/
/* 製品情報＆ダウンロード画面 Table */
/*==================================*/
.elp_t {
	border-spacing: 0;
	border: 1px solid #ccc;
	box-shadow: 0 1px 1px #ccc;
	/* Rounded Corners */
	-webkit-border-radius: 10px;
		 -moz-border-radius: 10px;
					border-radius: 10px;

	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
}
.elp_t th,
.elp_t td {
	padding:5px;
	border-bottom:solid 1px #ccc;
	 border-right:solid 1px #ccc;
}
.elp_t th {
	padding-top: 10px;
	height: 20px;
	font-size:120%;
	text-align: left;
/*	text-shadow: 2px 2px 2px #666;*/

	/* Background color and gradients */
	background: #789;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c0c0c0), to(#ffffff));
	background: -moz-linear-gradient(top, #c0c0c0, #ffffff);
	background: -ms-linear-gradient(top, #c0c0c0, #ffffff);

	/* Rounded corners */
	-webkit-border-radius: 10px 10px 0 0;
		 -moz-border-radius: 10px 10px 0 0;
					border-radius: 10px 10px 0 0;
	/* Box-Shadow */
	-webkit-box-shadow: 0 2px 1px #d3d3d3;
		 -moz-box-shadow: 0 2px 1px #d3d3d3;
					box-shadow: 0 2px 1px #d3d3d3;
}
.ui-header.ui-bar-b{
	top: 4px;
}
.ui-header .ui-title {
	text-align: center;
	color:#2f2f2f;
	text-shadow: 2px 2px 2px white;
	/* Background color and gradients */
	background: #789;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#778899), to(#ffffff));
	background: -moz-linear-gradient(top, #778899, #ffffff);
	background: -ms-linear-gradient(top, #778899, #ffffff);
	/* Box-Shadow */
	-webkit-box-shadow: 0 2px 1px #d3d3d3;
		 -moz-box-shadow: 0 2px 1px #d3d3d3;
					box-shadow: 0 2px 1px #d3d3d3;
}

/* 寸法図（ポップアップ） */
#pop_img > .ui-header .ui-title {
	margin: 0;
	padding: 7px 0 3px 0;
	font-size:120%;
	/* Rounded corners */
	-webkit-border-radius: 10px 10px 0 0;
		 -moz-border-radius: 10px 10px 0 0;
					border-radius: 10px 10px 0 0;
}
/* 製品画像（ポップアップ） */
#ser_img > .ui-header .ui-title {
	margin: 0;
	padding: 7px 0 3px 0;
	font-size:120%;
	/* Rounded corners */
	-webkit-border-radius: 10px 10px 0 0;
		 -moz-border-radius: 10px 10px 0 0;
					border-radius: 10px 10px 0 0;
}

/* 最終行の最初＆最後 */
.elp_t tr:last-child td:first-child{
	/* Rounded corners */
	-webkit-border-radius: 0 0 0 10px;
		 -moz-border-radius: 0 0 0 10px;
					border-radius: 0 0 0 10px;
}
.elp_t tr:last-child td:last-child{
	/* Rounded corners */
	-webkit-border-radius: 0 0 10px 0;
		 -moz-border-radius: 0 0 10px 0;
					border-radius: 0 0 10px 0;
}
.elp_t tr:last-child td.marge_col{
	/* Rounded corners */
	-webkit-border-radius: 0 0 10px 10px;
		 -moz-border-radius: 0 0 10px 10px;
					border-radius: 0 0 10px 10px;
}

/* リンク関連 link⇒visited⇒hoverの順序で */
.elp_t a {
	color: #00f;
	text-decoration:none;
}
.elp_t a:visited {
	color: #00f;
	text-decoration:none;
}
.elp_t a:hover {
	text-decoration: none;
	color: #00ffff;
}
.elp_t tr {
	line-height:100%;
}

/*==================================*/
/*======== 標準仕様テーブル ========*/
/*==================================*/
.standard_spec {
	margin: 5px 0 0 0;
	padding: 0;
	font-size:80%;
}

/* 幅指定 */
.standard_spec .p_size {
	width: 10%;
	padding: 0;
	font-size:85%;
}

.standard_spec td {
	padding: 5px 2px 5px 4px;
}

.standard_spec .i_title {	/*項目タイトル*/
	text-align: center;
	background: #ffffd1;
}
.standard_spec .item {	/*項目共通*/
	text-align: center;
	background: #ffffd1;
}
.standard_spec .item2 {	/*項目サブ*/
	text-align: center;
	background: #ffffea;
	width: 27.5%;
}
.standard_spec .item3 {	/*配管*/
	text-align: center;
	background: #d1e8ff;
}

/*項目 間隔*/
.standard_spec .i05 { letter-spacing: 0.3em;}
.standard_spec .i10 { letter-spacing: 0.6em;}
.standard_spec .i15 { letter-spacing: 0.9em;}
.standard_spec .i20 { letter-spacing: 1.2em;}
.standard_spec .i30 { letter-spacing: 1.5em;}

.standard_spec .pipe_size {
	text-align: right;
	background: #dcdcdc;
}
.standard_spec .p_size {
	text-align: center;
}
.standard_spec .item_grp1 {
	background: #d1ffff;
	border-left-color: #d1ffff;
	border-right-color: #d1ffff;
	padding:1px;
}
.standard_spec .item_grp1r {
	text-align: center;
	letter-spacing: 1em; 
	margin-right: 1em;
	background: #d1ffff;
	border-right-color: #ccc;
}
.standard_spec .item_grp2 {
	background: #ffd8d1;
	border-left-color: #ffd8d1;
	border-right-color: #ffd8d1;
	padding:1px;
}
.standard_spec .item_grp2r {
	text-align: center;
	letter-spacing: 1em; 
	margin-right: 1em;
	background: #ffd8d1;
	border-right-color: #ccc;
}
.standard_spec .item_grp3 {
	background: #e8d1ff;
	border-left-color: #e8d1ff;
	border-right-color: #e8d1ff;
	padding:1px;
}
.standard_spec .item_grp3r {
	text-align: center;
	letter-spacing: 1em; 
	margin-right: 1em;
	background: #e8d1ff;
	border-right-color: #ccc;
}
.standard_spec .h_title{
	margin: 0;
	padding: 2px 0;
	height: 20px;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	/* Box-Shadow */
	-webkit-box-shadow: 0 1px 1px #d3d3d3;
		 -moz-box-shadow: 0 1px 1px #d3d3d3;
					box-shadow: 0 1px 1px #d3d3d3;
	/* Background color and gradients */
	background: #f5f5f5;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d3d3), to(#ffffff));
	background: -moz-linear-gradient(top, #d3d3d3, #ffffff);
	background: -ms-linear-gradient(top, #d3d3d3, #ffffff);
}

/*==================================*/
/*======== 諸元表　テーブル ========*/
/*==================================*/
.spec_t {
	overflow: auto;
	width: 100%;
}

/* ユーザーエージェントによる判定 */
/* 縦 */
body.portrait.iphone .spec_t	{ max-height:400px; }
body.portrait.ipad .spec_t		{ max-height:716px; }
body.portrait.android .spec_t	{ max-height:400px; }
body.portrait.other .spec_t		{ /* max-height:400px; */ }

/* 横 */
body.landscape.iphone .spec_t		{ max-height:250px; }
body.landscape.ipad .spec_t			{ max-height:458px; }
body.landscape.android .spec_t	{ max-height:300px; }
body.landscape.other .spec_t		{ /* max-height:300px; */ }

.spec_sheet {
	margin: 0;
	padding: 0;
	font-size:80%;
 	white-space: nowrap; 
	border-spacing: 0;
	border: 1px solid #ccc;
	border-collapse:collapse;
}

.spec_sheet td {
	padding: 10px;
/*	line-height:110%;*/
	border-bottom:solid 1px #CCC;
	 border-right:solid 1px #CCC;
		 border-top:solid 1px #CCC;	
}

.spec_sheet td span {
	margin: 0;
	letter-spacing: 0; 
}
/* ヘルツ表示 */
.spec_sheet td span.t_50hz {
	color: #fff;
	text-shadow: 2px 2px 2px #0f0,
							-1px -1px 1px #00f;
}
.spec_sheet td span.t_60hz {
	color: #fff;
	text-shadow: 2px 2px 2px #f00,
							-1px -1px 1px #ffa500;
}
/* ヘルツボタン（周波数切替） */
.hertz_box {
	width: 162px;
	float: left;
}
.hertz_box a {
	margin: 0;
	padding: 0;
	width: 80px;
	height: 35px;
}
.tab_spec .ui-btn{
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
}
.tab_spec .ui-navbar .ui-block-a .ui-btn-active {
	color: #fff;
	font-weight: normal;
	text-shadow: 2px 2px 2px #0f0,
							-1px -1px 1px #00f;
}
.tab_spec .ui-navbar .ui-block-b .ui-btn-active {
	color: #fff;
	font-weight: normal;
	text-shadow: 2px 2px 2px #f00,
							-1px -1px 1px #ffa500;
}
/* 性能曲線ボタン */
.p_curve_box .ui-navbar {
	margin: 0;
	padding: 0;
	width: 17%;
	float: right;
}
.p_curve {
	/* Background color and gradients */
	background: #ffe5cc;
	background: -webkit-gradient(linear, left top, right top, from(#ffe5cc), to(#ffffff));
	background: -moz-linear-gradient(left, #ffe5cc, #ffffff);
	background: -ms-linear-gradient(left, #ffe5cc, #ffffff);	
}
a.p_curve {
	margin: 0 4px;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	color: #000;
	letter-spacing: 0.8em; margin-right: -0.8em;
}
.p_curve:hover{
	background: #3388cc;
	background: -webkit-gradient(linear, left top, right top, from(#3388cc), to(#ffffff));
	background: -moz-linear-gradient(left, #3388cc, #ffffff);
	background: -ms-linear-gradient(left, #3388cc, #ffffff);	
}

/* グループタイトル */
.spec_sheet .grp_title {
	font-size:120%;
	text-align: center;
	font-style: italic;
	/* Box-Shadow */
	-webkit-box-shadow: 1px 0 1px #d3d3d3;
		 -moz-box-shadow: 1px 0 1px #d3d3d3;
					box-shadow: 1px 0 1px #d3d3d3;
	/* Background color and gradients */
	background: #ffefe0;
	background: -webkit-gradient(linear, left top, right top, from(#fafad2), to(#ffffff));
	background: -moz-linear-gradient(left, #fafad2, #ffffff);
	background: -ms-linear-gradient(left, #fafad2, #ffffff);	
}
.spec_sheet td.grp_title {
	padding: 0;
	height: 40px;
}
.spec_sheet td.grp_title:nth-of-type(3) {
	border-right:none;
	background: #ffffff;
}
/* 性能曲線ラベル */
.spec_sheet td.grp_label {
	padding: 0;
	text-align: center;
	/* Background color and gradients */
	background: #ffefe0;
	background: -webkit-gradient(linear, left top, right top, from(#d3d3d3), color-stop(0.5, #ffffff), to(#d3d3d3));
	background: -moz-linear-gradient(left, #d3d3d3, #ffffff 50%, #d3d3d3);
	background: -ms-linear-gradient(left, #d3d3d3, #ffffff 50%, #d3d3d3);
}

/* 左タイトル */
.spec_sheet .l_title {
	padding: 0 1em 0 0.5em;
	min-width: 110px;
	text-align: left;
	vertical-align: middle;

	/* Box-Shadow */
	-webkit-box-shadow: 1px 0 1px #d3d3d3;
		 -moz-box-shadow: 1px 0 1px #d3d3d3;
					box-shadow: 1px 0 1px #d3d3d3;
	/* Background color and gradients */
	background: #f5f5f5;
	background: -webkit-gradient(linear, left top, right top, from(#d3d3d3), to(#ffffff));
	background: -moz-linear-gradient(left, #d3d3d3, #ffffff);
	background: -ms-linear-gradient(left, #d3d3d3, #ffffff);
}
/* 左タイトル（幅狭　高さ固定） */
.spec_sheet .l_t_small {
	padding: 0 1em 0 0.5em;
	min-width: 70px;
	text-align: center;
	vertical-align: middle;

	/* Box-Shadow */
	-webkit-box-shadow: 1px 0 1px #d3d3d3;
		 -moz-box-shadow: 1px 0 1px #d3d3d3;
					box-shadow: 1px 0 1px #d3d3d3;
	/* Background color and gradients */
	background: #f5f5f5;
	background: -webkit-gradient(linear, left top, right top, from(#d3d3d3), to(#ffffff));
	background: -moz-linear-gradient(left, #d3d3d3, #ffffff);
	background: -ms-linear-gradient(left, #d3d3d3, #ffffff);
}
.spec_sheet td.l_t_small {
	padding: 0;
	height: 40px;
}

/* 左タイトル文字（クリック調整） */
.spec_sheet a.ui-link {
	line-height:20px;  /* 開発完了後　22pxにする*/
}

/* ２行目タイトル */
.spec_sheet .h_title{
	margin: 0;
	padding: 2px 0;
	text-align: center;
	vertical-align: middle;
	text-shadow: 1px 1px 1px #666;
	/* Box-Shadow */
	-webkit-box-shadow: 0 1px 1px #d3d3d3;
		 -moz-box-shadow: 0 1px 1px #d3d3d3;
					box-shadow: 0 1px 1px #d3d3d3;
	/* Background color and gradients */
	background: #b0c4de;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b0c4de), to(#ffffff));
	background: -moz-linear-gradient(top, #b0c4de, #ffffff);
	background: -ms-linear-gradient(top, #b0c4de, #ffffff);
}
.spec_sheet .c_span{
	border-right:solid 1px #fff;
	border-bottom:solid 1px #fff;
}
.spec_sheet .c_span:last-child{
	border-right:none;
}
.spec_sheet .c_span_l {
	border-bottom:solid 1px #fff;
}
.spec_sheet .r_span{
	border-right:solid 1px #fff;
}

/* 行カラーリング */
/* インナーテーブルは対象外*/
.spec_sheet>tbody>tr:nth-child(even) {
	background:#e0e0ff;
}
.spec_sheet>tbody>tr:nth-child(odd) {
	background:#ffffff;
}

/*==================================*/
/* 諸元表（NSP等） */
/*==================================*/
.spec_small {
	margin: 0 auto;
}
.spec_small th, .spec_small td {
	margin: 0;
	padding: 3px 3px;
	font-size: 75%;
	border:solid 1px #d3d3d3;
}
.spec_small th {
	text-align: center;
	/* Background color and gradients */
	background: #789;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#778899), to(#ffffff));
	background: -moz-linear-gradient(top, #778899, #ffffff);
	background: -ms-linear-gradient(top, #778899, #ffffff);
	/* Box-Shadow */
	-webkit-box-shadow: 0 2px 1px #d3d3d3;
		 -moz-box-shadow: 0 2px 1px #d3d3d3;
					box-shadow: 0 2px 1px #d3d3d3;
}
/* 最初(型式)の幅指定 */
.spec_small td:first-child{
	width :70px;
}
/* 左タイトル */
.spec_small .l_title{
	padding-left: 0.5em;
	text-align: left;
	vertical-align: middle;
	/* Box-Shadow */
	-webkit-box-shadow: 1px 0 1px #d3d3d3;
		 -moz-box-shadow: 1px 0 1px #d3d3d3;
					box-shadow: 1px 0 1px #d3d3d3;
	/* Background color and gradients */
	background: #f5f5f5;
	background: -webkit-gradient(linear, left top, right top, from(#d3d3d3), to(#ffffff));
	background: -moz-linear-gradient(left, #d3d3d3, #ffffff);
	background: -ms-linear-gradient(left, #d3d3d3, #ffffff);
}

/*==================================*/
/* 用途（TD、ETDのみ） */
/*==================================*/
.tbl_td {
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 80%;
	padding: 2px 0 2px 0;
	line-height: 1.6em;
	border-collapse:collapse;
}
.tbl_td tr {
	border-width: 1px 0 0;
	border-style: solid;
	border-color: #6b6b6b;
}
.tbl_td td:nth-child(odd) {
	width:6em;
}

/*==================================*/
/* テーブルスクロール用 */
/*==================================*/
.scr_tbl{
	overflow: auto;
	white-space: nowrap;
}
/*全体デザイン*/
.scr_tbl::-webkit-scrollbar{
	height: 5px;
}
/*矢印以外のデザイン*/
.scr_tbl::-webkit-scrollbar-track{
	background: #F1F1F1;
}
/*スクロールボックスのデザイン*/
.scr_tbl::-webkit-scrollbar-thumb {
	background: #BCBCBC;
}

/*==================================*/
/* メディアテーブル指定							*/
/*==================================*/
@media screen and (max-width: 640px) {
	.spec_small {
		display: block;
		position: relative;
	}
	.spec_small caption {
		width:200px;
		text-align: left;
	}
	.spec_small thead {
		display: block;
		float: left;
	}
	.spec_small tbody {
		display: block;
		width: auto;
		position: relative;
		overflow-x: auto;
		white-space: nowrap;
	}
	.spec_small th {
		display: block;
	}
	.spec_small td {
		display: block;
		vertical-align: top; 
	}
	.spec_small tr {
		display: inline-block;
	}
}