﻿* {
	margin: 0;
	padding: 0;
}

body {
	background: #554d42;
	font-family: 'メイリオ',Verdana,'ＭＳ Ｐゴシック', sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #222;
}

a {
	text-decoration: underline;
	color: #574f46;
}

a:hover {
	text-decoration: underline;
	color: #CF9F5A;
}

/***********************************************************
	ヘッダ、メニュー、本体を全て包む入れ物
***********************************************************/
#wrap {
	margin: 20px auto;
	width: 800px;
}

/***********************************************************
	ヘッダ関連
***********************************************************/
#header {
	height: 100px;
	background: #554d42 url(images/header6.png) no-repeat;
}
#header h3{
	line-height: 64px;
	font-size: 40px;
	padding: 26px 0 0 26px;
	color: #FF5500;
}
#header h1 { 
	line-height: 64px;
	font-size: 40px;
	padding: 26px 0 0 310px;
	color: #663300;
}

#header h1 a { 
	color: #fff;
	text-decoration: none;
	font-weight: 100;
	letter-spacing: -2px;
}

#header h1 a:hover {
	color: #fff;
}

#header h2 {
	text-align: right;
	margin-top: 10px;
	padding: 70px 12px 0 0;
/*	font-size: 10px;
	color: #fff;
	padding: 10px 10px 0 0;
	letter-spacing: -1px;
	font-weight: 100;*/
}

/***********************************************************
	ヘッダ下部のメニュー関連
***********************************************************/
#menu {
	height: 30px;		/* メニュー領域の高さ */
	line-height: 30px;	/* その縦位置中央に文字列を表示するため height と同じに設定 */
	background: #fff url(images/menu2.jpg) no-repeat;
}

#menu h2 {
	text-align: right;
	font-size: 10px;
	color: #fff;
	padding: 0 10px 0 0;
	letter-spacing: -1px;
	font-weight: 100;
}

#menu ul {
	list-style-type: none;
	padding-left: 30px;
}
#menu ul li {
	display: block;
	float: left;
	display: inline;	/* ie6 のバグ回避用 */
}
#menu ul li a {
	padding: 0 15px 0 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}
#menu ul li a:hover {
	color: #fff;
	text-decoration: none;
}

/***********************************************************
	本体部分
***********************************************************/
#content {
	background: #fff url(images/content2.jpg) repeat-y;
	padding: 0 20px 20px 30px;
}
#content h1 {
	font-size: 18px;
	color: #630;
	padding: 10px 10px 2px 6px;
	font-weight: bold;
}
#content h2 {
	font-size: 16px;
	color: #000;
	padding: 10px 10px 0 6px;
	line-height: 1.5;
	font-weight: normal;
}
#content h3 {
	font-size: 14px;
	color: #000;
	padding: 10px 20px 0 6px;
	font-weight: bold;
}
#content h4 {
	clear: left;
	height: 30px;
	line-height: 30px;
	background: #fff url(images/midashi.jpg) no-repeat;
	font-size: 13px;
	color: #000;
	padding: 0 0 0 20px;
	letter-spacing: 1px;
	font-weight: 100;
}
#content h5 {
	font-size: 12px;
	color: #000;
	padding: 0 20px 0 10px;
	letter-spacing: 1px;
	font-weight: 100;
}
#content table {
	width: 100%;
	margin: 0 auto 0 auto;
    border-top:1px solid #663300;
    border-left:1px solid #663300;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
#content th {
	width: 50%;
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    color:#fff;
    background-color:#996633;
    background-image:url(../img/table-back.gif);
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
#content td {
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    padding: 10px 0px 10px 8px;
}
#content td h2 a {
	font-size: 19px;
	color: #574f46;
	font-weight: bold;
}
#content td h2 {
	font-size: 15px;
	color: #000;
	padding: 0px 10px 0 0;
	font-weight: nomal;
}
#content ul, #content ol {
	padding: 0 0 0 30px;
}
#content p {
	text-indent: 0em;
}
#content p.red {
	font-size: 12px;
	font-weight: 600;
	padding: 5px 20px 7px 10px;
	color:#CC0000;
}
#content p.redBig {
	font-size: 20px;
	font-weight: 600;
	padding: 5px 20px 7px 10px;
	color:#CC0000;
}
#content h2 p {
	text-indent: 1em;
}

td.bbsRep {
	background-color:#FFE898;
}
td.nonBbsRep {
	background-color:#f5f5f5;
}

/***********************************************************
	右フロートクラス
***********************************************************/
.right {
	float: right;
	width: 520px;
	text-align: justify;
	padding-top: 5px;
	display: inline;	/* ie6 のバグ回避用 */
}
.right h2 {
	font-size: 16px;
	font-weight: 600;
	padding: 5px 20px 7px 10px;
}
.right h2 a {
	text-decoration: none;
}
.right h2 a:hover {

}
.right p.red {
	font-size: 12px;
	font-weight: 600;
	padding: 5px 20px 7px 10px;
	color:#CC0000;
}
.right ul {
	padding: 10px 0 15px 20px;
	list-style-type: disc;
}

/***********************************************************
	左フロートクラス
***********************************************************/
.left {
	float: left;
	width: 220px;
	padding-top: 6px;
	display: inline;	/* ie6 のバグ回避用 */
}
#content .left h2 {
	padding: 0 0 0 0;	/* #content h2 の指定を変えるには同じ形式の指定が必要? */
	height: 24px;
	line-height: 24px;
	background: url(images/lefthd2.png) no-repeat;	/* オリジナルは #413326 */
	color: #fff;
	font-size: 14px;
	/* 以下はオリジナルにはない */
	text-align: center;
	font-weight: bold;
}
.dot ul {
	list-style-type: disc;
}
.tri li {
	margin: 5px 0 0 -20px;
	list-style-type: none;
	text-decoration: none;
	font-weight: 600;
	padding-left: 8px; /* これを指定しておかないと文字が画像に被ってしまう */
	/* 水平位置は左端、垂直位置は高さの半分の位置に tri.png を表示 */
	background: url(images/tri.png) no-repeat left 50%;
}
.thumbnail {
	float: left;
	width: 134px;
	margin: 0 16px 6px 0;
}

.clearboth {
	clear: both;
}

/***********************************************************
	カレンダー
***********************************************************/
#calendar {
	font-family: 'メイリオ','ＭＳ Ｐゴシック', Verdana,sans-serif;
	background: #fff url(images/content2.jpg) repeat-y;
	padding: 0 20px 20px 30px;
	text-align: center;
}
#calendar h2 {
	font-size: 14px;
	padding: 8px 40px 0 30px;
	font-weight: normal;
    text-align: left;
	letter-spacing: 1px;
}
#calendar h2 p {
	color: #000;
	text-indent: 1em;
}
#calendar table {
	float: left;
	border: 0px;
	margin: 20px 0 0 44px;
	border-spacing: 1px;
	background-color: #ccc;
	font-size: 12px;
	color: #666;
}
#calendar td {
	width: 40px;
	height: 18px;
	background-color: #fff;
}
#calendar th.header {
	background-color: #eee;
}
#calendar td.weeksun {
	background-color: #f30;
}
#calendar td.week {
	background-color: #c7d8ed;
}
#calendar td.sunday {
	background-color: #fc9;
}
#calendar td.ssf {
	background-color: #CF9;
}
#calendar td.show {
	background-color: #FF0;
}

/***********************************************************
	最下底部分
***********************************************************/
#bottom {
	background: #fff url(images/bottom2.jpg) no-repeat;
	padding: 10px 0;
}

/***********************************************************
	フッタ部分
***********************************************************/
#footer {
	text-align: center;
	font-size: 11px;
	color: #fff;
}
#footer a { color: #fff; }
