/* default */
body { background-color: #3dc556; background-image: url("../items/back04.png"); margin: 0px; padding: 0px }
td { margin: 0px; padding: 0px }

/*
	table "base"
		+---- div "title-area"
		+---- div "main-area"
		|                      +-------------------+
		|                      |                             |
		|                div "side-menu-area"   div "text-view-area"
		|
		+---- div "foot-area"
 */

/* ページの配置 */
table.base { border: 0 solid; text-align: center; width: 800px; table-layout: fixed }
td.base     { background-color: #ffffff; width: 800px; vertical-align: top }


/*-------------------------------
 * title : 高さ128+7
 *-------------------------------*/
 .title-area { width: 792px; height: 135px; margin: 4px 4px 0px 4px }
	.title-info { height: 128px; margin: 0px; padding: 0px; overflow: hidden }
	.title-end { height: 7px; margin: 0px; padding: 0px; background: url("../items/title/shadow.png") no-repeat; overflow: hidden }


/*-------------------------------
 * main area : tableで分割
 *-------------------------------*/
.main-area { text-align: center; width: 792px; margin: 2px 0 0 4px; overflow: hidden; background:#EEEEEE }

	/* side menu : 幅188 : item幅180 : liは.ctmenuを使い、位置も個別に設定 */
	.side-menu-area { background-color: #eeeeee; width: 188px; vertical-align: top; text-align: left; float: left }
		/* contents menu */
		.contents-menu { font-size: 12px; line-height: 12px }
				/* margin指定なしだとヘッダ分余計についてしまう。paddingを指定しないと位置は不定らしい */
				.ctmenu  { list-style-type: none; margin: 0px; padding-left: 4px; padding-bottom: 0px }
				/* 自動的にテキストとして判定するのか、3ドット勝手に空けられてしまう */
				.ctitem  { width: 180px; height: 36px; list-style-type: none; margin: -3 ; }
				.ctitem2  { width: 180px; height: 76px; list-style-type: none; margin: -3;  }
				img.listitem { margin: 0px; border: 0px ;vertical-align:bottom;}


		.special-link-menu {}
		/* menu brank */
		.contents-brank { padding-bottom: 32px }
		.contents-brank2 { padding-bottom: 8px }

	/* text view : 枠1px コンテンツ幅594px */
	.text-view-area { background-color: #e0e0e0; width: 604px; vertical-align: top; text-align: left; float: left }
		table.main-text-layout { border: 0 solid; background-color: #fff; text-align: left; width: 596px; border: solid 1px #cccccc }
			/* title用 : height=51px */
			td.texv-title { margin: 0px; height: 51px }
			/* 一段ぶち抜き画像用 */
			td.texv-fullimg { padding: 0; text-align: left }
			td.texv-fullimg-sp { padding: 4px 0 0 0; text-align: left }
			/* 通常画像用 */
			td.texv-img { padding: 0; text-align: left }
			td.texv-img-sp { padding: 4px 0 0 0; text-align: left }
			/* 標準的なテキスト用 */
			td.texv-def  { text-align: left; padding: 4px 16px 8px 24px; vertical-align: top }
			/* ブランク */
			td.texv-blank2 { padding: 0; margin: 0; height: 2px }
			td.texv-blank4 { padding: 0; margin: 0; height: 4px }
			td.texv-blank8 { padding: 0; margin: 0; height: 8px }
			td.texv-blank16 { padding: 0; margin: 0; height: 16px }
			td.texv-blank24 { padding: 0; margin: 0; height: 24px }
			td.texv-blank32 { padding: 0; margin: 0; height: 32px }

/* image border付きの指定 :  IEではpaddingは機能しない？？ */
img.border1 { margin: 0; padding: 8px; border: 1px solid #aaaaaa }
img.test2 { margin: 0; padding: 0px; border: 4px solid #aaaaaa }



/*-------------------------------
 * foter
 *-------------------------------*/
.foot-area { margin: 8px 4px 4px 4px; width: 792px; overflow: hidden }
	.foot-info { height: 30px; background-image: url("../items/footer/footer.png"); overflow: hidden }
	.foot-end { height: 7px; background: url("../items/footer/shadow.png") no-repeat; overflow: hidden }
	.ftitem { float: right; height: 30px }