﻿/*----------------------------------------
	パーツ色調整
	ベースとなるパーツの色に関する
	スタイルコードです
----------------------------------------*/
body {
	background: url(img/bg.jpg) repeat-x;
	color: #333333;
       font-family:"メイリオ"}
 
.base {
	background-color: #FFFFFF;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666; }
 
h2 { color: #333333; }
 
/*----------------------------------------
	パーツ色調整
	ページ上部のパーツの色に関する
	スタイルコードです
----------------------------------------*/
.header { background: url(img/fotter.jpg); }
 
	.header h1 { color: #FFFFFF; }
 
.headersite a { color: #FFFFFF; }
 
.head-un {
	background: url(img/bar.jpg) repeat-x;
	color: #FFFFFF; }
 
	.head-un h2 { color: #FFFFFF; }
       .head-un a { color: #FFFFFF; }
.head-menu td a{
	color: #4f211e;
	text-decoration: none;
	}
	.head-menu td {
	color: #FFFFFF;
	background: url(img/bar-menu-a.jpg) 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.jpg) center;
		color: #333333;}
 
/*----------------------------------------
	パーツ色調整
	ページ左部のパーツの色に関する
	スタイルコードです
----------------------------------------*/
.left {
	border-color:#999;
	}
.left h2 {
	color: #FFFFFF;
	background: url(img/menu-top.jpg) no-repeat; }
.l-menu {
	border-bottom-color:#006600;
	}
.l-menu li {
	border-top-color:#006600;
	}
 
.l-menu a { background: url(img/menu-a.jpg); color: #000000; }
 
	.l-menu a:hover { background: url(img/menu-ahover.jpg); }

.l-menu2 {
	border-bottom-color:#006600;
.          	}
.l-menu2 li {
	border-top-color:#006600;
	}
 
.l-menu2 a { background: url(img/menu-a2.jpg); color: #000000; }
 
	.l-menu2 a:hover { background: url(img/menu-ahover.jpg); }

.left p {padding:5px;
	font-size: 12px;
       line-height: 15px;
       text-align:left;}

/*----------------------------------------
	パーツ色調整
	ページ中部のパーツの色に関する
	スタイルコードです
----------------------------------------*/
.center {  }
 
/*----------------------------------------
	パーツ色調整
	ページ右部のパーツの色に関する
	スタイルコードです
----------------------------------------*/
.right h2 {
	color: #FFFFFF;
	background: url(img/menu-top.jpg) no-repeat; }
 
/*----------------------------------------
	パーツ色調整
	ページ下部のパーツの色に関する
	スタイルコードです
----------------------------------------*/
.footer {
	color: #FFFFFF;
	background: url(img/fotter.jpg) repeat; }
 
/*----------------------------------------
	強調表現
	文字の強調に関するスタイルコードです
	.red ＝赤文字
	.green ＝緑文字
----------------------------------------*/
.red { color: #FF0000; }
 
.green { color: #009966; }
 
/*----------------------------------------
	見出し表現
	本文見出しに関するスタイルコードです。
----------------------------------------*/
.content h2 {
	border-width: 1px 1px 1px 10px;
       border-style: solid;
       border-color: #009966;
       background: url() no-repeat;
	height: 32px;
	margin: 0;
	font-size: 20px;
	padding-top: 12px;
	padding-left: 15px; }
 
.content p {
	font-size: 13px;
       line-height: 20px}

.content li {
       color: #FF0000;
}

