@charset "utf-8";
/*============================================
全体　base_spと同じ
============================================*/
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;		/**/
}


/*============================================
Header (base_spと同じ)
============================================*/
div#header {
	height: auto;			/**/
	min-height: 60px;
}
div#header p {
	display:inline-block;
	padding: 5px;			/**/
	margin: 5px;            /**/
}
div#header img {
	width:270px; height:auto;	/**/
}


/*============================================
 Main Menu  (base_spからスライド)
============================================*/
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;
}

/*==============

==============*/

div#product {
	display: block;
	width:100%;
	padding:10px;
	color:#FFFFFF;
	background-color:#848484;
	
}

/*============================================
�w�b
============================================*/
#img_index {
	display:none;			/**/
}
#img_subpage {
	display:none;			/*����*/
}

/*============================================

============================================*/
div#submenu h2 {
	width:100%; height:40px;	/**/
	padding:15px 0px 0px 10px;	/**/
	font-size:16px;			/**/
	background-image:none;		/*�*/
	background-repeat:no-repeat;	/**/
	background-color:#000033;	/*�w�i�F*/
	color:#ffffff;			/*�����F*/
	clear:both;			/**/
}
div#submenu {
	width:100%;			/*���̎w��*/
	margin:0px;			/*�}�[�W��*/
	float:none;			/*�t���[�g���Ȃ�*/
	display:none;       /*  */
}
div#submenu ul li a {
	display:none;			/**/
	width:100%; height:40px;	/*���ƍ���*/
	padding:15px 0px 0px 10px;	/*�p�f�B���O*/
	text-decoration:none;		/*�����N�̉����𖳂���*/
	border-bottom:1px dotted gray;	/*�����N�̈�̉����Ƀ{�[�_�[��t����*/
	background-image:none;		/*�����N�̈�ɔw�i�摜�𖳂��ɂ���*/
	background-repeat:no-repeat;	/*�w�i�摜���J��Ԃ��Ȃ�*/
	background-color:#cccccc;	/*�w�i�F*/
	color:#000000;			/*�����F*/
}

/*============================================
Info　メインカラム
============================================*/

div#info {
	width:100%;			/**/
	float:none;			/**/
	padding:0px;			/**/
}

div#info h3 {
	font-size: 0.95rem;			/**/
	width: 95%;			/**/
	padding: 6px 0px 6px 10px;		/*細めに変更*/
	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��*/
}


.infoimg_report_thumbnail {
	width:200px; height:auto ;	/*�摜�̕\���T�C�Y���w�� ��SP�ł͕�200�@������auto�Ŕ䗦�ێ� **/
	margin:0px 5px 10px 10px;	/*�}�[�W���@�@��SP�����ɒ���--*/
	float:right;			/*�摜���E�񂹂ɂ���*/
}


hr {
	clear:both;			/*�t���[�g�z�u���N���A����*/
	width:100%;			/*���̎w��*/
	margin:10px 0px;		/*�}�[�W��*/
	border:1px dotted #cccccc;	/*���e�̋�؂���O���[�̓_���\���ɂ���*/
}




/*============================================
�R���e���c�i�J�����j
============================================*/
div#contents {
	width:100%;			/*���̎w��*/
	float:none;			/*�t���[�g���Ȃ�*/
	padding:0px;			/*�p�f�B���O*/
}

div#contents h1 {
	font-size:1.3rem;
}

div#contents h2 {
	font-size:1rem;
}

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