﻿body {
font-family: Verdana, Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック" , "Hiragino KaKu Gothic Pro" , Osaka;
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: #333;
    
    text-decoration: none;
}
p
{
    margin: 18px 0 18px 50px;
    line-height: 180%;
    letter-spacing: 1px;
    width: 82%;
    text-align: left;
    text-indent: 1em;
}
p.day
{
    margin: 18px 0 18px 50px;
    line-height: 180%;
    letter-spacing: 1px;
    width: 82%;
    text-align: right;
    text-indent: 20px;
    font-size: medium;
    font-weight: bold;
}
   
   
    


/*----------背景つきテーブルサンプル----------*/
div.column
{
    width: 700px;
    background: url(../img/table02-b.png) no-repeat bottom;
    padding-bottom: 75px;
    margin-bottom: 0px;
    margin-left: 20px;
    margin-top:-10px;
}   
div.column .inner
{
    background: url(../img/table02-t.png) no-repeat;
    padding-top:100px;
} 

  
div.column .inner div
{
    background: url(../img/table02-m.png) repeat-y;
    padding: 0 40px;
}

div.column h4
{
    background-position: url(../img/table02-t.png) no-repeat;
    background: url(../img/table02-t.png) no-repeat;
    padding: 65px 80px 0 25px;
    margin: 0 -20px 10px;
    text-align: left;
    text-indent: 1em;
    color: #0000FF;
    font-weight: bold;
    font-size: x-large;
}   
div.column .body    {   
    background: url(../img/table02-m.png) repeat-y;   
    padding: 0 20px;   
}  

/* =========================================================
■ tabnav-01 画像置換のナビゲーション
========================================================= */
div#tabnav-01 {
	overflow: hidden;
	height: 40px;
}
div#tabnav-01 ul
{
    width: 600px;
    height: 40px;
    margin-left:75px;
}
div#tabnav-01 ul li {
	float: left;
	width: 200px;
	height: 40px;
}
div#tabnav-01 ul li a {
	display: block;
	width: 200px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px; /* テキストを画面の表示より外に */
	outline: none; /* リンク破線を不可視に */
}
div#tabnav-01 ul li a:hover {
	background-position: 0 100%;
}
div#tabnav-01 ul li#menu01 a {
	background-image: url(../img/menu02_01.png);
}
div#tabnav-01 ul li#menu02 a {
	background-image: url(../img/menu02_02.png);
}
div#tabnav-01 ul li#menu03 a {
	background-image: url(../img/menu02_03.png);
}
