@charset "utf-8";

/*============================================
全般的なスタイル
============================================*/
* {
	margin:0; padding:0; 		/*全要素のマージン・パディングをリセット*/
}

body {
	background-color:#dddddd;		/*ページ全体の背景色*/
	   								/*★★　削除：　ウェブページ全体の背景画像*/
	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/common_pic/logo_banner/bg_pagebody.png");	/*コンテンツ全体の背景画像*/
	background-repeat:repeat-y;			/*背景画像を縦方向に繰り返す*/
}

img {border:0;} 				/*画像のボーダーを0にする*/
p {
	width:98%;		/* 幅の指定 親要素の98% */
	margin:10px;		/*マージン*/
	text-indent:0em;		/*インデント幅*/
}

a {
	text-decoration: none; /*リンクの下線をなくす*/
	color:#333333;		/*文字色を濃い目のグレーにする*/
}

h4 {color:#000066;}

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

/*============================================
ヘッダ
============================================*/
div#header {
	height:80px;				/*ヘッダ部分の高さ*/
}
div#header p {
	padding:10px 0px 5px 20px;		/*見出しの位置調整*/
	margin:0px;
	font-size:18px;				/*フォントのサイズ*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
}
div#header p a {text-decoration:none;} 	/*リンクの下線を無くす*/

/*============================================
メインメニュー
============================================*/
ul#menu {
	width:960px; height:50px; 	/*メインメニュー部分の幅と高さ*/
	margin:0px 20px; 		/*上下マージン0px、左右マージン20px*/
}

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

#menu li a {
	background-color:navy;	/*背景色*/
	color:#ffffff;		/*文字色*/
	display:inline-block;			/*リンク部分をブロック表示にする*/
	width:238px; height:35px;	/*幅と高さ*/
	padding:13px 0px 0px 0px;	/*上パディング*/
	text-align:center;		/*テキストをセンター揃えにする*/
	vertical-align: middle; 
	text-decoration:none;		/*リンク部分を下線無しにする*/
	/*background-image:url(../images/bg_menu1.png);	/*背景画像を指定*/
	/*background-repeat:no-repeat; 			/*背景画像を繰り返さない*/
	border:dotted 1px silver;
}
#menu li a:hover {
	background-color:#000060; 	/*リンクにマウスが乗ったら背景色を変更する*/
	background-image:url(../images/bg_menu2.png); 	/*マウスが乗ったら背景画像を変更する*/
	border:solid 1px gray;
}


/*　★★★参考　　★追加　サイドのアイコン　*/
div#submenu p.sidemenu_icon{
    margin:5px 10px 5px 0px;
}
div#submenu a.sidemenu_icon {
	display:inline-block;
	vertical-align: middle; 
    text-align: center;
	background-color: #fffff0;
	width: 240px; 
    height:28px;
	border:dotted 1px gray;
	border-radius: 8px;
	padding:8px 8px 2px 8px;
    border-bottom: 2px solid gray
}
div#submenu a.sidemenu_icon:hover {
	border:solid 1px gray;
	border-bottom: 2px solid gray;
	background-color: #F5F5DC;
/*    font-weight: 600;*/
}

/*==============
★★　メインメニュー下のバナー
==============*/

#area-billboard p {
	display:block;
	width:960px; height:50px;	/*トップページのバナーの表示サイズを指定*/
	margin:5px 20px;		/*マージン*/
	padding:15px,0px,0px,10px;
	background-color: #1813F8;
	border-radius: 3px;
	border-bottom: 15px, #000000; 
	color: #ffffff;
	clear:both;	
}

/*==============
★★　商品情報 (old 削除)
==============*/

/*============================================
ヘッダ画像とヘッドライン
============================================*/
#img_index {
	width:960px; height:155x;	/*トップページのヘッダ画像の表示サイズを指定*/
	margin:5px 20px;		/*マージン*/
}
#img_subpage {
	width:960px; height:240px;	/*トップページ以外のヘッダ画像の表示サイズを指定*/
	margin:5px 20px;		/*マージン*/
}


div#page_headline {
	padding:10px 0px 0px 20px;		/*パディング*/
}

div#page_headline h1 {
	font-size:1.2rem;
}
div#page_headline h2 {
	font-size:1.0rem;
}

div#page_headline p {
	width:auto;
}

/* ★2025.7　追加変更★　作業履歴確認のため付記　*/
/*============================================
サブメニュー（右カラム）
============================================*/
div#submenu {
	width:260px;		/*幅の指定*/
	margin:10px 25px 10px 10px;	/*位置調整*/
	float:right;			/*サブメニューのカラムを左寄せにする→右寄せ*/
}
/* ★2025.7　追加変更★　中央寄せconf OK*/
div#submenu h2 {
	width:260px; height:30px;		/*幅と高さ*/
	padding:12px 0px 0px 0px;		/*パディング*/
	text-align: center;		/*中央寄せ*/
	font-size:16px;			/*フォントサイズ*/
	background-color:#003399;		/*背景色 #003399*/
	color:#ffffff;			/*文字色*/
	margin: 10px 0px 0px 0px; 
	border-radius: 5px;			/*角丸にする*/
}

div#submenu p {
	width:240px;
	margin:5px 10px 5px 10px;
}

/*　★ サイドメニュー カテゴリリスト★　*/
div#submenu ul.cat_dai li {
	display:block;
	list-style-type:none;			/*リストマーカー無しにする*/
	border: 1px dotted gray;	/*リンク領域にボーダーを付ける 大catと小catの両方囲う*/
}
/* ★2025.7　追加変更★　border, bg image, */
div#submenu ul.cat_dai li a {
	display: block;			/*リンク部分をブロック表示にする*/
	height: 28px;			/*高さ*/
	padding: 8px 0px 0px 30px;	/*パディング*/
	text-decoration: none;		/*リンクの下線を無くす*/
	background-color: #F5F5F5; /*背景画像でなく、背景色設定。薄いグレー*/
	color: #333333;			/*文字色*/
}
/* ★2025.7　追加変更★　border, bg image, */
div#submenu ul.cat_sho li{
	list-style-type:none;			/*リストマーカー無しにする*/
	border: none;	/*リンク領域にボーダーを付けない*/
}
/* ★2025.7　追加変更★　border, bg image, */
div#submenu ul.cat_sho li a{
	display: block;			/*リンク部分をブロック表示にする*/
	height: 24px;			/*高さを45pxにする*/
	padding: 3px 0px 1px 35px;	/*パディング*/
	text-decoration: none;		/*リンクの下線を無くす*/
	border:none;	/*リンク領域にボーダーを付けない*/
	background-color: #F5F5F5; /*背景画像でなく、背景色設定。薄いグレー*/
	color: #333333;			/*文字色*/
}
/* ★2025.7　追加変更★　bg color, */
/*div#submenu ul li:first-child a {
	border-top:1px dotted gray;		/*一番上のリンクに上線を表示*/
/*}*/

/* ★2025.7　追加変更★　bg color, */
div#submenu ul li a:hover	{
	background-color: #EEEEEE;  /*マウス乗ったら、背景色変わる*/
	border-bottom:1px solid gray; /*ボトム線がSolidに変わる*/
/*	font-weight: 600; /*太字*/
}

/*　★追加　サイドのアイコン　*/
div#submenu p.sidemenu_icon{
    margin:5px 10px 5px 0px;
}
div#submenu a.sidemenu_icon {
	display:inline-block;
	vertical-align: middle; 
    text-align: center;
	background-color: #fffff0;
	width: 240px; 
    height:28px;
	border:dotted 1px gray;
	border-radius: 8px;
	padding:8px 8px 2px 8px;
    border-bottom: 2px solid gray
}
div#submenu a.sidemenu_icon:hover {
	border:solid 1px gray;
	border-bottom: 2px solid gray;
	background-color: #F5F5DC;
/*    font-weight: 600;*/
}

/*div#submenu ul li a:before {
	content: url("../images/1x/Doticon_wht_Right.png");	/*アイコン画像を挿入*/
/*	margin:0px 10px 0px 0px;		/*マージン*/
/*	vertical-align:text-top;			/*縦方向の表示位置*/
/*}

/*　右カラム　関連レポート欄 old delete　*/

/*============================================
インフォメーション（メインカラム）
============================================*/
div#info {
	width:660px;		/*幅の指定*/
	float:left;			/*カラムを左寄せにする*/
	padding:10px 0px 0px 20px;		/*パディング*/
}
div#info h1 {
	font-size:1.3rem;  /*ヘッドライン(会社概要)--それ以外記事などは#page_headlineが適用-- */
}
div#info h2 {
	font-size: 1rem;   /*ヘッドライン英語(会社概要)--それ以外記事などは#page_headlineが適用--*/
}
/* ★2025.7　追加変更★　padding調整　細くした */
div#info h3 {
	font-size: 0.9rem;			/*文字サイズ*/
	width: 640px;			/*横幅*/
	padding: 6px 0px 6px 15px;		/*パディング*/
	background-color: #003399;		/*背景色 #003399*/
	color: #ffffff;			/*文字色　#ffffff*/
	border-radius: 5px;			/*角丸にする*/
	margin: 10px 0px; 
}

div#info h4 {
	font-size:0.9rem;
}

div#info a {text-decoration: none;  /*--リンク、下線なし--*/
	        color: #003399;  /*--文字色　h3同色--*/
}
div#info a:hover {text-decoration: underline; /*--リンク、マウス乗せたら、下線--*/
				 color:#9B0002;   /*--マウス乗せたら　文字赤色--*/
}

div#info figure {display: table;   /*--table要素--*/
	 	margin: 0px 5px 5px 10px; /*--画像・図表のデフォルト--*/
	}

div#info figcaption {
	display: table-caption; /*--table caption要素はTable要素を超えない--*/
	caption-side: bottom;  /*--captionの位置はtableの下--*/
	font-size: small;   /*--フォントスモール、htmlタグではなくcssで指定--*/
}

.infoimg_index {
	width:200px; height:150px;	/*画像の表示サイズを指定*/
	margin:0px 0px 20px 20px;	/*マージン*/
	float:right;			/*画像を右寄せにする*/
}
.infoimg_subpage {
	width:400px; height:300px;		/*画像の表示サイズを指定*/
	margin:0px 20px 20px 0px;		/*マージン*/
	float:left;				/*画像を左寄せにする*/
}
.infoimg_tel {
	display:block;		/*ブロック表示にする*/
	width:400px; height:80px;	/*画像の表示サイズを指定*/
}


.infoimg_report_thumbnail {
/*	width: ; height: ;	/*画像の表示サイズを指定*/
	margin:0px 0px 20px 20px;	/*マージン*/
	float:right;			/*画像を右寄せにする*/
}

.float_clear {				/*フロート配置をクリアする*/
	clear:both;
}

.hr { 
 padding:0px 0px 5px 0px; border-top:1px dotted #000000; clear:both;   /*レポート一覧の区切り線だが転用可*/
}

hr {
	clear:both;			/*フロート配置をクリアする*/
}
/*============================================
備考情報
============================================*/
div.remarks {
	margin:0px 10px 10px 10px;
}

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