﻿/*----------------------------------------
	パーツ色調整
	ベースとなるパーツの色に関する
	スタイルコードです
----------------------------------------*/
body {background:url(img/bg.gif) repeat-y;
background-position: center;
color:#333333;}
 
.base {
	background-color: #FFFFFF;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666; }
 
h2 { color: #333333; }
 
/*----------------------------------------
	パーツ色調整
	ページ上部のパーツの色に関する
	スタイルコードです
----------------------------------------*/
.header { background: url(img/fotter.gif); }
 
	.header h1 { color: #FFFFFF; }
 
.headersite a { color: #FFFFFF; }
 
.head-un {
	background: url(img/bar.gif) repeat-x;
	color: #FFFFFF; }
 
	.head-un h2 { color: #FFFFFF; }
 
.head-menu td a{
	color: #FFFFFF;
	text-decoration: none;
	}
	.head-menu td {
	color: #FFFFFF;
	background: url(img/bar-menu-a.gif) center left;
	border-top: 1px solid #333333;
	border-right: 0px;
	border-left: 1px solid #333333;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px; }
 
	.head-menu td a:hover {
		background: url(img/bar-menu-hover.gif) center;
		color: #333333;}
 
/*----------------------------------------
	パーツ色調整
	ページ左部のパーツの色に関する
	スタイルコードです
----------------------------------------*/
.left {
	border-color:#999;
	}
.left h3 {
	color: #FFFFFF;
	background: url(img/menu-top.gif) no-repeat; }
.l-menu {
	border-bottom-color:#999;
	}
.l-menu li {
	border-top-color:#999;
	}
 
.l-menu a { background: url(img/menu-a.gif); }
 
	.l-menu a:hover { background: url(img/menu-ahover.gif); }



/*----------------------------------------
	パーツ色調整
	ページ中部のパーツの色に関する
	スタイルコードです
----------------------------------------*/
.center {  }
 
/*----------------------------------------
	パーツ色調整
	ページ右部のパーツの色に関する
	スタイルコードです
----------------------------------------*/
.right h3 {
	color: #FFFFFF;
	background: url(img/menu-top.gif) no-repeat; }
 
/*----------------------------------------
	パーツ色調整
	ページ下部のパーツの色に関する
	スタイルコードです
----------------------------------------*/
.footer {
	color: #FFFFFF;
	background: url(img/fotter.gif) repeat; }
 
/*----------------------------------------
	強調表現
	文字の強調に関するスタイルコードです
	.red ＝赤文字
	.green ＝緑文字
----------------------------------------*/
.red {color:#FF0000;}
.green {color:#043a04;}
.blue { color: #0000cc;}
.tya { color: #bd000e;}
.gray { color: #3d3737;}
.green { color: #009900;}
.gray1 { color: #C0C0C0;}

.b { font-weight: bold;}

.size12 { font-size: 12px;}
.size15 { font-size: 15px;}
.size16 { font-size: 16px;}
.size17 { font-size: 17px;}
.size18 { font-size: 18px;}
.size19 { font-size: 19px;}
.size20 { font-size: 20px;}
.size21 { font-size: 21px;}
.size22 { font-size: 22px;}
.size23 { font-size: 23px;}
.size24 { font-size: 24px;}
.size25 { font-size: 25px;}
.size26 { font-size: 26px;}
 
/*----------------------------------------
	見出し表現
	本文見出しに関するスタイルコードです。
----------------------------------------*/
.content h3 {
	height: 32px;
	margin: 0;
	font-size: 14px;
	padding-top: 6px;
	padding-left: 25px;}

.content1 h3 {background:url(img/midashi.jpg) no-repeat;
				height:27px;
				margin:0;
				font-size:16px;
				padding-top:4px;
				padding-left:25px;}
 
 
.midashi {background: url(img/midashi.gif) no-repeat;
text-align:center;
color: #FFFFFF;}

