@charset "utf-8";

/*============================================
全体
============================================*/
body {
	width:100vw;			/*Viewport幅の100%*/
	background-color:#ffffff;	/**/
	background-image:none;		/**/
	font-size:100%;			/* */
}
div#pagebody {
	width:100%; margin:0 auto;	/**/
	background-image:none;		/**/
	background-repeat:no-repeat;	/**/
}

p {
	width:95%;			/**/
	margin:10px;			/**/
	font-size: 0.95rem;
	text-indent:0em;		/**/
}

/*============================================
ヘッダ
============================================*/
div#header {
	height: auto;			/**/
	min-height: 60px;
}
div#header p {
	display:inline-block;
	padding: 5px;			/**/
	margin: 5px;            /**/
}
div#header img {
	width:270px; height:auto;	/**/
}

/*============================================
メインメニュー
============================================*/
ul#menu {
	width:98vw; 			/**/
	margin:5px 3px; 			/**/
}

#menu li a {
	background-color: navy;	/**/
	color:white;			/*文字色ブルー*/
	width: 23vw; height:35px;	/**/
	padding:15px 0px 0px 5px;	/*位置*/
/*	background-image:url(../images/icon_menu.png);	/**/
/*	background-repeat:no-repeat; 	/**/
	font-size:100%;			/**/
}
#menu li a:hover {
	background-color:#ffffff; 	/**/
/*	background-image:url(../images/icon_menu.png); /**/
}

/*==============
エリアビルボード
==============*/

div#area-billboard p {
	width:100%; height:45px;	/**/
	margin:0px;		/**/
	padding:15px,0px,0px,10px;
	background-color: #1813F8;
	border-radius: 0px;
	color: #ffffff;
	clear:both;
}

/*==============
商品情報(old) delete
==============*/


/*============================================
ヘッダ画像とヘッドライン
============================================*/
#img_index {
	display:none;			/*非表示*/
}
#img_subpage {
	display:none;			/**/
}

div#page_headline {
	margin-top: 5px;
	padding:5px 0px 0px 5px;		/*パディング*/
}

div#page_headline h1 {
	font-size:1.15rem;
}

div#page_headline h2 {
	font-size:0.95rem;
}

div#page_headline p {
	width:auto;
}


/*============================================
サイドメニュー　下部表示
============================================*/
div#submenu {
	width:100%;			/**/
	margin:0px;			/**/
	float:none;			/**/
	display:block;       /* 表示 */
}
div#submenu p {
	width:90vw; /* viewport幅の90% */
	margin:5px 10px 5px 10px;
}

div#submenu h2 {
	width:70vw; height:auto;  /*viewport幅の70%で表示*/
	margin-left: 10px;  /*左マージン　10px*/
	padding:8px 0px 8px 0px;	/**/
	font-size:0.95rem;			/**/
	background-image:none;		/**/
	background-repeat:no-repeat;	/**/
	background-color:#003399;	/**/
	color:#ffffff;			/**/
	clear:both;			/**/
}

/*　★ サイドメニュー カテゴリリスト★　*/
div#submenu ul.cat_dai {
	display:block;
	width:70vw;  /*カテゴリリスト viewport幅の70%*/
	margin-left: 10px;
}

/* ★2025.7　追加変更★　border, bg image, */
div#submenu ul.cat_dai li {
	display:block;
	list-style-type:none;			/*リストマーカー無しにする*/
	border: 1px dotted gray;	/*リンク領域にボーダーを付ける*/
}
/* ★2025.7　追加変更★　border, bg image, */
div#submenu ul.cat_dai li a {
	display: block;			/*リンク部分をブロック表示にする*/
	width:auto;				/*幅Auto　親要素*/
	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 a:hover	{
	background-color: #EEEEEE;  /*マウス乗ったら、背景色変わる*/
	border-bottom:1px solid gray; /*ボトム線がSolidに変わる*/
/*	font-weight: 600; /*太字*/
}

/*　★サイドのアイコン　*/
div#submenu p.sidemenu_icon{
    margin:5px 10px 5px 10px; /*左マージンを調整　10px*/
}

/*============================================
メインカラム
============================================*/
div#info {
	width:100%;			/**/
	float:none;			/**/
	padding:0px;			/**/
}

div#info h3 {
	font-size: 0.95rem;			/**/
	width: 95%;			/**/
	padding: 6px 0px 6px 15px;		/*細めに変更*/
	background-color: #003399;		/**/
	color: #ffffff;			/**/
	border-radius: 5px;			/**/
	margin: 10px 2px; 
}

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

/* レポートサンプル#inquiry_menu　不使用　削除 */
/*ul#inquiry_menu {}*/


.infoimg_index {
	display:block;			/*�u���b�N�\���ɂ���*/
	width:300px; height:225px;	/*�摜�̕\���T�C�Y���w��*/
	margin:0px 0px 20px 0px;	/*�}�[�W��*/
	float:none;			/*�t���[�g���Ȃ�*/
}
.infoimg_subpage {
	display:block;			/*�u���b�N�\���ɂ���*/
	width:300px; height:225px;	/*�摜�̕\���T�C�Y���w��*/
	margin:0px 0px 20px 0px;	/*�}�[�W��*/
	float:none;			/*�t���[�g���Ȃ�*/
}
.infoimg_tel {
	display:block;			/*�u���b�N�\���ɂ���*/
	width:300px; height:60px;	/*�摜�̕\���T�C�Y���w��*/
	margin:0px 0px 20px 0px;	/*�}�[�W��*/
}
hr {
	clear:both;			/*�t���[�g�z�u���N���A����*/
	width:100%;			/*���̎w��*/
	margin:10px 0px;		/*�}�[�W��*/
	border:1px dotted #cccccc;	/*���e�̋�؂���O���[�̓_���\���ɂ���*/
}