@charset 'UTF-8';

/*--------------------------------------
	基本タグのハック
--------------------------------------*/
html,body,div,
h1,h2,h3,h4,h5,h6,
p,pre,blockquote,
dl,dt,dd,ul,ol,li,
form,legend,fieldset,input,textarea,
address{
	margin:0;padding:0;
}
body,
h1,h2,h3,h4,h5,h6{
	font-size:100.01%;
}
img,
a,
fieldset{
	border:0;
}
a{
	outline:0;
	text-decoration:none;
}

ul li{
	list-style:none;
}
body input {
	line-height: 1;
	vertical-align:middle;
	margin: 0 5px 0 0 ;
}



/*--------------------------------------
	電子機器事業本部テキストクラス
--------------------------------------*/
/*テキストサイズ*/
.ex-small { font-size: 78%;line-height:160%; }
.small { font-size: 88%;line-height:160%; }
.regular { font-size: 100%;line-height:160%; }
.large-regular { font-size: 115%;line-height:160%; }
.large { font-size: 140%;line-height:160%; }
.ex-large { font-size: 160%;line-height:160%; }
.ex-large-s { font-size: 200%;line-height:160%; }
.super-large { font-size: 280%;line-height:160%; }

/*テキストの装飾*/
.text-bold { font-weight: bold; }
.text-italic { font-style: italic; }
.text-underline { text-decoration: underline; }

/*一般的なテキストのカラー*/
.text-orange { color: #ff6600; }
.text-red { color: #ff0000; }
.text-wine { color: #cc0000; }
.text-blue { color: #0000ff; }
.text-skyblue{ color:#0099CC;}
.text-green { color:#669900;}
.text-black { color: #000000; }
.text-white { color: #ffffff}
.text-33gray { color: #666666}
.text-66gray { color: #666666}
.text-99gray { color: #666666}
.text-dodgerblue { color: #1e90ff; }
.text-mediumpurple { color: #9370db; }
.text-navy { color: #002060; }

/*囲みクラス*/
.solid { padding: 10px; border: 1px solid #e4e8ee; background-color: #f9f9f9; }
.dash { padding: 10px; border: 1px dashed #e4e8ee; background-color: #f9f9f9; }
.dot { padding: 10px; border: 2px dotted #e4e8ee; background-color: #f9f9f9; }
.double { padding: 10px; border: 3px double #e4e8ee; background-color: #f9f9f9; }

/*注意書き*/
.caution{
	padding:10px;
	border:3px double #ff0000;
	background-color:#f9f9f9;
}

/*罫線のクラス*/
.line-solid { border-bottom: 1px solid #e4e8ee;padding-top:5px;margin-bottom:5px; }
.line-dash { border-bottom: 1px dashed #e4e8ee;padding-top:5px;margin-bottom:5px; }
.line-dot { border-bottom: 1px dotted #e4e8ee;padding-top:5px;margin-bottom:5px; }
.line-double { border-bottom: 3px double #e4e8ee;padding-top:5px;margin-bottom:5px; }

/*連続する段落のマージン*/
.listHeight{
	margin-bottom:8px;
}

/*リンクテキストの行末に表示するアイコン*/
.after_icon_middle{
	padding-right:20px;
	background:transparent url('/jp/ja/products_service/ups/img/arrow_middle_grey.png') no-repeat right 2px;
	border-bottom:dotted 1px #dddddd;
	padding-bottom:2px;
}

/*リンクテキストの行頭に表示する戻るアイコン*/
.before_icon_middle{
	padding-left:20px;
	background:transparent url('/jp/ja/products_service/ups/img/arrow_middle_grey_left.png') no-repeat left 2px;
	border-bottom:dotted 1px #dddddd;
	padding-bottom:2px;
}

/*矢印リンクのクラス*/
.arrow{
	background: url('/jp/ja/products_service/ups/img/icon_arrow.gif') no-repeat left 5px;
	padding: 0px 0px 0px 8px;
}

/*矢印リンクのクラス：リンクを羅列する場合用にマージンボトムを5pxとったもの*/
.arrow_list{
	background: url('/jp/ja/products_service/ups/img/icon_arrow.gif') no-repeat left 5px;
	padding: 0px 0px 0px 8px;
	margin-bottom:5px;
}

/*PDFリンクのクラス*/
.pdf{
	height:16px;
	background: url("/jp/ja/products_service/ups/img/pdf_small.gif") no-repeat left 5px;
	padding:5px 0px 5px 25px;
}

.pdf2{
	background: url("/jp/ja/products_service/ups/img/pdf_small.gif") no-repeat left 5px;
	padding:5px 0px 5px 25px;
}

.link-external{
	background:url(/ups/img/link_external.gif) right center no-repeat;
	padding-right:17px;
}

/*チェックマーク*/
.check_blue{
	background:transparent url("/jp/ja/products_service/ups/img/checkmark_blue.png") no-repeat 0 3px;
	padding-left:18px;
	font-weight:bold;
}

/*ジグソーパズルマーク*/
.zigsaw_blue{
	background:transparent url("/jp/ja/products_service/ups/img/zigsaw_blue.png") no-repeat 0 0;
	padding-left:26px;
	padding-bottom:8px;
}

/*ブロック左側の段下げ*/
.indent-5 { margin-left: 5px; }
.indent-10 { margin-left: 10px; }
.indent-20 { margin-left: 20px; }
.indent-40 { margin-left: 40px; }
.indent-60 { margin-left: 60px; }

/*箇条書き*/

/*左が1文字：●など*/
dl.indent1w{
}
	dl.indent1w dt{
		float:left;
	}
	dl.indent1w dd{
		position:relative;
		margin-left:15px;
		margin-bottom:5px;
	}
	dl.indent1w dd:after{
		content:" ";
		clear:both;
		height:0;
		display:block;
		visibility:hidden;
	}

/*左が2文字：※１など*/
dl.indent2w{
}
	dl.indent2w dt{
		float:left;
	}
	dl.indent2w dd{
		position:relative;
		margin-left:25px;
		margin-bottom:5px;
	}
	dl.indent2w dd:after{
		content:" ";
		clear:both;
		height:0;
		display:block;
		visibility:hidden;
	}

/*左が3文字：※１３など*/
dl.indent3w{
}
	dl.indent3w dt{
		float:left;
	}
	dl.indent3w dd{
		position:relative;
		margin-left:35px;
		margin-bottom:5px;
	}
	dl.indent3w dd:after{
		content:" ";
		clear:both;
		height:0;
		display:block;
		visibility:hidden;
	}

/*白文字のリンク*/
a.text-white {
    color: #FFFFFF;
    text-decoration: none;
}
a.text-white:link {
    color: #FFFFFF;
    text-decoration: none;
}
a.text-white:visited {
    color: #FFFFFF;
    text-decoration: none;
}
a.text-white:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

/*floatによる配置指定を解除するクラス*/
.clearBoth{
	width:0;
	height:0;
	margin:0;
	padding:0;
	clear:both;
}

/*--------------------------------------
根幹部
--------------------------------------*/
body{
	background:#ffffff;
	font-size:80%;
	font-family:"メイリオ",Verdana,Arial,Sans-serif,"ＭＳ Ｐゴシック";
	color:#333333;
}
	#omronups_container{
		width:1001px;
		margin:0 auto;
		border-left:1px solid #959595;
		border-right:1px solid #959595;
	}

	/*リキッド用*/
	#omronups_liquid_container{
		margin:0 auto;
	}

/*--------------------------------------
アンカー
--------------------------------------*/
a{
	color:#003399;
}
	a:active,a:hover{
		text-decoration:underline;
	}


/*--------------------------------------
共通ヘッダ
--------------------------------------*/
#dengen_header{
	border-top:3px solid #0055C4;
	padding:0 15px 0 15px;
	font-family:Verdana,Arial,Sans-serif;
}

	/*--------------------------------------
	ヘッダ左側のロゴ等
	--------------------------------------*/
	#dengen_header .logos {
		float:left;
		width:359px;
		padding:18px 0 17px;
	}
		#dengen_header .logos .identity{
			position:relative;
			height:26px;
		}
			#dengen_header .logos .identity h1{
				float:left;
			}

			#dengen_header .logos .identity-detail{
				float:left;
				position:absolute;
				left:134px;
				bottom:0;
				width:300px;
			}

				#dengen_header .logos .identity-detail span{
					vertical-align:bottom;
					font-size:90%;
					font-weight:bold;
				}
				*+html #dengen_header .logos .identity-detail span{
					font-size:80%;
				}

				#dengen_header .logos .identity-detail .domain{
					padding-right:2px;
					color:#0055c4;
				}
				#dengen_header .logos .identity-detail .profile{
					background:url("../img/domain_line.gif") left center no-repeat;
					padding-left:8px;
					color:#555555;
				}


	/*--------------------------------------
	ヘッダ右側の外部リンク・検索窓
	--------------------------------------*/
	#dengen_header .function{
		float:right;
		width:390px;
		padding:23px 0 14px 0;
	}

		/*--------------------------------------
		検索窓
		--------------------------------------*/
		#dengen_header .searchform{
			float:right;
			width:156px;
			text-align:right;
		}
			/*#dengen_header .searchform input.searchform-keyword{
				width:108px;
				height:18px;
				border-top: 1px solid #D9D9D9;
				border-right: 1px solid #F2F2F2;
				border-bottom: 1px solid #F2F2F2;
				border-left: 1px solid #D9D9D9;
				margin:0;
			}
			#dengen_header .searchform input.searchform-btn {
				margin:0;
			}*/

button.gsc-search-button.gsc-search-button-v2{padding: 2px 12px!important;}

		/*--------------------------------------
		外部リンク
		--------------------------------------*/
		#dengen_header .utility{
			text-align:right;
		}
			#dengen_header .utility p{
				margin-top:8px;
				margin-left:7px;
				font-size:78%;
				float:left;
			}
				#dengen_header .utility p a{
					background: url("../img/icon_arrow.gif") no-repeat left center;
					padding-left:6px;
				}

/*--------------------------------------
ポータル用
--------------------------------------*/

/*ポータル用メインイメージ*/
#portal_mainimage {
	width:970px;
	height:250px;
	margin-left:15px;
	border:solid 1px #d7d7d7;
}

#portal_contents{
	width:970px;
	margin-top:20px;
	margin-left:15px;
	margin-bottom:20px;
	font-family:"メイリオ","ＭＳ Ｐゴシック",Verdana,Arial,Sans-serif
	line-height:200%;
}

	.portal_productsList_horizonline{
		background:#e2e2e2;
		height:5px;
	}

	#portal_productsList{
		background:url('../img/portal_products_bg.gif') repeat-y;
		padding-left:5px;
	}

		#portal_productsList div{
			float:left;
			padding:3px;
		}

		#portal_productsList_board{
			width:237px;
		}

		#portal_productsList_shuhen{
			width:237px;
			margin-left:5px;
		}

		#portal_productsList_odm{
			width:238px;
			margin-left:5px;
		}

			#portal_productsList div h1{
				text-align:center;
			}

			#portal_productsList div h2{
				text-align:center;
			}

			#portal_productsList div h3{
				font-size:88%;
				font-weight:normal;
				line-height:160%;
				margin:3px;
			}

#portal_newsrelease{
	font-size:88%;
	line-height:150%;
}
	#portal_newsrelease dt{
		width:100px;
		font-weight:bold;
		float:left;
	}
	#portal_newsrelease dd{
		width:650px;
		float:left;
	}

/*--------------------------------------
パン屑
--------------------------------------*/
#bread{
	margin:10px 15px 20px;
}
	#bread li{
		list-style:none;
		display:inline;
		font-size:78%;
		color:#555555;
	}
		#bread span.rubbish{
			margin:0 0 0 4px;
		}


/*--------------------------------------
UPSメインメニュー
--------------------------------------*/
#dengen_mainmenu{
	position:relative;
	height:29px;
	z-index:10;
    width:1001px;
}

	#dengen_mainmenu p{
		overflow:hidden;
		float:left;
	}


/*プルダウン*/
#pulldown_product {
	position:absolute;
	top:29px;
	left:131px;
	z-index:10;
	visibility:hidden;
}

	#pulldown_product_upsmap {
		position:absolute;
		top:29px;
		left:292px;
		z-index:9;
		visibility:hidden;
	}

#pulldown_support {
	position:absolute;
	top:29px;
	left:239px;
	z-index:10;
	visibility:hidden;
}

#pulldown_select {
	position:absolute;
	top:29px;
	left:410px;
	z-index:10;
	visibility:hidden;
}

#pulldown_info {
	position:absolute;
	top:29px;
	left:650px;
	z-index:10;
	visibility:hidden;
}

#pulldown_information {
	position:absolute;
	top:29px;
	left:650px;
	z-index:10;
	visibility:hidden;
}


/*--------------------------------------
電子機器事業部メインメニュー
--------------------------------------*/
#ese_mainmenu{
	position:relative;
	height:29px;
	z-index:10;
    width:1001px;
}

	#ese_mainmenu p{
		overflow:hidden;
		float:left;
	}


/*--------------------------------------
組込み用PCトップ用
--------------------------------------*/
#embeddedtop_topics{
	width:717px;
	padding:10px;
	border:solid #cccccc 1px;
	border-top:none;
	padding-bottom:15px;
	font-size:88%;
	line-height: 150%;
	background:#ffffff;
}
	#embeddedtop_topics dt{
		width:100px;
		font-weight:bold;
		float:left;
	}
	#embeddedtop_topics dd{
		width:600px;
		margin-left:10px;
		float:left;
	}


/*--------------------------------------
UPSトップ用
--------------------------------------*/

.ups_slider{padding: 34px 20px;width: 661px;height: 184px}

#dengentop_catch{
	position:relative;
	height:250px;
	background:transparent url("../img/catch_bg.png") repeat-x;
	z-index:1;
}

		#topAd{
			position:absolute;
			top:31px;
			left:14px;
			border:solid #d7dce7 3px;
			width:661px;
			height:184px;
		}

	#topBefore{
		position:absolute;
		top:33px;
		left:705px;
	}

	#topAfter{
		position:absolute;
		top:140px;
		left:705px;
	}

#dengentop_container_left{
	float:left;
	width:660px;
}

	#dengentop_banner{
	}

		#dengentop_banner p{
			margin-bottom:10px;
		}

		#dengentop_banner p.left{
			float:left;
		}

		#dengentop_banner p.right{
			float:right;
		}

	#dengentop_topics{
		border:solid #d7dce7 3px;
		padding-bottom:10px;
		font-size:88%;
		line-height: 150%;
		background:#ffffff;
	}
		#dengentop_topics dl{
			margin:10px;
		}
			#dengentop_topics dt{
				width:100px;
				font-weight:bold;
				float:left;
			}
			#dengentop_topics dd{
				width:520px;
				margin-left:10px;
				float:left;
			}
	#dengentop_notice{
		border:solid #d7dce7 3px;
		padding-bottom:10px;
		font-size:88%;
		line-height: 150%;
		background:#ffffff;
	}
		#dengentop_notice div{
			background: url('../img/icon_arrow.gif') no-repeat left 8px;
			padding:3px 8px;
			margin:0 10px;
		}
#dengentop_container_right{
	float:left;
	width:280px;
	margin-left:30px;
}

	/*型番検索*/
	#topSearch{
		border-left:solid 7px #a9a9a9;
		border-right:solid 7px #a9a9a9;
		background:transparent url("../img/top_search_bg.png") repeat-x bottom;
		padding:10px;
		font-size:88%;
		width:246px;
	}

		#topSearchText{
			width:150px;
		}


/*--------------------------------------
トピックス
--------------------------------------*/
dl.topicsList{
	border-bottom:solid 2px #a2afca;
}
	dl.topicsList dt{
		border-top:solid 2px #d1d7e4;
		font-weight:bold;
		float:left;
		width:100px;
		padding-top:15px;
	}
	dl.topicsList dd{
		border-top:solid 2px #eef1f7;
		position:relative;
		margin-left:100px;
		margin-bottom:15px;
		padding-top:15px;
		padding-left:15px;
	}
	dl.topicsList dd:after{
		content:" ";
		clear:both;
		height:0;
		display:block;
		visibility:hidden;
	}




/*--------------------------------------
UPS本文用
--------------------------------------*/
#dengen_contents{
	font-size:93%;
	width:970px;
	margin-top:10px;
	margin-left:15px;
	margin-bottom:20px;
	font-family:"メイリオ","ＭＳ Ｐゴシック",Verdana,Arial,Sans-serif;
	line-height:160%;
}

/*リキッド用*/
#dengen_liquid_contents{
	font-size:93%;
	margin-top:10px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:20px;
	font-family:"メイリオ","ＭＳ Ｐゴシック",Verdana,Arial,Sans-serif;
	line-height:160%;
}

	#dengen_container_left{
		float:left;
		width:740px;
	}

	#dengen_container_right{
		float:left;
		width:200px;
		margin-left:30px;
	}

	#page_title{
		color:#a0a0a0;
		font-weight:bold;
		font-size:200%;
		margin-bottom:10px;
		line-height:140%;
	}

	#page_title_discontinue{
		color:#a0a0a0;
		font-weight:bold;
		font-size:200%;
		padding-left:115px;
		padding-bottom:10px;
		line-height:140%;
		background:transparent url("../img/discontinue_icon.png") no-repeat;
	}

	/*サービスページ用ヘッダ*/
	#service_header{
		background:transparent url("../img/page_header_bg.jpg") no-repeat;
		padding:15px;
	}

	#producrMenu{
		padding:8px 0 5px 15px;
		background:#f2f4f7;
	}

		#producrMenu p{
			display:inline;
			margin-right:12px;
		}

	.productList{
		border-bottom:solid 1px #d7dce7;
		margin-top:10px;
		padding-bottom:10px;
	}

		.productSummary{
			float:left;
			width:100px;
		}

			.productSummary .name{
				font-weight:bold;
				width:130px;
			}

			.productSummary .price{
			}

			.productSummary .tax{
				font-size:88%;
			}

			.compareButton{
				margin:3px 0;
			}

		.productIcon{
			float:left;
			width:542px;
		}

		.demoLink{
			float:left;
			margin-left:10px;
			width:103px;
			text-align:right;
		}

		.directLink{
			float:left;
			margin-left:10px;
			width:87px;
			text-align:right;
		}

	#iconLegend{
		text-align:right;
	}

	.article{
		margin-bottom:12px;
	}

	.article_text_blue_shade{
		border-bottom:solid 1px #bec9d1;
		border-right:solid 1px #bec9d1;
		color:#092668;
		padding:3px 10px;
		background:#d4dae7;
		font-weight:bold;
		text-align:left;
		margin-bottom:12px;
	}

	.article_text_grey{
		background:#b5bed2 url("../img/article_bg_grey.png") repeat-x;
		padding:3px 5px;
		font-weight:bold;
		margin-bottom:12px;
	}

	.article_text_blue_nega{
		border:solid 1px #bec9d1;
		color:#ffffff;
		padding:8px 15px;
		background:#092668;
		font-weight:bold;
		text-align:left;
		margin-bottom:12px;
	}

	.featureColumn{
	}

		.featureColumn .left{
			float:left;
			width:360px;
		}

		.featureColumn .right{
			float:left;
			width:360px;
			margin-left:20px;
		}

	/*型番検索*/
	#rmenuSearch{
		border-left:solid 7px #a9a9a9;
		border-right:solid 7px #a9a9a9;
		background:transparent url("../img/top_search_bg.png") repeat-x bottom;
		padding:10px;
		font-size:88%;
		width:166px;
	}

		#rmenuSearchText{
			width:70px;
		}

	#dengen_contents .goTop{
		border-top:dotted 1px #bec9d1;
		padding-top:5px;
		text-align:right;
		margin-top:50px;
	}

	/*サイト内検索*/
	#rmenuSiteSearchContent{
		background:#96d1d7 url("../img/rmenu_sitesearch_boxcenter.png") repeat-x;
		padding:0 7px;
	}

		#rmenuSiteSearch{
			background:transparent url("../img/rmenu_sitesearch_content.png") repeat-x;
			padding:8px 10px 5px 10px;
			font-size:88%;
			width:166px;
		}

			#rmenuSiteSearchText{
				width:70px;
			}

	#dengen_contents .goTop{
		border-top:dotted 1px #bec9d1;
		padding-top:5px;
		text-align:right;
		margin-top:50px;
	}

	/*汎用2カラム*/
	.common2column{
	}
		.common2column .leftBox{
			float:left;
			width:360px;
			margin-right:20px;
		}
		.common2column .rightBox{
			float:left;
			width:360px;
		}

	/*汎用2カラム（左が大きい）*/
	.common21column{
	}
		.common21column .leftBox{
			float:left;
			width:480px;
			margin-right:20px;
		}
		.common21column .rightBox{
			float:left;
			width:240px;
		}

	/*汎用3カラム*/
	.common3column{
	}
		.common3column .leftBox{
			float:left;
			width:240px;
			margin-right:10px;
		}
		.common3column .centerBox{
			float:left;
			width:240px;
			margin-right:10px;
		}
		.common3column .rightBox{
			float:left;
			width:240px;
		}

	/*汎用2カラム*/
	.common4column{
	}
		.common4column .leftBox{
			float:left;
			width:170px;
			margin-right:20px;
		}
		.common4column .centerLeftBox{
			float:left;
			width:170px;
			margin-right:20px;
		}
		.common4column .centerRightBox{
			float:left;
			width:170px;
			margin-right:20px;
		}
		.common4column .rightBox{
			float:left;
			width:170px;
		}

	/*写真（100px）＋コピー*/
	dl.photoArticle{
	}
		dl.photoArticle dt{
			float:left;
		}
		dl.photoArticle dd{
			position:relative;
			margin-left:110px;
			margin-bottom:5px;
		}
		dl.photoArticle dd:after{
			content:" ";
			clear:both;
			height:0;
			display:block;
			visibility:hidden;
		}

/*表組用クラス*/
table.lineTable{
	border-collapse:collapse;
}

	table.lineTable th {
		border:solid 1px #bec9d1;
		color:#092668;
		padding:5px;
		border-collapse:collapse;
		background:#f2f4f7;
		font-weight:bold;
	}

	table.lineTable td{
		border:solid 1px #bec9d1;
		padding:5px;
		border-collapse:collapse;
		background:#ffffff;
	}

	table.lineTable .sideHeader {
		border:solid 1px #bec9d1;
		color:#092668;
		padding:5px;
		border-collapse:collapse;
		background:#f2f4f7;
		font-weight:bold;
	}

	table.lineTable .sideHeader02 {
		border:solid 1px #bec9d1;
		color:#092668;
		padding:5px;
		border-collapse:collapse;
		background:#f2f4f7;
	}

	table.lineTable .barHeader {
		border:solid 1px #bec9d1;
		color:#092668;
		padding:5px;
		border-collapse:collapse;
		background:#cfe0ed;
	}

/*ダウンロード用表組クラス*/
table.downloadTable{
	border-collapse:collapse;
}

	table.downloadTable th {
		border:solid 1px #cccdab;
		color:#616254;
		padding:5px;
		border-collapse:collapse;
		background:#f4f5e0;
		font-weight:bold;
		font-size:88%;
	}

	table.downloadTable td{
		border:solid 1px #cccdab;
		padding:8px;
		border-collapse:collapse;
		background:#ffffff;
	}

	table.downloadTable .sideHeader02 {
		border:solid 1px #cccdab;
		color:#616254;
		padding:5px;
		border-collapse:collapse;
		background:#f5f5f5;
		font-weight:bold;
	}

	table.downloadTable td.downloadIcon{
		background:transparent url("../img/download_bg.png") no-repeat top left;
		padding-left:24px;
	}

/*上下の罫線のみの表組用クラス*/
table.horizonLineTable{
	border-collapse:collapse;
}

	table.lineTable th {
		border:solid 1px #bec9d1;
		color:#092668;
		padding:5px;
		border-collapse:collapse;
		background:#f2f4f7;
		font-weight:bold;
	}

	table.horizonLineTable td{
		border-top:solid 2px #bec9d1;
		border-bottom:solid 2px #bec9d1;
		padding:10px 0;
		border-collapse:collapse;
		background:#ffffff;
	}

	table.lineTable .sideHeader {
		border:solid 1px #bec9d1;
		color:#092668;
		padding:5px;
		border-collapse:collapse;
		background:#f2f4f7;
		font-weight:bold;
	}

	table.lineTable .sideHeader02 {
		border:solid 1px #bec9d1;
		color:#092668;
		padding:5px;
		border-collapse:collapse;
		background:#f2f4f7;
	}


/*ボーダーの無いテーブル用クラス*/
table.noLineTable{
	border-collapse:collapse;
}

	table.noLineTable th {
		border:none;
		padding:0;
		background:transparent;
	}

	table.noLineTable td{
		border:none;
		padding:0;
		background:transparent;
	}


/*--------------------------------------
ページ内サブメニュー
--------------------------------------*/
.submenu{
	padding:10px 10px 7px 10px;
	background:#f5f6f9 url("../img/article_bg_white.png") repeat-x;
}
	.submenu li{
		display:inline;
		margin:0 3px;
		padding-bottom:3px;
		line-height:max-height: 70px;
	}
	.submenu li.current{
		border-bottom:dotted 1px #cccccc;
		font-weight:bold;
	}

.submenuBottom{
	border-top:solid 1px #cfdbe4;
	background:#f5f5f5;
	height:3px;
}


/*--------------------------------------
右メニュー
--------------------------------------*/
.commonRightMenu{
}

	.commonRightMenu .title{
		font-weight:bold;
		padding:3px 5px;
		text-align:center;
		background:#b5bed2 url("../img/article_bg_grey.png") repeat-x;
	}

	.commonRightMenu ul{
	}

		.commonRightMenu ul li{
			border-bottom:dotted 1px #dddddd;
			padding:5px;
		}

			.commonRightMenu ul li a{
				padding-right:20px;
				background:transparent url('../img/arrow_middle_grey.png') no-repeat right 2px;
			}

		.commonRightMenu ul li.current{
			border-bottom:dotted 1px #dddddd;
			padding:5px;
			background:#f2f4f7;
		}

			.commonRightMenu ul li.current a{
				background:transparent;
			}


/*--------------------------------------
製品情報
--------------------------------------*/
#products_ups{
	position:relative;
}

	#products_ups_pulldown{
		position:absolute;
		top:45px;
		left:10px;
		z-index:1;
	}

#products_2column{
}

	#products_rc{
		position:relative;
		float:left;
	}

		#products_rc_pulldown{
			position:absolute;
			top:35px;
			left:10px;
			z-index:1;
		}

	#products_cvcf{
		position:relative;
		float:left;
	}

		#products_cvcf_pulldown{
			position:absolute;
			top:35px;
			left:10px;
			z-index:1;
		}

#products_3column{
}

	#products_demo{
		float:left;
	}

	#products_oem{
		float:left;
		margin-left:17px;
	}

	#products_price{
		float:left;
		margin-left:18px;
	}


/*--------------------------------------
UPS一覧
--------------------------------------*/
.ups_list{
}
	.ups_list dl{
		float:left;
		width:360px;
		margin-bottom:20px;
		margin-right:10px;
	}

		.ups_list dt{
			font-size:115%;
			font-weight:bold;
			margin-bottom:2px;
		}

.ups_battery_3column{
}

	#ups_addbattery{
		float:left;
	}

	#ups_exbattery{
		float:left;
		margin-left:17px;
	}

	#ups_option{
		float:left;
		margin-left:17px;
	}

#ups_servicepack{
	border:solid 1px #ced4e1;
}

	#ups_onsite{
		float:left;
		width:236px;
	}

	#ups_secchi{
		float:left;
		border-left:solid 1px #ced4e1;
		width:236px;
	}

	#ups_enchou{
		float:left;
		border-left:solid 1px #ced4e1;
		width:236px;
	}

	#ups_servicepack dt{
		margin:5px 5px 0 5px;
	}

	#ups_servicepack dd{
		margin:0 5px 5px 50px;
	}

#ups_3column{
}

	#ups_soft{
		float:left;
	}

	#ups_koukei{
		float:left;
		margin-left:17px;
	}

	#ups_news{
		float:left;
		margin-left:18px;
	}


/*--------------------------------------
バッテリ
--------------------------------------*/
#batteryTopBox{
}

	#batteryTopBoxLeft{
		width:400px;
		float:left;
		text-align:center;
	}

	#batteryTopBoxRight{
		width:340px;
		float:left;
	}

		#batteryPrice{
			border-bottom:solid 1px #bec9d1;
			border-right:solid 1px #bec9d1;
			color:#092668;
			padding:0 5px 5px 0;
			margin-bottom:5px;
		}

		#batteryTarget{
			border-bottom:solid 1px #bec9d1;
			border-right:solid 1px #bec9d1;
			color:#092668;
			padding:0 5px 5px 0;
			margin-bottom:5px;
		}

	.batteryFlowBox{
		border-bottom:solid 3px #bec9d1;
		padding-bottom:10px;
		margin-bottom:10px;
	}

		.batteryFlowBoxLeft{
			float:left;
			width:280px;
			margin-right:10px;
		}

		.batteryFlowBoxRight{
			float:left;
			width:450px;
			text-align:center;
		}

		.batteryFlowTitle{
			font-size:115%;
			font-weight:bold;
		}


/*--------------------------------------
サポート／サービス用
--------------------------------------*/
.support_2column{
}

	.support_2column_left{
		float:left;
		width:360px;
	}

	.support_2column_right{
		float:left;
		width:360px;
		margin-left:20px;
	}

.support_3column{
}

	.support_3column_left{
		float:left;
		width:248px;
	}

	.support_3column_center{
		float:left;
		width:247px;
	}

	.support_3column_right{
		float:left;
		width:245px;
	}

.service_3column{
}

	.service_3column_left{
		float:left;
		width:235px;
	}

	.service_3column_center{
		float:left;
		width:235px;
		margin-left:18px;
	}

	.service_3column_right{
		float:left;
		width:235px;
		margin-left:17px;
	}


/*--------------------------------------
カスタマサポート
--------------------------------------*/
.freedial{
	background:transparent url("../img/freedial.png") no-repeat 0 5px;
	height:30px;
	padding-left:55px;
}


/*--------------------------------------
辞書
--------------------------------------*/
#dicQ{
	background:#fafbfc url("../img/article_bg_white.png") repeat-x 0 0;
	font-size:140%;
	font-weight:bold;
	margin:30px 0 10px 0;
	border-bottom:solid 1px #e4e8ee;
	padding:20px 10px;
}


/*--------------------------------------
FAQ
--------------------------------------*/
.faqQ{
	background:#e0f4f7 url("../support/faq/img/faq_q_bg.png") repeat-x 0 0;
	font-size:115%;
	font-weight:bold;
	margin:15px 0 0 0;
	padding:20px 10px;
}
.faqKishu{
	background:#f1f6f6 url("../support/faq/img/faq_kishu_bg.png") repeat-x 0 0;
	padding:6px 10px;
	margin-bottom:15px;
}


/*--------------------------------------
ダウンロード
--------------------------------------*/

.downlaodCategory{
	background:#e9eaeb url("../img/download_category_bg.png") repeat-x;
	border-bottom:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	color:#092668;
	padding:3px 10px;
	font-weight:bold;
	text-align:left;
	margin-bottom:12px;
}


/*--------------------------------------
輸出について
--------------------------------------*/

#exportDownloadCenter{
	background:transparent url("../support/img/export_center.png") repeat-y;
	color:#ffffff;
	padding:3px 10px;
	font-weight:bold;
	text-align:left;
}

	#exportDownloadCenter .title{
		color:#FFFF00;
		font-size:115%;
	}


/*--------------------------------------
製品選定用
--------------------------------------*/

.choose_3column{
}

	.choose_3column_left{
		float:left;
		width:235px;
	}

	.choose_3column_center{
		float:left;
		width:235px;
		margin-left:18px;
	}

	.choose_3column_right{
		float:left;
		width:235px;
		margin-left:17px;
	}

.choose_2column{
}

	.choose_2column_left{
		float:left;
		width:350px;
	}

	.choose_2column_right{
		float:left;
		width:350px;
		margin-left:40px;
	}

.choose_study{
	background:#ffffff url("../choose/img/icon_study.jpg") no-repeat left 2px;
	padding-left:50px;
	margin-bottom:12px;
}

	.choose_study dt{
		font-size:115%;
		font-weight:bold;
		margin-bottom:2px;
	}

	.choose_study dt{
	}


/*--------------------------------------
選定方法
--------------------------------------*/
.senteiElement{
	border:solid 3px #d7dce7;
}
	.senteiElement .content{
		padding:10px;
	}


/*--------------------------------------
選定ツール
--------------------------------------*/
.toolElement{
	border:solid 3px #d7dce7;
}
	.toolElement .title{
	background:#e9eaeb url("../img/download_category_bg.png") repeat-x;
		padding:5px 10px;
		font-weight:bold;
		font-size:140%;
	}

/*選定ツール用テーブル*/
table.toolTable{
	border-collapse:collapse;
}

	table.toolTable th {
		border:solid 1px #bec9d1;
		border-right:none;
		color:#092668;
		padding:10px 20px;
		border-collapse:collapse;
		background:#f5f6f9 url("../img/article_bg_white.png") repeat-x;
		text-align:left;
	}

	table.toolTable td{
		border:solid 1px #bec9d1;
		border-left:none;
		padding:10px 20px;
		border-collapse:collapse;
		background:#f5f6f9 url("../img/article_bg_white.png") repeat-x;
	}


/*--------------------------------------
比較ツール
--------------------------------------*/
#compare_panel{
	padding:10px;
	background:#f2f3f3 url("../choose/img/compare_panel.png") repeat-x;
	border:double 3px #dddddd;
}

	.compareCategory{
		font-weight:bold;
		padding:3px 5px;
		background:#b5bed2 url("../img/article_bg_grey.png") repeat-x;
		font-size:88%;
		margin-right:25px;
		margin-bottom:5px;
	}

	#generateCompare{
		float:left;
		width:300px;
	}

	#resetCheckbox{
		float:left;
	}




/*--------------------------------------
ご愛用者登録用
--------------------------------------*/
#regist_prize_top{
	background:transparent url("../regist/img/regist_prize_top.png") no-repeat;
	height:33px;
}


#regist_prize_content{
	background:#f5f9f0;
	border-left:solid 3px #d6e9c5;
	border-right:solid 3px #d6e9c5;
	padding:10px;
}

	#regist_prize_content .peizeBox{
		padding:0 20px;
	}

		#regist_prize_content .peizeBox .left{
			width:430px;
			float:left;
			margin-right:40px;
		}

		#regist_prize_content .peizeBox .right{
			width:430px;
			float:left;
		}

		.prizeTitle{
		}

		.prizeContent{
			padding:10px 0;
			color:#2b5c00;
		}

#regist_prize_bottom{
	background:transparent url("../regist/img/regist_prize_bottom.png") no-repeat;
	height:12px;
}

.blueBack{
	padding:10px;
	background:#eaf6ff;
	border:solid 5px #c9e8ff;
}

	.blueBackTitle{
		color:#002e96;
		font-size:140%;
		font-weight:bold;
		margin-bottom:10px;
		line-height:160%;
	}


.redBack{
	padding:10px;
	background:#fff2f2;
	border:solid 5px #ff8a8a;
}

.redBackTitle{
	color: #ff2a2a;
	font-size:140%;
	font-weight:bold;
	margin-bottom:10px;
	line-height:160%;
}

.regist2Column{
}
	.regist2Column .left{
		width:475px;
		float:left;
		margin-right:20px;
	}
	.regist2Column .right{
		width:475px;
		float:left;
	}

#accept{
	background:#eaeaea;
	padding:10px;
	text-align:center;
}

	#acceptTitle{
		font-size:115%;
		font-weight:bold;
		margin-bottom:10px;
	}

	#acceptContent{
		width:600px;
		height:130px;
		padding:10px;
		margin-bottom:10px;
	}

	#acceptCheck{
		font-size:115%;
	}


/*--------------------------------------
インフォメーション
--------------------------------------*/


/*--------------------------------------
トピックス
--------------------------------------*/
dl.topicsList{
	border-bottom:solid 2px #a2afca;
}
	dl.topicsList dt{
		border-top:solid 2px #d1d7e4;
		font-weight:bold;
		float:left;
		width:100px;
		padding-top:15px;
	}
	dl.topicsList dd{
		border-top:solid 2px #eef1f7;
		position:relative;
		margin-left:100px;
		margin-bottom:15px;
		padding-top:15px;
		padding-left:15px;
	}
	dl.topicsList dd:after{
		content:" ";
		clear:both;
		height:0;
		display:block;
		visibility:hidden;
	}

/*--------------------------------------
重要なお知らせ
--------------------------------------*/

#noticeList{
	border-top:solid #d7dce7 3px;
	border-left:solid #d7dce7 3px;
	border-right:solid #d7dce7 3px;
}
	#noticeList li{
		background: url('../info/img/notice_list_bg.png') no-repeat;
		padding:15px 10px 15px 60px;
		border-bottom:solid #d7dce7 3px;
	}

/*--------------------------------------
新着情報詳細
--------------------------------------*/
.topicTitle{
	border-top:solid 1px #eaeaea;
	border-bottom:solid 1px #eaeaea;
	background:#fafafa url("../img/topics_bg.png") repeat-x 0 0;
	font-size:115%;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:20px 15px;
}


/*--------------------------------------
レイヤー用
--------------------------------------*/

.layerClose{
	width:200px;
	padding:5px 10px 5px 10px;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	background:#cccccc;
}

#blackMaskLayer{
	position:absolute;
	top:0;
	left:0;
	margin:0;
	width:100%;
	height:100%;
	background:#000000;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;opacity:0.50;
	z-index:50;
	display:none;
}

#contentLayer{
	position:absolute;
	top:0;
	left:0;
	padding-top:10px;
	width:680px;
	height:400px;
	/*padding-top:25px;*/
	background:#bec9d1;
	/*display:none;*/
	z-index:100;
	text-align:center;
	display:none;
	background:transparent url("../img/layer_bg.png") repeat;
}


#beforeLayer{
	padding:15px 15px 0 15px;
}

	#beforeLayer #left{
		float:left;
		width:200px;
	}

	#beforeLayer #center{
		float:left;
		margin-left:10px;
		width:200px;
	}

	#beforeLayer #right{
		float:left;
		margin-left:10px;
		width:200px;
	}

	#beforeLayer p{
		background: url('../img/icon_arrow.gif') no-repeat left 5px;
		padding: 0px 0px 0px 8px;
		margin-bottom:3px;
		margin-left:10px;
	}


#afterLayer{
	padding:15px;
}

	#afterLayer #left{
		float:left;
		width:400px;
	}

	#afterLayer #right{
		float:left;
		margin-left:10px;
		width:200px;
	}

	#afterLayer p{
		background: url('../img/icon_arrow.gif') no-repeat left 5px;
		padding: 0px 0px 0px 8px;
		margin-bottom:3px;
		margin-left:10px;
	}

	.layerArticle{
		font-weight:bold;
		border-bottom:solid 2px #bec9d1;
		background:#;
		margin-bottom:8px;
		font-size:123%;
	}


/*--------------------------------------
共通フッター
--------------------------------------*/
#dengen_footer{
	border-bottom:3px solid #0055C4;
	color:#555555;
}

#dengen_footer ul.footer-nav{
	padding:0 18px 12px;
	text-align:center;
}
#dengen_footer ul.footer-nav li{
	display:inline;
	font-size:78%;
}
#dengen_footer ul.footer-nav li a{
}

#dengen_footer ul.footer-link{
	border-top:1px solid #C9C9C9;
	margin-bottom:10px;padding:14px 18px 0;
	text-align:center;
}
#dengen_footer ul.footer-link li{
	display:inline;
	margin-right:9px;
	font-size:78%;
	line-height:1;
}
#dengen_footer ul.footer-link li.lineend{
	margin-right:0;
}
#dengen_footer ul.footer-link li a{
	background: url("../img/icon_arrow.gif") no-repeat left center;
	padding: 0px 0px 0px 6px;
}

#dengen_footer p.copyright{
	width:330px;height:23px;
	margin:0 auto;
}
#dengen_footer p.copyright img{
	display:block;
}


/*--------------------------------------
ダイレクト用メインイメージ・メインメニュー
--------------------------------------*/

/*ダイレクト用メインイメージ*/
#direct_mainimage {
	position:relative;
	top:-8px;
}

/*ダイレクト用グローバルナビ*/
#direct_gnavi-container{
	position:relative;
	top:-7px;
}

#direct_gnavi {
	width:1001px;
	padding:0;
}

/*メインメニューの各ボタン*/
#direct_menu_directhome {
	display:block;
	width:167px;
	float:left;
	text-align:left;
}

#direct_menu_ups {
	display:block;
	width:167px;
	float:left;
	text-align:left;
}

#direct_menu_battery{
	display:block;
	width:167px;
	float:left;
	text-align:left;
}

#direct_menu_option{
	display:block;
	width:167px;
	float:left;
	text-align:left;
}

#direct_menu_outlet{
	display:block;
	width:167px;
	float:left;
	text-align:left;
}

#direct_menu_cart{
	display:block;
	width:166px;
	float:left;
	text-align:left;
}

/*プルダウンの各ブロック*/

#direct_pulldown_ups{
	position:absolute;
	z-index:10;
	visibility:hidden;
}

#direct_pulldown_battery{
	position:absolute;
	z-index:10;
	visibility:hidden;
}

#direct_pulldown_option{
	position:absolute;
	z-index:10;
	visibility:hidden;
}



/*--------------------------------------
ダイレクト用本文
--------------------------------------*/

#direct_container_left{
	float:left;
	width:245px;
}

#direct_container_right{
	float:left;
	width:695px;
	margin-left:30px;
}

#direct_category_title{
	color:#a0a0a0;
	font-weight:bold;
	font-size:200%;
	margin-bottom:10px;
	line-height:140%;
}




/*--------------------------------------
ダイレクト左メニュー
--------------------------------------*/
.direct_banner{
	margin-bottom:5px;
}




/*--------------------------------------
ダイレクトトップ
--------------------------------------*/

/*売れ筋*/
#direct_shoveler_container{
	border:solid 1px #d18c8c;
	background:#ffffff;
	padding:1px;
	margin-bottom:5px;
}
	#direct_shoveler{
		background:#e02800;
		padding:5px 0;
	}
		#direct_shoveler_title{
			text-align:center;
			padding:5px 0;
		}

		.shoveler_box{
			background:#ffffff;
			margin:5px 0 0 9px;
			padding-bottom:5px;
			width:222px;
		}

			.shoveler_detail_box{
				margin-top:5px;
			}

				.shoveler_detail_left{
					float:left;
					width:125px;
					font-size:88%;
					margin-left:5px;
				}

				.shoveler_detail_right{
					float:left;
					margin-left:5px;
					width:80px;
				}

/*アウトレット*/
#outlet_info{
	border:solid 3px #d7dce7;
}

	#outlet_detail{
		padding:10px;
	}

		#stock_title{
			font-style:italic;
			border-bottom:solid 1px #dedede;
			margin-bottom:3px;
			padding-bottom:3px;
		}





/*--------------------------------------
ダイレクト商品
--------------------------------------*/

.itemContainer{
	width:695px;
	margin-bottom:15px;
}

	.itemTop{
		width:695px;
		height:8px;
		background:#ffffff url("../direct/img/direct_item_top.jpg") no-repeat;
	}

	.itemBox{
		width:693px;
		border-left:solid 1px #c3cbda;
		border-right:solid 1px #c3cbda;
		padding:10px 0;
	}

		.itemLeft{
			width:150px;
			margin-left:15px;
			float:left;
		}

			.itemPhoto{
				width:150px;
				height:150px;
				background:#ffffff;
			}

			/*アウトレット誘導ボックス*/
			.inviteOutlet{
				margin-top:5px;
				text-align:center;
			}

				.inviteOutlet p.top{
					height:5px;
					background:transparent url("../direct/img/invite_outlet_top.gif") no-repeat;
				}

				.inviteOutlet p.title{
					font-weight:bold;
					background:transparent url("../direct/img/invite_outlet_center.gif") repeat-y;
					color:#ffff00;
				}

				.inviteOutlet p.price{
					background:transparent url("../direct/img/invite_outlet_center.gif") repeat-y;
					padding:4px 0;
				}

					.inviteOutlet p.price span.white{
						background:#ffffff;
						padding:3px 4px;
						color:#0098ff;
						font-weight:bold;
					}

				.inviteOutlet p.link{
					background:transparent url("../direct/img/invite_outlet_center.gif") repeat-y;
				}

					.inviteOutlet p.link a{
						color:#ffffff;
					}

					.inviteOutlet p.link a:hover{
						text-decoration:underline;
					}

				.inviteOutlet p.bottom{
					height:5px;
					background:transparent url("../direct/img/invite_outlet_bottom.gif") no-repeat;
				}

		.itemRight{
			width:500px;
			margin-left:10px;
			float:left;
		}

			.itemName{
				font-size:140%;
				font-weight:bold;
				margin-bottom:5px;
				line-height:140%;
			}

			.itemDataBox{
				background:#eceef3;
				padding:3px 8px;
				font-size:88%;
				margin-bottom:10px;
			}

				.itemNum{
					float:left;
				}

				.itemPrice{
					float:right;
				}

			.itemDetailBox{
			}

				.itemDetail{
					float:left;
					font-size:88%;
					width:205px;
				}

				.itemDetailLink{
					margin-bottom:5px;
				}

					.itemDetailLink a{
						padding-right:16px;
						background:transparent url('../img/arrow_middle_grey.png') no-repeat right ;
						padding-bottom:2px;
					}

				.directCaution{
					background:#ff0000;
					font-size:88%;
					padding:5px;
					color:#ffffff;
				}

				.itemOrder{
					float:left;
					margin-left:15px;
					width:260px;
					background:#6fc5ff url("../direct/img/direct_order_bg.jpg") repeat-x;
					padding:10px;
					text-align:center;
				}

					.itemDirectPrice{
						font-weight:bold;
						color:#ffffff;
						font-size:115%;
					}

					.itemDirectTax{
						font-weight:bold;
						color:#ffffff;
						margin-bottom:10px;
					}

					.orderPulldown{
						margin-bottom:10px;
					}

					.orderBox{
						width:210px;
						margin:0 auto;
					}

						.orderQty{
							float:left;
							width:40px;
							text-align:right;
							margin-top:5px;
						}

						.orderInput{
							float:left;
							width:50px;
							text-align:center;
							margin-top:5px;
						}

						.orderButton{
							float:left;
							width:120px;
							text-align:center;
						}

				/*キャンペーン用赤バック*/
				.itemOrderCamp{
					float:left;
					margin-left:15px;
					width:260px;
					background:#f4827a url("../direct/img/direct_order_bg_camp.jpg") repeat-x;
					padding:10px;
					text-align:center;
				}

					/*予約商品用*/
					.directReserve{
						background:#ffffff;
						padding:5px;
						margin-top:10px;
						text-align:left;
					}

						.directReserve .title{
							font-size:123%;
							font-weight:bold;
							text-align:center;
							color:#ff0000;
						}

						.directReserve .description{
							font-size:78%;
						}

	.itemBottom{
		width:695px;
		height:8px;
		background:#ffffff url("../direct/img/direct_item_bottom.jpg") no-repeat;
	}

	.limited_stock{
		position: relative;
		top: 20px;
		left: 2px;
		color: #7f7f7f;
		border: 2px solid #7f7f7f;
		font-size: 29px;
		font-weight: bold;
		padding: 2px 10px;
	}

/*--------------------------------------
ダイレクトページ下メニュー
--------------------------------------*/

#easySitemap{
	margin-top:50px;
	padding:20px;
	background:#fafafa;
	border:solid 5px #e2e2e2;
}

	#easySitemap h1{
		font-weight:bold;
		font-size:88%;
		padding-bottom:8px;
		margin-bottom:8px;
		border-bottom:double 3px #e2e2e2;
	}

	#easySitemap h2{
		font-weight:bold;
		font-size:88%;
	}

	#easySitemap ul.lined{
		margin:0 0 8px 0;
		padding:8px;
		border-bottom:dotted 1px #e2e2e2;
	}

	#easySitemap ul.noLine{
		padding:8px;
	}

		#easySitemap li{
			margin:0;
			display:inline;
			font-weight:normal;
			font-size:88%;
			line-height:200%;
			color:#cccccc;
		}

/*--------------------------------------
生産終了品
--------------------------------------*/
#discontinuePrice{
	border-top:solid 1px #d7dce7;
	border-bottom:solid 1px #d7dce7;
	margin-top:10px;
	padding:5px 0;
}

/*--------------------------------------
フォーム
--------------------------------------*/

#securitySign{
	font-size:88%;
	border:double 3px #dddddd;
	padding:10px;
}




/*--------------------------------------
型番検索結果
--------------------------------------*/
#noResult{
	display:none;
	text-align:center;
	font-size:115%;
	font-weight:bold;
}

#BY35S,#BY50S,#BY80S,#BY120S,#BY50FW,#BY75SW,#BW40T,#BW55T,#BW100T,#BW120T,#BZ35LT2,#BZ50LT2,#BX35F,#BX50F,#BX50FW,#BX75SW,#BN50T,#BN75T,#BN100T,#BN150T,#BN220T,#BN300T,#BN50S,#BN75S,#BN100S,#BN150S,#BN220S,#BN300S,#BN75R,#BN150R,#BL50T,#BL75T,#BL100T,#BN300R,#BN100XR,#BN150XR,#BN240XR,#BU75RW,#BU100RW,#BU200RW,#BU300RW,#BU100RS,#BU50SW,#BU75SW,#BU100SW,#BU150SW,#BA100R,#BA100T,#BA75T,#BU60RE,#BU100RE,#BU150R,#BU1002RW,#BU2002RWL,#BU3002RWL,#BU5002RWL,#BU1002SW,#BU3002SW,#BH60PCW,#BH100PCW,#BN50XS,#BN75XS,#BN100XS,#BN140XS,#BU50XS,#BU70XS,#BU100XS,#BU100XR2,#BU200XR2,#BU251X,#BU504XIV,#BU504XLIV,#BU1004XIII,#BU606F,#BU1006F,#BU606II,#BU1006II,#BU2006II,#BX25XT,#BX35XFS,#BX50XFS,#BX35XFV,#BX50XFV,#BX35XFVL,#BX50LS,#BX75XS2,#BZ35T,#BZ50T,#BZ50LT,#MB240XR,#BUM100R,#BUM300R,#BUM100S,#BUM150S,#BUM300S,#BUM100RE,#BHM100PC,#MB100XR,#MB100XR_B,#MB100XR2,#MB200XR2,#MB200XR,#MB200XR_B,#BWB55T,#BWB120T,#BP50LT2,#BP50T,#BP50LT,#BP25XT,#BXB50F,#BP50XF,#MB750,#BXB75S,#BP75XSX,#BYB50S,#BYB80S,#BYB120S,#BUB100R,#BUB300R,#BUB1002RW,#BUB2002RW,#BUB3002RW,#BAB100R,#BAB100T,#MB1004X3,#MB1006_2,#MB1006F,#BP70XS,#BP100XS,#BP150XS,#BP100XR,#MB606_2,#MB606F,#BP70XR,#BP70XS,#BUB60RE,#BUB100RE,#MB75XS,#MB100XS,#MB140XS,#BHB60PC,#BHB100PC,#BNB75T,#BNB300T,#BNB75S,#BNB300S,#BNB75R,#BNB150R,#BLB50T,#BLB75T,#BLB100T,#BNB300R,#BP150XR,#BP240XR,#RC1504,#RC1504A,#RC3008,#RE60FW,#RE100FW,#RE60FW2,#RE100FW2,#PA01,#BAX15NP,#AC1201,#AC1202,#AC1203,#BUC10,#BUC16,#BUC17,#BUC22,#BUC23,#BUC24,#BUC25,#BUC26,#BUC27,#BUC28,#BUC30,#BUC31,#SC01,#SC05,#SC05XSR,#SC07,#SC08,#SC10,#SC20G,#SC20G2,#SC21,#BAP100RS,#BAP100R,#BAP100T,#BHP60J,#BHP60P,#BNP300S,#BUP06,#BUP08,#BUP100S,#BUP300R,#BUP300S,#BXP50F,#BWP55T,#BWP120T,#BYP50S,#BYP80S,#BYP50F,#BYP50R,#BAF100R,#BF70XS,#REF60F,#BUF75S,#BUF100S,#BUF100R,#BUF1002S,#BUF3002S,#BUF300FF,#BUF300RF,#BUX1002R,#BUX3002R,#BUX5002R,#BT75XSX,#BUP5002RW,#BU5002R,#BU3002R,#BU3002RH,#BV55REM,#BV55RE,#BUM5002R,#BUM3002R,#BUB5002R,#BUB3002R,#BUX3002RP,#PA10V,#BUC32,#BUF150RA,#BVP55R,#BVP55W,#BVP55T,#BUX5002RH,#BUX3002RH,#BUX150R{
	display:none;
}

#resultSearchBox{
	border:solid 2px #a9a9a9;
	background:transparent url("../img/top_search_bg.png") repeat-x bottom;
	padding:10px;
	font-size:88%;
	width:246px;
}

#resultTitle{
	background:#102c6c;
	color:#ffffff;
	margin-bottom:10px;
	padding:5px 8px;
}

#inputWord{
	color:#;
	font-weight:bold;
	font-size:115%;
}

.resultBox{
	border-bottom:solid #bec9d1 2px;
	padding-bottom:10px;
	margin-bottom:15px;
}

	.katabanName{
		font-size:140%;
		font-weight:bold;
		margin-bottom:5px;
	}

	.katabanCategory{
		margin-bottom:5px;
	}

	.katabanLink{
		margin-bottom:5px;
	}




/*--------------------------------------
他社製UPS同等品検索ツール
--------------------------------------*/

#similarPullNameDefault{
	display:block;
}

#similarPullNameAPC,#similarPullNameFuji,#similarPullNameMitsubishi,#similarPullNameSanken,#similarPullNameSanyo,#similarPullNameYutaka,#similarPullNameYuasa,#similarPullNameCyberpower,#similarPullNamePanasonic,#similarPullNameHP{
	display:none;
}

#similarSearchButton{
	font-size:123%;
	padding:10px;
}




/*表組用クラス*/
table.similarTable{
	border-collapse:collapse;
}

	table.similarTable th {
		border:solid 1px #bec9d1;
		color:#092668;
		padding:5px;
		border-collapse:collapse;
		background:#f2f4f7;
		font-weight:bold;
	}

	table.similarTable th.another{
		border:solid 1px #bec9d1;
		color:#ffffff;
		padding:5px;
		border-collapse:collapse;
		background:#ab0a0d;
		font-weight:bold;
	}

	table.similarTable th.omron{
		border:solid 1px #bec9d1;
		color:#ffffff;
		padding:5px;
		border-collapse:collapse;
		background:#1157b2;
		font-weight:bold;
	}

	table.similarTable td.white{
		border:solid 1px #bec9d1;
		padding:5px;
		border-collapse:collapse;
		background:#ffffff;
	}

	table.similarTable td.grey{
		border:solid 1px #bec9d1;
		padding:5px;
		border-collapse:collapse;
		background:#f5f5f5;
	}

	table.lineTable .sideHeader {
		border:solid 1px #bec9d1;
		color:#092668;
		padding:5px;
		border-collapse:collapse;
		background:#f2f4f7;
		font-weight:bold;
	}

	table.similarTable .sideHeader02 {
		border:solid 1px #bec9d1;
		color:#092668;
		padding:5px;
		border-collapse:collapse;
		background:#f2f4f7;
	}




/*--------------------------------------
後継機種検索ツール
--------------------------------------*/

#koukeiSearchButton{
	font-size:123%;
	padding:10px;
}




/*表組用クラス*/
table.koukeiTable{
	border-collapse:collapse;
}

	table.koukeiTable th {
		border:solid 1px #bec9d1;
		color:#092668;
		padding:5px;
		border-collapse:collapse;
		background:#f2f4f7;
		font-weight:bold;
	}

	table.koukeiTable th.discon{
		border:solid 1px #bec9d1;
		color:#ffffff;
		padding:5px;
		border-collapse:collapse;
		background:#777777;
		font-weight:bold;
	}

	table.koukeiTable th.omron{
		border:solid 1px #bec9d1;
		color:#ffffff;
		padding:5px;
		border-collapse:collapse;
		background:#1157b2;
		font-weight:bold;
	}

	table.koukeiTable td.white{
		border:solid 1px #bec9d1;
		padding:5px;
		border-collapse:collapse;
		background:#ffffff;
	}

	table.koukeiTable td.grey{
		border:solid 1px #bec9d1;
		padding:5px;
		border-collapse:collapse;
		background:#f5f5f5;
	}

	table.koukeiTable .sideHeader02 {
		border:solid 1px #bec9d1;
		color:#092668;
		padding:5px;
		border-collapse:collapse;
		background:#f2f4f7;
	}


/*--------------------------------------
Google検索窓
--------------------------------------*/

/*----------------------------

リスト内の検索ボックスの配置

----------------------------*/

.search-list {

	background:none !important;

	display:inline-block !important;

	*display:inline !important;

	*zoom:1 !important;

	vertical-align:middle;

	top:0 !important;

}

/*---------------------------

検索ボックス全体の幅

---------------------------*/

./* search-box #___gcse_0 {

	width:150px;

} */

/*---------------------------

検索ボタンのサイズ

info:検索ボタンはpaddingで視覚的なボタンを実現している

---------------------------*/

.search-box .cse .gsc-search-button input.gsc-search-button-v2,

.search-box input.gsc-search-button-v2 {

	padding:2px 7px 1px 7px;

}

/*---------------------------

検索ボックスのサイズ

info:検索ボックスは視覚的なボックスと実際の入力エリアに別れている

---------------------------*/

/* 入力エリアの幅 */

.search-box .gsc-input-box {

	width:110px;

	height:18px;

}

/* 入力エリアのフォントサイズ */

.search-box input.gsc-input {

	font-size:12px;
	margin-top:-2px !important;

}

/* 入力エリアとボタンの距離 */

.search-box .gsc-search-box-tools .gsc-search-box .gsc-input {

	padding:0;

}

/* 入力エリア内のバツボタンの高さ */

.search-box .gsc-input-box .gsib_b .gsst_b .gsst_a,

.search-box .gsc-input-box .gsib_b .gsst_b {

	height:13px;

	padding:0;

}
/*160302*/
.mini{
	font-size: 8pt;
}
/*160415*/
.ups_under{
	margin-bottom: 5px;
}
/*0520*/
.left-one{
	float: left;
}
.right-one{
	float: right;
}
.left-two{
	margin-left: 10px;
	float: left;
}
.left-tax{
	font-size:88%;
			}
.left-name{
	font-weight:bold;
}
.left-three{
	margin-left: 10px;
	float: left;
	padding: 5px;
	border: 1px solid #F00;
	color: #F00;
	}
/*161209*/
.bottom_red{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
	padding-top: 10px;
	padding-bottom: 10px;
}
.top_space{
	padding-top: 10px;
}
/*170203*/
.direct_search{
	background-image: url(/ups/direct/img/direct_search.gif);
	background-repeat: no-repeat;
	height: 141px;
	width: 245px;
	margin-bottom: 5px;
}
.search_u{
	margin-right: 15px;
	margin-left: 15px;
	padding-top: 40px;
	text-align: center;
}
.search_u p{
	font-size: 11.9px;
	line-height:150%;
	text-align: left;
	margin-bottom: 10px;
}
/*170213*/
.lineTable td.bol-2, th.bol-2{
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
}
.lineTable td.bol-1, th.bol-2{
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #CCC;
}
.lineTable td.bol-3{
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.lineTable th.bol-2{
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
}
.lineTable th.bol-1{
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #CCC;
}
/*1708001*/
.top-ul{margin-top:-12px;}
.actpto_left{float:left;}
.actpto_left_1{float:left; margin-left:10px;}
.clear{ clear:both;}
.actpto_left_2{float:left; width:300px;}
.actpto_left_3{float:left; width:500px; margin-left:50px;}

/*180507*/
table.lineTable2{

}

	table.lineTable2 th {
		border:solid 1px #bec9d1;
		color:#092668;
		padding:5px;
		background:#f2f4f7;
		font-weight:bold;
	}

	table.lineTable2 td{
		border:solid 1px #bec9d1;
		padding:5px;
		background:#ffffff;
	}
/*180521*/
.yellow-box { padding: 10px; border: 1px solid #e4e8ee; background-color: #ffffcc; }
.orange-text{ color:#FA8B00;}


/*--------------------------------------
	Trend UPS
--------------------------------------*/

.trend .trendList{
  border-top: 3px solid #d4dae7;
  border-bottom: 3px solid #d4dae7;
  margin: 15px 0;
}

.trend .trendList li:not(:first-child){
  border-top: 1px solid #d4dae7;
}

.trend .trendList li a{
  align-items: center;
  display: flex;
  padding: 20px;
}

.trend .trendList li a .trend__img{
  text-align: center;
  width: 180px;
}

.trend .trendList li a .trend__img img{
  border: 1px solid #ddd;
}

.trend .trendList li a .trend__txt{
  font-size: 16px;
  font-weight: bold;
}


/*--------------------------------------
UPSバッテリ交換サポートキャンペーン
--------------------------------------*/

#battery_campaign_title {
	margin-bottom: 30px;
	text-align: center;
}
#battery_campaign_title img {
	width: 80%;
}
#battery_top{
	background: transparent url("../campaign/img/battery_top.jpg") no-repeat;
	height: 33px;
	margin-top: 20px;
}

#battery_content{
	background-color:#f5f9f0;
	padding:40px;
	border-left: solid 3px #d6e9c5;
	border-right: solid 3px #d6e9c5;
	border-bottom: solid 3px #d6e9c5;
	border-radius: 0 0 5px 5px;
}

#battery_content .battery_app_period {
	background-color: #f78a3e;
	padding: 14px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

#battery_content .battery_title {
	background-color: #d6e9c5;
	margin: 30px 0 10px;
	padding: 8px;
	border-radius: 5px;
	color: #3b7b00;
	/* color: #fff;
	text-shadow: 0px 0px 4px #db6513;
	background: linear-gradient(#e48d50, #db6513); */
}
#battery_content .battery_txt {
	padding: 0 6px;
}

#battery_content .first_title {
	margin-top: 0;
}


/* ［お申込み時に必要なもの］ */
#battery_content .battery_no_warp {
	background-color: #fff;
	margin: 15px 0;
	padding: 15px;
}
#battery_content .battery_no_title {
	color: #3b7b00;
	margin-bottom: 10px;
}
#battery_content ul.battery_no_txt {
	padding: 0 0 0 8px;
}
#battery_content ul.battery_no_txt li {
	margin-left: 20px;
	list-style: disc;
}



#battery_content .pdf {
	display: inline-block;
	margin: 10px 0 0 8px;
}

/* お問合せ */
#battery_contact_wrap {
	width: 600px;
	margin: 40px auto;
	padding: 20px;
	background-color: #eaf6ff;
	border: solid 5px #c9e8ff;

}
#battery_contact_wrap .battery_contact_title {
	color: #002e96;
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 15px;
	text-align: center;
}
#battery_contact_wrap .battery_contact_time {
	background-color: #fff;
	margin-top: 15px;
	padding: 10px;
}
#battery_contact_wrap .battery_contact_time p {
	padding: 0 0 0 10px;
}

/* 予約ボタン */
#battery_app_btn_wrap {
	width: 650px;
	margin: 0 auto;
	border: 1px solid #EF8833;
	padding: 1px;
	border-radius: 11px;
	transition: all .2s ease;
}
#battery_app_btn_wrap .battery_app_btn {
	background: linear-gradient(#F3B23E, #EF8833);
	display: inline-block;
	width: 100%;
	padding: 20px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	border-radius: 10px;
	font-weight: bold;
	/* text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF,
               -1px 1px 0 #FFF, 1px -1px 0 #FFF,
               0px 1px 0 #FFF,  0 -1px 0 #FFF,
               -1px 0 0 #FFF, 1px 0 0 #FFF; */
	box-sizing: border-box;
}

#battery_app_btn_wrap:hover {
	opacity: .8;
}
#battery_app_btn_wrap .battery_app_btn:hover {
	text-decoration: none!important;
}

/*--------------------------------------
オムロンUPSバッテリ講座
--------------------------------------*/

#battery_course_title {
	margin-top: 50px;
	margin-bottom: -10px;
	text-align: center;
}
#battery_course_title img {
	width: 80%;
}
#battery_lifespan .article_text_blue_shade {
	margin-top: 50px;
}
/* テーブル */
#battery_lifespan .battery_table_title {
	margin: 20px 0 10px;
	color: #092668;
}
#battery_lifespan .lineTable th {
	text-align: center;
}
#battery_lifespan .lineTable th, #battery_lifespan .lineTable td {
	padding: 5px 10px;
}

/* ボーダー枠 */

#battery_lifespan .double {
	margin: 30px 0;
}
#battery_lifespan .double h3 {
	display: inline-block;
	margin: 10px 0 20px;
	font-size: 17px;
	color: #092668;
	line-height: 1.5;
}
#battery_lifespan .double strong {
	display: inline-block;
	color: #092668;
	line-height: 1.5;
	font-size: 15px;
}

/* ホットスワップ対応 */
#battery_lifespan .battery_swap {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	background-color: #fff;
	padding: 20px;
}
#battery_lifespan .battery_swap p strong {
	margin-bottom: 20px;
}
#battery_lifespan .battery_swap .img_wrap {
	min-width: 219px;
	max-width: 219px;
	margin-left: 10px;
}
#battery_lifespan .battery_swap .img_wrap img {
	width: 100%;
}

/* 古いバッテリの引き取り */
#battery_lifespan .battery_pickup {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	background-color: #fff;
	padding: 20px;
}
#battery_lifespan .battery_pickup strong {
	margin-bottom: 5px;
}

#battery_lifespan .battery_pickup .img_wrap {
	min-width: 370px;
	max-width: 370px;
	margin-right: 10px;
}
#battery_lifespan .battery_pickup .img_wrap img {
	width: 100%;
}

#battery_lifespan .battery_pickup .negation {
	margin: 0 0 5px;
	color: #aaa;
	text-decoration: line-through;
}
#battery_lifespan .battery_pickup .marker {
	display: block;
	background: linear-gradient(transparent 0%, #ffed1e 0%);
	width: 260px;
	padding: 5px 10px;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	color: #092668;
	border-radius:6px;
}


#battery_lifespan .battery_pickup_flow {
	background: #edf8ff;
	width: 610px;
	margin: 30px auto;
	padding: 20px 50px;
	border: solid 5px #c9e8ff;
	box-sizing: border-box;
}
#battery_lifespan .battery_pickup_flow h4 {
	margin: 5px 0 15px;
	color: #002e96;
	font-size: 140%;
	text-align: center;
}
#battery_lifespan .battery_pickup_flow ul li {
	margin-bottom: 5px;
	font-size: 15px;
}
#battery_lifespan .battery_pickup_flow ul span {
	display: inline-block;
	background: #fff;
	width: 40px;
	height: 40px;
	margin-right: 15px;
	padding: 4px;
	line-height: 1;
	font-size: 12px;
	color: #092668;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
}
#battery_lifespan .battery_pickup_flow ul span em {
	display: block;
	line-height: 1.2;
	font-weight: bold;
	font-size: 17px;
}

#battery_lifespan .battery_btn_wrap {
	width: 500px;
	margin: 20px auto 0;
	border: 1px solid #b0e0ff;
	padding: 1px;
	border-radius: 11px;
	transition: all .2s ease;
	box-sizing: border-box;
}
#battery_lifespan .battery_pickup_btn {
	display: block;
	background: linear-gradient(#b0e0ff, #88d0ff);
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	border-radius: 10px;
	font-weight: bold;
	transition: all .2s ease;
	box-sizing: border-box;
}
#battery_lifespan .battery_btn_wrap:hover {
	opacity: .8;
}
#battery_lifespan .battery_pickup_btn:hover {
	text-decoration: none!important;
}

/* ボタン枠 */
.btn_wrap{
  background-position: left 5px top 5px;
  border: 1px solid #bec9d1;
  padding: 5px 5px 5px 30px;
}

/*--------------------------------------
BVシリーズメニュー
--------------------------------------*/

#bv_right_menu{
	float: left;
	width: 200px;
	margin-left: 30px;
}


#bv_right_menu ul {
	width: 200px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #eeeeee;
	/* border: 1px solid #938b8c; */
	border-radius: 5px;
}


#bv_right_menu li:not(:first-child) a {
	display: block;
	padding: 8px 5px 8px 25px;
	text-decoration: none;
	color: #000000;
	text-indent: -1.5em;
}

#bv_right_menu li {
	border-bottom: 1px solid white;
	text-align: left;
}
#bv_right_menu li:last-child {
	border-bottom: none;
}

#bv_right_menu li:not(:first-child) a:hover:not(.active) {
	color: #151743;
	background-color: #f3ce70;
}
#bv_right_menu li:not(:first-child) a.active {
	color: #151743;
	background-color: #f3ce70;
}

#bv_right_menu .bv_l{
	width: 6px;
	margin-right: 10px;
}

#bv_right_menu .bv_menu_top{
	border-radius: 5px 5px 0 0;
	background-color: #151743;
	padding: 15px 0;
}



#bv_right_menu .bv_menu_top span{
	margin-left: 0;
	display: inline-block;
	border-left: 3px solid #f3c142;
	padding: 5px 0;
	padding-left: 10px;
	color: #ffffff;
}
#bv_right_menu .bv_menu_sub{
	padding: 8px 5px;
	background-color: #646573;
	color: #eeeeee;
}



/*--------------------------------------
テキスト揃え（2020/09/01）
--------------------------------------*/

.alignLeft { text-align: left; }
.alignCenter { text-align: center; }
.alignRight { text-align: right; }