@charset "shift_jis";
/* --------------------------------------------------
デフォルト
-------------------------------------------------- */
img {
	border:0;
}
li {
	list-style : none;
}
.center {
	text-align:center;
}
.clear {
	clear:both;
}
/* --------------------------------------------------
レイアウト
-------------------------------------------------- */
body {
	margin:0;
	padding:0;
	text-align: left; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#container {
	POSITION: relative;
	width: 1030px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	margin: 0; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}
#header {
	POSITION: relative;
	height: 150px;
	background: #FFF url(../_img/bg_header.jpg) repeat-x bottom;
	padding: 0 0 10px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
}
#headerBox01 {
	POSITION: absolute;
	width: 100%;
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding:0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
	font-size:10px;
	font-weight:normal;
	color:#fff;
	background:#97271F;
}
#headerBox01 h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding:0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
	font-size:10px;
	font-weight:normal;
	color:#fff;
	display:inline;
}
h2 {
	display:inline;
}
#header h2 { POSITION: absolute; left:0px; top:10px; width:810px; }

#index_header {
	POSITION: relative;
	height: 170px;
	background: #FFF url(../_img/bg_header.jpg) repeat-x bottom;
	padding: 0 0 10px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
}
#index_header h2 { POSITION: absolute; left:0px; top:10px; width:810px; }
#index_header #headerMailBox { POSITION: absolute; text-align:right; left:613px; top:130px; margin: 0; padding:0; }

#logo {
	margin:15px 18px 10px;
}
#tel {
	margin:15px 0 10px 160px;
}
#sideBar {
	float: left;
	width: 200px;
	padding: 10px 0px 20px;
	margin:0 0 0 0px;
}
#mainContent {
/* --------------------------------------------------
	POSITION: absolute;
-------------------------------------------------- */
	left:0px;
	margin: 0 0 0 210px; /* この div エレメントの左マージンにより、ページの左側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	padding: 0 10px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
}
#footer {
/* --------------------------------------------------
	width:590px;
-------------------------------------------------- */
	text-align:center;
	margin: 0 10px 0 0px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	background:#FFF;
}
#footer * {
	font-size:12px;
	line-height:170%;
}
#footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/*==================================================
サイドメニュー
==================================================*/

#sideMenu01 {
	text-align:left;
	background:url(../_img/side01_h.gif) #E1FEFF no-repeat left top;
	padding-top:10px;
	margin:0 0 18 0px;
}
#sideMenu01 div {
	background:url(../_img/side01_f.gif) #E1FEFF no-repeat left bottom;
	padding-bottom:10px;
}
#sideMenu02 {
	text-align:left;
	background:url(../_img/side02_h.gif) #FFE9E1 no-repeat left top;
	padding-top:10px;
	margin:0 0 18 0px;
}
#sideMenu02 div {
	background:url(../_img/side02_f.gif) #FFE9E1 no-repeat left bottom;
	padding-bottom:10px;
}
#sideMenu03 {
	text-align:left;
	background:url(../_img/side03_h.gif) #EAFFE1 no-repeat left top;
	padding-top:10px;
	margin:0 0 18 0px;
}
#sideMenu03 div {
	background:url(../_img/side03_f.gif) #EAFFE1 no-repeat left bottom;
	padding-bottom:10px;
}
#sideMenu04 {
	text-align:left;
	background:url(../_img/side04_h.gif) #F0E1FF no-repeat left top;
	padding-top:10px;
	margin:0 0 18 0px;
}
#sideMenu04 div {
	background:url(../_img/side04_f.gif) #F0E1FF no-repeat left bottom;
	padding-bottom:10px;
}
#sideMenu05 {
	text-align:left;
	background:url(../_img/side05_h.gif) #FEF6D5 no-repeat left top;
	padding-top:10px;
	margin:0 0 18 0px;
}
#sideMenu05 div {
	background:url(../_img/side05_f.gif) #FEF6D5 no-repeat left bottom;
	padding-bottom:10px;
}
#sideMenu06 {
	text-align:left;
	background:url(../_img/side06_h.gif) #E6E6E6 no-repeat left top;
	padding-top:10px;
	margin:0 0 18 0px;
}
#sideMenu06 div {
	background:url(../_img/side06_f.gif) #E6E6E6 no-repeat left bottom;
	padding-bottom:10px;
}
.menuUl {
	margin:0 0 0 6px;
	padding:0;
}
.menuUl li a {
	background: url(../_img/arrow01_big.png) no-repeat left center;
	padding-left:15px;
	margin-bottom:5px;
	line-height:200%;
	color:#333;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}
.menuUl li a:hover {
	text-decoration:none;
	color:#FF0000;
}
ul.s_menuUl {
	margin:0 0 0 15px;
	padding:0;
}
ul.s_menuUl li a {
	background: url(../_img/arrow02_small.png) no-repeat left center;
	padding-left:10px;
	line-height:160%;
	text-decoration:none;
	color:#333;
	font-size:12px;
}
ul.s_menuUl li a:hover {
	text-decoration:underline;
	color:#FF0000;
}
A:hover {
	text-decoration:underline;
}
a {
	text-decoration: none;
}
body {
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-arrow-color:#333333;
	scrollbar-face-color:#cccccc;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-track-color:#FFFFFF;
	scrollbar-darkshadow-color:#FFFFFF;
}
.link-ffffff {
	font-size : 16px;
	text-decoration : none;
	font-weight : bold;
	color : #ffffff;
}
.s13blue {
	font-size : 13px;
	color : blue;
	text-decoration : none;
}
.s13-black {
	font-size : 13px;
	color : #000000;
	text-decoration : none;
}