﻿/*--------------------------------------*/
/* 画面全体								*/
/*--------------------------------------*/
body {
	font-style : normal;
	font-family: 'ＭＳ Ｐ明朝' , 'Times New Roman' , serif;
}
/*--------------------------------------*/
/* リンク上にマウスがあった際			*/
/*--------------------------------------*/
a:hover {
	 color: red; 
	 text-decoration: underline;
}
/*--------------------------------------*/
/* ヘッダテーブル(ロゴ)					*/
/*--------------------------------------*/
.hpd-header {
	border: 0;
	background-image: url(../img/hpb_bg02.gif);
	text-align: center;
	width: 850px;
}
/*--------------------------------------*/
/* タブボタン							*/
/*--------------------------------------*/
.hpd-menu-tab {
	border : 1px solid #009900;
	background-color : #AAFF99;
	height : 25px;
	text-align : center;
}
/*--------------------------------------*/
/* タブボタンの<a>タグについて			*/
/*--------------------------------------*/
.hpd-menu-anchor {
	text-decoration : none;
	padding : 5px 20px 5px 20px;
	font-weight : bold;
	color  : #FFFFFF;
	font-size : 100%;
}
/*--------------------------------------*/
/* 開かれているページのタブボタン		*/
/*--------------------------------------*/
.hpd-page-now {
	padding : 5px 20px 5px 20px;
	font-weight : bold;
}

/*--------------------------------------*/
/* 左余白								*/
/*--------------------------------------*/
.hpd-side-cell-left1 {
	width : 150px;
	height : 600px;
	background-color : #AAFF99; /* #00ff66が前案 */
}
/*--------------------------------------*/
/* ページヘッダ文字を記述する<td>タグ	*/
/*--------------------------------------*/
.hpd-tbl-header {
	vertical-align : top;
	width : 650px;
}
/*--------------------------------------*/
/* ページのヘッダ文字を記述する<h>タグ	*/
/*--------------------------------------*/
.hpd-tbl-lbl {
	margin : 30px 0px 0px 30px;
}
/*--------------------------------------*/
/* ページの見出し部分の色				*/
/*--------------------------------------*/
.hpd-tbl-subtitlecolor {
	font-weight : bold;
	background-color : #CCFF99;
	padding : 5px 0px 5px 20px;
	height : 25px;
}
/*--------------------------------------*/
/* ページの見出し部分の色				*/
/*--------------------------------------*/
.hpd-tbl-subtable {
	vertical-align : top;
	width : 630px;
	margin : 30px 0px 0px 50px;
}
/*--------------------------------------*/
/* 会社概要のテーブル					*/
/*--------------------------------------*/
.hpd-tbl-layout {
	vertical-align : top;
	border : solid 1px #B8B88A;
	width : 530px;
	margin : 30px 0px 0px 80px;
}
/*--------------------------------------*/
/* お問い合わせ画面のフォームレイアウト	*/
/*--------------------------------------*/
.hpd-tbl-contacttable {
	vertical-align : top;
	border : solid 1px #B8B88A;
	width : 530px;
	margin : 30px 0px 0px 30px;
}
/*--------------------------------------*/
/* 会社概要の左項目						*/
/*--------------------------------------*/
.hpd-tbl-td1 {
	width : 150px;
	vertical-align : top;
	text-align : left;
	background-color : #E3E9CF;
	border-bottom : 1px solid #B8B88A;
	border-left : 1px solid #B8B88A;
	font-size : 80%;
	color : #FF0000;
}
/*--------------------------------------*/
/* 会社概要の右項目						*/
/*--------------------------------------*/
.hpd-tbl-td2 {
	width : 380px;
	vertical-align: top;
	text-align : left;
	border-bottom : 1px solid #B8B88A;
	border-left : 1px solid #B8B88A;
}

/*--------------------------------------*/
/* ヘッダロゴとタブの間のスペース		*/
/*--------------------------------------*/
.hpd-tbl-notr {
	border : 0px;
	background-color : #FFFFFF;
	height : 10px;
	width : 850px;
}
/*--------------------------------------*/
/* 下線									*/
/*--------------------------------------*/
.hpd-tbl-lowline {
	background-color : #AAFF99;
	height : 10px;
}
/*--------------------------------------*/
/* 著作権に関する記述					*/
/*--------------------------------------*/
.hpd-tbl-copyright {
	font-size : 70%;
	text-align : right;
}
/*--------------------------------------*/
/* 著作権に関する記述					*/
/*--------------------------------------*/
.hpd-tbl-sitemap {
	font-size : 70%;
	text-align : center;
}
/*--------------------------------------*/
/* リンクページのリンクを記述する位置	*/
/*--------------------------------------*/
.hpd-link-pos {
	vertical-align : top;
	margin : 10px 0px 30px 0px;
}
/*--------------------------------------*/
/* 企業コンセプトの文字					*/
/*--------------------------------------*/
.hpd-tbl-privacy {
	border-right : 1px solid #000000;
	border-left : 1px solid #000000;
	border-bottom : 1px solid #000000;
	border-top : 1px solid #000000;
	border : 1px dotted #003366;
}
/*--------------------------------------*/
/* 企業コンセプトの文字					*/
/*--------------------------------------*/
.hpd-tbl-subindex {
	vertical-align : top;
	width : 650px;
}
.hpb-tbl-concept1 {
	line-height : 16px;
	margin : 50px 0px 0px 60px;
	font-size : 350%;
	color : #009900;
	font-weight : bold;
}
.hpb-tbl-concept2 {
	line-height : 16px;
	margin : 70px 0px 0px 150px;
	font-size : 350%;
	color : #009900;
	font-weight : bold;
}
.hpb-tbl-concept3 {
	line-height : 16px;
	margin : 70px 0px 0px 250px;
	font-size : 350%;
	color : #009900;
	font-weight : bold;
}
.hpb-tbl-concept4 {
	line-height : 16px;
	margin : 70px 0px 0px 500px;
	font-size : 350%;
	color : #009900;
	font-weight : bold;
}
/*--------------------------------------*/
/* お問い合わせのFieldset				*/
/*--------------------------------------*/
.hpd-contact-fieldset {
	padding: 10px 10px 10px 10px;
	margin : 30px 0px 0px 0px;	
}
/*--------------------------------------*/
/* 空のクラス							*/
/*--------------------------------------*/
.hpd-noclass {
}
