@charset "utf-8";

/*============================================
ページの全体に適用するスタイル
============================================*/
/* ブラウザの初期スタイルのうち、余白の設定をリセットします。 
余白には、外側余白（margin）と内側余白（padding）がありますが、
これらの値を0にすることで余白を消すことができます。
アスタリスク（ * ）は、全称セレクタ */

* {	
	margin : 0;  		/*全要素のマージンをリセット*/
	padding : 0; 		/*全要素のパディングをリセット*/
}

body {
	background-color : #dddddd ;	/*ページ全体の背景色*/
	background-image : url(images/bg_body.jpg);	/*ウェブページ全体の背景画像*/
	/* background-repeatの指定が無ければ、上下左右に繰り返す */
	font-size : 95% ;				/* フォントサイズを95%にする */
	font-family : sans-serif , "ＭＳ ゴシック" ;	/* フォントの種類を明朝系にする */
	line-height : 1.5 ;				/* 行の高さを1.5倍にする */
	color : #333333 ;				/* 文字色を濃い目のグレーにする */
}

div#pagebody {
	width : 1000px;					/*横幅*/
	margin : 0 auto;				/*内容全体をセンタリング*/
	background-color : #ffffff;		/*内容全体の背景色*/
	background-image : url(images/bg_pagebody.jpg);	/*コンテンツ全体の背景画像*/
	background-repeat : repeat-y;	/*背景画像を縦(y)方向に繰り返す*/
}

img {
	border : 0;				/*画像のボーダー（周りの線）を0にする*/
} 

p {
/*	width : 660px;		/*幅の指定*/
	margin : 10px;		/*上下左右に10pxのマージン（ここに背景色は付かない）*/
	text-indent : 1em;	/*最初の1文字を字下げするインデント幅*/
	background-color : #ffffff;		/*内容全体の背景色*/
}

p#kikaku {
	margin : 0px 0px 0px 20px;		/*マージン（ここに背景色は付かない）*/
	text-indent : 0;	/*最初の1文字を字下げするインデント幅*/
}

/*============================================
ヘッダ（ロゴ画像は420×60pxの大きさです）
============================================*/
div#header {
/*	background-color : #bbffbb ;		/*背景色*/
	width : 100%;			/*横幅*/
	height : 100px;			/*ヘッダ部分の高さ*/
	align : center;
}

div#header h1 {
	position : relative;			/* before/afterを絶対配置にする */	
	height : 100px;					/*ヘッダ部分の高さ*/
	padding : 5px 0px 0px 180px;	/*見出しの位置調整*/
	font-size : 26px;				/*フォントのサイズ 26px */
	font-family : Arial, Helvetica, sans-serif;	/*フォントの種類*/
}

div#header h1:before {		/* 疑似要素として、指とイモネジの画像をｈ１の前に表示する */	
	content : url("../img/del-screw_top_title.jpg");	/* ../は、styleから上に一つ行き、imgを参照する */
/*	content : '▼';					/* ▼の文字をを挿入 */
	position : absolute;
	top : 0;					/* 元の要素の左上の角に寄せる */
	left : 0;					/* 元の要素の左上の角に寄せる */
}

div #header #discrip {	/* 元の所に戻る */
/*	background-color : #00ff00;*/	/*背景色*/
	width : 57%;				/*横幅*/
	height : 40px;				/*ヘッダ部分の高さ*/
	margin : 0px 0px 0px 0px;	/*上下マージン0、左マージンを10px */
	padding : 0px 0px 0px 0px ;	/*上パディング 5px*/
	font-size : 15px;			/*フォントのサイズ*/
	text-align: left;			/*テキストを左揃えにする*/
	float : left ;				/*項目を横に並べる*/
}

div #header #company {	/* 会社の文章 */
/*	background-color : #00aaff;*/	/*背景色*/
	background-color : #ffffff;*/	/*背景色*/
	width : 43%;				/*横幅*/
	height : 60px;				/*高さ*/
	margin : 0px 15px 0px 0px; 	/*上下マージン0、右マージンを15px */
	text-align : right;			/*テキストを右揃えにする*/
	float : right;				/*項目を右に置く*/
}

div#header #company .c-name {	/* 会社名 */
	font-family : courier new,courier;	/* フォントの種類を明朝系にする */
	font-weight : bold;                /* 太字 */
  	font-size : 23px;				/*フォントのサイズ*/
}

div#header #company .c-adress {	/* 住所 */
	font-family : courier new,courier;	/* フォントの種類を明朝系にする */
	font-size : 18px;				/*フォントのサイズ*/
}

/*============================================
メインメニュー（横一列のメニュー）
============================================*/
ul#main_menu {
/*	clear : both;		/*フロート配置をクリアする*/
/*	background-color : #bbffbb;	/*背景色*/
	width : 970px;		/*メインメニュー部分の幅*/
	height : 50px ; 	/*メインメニュー部分の高さ*/
	margin : 0 auto; 	/*上下マージン0、左右マージンを中心に*/
}

#main_menu li {
/*	background-color : #bbffbb;	/*背景色*/
	list-style-type : none ;	/*リストマーカー無しにする*/
/*	display : inline ;			/*リスト項目をインライン表示にする*/
/*	display : block ;			/*リスト項目をブロック表示にする*/
	float : left ;				/*リスト項目を横に並べる*/
}

#main_menu li a {
/*	background-image : url(images/bg_menu1.png) ;	/*背景画像を指定*/
/*	background-repeat : no-repeat ; 				/*背景画像を1回だけ表示*/
	background-color : #333388 ;					/*背景色*/
	border-radius : 5px;			/*角丸にする*/
	color : #ffffff ;				/*文字色は白色*/
	font-size : 100%;				/*フォントのサイズ*/
	display : block ;				/*リンク部分をブロック表示にする*/
	width : 100px ;					/* 幅 100×9＝900 */ 
	height : 50px ;					/*高さ*/
	margin : 0px 5px 0px 0px ; 		/*上下マージン 0px、右マージン 5px、左マージン 0px*/
	padding : 5px 0px 0px 0px ;		/*上パディング 5px*/
	text-align : center ;			/*テキストをセンター揃えにする*/
	text-decoration : none ;		/*リンク部分を下線無しにする*/
}

#main_menu li a:hover {
	background-color : #3333ff ; 	/*リンクにマウスが乗ったら背景色を変更する*/
/*	background-image : url(images/bg_menu2.png) ; 	/*リンクにマウスが乗ったら背景画像を変更する*/
	color : #00ff00 ;				/*文字色は緑色*/
	font-weight : bold;				/* 太字 */
}

/*============================================
　説明文
============================================*/
p#sethumei {
	float : right;					/*右寄せにする*/	
	margin : 0px 10px 0px 10px ; 	/*上下マージン0、左右マージン10px*/
/*	padding : 0px 10px 0px 10px ;	/*パディング*/
}

img#img_sethumei {
	float : left;　					/*左寄せにする*/	
	margin : 0px 5px 0px 0px ; 		/*上下マージン0、右マージン5px*/
	padding : 0px 10px 0px 10px ;	/*パディング*/
}

/*============================================
サブメニュー（左カラムで、縦のメニュー）
============================================*/
div#submenu {
	width : 25%;				/*幅の指定*/
	margin : 0px 10px 0px 5px ;		/*マージン*/
	float : left;		/*カラムを左寄せにする*/
/*	padding : 0px 20px 0px 0px;	/*パディング*/
/*	background-color : #00ff00 ; 	/* 表示位置の確認の為 */
}

div#submenu h2 {
	font-size : 18px;			/*文字サイズ 18px */
	width : 240px;				/*横幅 240px */
	height : 60px;				/*高さ 60px */
	margin : 0px 0px 0px 10px; 	/*左マージンを- 0px 0px 0px 10px */
	padding : 3px 0px 3px 7px;	/*パディング  3px 0px 3px 7px */
	background-color : #0033aa;	/*背景色*/
	color : #ffffff;				/*文字色 #ffffff */
	border-radius : 3px;			/*角丸にする*/
}

div#submenu ul {
/*	background-color : #00ff00 ;	/*背景色*/
	margin : 0px 0px 0px 0px; 	/*左マージンを-*/
	float : left ;				/*リスト項目を横に並べる*/
}

div#submenu ul li {
/*	background-color : #00ff00 ;					/*背景色*/
	list-style-type : none ;	/*リストマーカー無しにする*/
}

div#submenu ul li a {
	background-color : #dddddd ;	/*背景色*/
	border-radius : 5px;			/*角丸にする*/
	font-size : 15px ;				/* フォントサイズ */
/*	color : #000000 ;				/*文字色は*/
	display : block ;				/*リンク部分をブロック表示にする*/
	width : 240px ;					/*幅 */ 
/*	height : 30px ;	*/				/*高さ*/
	height : 50px ;					/*高さ 2025.07.19 Koji.S */
	margin : 5px 0px 5px -20px; 	/*上下マージン*/
	padding : 8px 0px 0px 7px ;	/*パディング*/
	text-decoration : none ;		/*リンク部分を下線無しにする*/
}

div#submenu ul li a:hover {
	background-color : #cccccc ; 	/*リンクにマウスが乗ったら背景色を変更する*/
	color : #ff0000 ;				/*文字色*/
/*	font-weight : bold;				/* 太字 */
}

/*============================================
サブメニューの小（横一列のサブメニュー）
============================================*/
ul#submenu_s {
	width : 200px;				/*幅の指定*/
	height : 50px ;					/*高さ 2025.08.08 Koji.S */
	margin : 0px 3px 3px 3px; 	/*マージンを-*/
/*	float : left;		/*カラムを左寄せにする*/
/*	padding : 0px 20px 0px 0px;	/*パディング*/
/*	background-color : #00ff00 ; 	/* 表示位置の確認の為 */
}

#sub_menu_s {
/*	background-color : #0000ff ;	/*背景色*/
	margin : 0px 3px 3px 3px; 	/*マージンを-*/
	float : left ;				/*リスト項目を横に並べる*/
}

#sub_menu_s li {
/*	background-color : #00ff00 ;					/*背景色*/
	list-style-type : none ;	/*リストマーカー無しにする*/
	display : inline ;			/*リスト項目をインライン表示にする*/
	float : left ;				/*リスト項目を横に並べる*/
}

#sub_menu_s li a {
	background-color : #dddddd ;	/*背景色*/
	border-radius : 5px;			/*角丸にする*/
	font-size : 16px ;				/* フォントサイズ */
/*	color : #000000 ;				/*文字色は白色*/
	display : block ;				/*リンク部分をブロック表示にする*/
	width : 180px ;					/*幅 2025.08.08 170px→180pxに変更　孝次*/ 
	height : 55px ;					/*高さ 2025.08.08 30px→55pxに変更　孝次*/
	margin : 5px 5px 5px 5px; 		/*上下マージン*/
	padding : 10px 0px 0px 5px ;	/*上パディング*/
	text-align : center ;			/*テキストをセンター揃えにする*/
	text-decoration : none ;		/*リンク部分を下線無しにする*/
}

#sub_menu_s li a:hover {
	background-color : #cccccc ; 	/*リンクにマウスが乗ったら背景色を変更する*/
	color : #FF0000 ;				/*文字色*/
/*	font-weight : bold;				/* 太字 */
}

/*============================================
インフォメーション（右カラムで、主たる記事）
============================================*/
div.info {
	width : 70%;		/*幅の指定*/
	float : left;		/*カラムを左寄せにする*/
	padding : 0px 20px 0px 0px;	/*パディング*/
	margin : 0px 0px 10px 10px;	/*マージン*/
/*	background-color : #999999 ; 	/* 表示位置の確認の為 */
}

h2.hyodai {			/* 全項目を無効とした。 2021.03.02 Koji */
	font-size : 25px;				/*文字サイズ*/
/*	margin : 10px ; 	/*  */
	text-align : center ;			/*テキストをセンター揃えにする*/
}

h3 {
	font-size : 22px;				/*文字サイズ 20px → 22px 2025.09.09 */
	width : 95%;					/*横幅 800px → 700px 2025.09.09 */
	height : 35px ;					/*高さ 35px */
	padding : 3px 0px 3px 20px;		/*パディング　3px 0px 3px 20px */
	background-color : #0033aa;		/*背景色 #0033aa */
	color : #ffffff;				/*文字色 #ffffff */
	border-radius : 3px;			/*角丸にする 3px */
	clear : both;					/*フロート配置をクリアする both */
}

h4 {
/*	background-color : #00ff00 ; 	/*リンクにマウスが乗ったら背景色を変更する*/
	font-size : 16px;				/*文字サイズ*/
	margin : 0px 0px 0px 10px; 		/*左マージンを-*/
}

h6 {
	clear : both;				/*フロート配置をクリアする*/
	color : #000066;
}

.infoimg_index {		/* 記事内の画像（3個）配置 */
	width : 80px; 				/*画像の表示サイズを指定*/
	margin : 5px 0px 10px 5px;	/*マージン*/
	float : right;				/*画像を右寄せrightにする*/
	border-radius : 5px;			/*角丸にする*/
}

.infoimg_subpage {		/* 会社概要のアクセスの、地図(400x300)に適用される*/
	width : 300px; 				/*画像の表示サイズを指定*/
/*	height : 300px;				/*画像の表示サイズを指定*/
	margin : 0px 20px 20px 0px;	/*マージン*/
	float : left;				/*画像を左寄せにする*/
}

hr {
/*	clear : both;				/*フロート配置をクリアする*/
/*	width : 680px;				/*幅の指定*/
	margin : 10px 0px;			/*マージン*/
	border : 1px dotted #888888;	/*内容の区切りをグレーの点線表示にする*/
}

hr.red {
	border-top: 2px solid ;	
	background-color: #ff0000;
	border : 2px dotted #ff0000;	/*  */
}

/*============================================
PAGE TOPボタン追加
============================================*/
#page_top{
	width : 50px;
	height : 50px;
	position : fixed;
	right : 0;
	bottom : 50px;
	background : #003a75; /*ボタンの色*/
	opacity : 0.6;
	border-radius : 50%; /*角の丸み*/
}

#page_top a{
	position : relative;
	display : block;
	width : 50px;
	height : 50px;
	text-decoration : none;
}

#page_top a::before{
	font-family : "Font Awesome 5 Free";
	content : "↑"; 		/*アイコン*/
	font-weight : 900;
	font-size : 25px;
	color : #ffffff; 		/*アイコンの色*/
	position : absolute;
	width : 25px;
	height : 25px;
	top : 0;
	bottom : 0;
	right : 0;
	left : 0;
	margin : auto;
	text-align : center;
}

/*============================================
備考情報・動画
============================================*/
iframe.doga {
	width : 530px;
	height : 400px;
	margin : 10px;
}

div.remarks {
	margin : 0px 10px 10px 10px;
}
h4 {
	color : #000066;
}

/*============================================
フッタ
============================================*/
div#footer {
	clear : both;				/*回り込みを解除する*/
	height : 40px;				/*高さの指定*/
	padding : 10px 0px 0px 0px;	/*パディング*/
	font-size : 13px;			/*フォントサイズ*/
	text-align : center;		/*センタリング*/
}