/* CSS Document */
/* KIND MUSIC 2006.11.11より使用：20061206版 */


/*
   全体の設定：大元の背景色
   BODYのバックグラウンドのみ
*/
body {
 background-color:#FFEEB1;
}


/*
   全体の汎用文字色設定：テーブル内の汎用文字色設定
   BODY内通常・テーブルのTD・THタグの共通設定です。
*/
body,td,th {
 color:#333333;
}

/*
   全てのimg用ボーダー「0」の設定です。
*/
img {
 border:0px;
}

/*
   左寄せimg用の設定です。
*/
#sub {
 float:left;
 vertical-align:middle;
 border:0px;
}

/*
   キャッチコピー（CLASS名：catch）
   の配置関係情報です。
   現状まだ使用していません。
*/
.catch {
margin:0px 0px 4px 4px;
padding:0px 0px 0px 0px;
}

/*
   h2タグの位置情報です。
   はっきり言って左上のロゴgif専用ですので、他でh2タグを
   使うときはクラスやIDの設定が必要です。
*/
h2 {
margin:10px 0px 0px 10px;
padding:0px 0px 0px 0px;
}

/*
   上部右側のgifだけの案内部分（CLASS名：navi01）
   のテキストやマージン設定です。
*/
.navi01 {
 text-align:left;
 margin-left:8px;
 font-size:11px;
}

/*
   上部メインのメニュータブ（CLASS名：navi01）
   の全ての見栄え・テキスト設定です。
   特にul・li関連は削除すると汎用の仕様になってしまうので
   こちらで全て設定してください。
*/
.navi02 {
width : 100% ; 
margin : 0px 0px 0px 0px;
padding:10px 0px 0px 0px;
background-color:#FFFFFF;
border-color:#F96611;
border-style:solid;
border-width:0px 0px 6px 0px;
}
.navi02 ul {
margin : 2px 0px 4px 0px; 
}
.navi02 li {
 display: inline;
 margin:0px 0px 0px 2px;
 padding:6px 0px 4px 0px;
 background-color:#FFEEB1;
 border-width:2px 2px 0px 2px;
 border-color:#FF9900;
 border-style:dashed;
 font-size:medium;
}
.navi02 li a:link {
 text-decoration: none;
 color: #333333;
 display:inline;
}
.navi02 li a:visited {
 text-decoration: none;
 color: #333333;
 display:inline;
}
.navi02 li a:hover {
 text-decoration: none;
 color: #FFFFFF;
 background-color:#FF9900;
 display:inline;
 margin: -6px 0px -4px 0px;
 padding:6px 0px 4px 0px;
 height:100%;
 width:100%;
}
.navi02 li a:active {
 text-decoration: none;
 color: #333333;
 display:inline;
}

/*
   上部中央の社名・住所情報（CLASS名：syozaichi）
   の見栄え・テキスサイズ設定です。
   テキストの色は汎用設定にて。
*/
.syozaichi {
 border-color:#FF9900;
 border-style:dashed;
 padding:4px;
 margin:8px 4px 4px 4px;
 font-size:12px;
 border-width:1px 1px 1px 1px;
}



.news {
	border-width:1px 1px 1px 1px;
	border-color:#FF9900;
	border-style:dashed;
	margin:10px 0px 0px 20px;
	padding:1em 2em 1em 2em;
	font-weight:normal;
	font-size:0.9em;
	display:block;
	width:80%;
	text-align:left;
}

.news hr {
 border-width:1px 0px 0px 0px;
 border-color:#FF9900;
 border-style:dashed;
 background-color:#EEEEEE;
 margin:0px 0px 0px 0px;
 padding:0px;
 display:block;
 width:100%;
 height:0px;
}

/*
   右側のサイドメニュー（ID名：sidemenu）
   の、文字部分以外の外形・色設定です。
   IDなので他でこの名前を使わないように！。
   
   ※ID名（sidemenu）の前にシャープ「#」が入っていることで
   　IDを表します。
     このシャープより左側に要素を入れると、
     その要素専用のID指定になりますので念のため要注意です。
   ※このsidemenu内のul・li設定はすべて汎用のものを
   　使用しています。
     汎用の設定は一番下の方に記述があります。
*/
#sidemenu {
 margin:0px 0px 0px 0px;
 padding:5px 0px 5px 0px;
 background-color:#FFFFFF;
 border-color:#CCCCCC;
 border-style:dashed;
 border-width:0px 0px 0px 1px;
 font-size:80%;
 vertical-align:top;
}

/*
   右側のサイドメニュー内のキャンペーン用小見出し部分（CLASS名：campain）
   の詳細設定です。
   文字サイズの指定も入っています。
   
   ※文字色の設定は汎用設定を利用する形になっています。
*/
.campain {
 margin:6px 0px 0px 0px;
 padding:7px 0px 7px 4px;
 background-color:#FF9900;
 width:164px;
 display:block;
 border-color:#000000;
 border-style:double;
 border-width:0px 8px 0px 8px;
 font-size:130%;
}
.campain a:link {
 display:block;
}
.campain a:visited {
 display:block;
}
.campain a:hover {
 background-color:#FFFF66;
 margin: -6px 0px -6px -4px;
 padding:6px 0px 6px 4px;
 display:block;
 height:100%;
 width:100%;
}
.campain a:active {
 display:block;
}

/*
   右側のサイドメニュー内の小見出し部分（CLASS名：komidashi）
   の詳細設定です。
   文字サイズの指定も入っています。
   
   ※文字色の設定は汎用設定を利用する形になっています。
*/
.komidashi {
 margin:0px 0px 0px 0px;
 padding:4px 0px 2px 4px;
 background-color:#FFFF66;
 width:180px;
 height:14px;
 display:block;
 border-color:#FF9900;
 border-style:solid;
 border-width:0px 0px 0px 6px;
 font-size:medium;
}

/*
   [TOPにもどる]とか、右端に寄せて表示するミニナビ（CLASS名：mininavi）
   の詳細設定です。
   この文字の上に灰色の点線を引く設定も入っています。
   文字サイズの指定も入っています。
   
   ※文字色の設定は汎用設定を利用する形になっています。
*/
.mininavi {
 margin:5px 0px 5px 0px;
 padding:10px 0px 0px 0px;
 border-style:dashed;
 border-width:1px 0px 0px 0px;
 border-color:#CCCCCC;
 display:block;
}
.mininavi ul {
 background-color:#FFFFFF;
}
.mininavi li {
 list-style-image:url("images/navi.gif");
 list-style-position:inside;
 vertical-align:middle;
 background-color:#FFFFFF;
 font-size:x-small;
 text-align:right;
}
.mininavi li a:link {
 text-decoration: none;
 color:#0033CC;
}
.mininavi li a:visited {
 text-decoration: none;
 color:#0033CC;
}
.mininavi li a:hover {
 text-decoration: none;
 color:#FF3310;
 background-color:#FFFFFF;
}
.mininavi li a:active {
 text-decoration: none;
 color:#333333;
 display:block;
}

/*
   [TOPにもどる]とか、右端に寄せて表示するミニナビ（CLASS名：mininavi）
   のテンプレートダウンロードのところで使っているものでうｓ。
   この文字の上に灰色の点線を引く設定も入っています。
   文字サイズの指定も入っています。
   
   ※文字色の設定は汎用設定を利用する形になっています。
*/
.mininavi2 {
 margin:5px 0px 0px 0px;
 padding:10px 0px 0px 0px;
 border-style:dashed;
 border-width:1px 0px 0px 0px;
 border-color:#CCCCCC;
 display:block;
 font-size:x-small;
 text-align:right;
}

/*
   一番下のコピーライト表示部分（CLASS名：copyright）
   の詳細設定です。
   文字サイズ・色の指定も入っています。
*/
.copyright {
 margin:4px 4px 4px 4px;
 padding:0px 0px 0px 0px;
 color:#FFFFFF;
 text-align:center;
 font-size:10px;
}





/* 以下はその他汎用の設定です */
/* この汎用設定を使用しないものにはクラスやID設定の上指定を作る事 */
/* td・th・h1タグは一番上の方に設定が入っています */



/* h5タグは基本的に一番上の宣伝文句用で小さい文字になっています */
h5 {
 font-weight:normal;
 margin:0px 0px 0px 0px;
 padding:0px 0px 4px 0px;
 font-size:10px;
}

/*
   h6タグは主にサイドメニューの中のリンクGIF用です。
   使用上フォントサイズを入れています。
*/
h6 {
	font-size: 12px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
}

/* 汎用のリンク設定です */
a:link {
 text-decoration: none;
 color:#0033CC;
}
a:visited {
 text-decoration: none;
 color:#0033CC;
}
a:hover {
 text-decoration: none;
 color:#FF3310;
}
a:active {
 text-decoration: none;
 color:#0033CC;
}

/*
   汎用のul・li設定（li内のリンク設定含む）ですが、
   実際は右側のサイドメニュー（ID名：sidemenu）
   の、文字部分の専用設定になっています。
   他でul・liを使用する場合はクラス名か新しいＩＤ名で指定が必要です。
*/
ul {
margin:2px 0px 0px 0px;
padding:0px 0px 0px 0px;
border-color:#CCCCCC;
border-style:solid;
border-width:0px 0px 0px 0px;
}
li {
 list-style-type:none;
 list-style-position:outside;
 margin:0px 0px 0px 0px;
 padding:2px 0px 1px 0px;
}
li a:link {
	color: #3298C3;
	text-decoration: none;
	display:block;
}
li a:visited {
	text-decoration: none;
	color: #3298C3;
	display:block;
}
li a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color:#3298C3;
	display:block;
}
li a:active {
 text-decoration: none;
 color:#333333;
 display:block;
}



hr {
 border-width:1px 0px 0px 0px;
 border-color:#999999;
 border-style:dashed;
 background-color:#FFFFFF;
 margin:0px 0px 0px 0px;
 padding:0px;
 display:block;
 width:90%;
 height:0px;
}



/*
   カレンダー専用の設定
*/
.calendar {
	border:1px solid #cccccc; 
	border-collapse: collapse; 
	font-size: 1.2em
}

.calendar th {
	height: 1.5em;
	text-align: center
}

.calendar tr {
	text-align:right; 
	vertical-align:center
}

.calendar td {
	width:2.4em; 
	height:1.5em; 
	border:1px solid #cccccc; 
	padding:0.2em;
}

.calendar .tf {
	width: 16.8em;
	border: 1px solid #cccccc; 
	padding: 0.1em; 
	text-align: center;
}