@charset "utf-8";
/*-----------------------------------------------
 __index（トップページ）
-----------------------------------------------*/
/* /index.html
------------------------------------------*/
body#index div#index_flash {/*FLASH配置エリア（今はJAVAへ変更）*/
	background:#fff;
	width:100%;
	/*height:300px;*/
	text-align:center;
	color:#fff;
	margin-bottom:10px;
}


body#index h2 {/*新製品／おすすめ製品・検索ワードランキング・新着情報・プレスリリース タイトル画像*/
	background:none;
	border-bottom:none;
	margin-bottom:0px;
}

body#index ul#recommended_items,
body#index ol#search_words {/*製品／おすすめ製品・検索ワードランキング リスト全体*/
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	padding:10px;
}

body#index ul#recommended_items li,
body#index ol#search_words li {/*製品／おすすめ製品・検索ワードランキング リスト項目*/
	border-bottom:1px dotted #ccc;
	padding-bottom:0.2em;
	margin-bottom:0.2em;
}

body#index ol#search_words li {/*検索ワードランキング リスト項目（上記に追加）*/
	padding-left:35px;
	background-repeat:no-repeat;
	background-position:0px 4px;
}

body#index ol#search_words li.search_words-01 {/*検索ワードランキング リスト項目1位*/
	background-image:url(../images/index/Keyword_01.jpg);
}

body#index ol#search_words li.search_words-02 {/*検索ワードランキング リスト項目2位*/
	background-image:url(../images/index/Keyword_02.jpg);
}

body#index ol#search_words li.search_words-03 {/*検索ワードランキング リスト項目3位*/
	background-image:url(../images/index/Keyword_03.jpg);
}

body#index ol#search_words li.search_words-04 {/*検索ワードランキング リスト項目4位*/
	background-image:url(../images/index/Keyword_04.jpg);
}

body#index ol#search_words li.search_words-05 {/*検索ワードランキング リスト項目5位*/
	background-image:url(../images/index/Keyword_05.jpg);
}

body#index ol#search_words li.search_words-06 {/*検索ワードランキング リスト項目6位*/
	background-image:url(../images/index/Keyword_06.jpg);
}

body#index ol#search_words li.search_words-07 {/*検索ワードランキング リスト項目7位*/
	background-image:url(../images/index/Keyword_07.jpg);
}

body#index ol#search_words li.search_words-08 {/*検索ワードランキング リスト項目8位*/
	background-image:url(../images/index/Keyword_08.jpg);
}

body#index ol#search_words li.search_words-09 {/*検索ワードランキング リスト項目9位*/
	background-image:url(../images/index/Keyword_09.jpg);
}

body#index ol#search_words li.search_words-10 {/*検索ワードランキング リスト項目10位*/
	background-image:url(../images/index/Keyword_10.jpg);
}

body#index div#recommended_items-bottom,
body#index div#search_words-bottom {/*製品／おすすめ製品・検索ワードランキング 下部角丸装飾*/
	background:url(../images/index/left_bottom.jpg) no-repeat;
	width:200px;
	height:12px;
	margin-bottom:10px;
}

body#index ul.index_banner li {/*右バナー リスト項目*/
	margin-bottom:5px;
	text-align:center;
}

body#index dl.index_list_news,body#products dl.index_list_news {/*新着情報 リスト全体*/
	margin-top:10px;
}

body#index dl.index_list_news dd,body#products dl.index_list_news dd,body#ce dl.index_list_news dd {/*新着情報 情報内容テキスト*/
	border-bottom:1px dotted #ccc;
	margin-bottom:0.5em;
	padding:0px 10px 4px 10px;
}

body#index dl.index_list_news dt,body#products dl.index_list_news dt,body#ce dl.index_list_news dt {/*新着情報 日付*/
	padding:0px 10px 0px 55px;
	background-repeat:no-repeat;
	font-size:83%;
	letter-spacing:0.1em;
	margin-left:10px;
	height:15px;
	margin-bottom:2px;
}

body#index dl.index_list_news dt.company,body#products dl.index_list_news dt.company {/*新着情報 アイコン（企業）*/
	background-image:url(../images/ico_company.gif);
}

body#index dl.index_list_news dt.product,body#products dl.index_list_news dt.product {/*新着情報 アイコン（製品）*/
	background-image:url(../images/ico_products.gif);
}

body#index dl.index_list_news dt.web,body#products dl.index_list_news dt.web {/*新着情報 アイコン（WEB）*/
	background-image:url(../images/ico_web.gif);
}

body#index dl.index_list_news dt.event,body#products dl.index_list_news dt.event,body#ce dl.index_list_news dt.event {/*新着情報 アイコン（イベント）*/
	background-image:url(../images/ico_event.gif);
}

body#index dl.index_list_news dt.release,body#products dl.index_list_news dt.release {/*新着情報 アイコン（リリース）*/
	background-image:url(../images/ico_release.gif);
}

/*-----------------------------------------------
 __company（会社案内）
-----------------------------------------------*/
/* /company/index.html
------------------------------------------*/
body#company ul#company-index_list {/*コンテンツ一覧リスト*/
	width:950px;
}

body#company ul#company-index_list li {
	float:left;
	width:215px;/*赤四角の装飾の横幅分を調整（layout.cssのリスト項目をご参照ください）*/
	margin-right:10px;
}

body#company ul#company-index_list li.last {/*右端の項目*/
	margin-right:0px;
}

/* /company/safety.html
------------------------------------------*/
body#company div.safety_bg-leaf { /*双葉画像の背景*/
	background:url(../company/images/safety/paper_re.jpg) no-repeat bottom right;
	padding-bottom:15px;
}


/* /osnews/index.html
------------------------------------------*/
body#company dl.list_news dd {/*本文*/
	padding:0px 10px 0.5em 19em;
	margin:-1.5em 0px 0.5em 0px;
	border-bottom:1px dotted #ccc;
}

body#company dl.list_news dt {/*日付*/
	padding-left:80px;
	background-repeat:no-repeat;
	background-position:10px 0px;
}

body#company dl.list_news dt.company {/*アイコン（企業）*/
	background-image:url(../images/ico_company.gif);
}

body#company dl.list_news dt.product {/*アイコン（製品）*/
	background-image:url(../images/ico_products.gif);
}

body#company dl.list_news dt.web {/*アイコン（WEB）*/
	background-image:url(../images/ico_web.gif);
}

body#company dl.list_news dt.event {/*アイコン（イベント）*/
	background-image:url(../images/ico_event.gif);
}

body#company dl.list_news dt.release {/*アイコン（リリース）*/
	background-image:url(../images/ico_release.gif);
}


/* /activity/index.html
------------------------------------------*/
body#company dl.list_activity dd {/*本文*/
	padding:0px 10px 0.5em 17em;
	margin:-1.5em 0px 0.5em 0px;
	border-bottom:1px dotted #ccc;
}

body#company dl.list_activity dt {/*日付*/
	padding-left:80px;
	background-repeat:no-repeat;
	background-position:10px 0px;
}

body#company dl.list_activity dt.company {/*アイコン（企業）*/
	background-image:url(../images/ico_company.gif);
}

body#company dl.list_activity dt.product {/*アイコン（製品）*/
	background-image:url(../images/ico_products.gif);
}

body#company dl.list_activity dt.web {/*アイコン（WEB）*/
	background-image:url(../images/ico_web.gif);
}

body#company dl.list_activity dt.event {/*アイコン（イベント）*/
	background-image:url(../images/ico_event.gif);
}

body#company dl.list_activity dt.release {/*アイコン（リリース）*/
	background-image:url(../images/ico_release.gif);
}

/*-----------------------------------------------



/*-----------------------------------------------
 __info（お問い合わせフォーム）
	__cad（CADダウンロード登録フォーム）
-----------------------------------------------*/
/* ./cgi-bin/jp/contact/tmpl/do_form.html
   ./cgi-bin/jp/cad/tmpl/do_form.html
------------------------------------------*/
table#contactform {/*表全体*/
	width:850px;
	margin:0px auto;
}

table#contactform td.submitbuttons {/*送信ボタン*/
	text-align:center;
}

table#contactform td.submitbuttons form {
	display:inline;
}

table#contactform th {/*入力項目*/
	text-align:right;
}

table#contactform img {/*「必須」ボタン*/
	margin-left:5px;
}

table#contactform li {/*ラジオボタン*/
	display:inline;
	margin-right:10px;
}

table#contactform input {/*テキストボックス・セレクトボックス・ラジオボタン*/
	margin-right:0.2em;
}

/*-----------------------------------------------
 __新着情報
-----------------------------------------------*/
/* /news/index.html
------------------------------------------*/
body#news dl.list_news dd,body#ce dl.list_news dd {/*本文*/
	padding:0px 10px 0.5em 17em;
	margin:-1.5em 0px 0.5em 0px;
	border-bottom:1px dotted #ccc;
}

body#news dl.list_news dt,body#ce dl.list_news dt {/*日付*/
	padding-left:80px;
	background-repeat:no-repeat;
	background-position:10px 0px;
}

body#news dl.list_news dt.company,body#ce dl.list_news dt.company {/*アイコン（企業）*/
	background-image:url(../images/ico_company.gif);
}

body#news dl.list_news dt.product,body#ce dl.list_news dt.product {/*アイコン（製品）*/
	background-image:url(../images/ico_products.gif);
}

body#news dl.list_news dt.web,body#ce dl.list_news dt.web {/*アイコン（WEB）*/
	background-image:url(../images/ico_web.gif);
}

body#news dl.list_news dt.event,body#ce dl.list_news dt.event {/*アイコン（イベント）*/
	background-image:url(../images/ico_event.gif);
}

body#news dl.list_news dt.release,body#ce dl.list_news dt.release {/*アイコン（リリース）*/
	background-image:url(../images/ico_release.gif);
}

/*-----------------------------------------------
 __ショールーム
-----------------------------------------------*/
/* /showroom/index.html
------------------------------------------*/
body#showroom th {
	white-space:normal;
}

/*-----------------------------------------------
 __製品情報
-----------------------------------------------*/
/* /products/index.html
------------------------------------------*/
ul.products-index_list {/*製品カテゴリ一覧 リスト全体*/
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	float:left;
}

ul.products-index_list li {/*製品カテゴリ一覧 リスト項目*/
	margin-bottom:0px;
	padding-bottom:10px;
}

#contents_smenu-off ul.products-index_list {/*製品カテゴリ一覧（右メニュー無） リスト全体*/
	width:950px;
}

#contents_smenu-on ul.products-index_list {/*製品カテゴリ一覧（右メニュー有） リスト全体*/
	width:730px;
}

/* /products/各製品カテゴリ一覧
------------------------------------------*/
body#products div.products-item_list img.imgL {/*サムネイル画像*/
	padding-left:10px;
}

body#products div.products-item_list h3 {/*製品名*/
	color:#d41447;
	border-bottom:1px solid #ccc;
	margin-right:10px;
	padding-bottom:3px;
	margin-bottom:3px;
}

body#products div.products-item_list h3 span {/*製品名（小文字）*/
	font-size:83%;
	font-weight:normal;
}

body#products div.products-item_list div.w355 {/*製品毎の表示エリア全体*/
	border-bottom:1px dotted #ccc;
	margin-bottom:15px;
	padding-bottom:1em;
}

body#products div.products-item_list div.right {/*製品毎の右側紹介文エリア*/
	width:263px;
}

body#products div.products-item_list p {/*紹介文*/
	font-size:83%;
	margin-bottom:0.5em;
	margin-right:10px;
}

body#products div.products-item_list div.line2 p {/*製品名が2行表示である場合の紹介文
製品名が2行となる場合は<div class="w355 first/end-box line2">と設定し、罫線の位置を調整してください*/
	margin-bottom:1.7em;
}

body#products div.products-item_list ul li {/*製品詳細・仕様図面ボタン*/
	display:inline;
}

/* /products/各製品詳細
------------------------------------------*/
body#products div.product_outline dl dt {/*概要 見出し*/
	margin-bottom:3px;
	padding-bottom:3px;
	border-bottom:1px dotted #ccc;
}

body#products div.product_outline dl dd {
	margin-bottom:10px;
}

body#products div.product_outline ul li {/*概要 アイコンリスト*/
	display:table-cell;
	padding-right:2px;
	*display:inline;
	*zoom:1;
}

body#info div.product_outline ul li {/*（特別info）概要 アイコンリスト*/
	display:table-cell;
	padding-right:2px;
	*display:inline;
	*zoom:1;
}

body#products div.product_outline ul li img {/*概要 アイコンリスト（画像）*/
	vertical-align:middle;
}

body#products div.product_outline ul li span.txt11 {/*概要 アイコンリスト（注釈テキスト）*/
	margin-left:5px;
}

body#products table.tbl_product-size {/*概要 規格サイズ表全体*/
	width:100%;
	padding:3px;
}

body#products table.tbl_product-spec {/*スペック表全体*/
	width:100%;
	padding:3px;
	margin-bottom:10px;
	/*word-break:break-all;*/
	border:none;/*下一行、sugita追加*/
}

body#products table.tbl_product-size th {/*概要 規格サイズ表見出し*/
	padding:3px;
	text-align:center;
	font-size:83%;
}

body#products table.tbl_product-spec th {/*スペック表見出し*/
	white-space:normal;
	padding:3px;
	text-align:center;
	font-size:83%;
}

/*body#products table.tbl_product-spec-S th.th_product-spec_dl {
	width:116px;
}

body#products table.tbl_product-spec-S th.th_product-spec_cloth1 {
	width:40px;
}

body#products table.tbl_product-spec-S th.th_product-spec_cloth2 {
	width:80px;
}

body#products table.tbl_product-spec-S th.th_product-spec_cloth3 {
	width:120px;
}

body#products table.tbl_product-spec-S th.th_product-spec_cloth4 {
	width:160px;
}

body#products table.tbl_product-spec-S th.th_product-spec_cloth5 {
	width:200px;
}

body#products table.tbl_product-spec-S th.th_product-spec_cloth6 {
	width:240px;
}*/

body#products table.tbl_product-size td,
body#products table.tbl_product-spec td {/*概要 規格サイズ表・スペック表 セル項目*/
	text-align:center;
	padding:3px;
	/*white-space:nowrap;*/
	font-size:83%;
}

body#products table.tbl_product-spec td.empty,
body#products table.tbl_product-spec th.empty {/*（sugita追加）仕様図面一覧表 空のセル*/
	border:none;
	background:none;
}



body#products div.product_photo img.imgC {/*製品画像 「画像拡大」ボタン（サムネイルが無い場合）*/
	margin-top:5px;
}

body#products div.product_photo dl dt {/*製品画像 「画像拡大」ボタン（サムネイルが有る場合）*/
	margin-bottom:5px;
}

body#products div.product_photo ul li {/*製品画像 サムネイル一覧*/
	display:table-cell;
	padding-right:3px;
	*display:inline;
	*zoom:1;
}

body#products div.product_photo ul li img {/*製品画像 サムネイル画像*/
	border:1px solid #ccc;
}


/* /dl/仕様・図面一覧
------------------------------------------*/
body#products table.tbl_product-dl {/*仕様図面一覧表 全体*/
	width:100%;
	padding:3px;
	margin-bottom:10px;
	table-layout:fixed;
	border:none;
}

body#products table.tbl_product-dl th {/*仕様図面一覧表 見出し*/
	padding:3px;
	font-size:83%;
	text-align:center;
	white-space:normal;
}

body#products table.tbl_product-dl td {/*仕様図面一覧表 セル項目*/
	padding:3px;
	font-size:83%;
}

body#products table.tbl_product-dl td.btn_dl-1,
body#products table.tbl_product-dl th.btn_dl-1 {/*仕様図面一覧表 PDF・CADへのリンクがいずれか片方の場合*/
	width:58px;
}

body#products table.tbl_product-dl th.btn_dl-2 {/*仕様図面一覧表 PDF・CADへのリンクが両方ある場合*/
	width:117px;
}

body#products table.tbl_product-dl th.btn_dl-3 {/*仕様図面一覧表 PDF・CADへのリンクが両方ある場合*/
	width:175px;
}

body#products table.tbl_product-dl a img {/*仕様図面一覧表 PDF・CADボタン*/
	display:block;
	margin:0 auto;
}

body#products table.tbl_product-dl td.empty,
body#products table.tbl_product-dl th.empty {/*仕様図面一覧表 空のセル*/
	border:none;
	background:none;
}

body.dl h4 {/*仕様図面一覧表 小見出し*/
	margin-bottom:5px;
}


/* 2022年12月20日　詳しくはこちらボタン（オフグリッド電源ポールなど）
------------------------------------------*/
    .linkbox {
        background: linear-gradient(#cdcdcd, #5d5e5d);
        border-radius: 8px;
        padding: 0px 20px;
        color: white;
		font-size: 85%;
    }
    .linkbox:hover {
        background: linear-gradient(#eeeeee, #999999);
        color: black;
        text-decoration: none;
    }

/* 2022年11月11日　総合カタログに合わせた追加
------------------------------------------*/
:root {
	--color-screen: #cf0032;
	--color-projector: #867e94;
	--color-hangar: #083388;
	--color-stand: #86b71b;
    --color-housing: #acb67b;
    --color-led: #d4b072;
	--color-cabinet: #007c36;
    --color-button: #cd5e00;
    --color-solution: #849423;
	--color-board: #677400;
	--color-ce: #0096be;
}

.product_icon li {
	width: 40px;
	height: 40px;
	padding: 1px;
	color: white;
	border-radius: 8px 10px 10px 8px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border-right: 4px solid;
}

.chotai {
	transform: scale(0.5, 1);
	margin: 0 -20px;
}

.product_size {
	display: flex;
	align-items: flex-end;
	margin-bottom: 10px;
}

.product_size li {
	padding: 0 8px !important;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
}

.product_size li:first-child {
	padding-left: 0 !important;
}

.product_size li span {
	font-size: 10px;
	font-weight: normal;
}

.spec-box {
	margin-bottom: 0;
}

.spec-box li {
	display: table-cell;
	color: white;
	border-radius: 18px 8px 8px 8px;
	padding: 0px 6px;
	font-size: 13px;
	font-weight: bold;
	min-width: 90px;
	height: 32px;
	text-align: center;
	vertical-align: middle;
	line-height: 14px;
	border: 2px solid;
}

.spec-box li span {
	font-size: 10px;
	font-weight: normal;
}

.bc_screen li {
	background-color: var(--color-screen);
}

.fc_screen li {
	border-left: 1px solid #333;
}

.fc_screen li:first-child {
	border-left: none;
}

.bc_projector li {
	background-color: var(--color-projector);
}

.fc_projector li {
	border-left: 1px solid #333;
}

.fc_projector li:first-child {
	border-left: none;
}

.bc_hangar li {
	background-color: var(--color-hangar);
}

.fc_hangar li {
	border-left: 1px solid #333;
}

.fc_hangar li:first-child {
	border-left: none;
}

.bc_stand li {
	background-color: var(--color-stand);
}

.fc_stand li {
	border-left: 1px solid #333;
}

.fc_stand li:first-child {
	border-left: none;
}

.bc_housing li {
    background-color: var(--color-housing);
}

.fc_housing li {
    border-left: 1px solid #333;
}

.fc_housing li:first-child {
    border-left: none;
}

.bc_led li {
    background-color: var(--color-led);
}

.fc_led li {
    border-left: 1px solid #333;
}

.fc_led li:first-child {
    border-left: none;
}

.bc_cabinet li {
	background-color: var(--color-cabinet);
}

.fc_cabinet li {
	border-left: 1px solid #333;
}

.fc_cabinet li:first-child {
	border-left: none;
}

.bc_button li {
	background-color: var(--color-button);
}

.fc_button li {
	border-left: 1px solid #333;
}

.fc_button li:first-child {
	border-left: none;
}

.bc_solution li {
    background-color: var(--color-solution);
}

.fc_solution li {
    border-left: 1px solid #333;
}

.fc_solution li:first-child {
    border-left: none;
}

.bc_board li {
	background-color: var(--color-board);
}

.fc_board li {
	border-left: 1px solid #333;
}

.fc_board li:first-child {
	border-left: none;
}

.bc_ce li {
	background-color: var(--color-ce);
}

.fc_ce li {
	border-left: 1px solid #333;
}

.fc_ce li:first-child {
	border-left: none;
}

.product_icon_none{
	width: auto;
	color: black;
}

.warranty {
	background-color: #5c8898 !important;
}

.semiorder {
	background-color: #718e7b !important;
}

.buildorder {
	background-color: #b27d72 !important;
}

.assembly {
	background-color: #bb9c62 !important;
}

.optionalproduct {
	background-color: #916b8f !important;
}

/* /notes/技術情報
------------------------------------------*/
body#products dl.type_cloth {/*スクリーン生地について アイコンリスト全体*/
	clear:both;
}

body#products dl.type_cloth dt {/*スクリーン生地について アイコンリスト（生地名）*/
	font-weight:bold;
	margin-bottom:5px;
}

body#products dl.type_cloth dt img {/*スクリーン生地について アイコンリスト（アイコン画像）*/
	padding-right:5px;
}


/*-----------------------------------------------
 __サイトマップ
-----------------------------------------------*/
/* /sitemap.html
------------------------------------------*/
ul.list_sitemap_borderB {/*リスト全体（親）*/
	float:left;
	border-bottom:1px solid #ccc;
	width:950px;
	padding-bottom:10px;
	margin-bottom:5px;
}

ul.list_sitemap_borderB ul {/*リスト全体（子）*/
	float:none;
}

ul.list_sitemap li,
ul.list_sitemap_borderB li {/*リスト項目（親）*/
	background:url(../images/ico_ul.jpg) 0px 0.5em no-repeat;
	padding-left:12px;
	line-height:1.6;
	float:left;
	width:170px;
	margin-right:10px;
	font-weight:bold;
}

ul.list_sitemap li ul li,
ul.list_sitemap_borderB li ul li {/*リスト項目（子）*/
	background:none;
	padding-left:0px;
	line-height:1.4;
	float:none;
	margin-right:0px;
	width:auto;
	font-weight:normal;
}

.main-container {
	width:80%;
	box-sizing:border-box;
	margin:0 auto;
	text-align: center;
}
.main-container p{
	text-align: left;
}

.vertical-img {
	width:50%;
	padding-bottom:10px;
}

.items {
	
	width:100%;
	padding:10px 0;
	
}

.row2-item {
	float:left;
	width:40%;
	margin:0 4%;
	border:solid 1px #c0c0c0;
}