/* デモ用CSS */


body {
	text-align:center;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	padding-top:0;
	padding-left:0;
	padding-right:0;
	/* 	background-color:#2d444f */
	}

table {
	width:100%
	}

td {
	padding:0
	}

.tdhead {
	background-color:#669966;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:solid 9px #97bdbd
	}

.tdmenu {
	vertical-align:top;
	background-color:#669966;
	width:150px;
	}

.tdcontents {
	background-color:#ffffff;
	border-left:solid 2px #2d444f;
	text-align:left
	}

p.head {
	text-align:left;
	margin-left:10px;
	margin-top:0;
	font-size:0.625em;
	font-family:Verdana;
	font-weight:bold;
	color:#ffffff;
	margin-bottom:0
	}

p.head img {
	vertical-align:middle;
	margin-right:0.5em
	}

p.menu {
	font-size:0.75em;
	margin-left:0;
	margin-right:0;
	margin-bottom:50px;
	margin-top:0;
	background-color:#669966;
	height:2em
	}

p.menu a {
	color:#ffffff;
	background-color:#669966;
	border-bottom:solid 1px #ffffff;
	text-decoration:none;
	display:block;
	width:100%;
	line-height:2.5em;
	text-align:left;
	padding-left:10px
	}

p.menu a:hover {
	background-color:#49abdb
	}

p.menu span {
	color:#c5e1ed;
	display:none
	}

.contents {
	margin-left:0;
	margin-right:0;
	margin-bottom:30px
	}

.section {
	width:570px;
	margin-left:30px;
	margin-right:0;
	text-align:left;
	margin-top:2em
	}


p.menu2 {
	font-size:0.75em;
	margin-left:30px;
	margin-right:0;
	margin-bottom:50px;
	margin-top:10px;
	text-align:center;
	height:2em
	}

p.menu2 a {
	color:#ffffff;
	background-color:#9966cc;
	border-right:solid 1px #ffffff;
	text-decoration:none;
	display:block;
	width:8em;
	float:left;
	border-bottom:solid 1px #ffffff;
	line-height:2em
	}


p.menu2 a:hover {
	background-color:#9933ff
	}

p.menu2 span {
	color:#c5e1ed;
	display:none
	}

h1 {
	width:860px;
	font-size:1.00em;
	color:#333333;
	background-color:#f3f3f3;
	padding-top:0px;
	padding-bottom:0px;
	text-align:right;
	margin-bottom:0;
	margin-top:0;
	font-weight:normal
	}

p.img {
	margin-top:0
	}

h2 {
	color:#333333;
	background-color:#f3f3f3;
	font-size:0.9em;
	margin-bottom:10px;
	padding-left:10px;
	font-weight:normal
	}

h2 img {
	vertical-align:middle;
	}

.mark {
	margin-right:0.3em
	}

p {
	font-size:0.875em;
	line-height:1.5em;
	color:#555555;
	margin-top:0.5em
	}

address {
	font-size:0.875em;
	font-style:normal;
	border-top:solid 9px #97bdbd;
	padding-top:10px;
	padding-left:10px;
	margin-top:0;
	text-align:left;
	padding-bottom:4px
	}

address a {
	text-decoration:none;
	border-bottom:dotted 2px orange
	}

address a:hover {
	color:#ff8800
	}

	#mainContainer{
		width:860px;
		margin:0 auto;
		text-align:left;
		background-color:#FFF;
	}
	
	#leftContainer{
		width:150px;
		float:left;
		padding-left:5px;
		padding-right:5px;
	}
	
	#contentContainer{
		width:700px;
		float:left;
	}
	.ad{
		clear:both;
		text-align:center;
		padding:5px;
	}	
	
	/* デモ用CSSここまで */



	#dhtmlgoodies_menu{		
		font-size:0.9em;
		font-family:arial;	/* メインメニューのフォント */
		width:140px;	/* メインメニューの幅 */
		
	}
	#dhtmlgoodies_menu	li{	/* メインメニュー */
		font-size:0.9em;
		list-style-type:none;
		margin:0px;	/* マージン0 - Opera用の指定 */
	}
	#dhtmlgoodies_menu ul{	
		margin:0px;
		padding:0px;
	}
	#dhtmlgoodies_menu ul li ul{	/* JavaScriptをオフにしている人のためのサブメニュースタイル*/
		padding-left:5px;
	}
	#dhtmlgoodies_menu	li a{	/* メインメニュー */
		font-size:0.9em;
		text-decoration:none;
		color:#000;	
		width:150px;		
		height:25px;
		line-height:25px;
		vertical-align:middle;
		border:0px solid #000;
		background-color:#FAFAFA;
		margin:1px;
		padding:5px;
		
		display:block;
	}
	#dhtmlgoodies_menu	li a:hover,#dhtmlgoodies_menu .activeMainMenuItem{
		font-size:0.9em;
		color:#FFF;
		background-color:#000080;
	}
	.dhtmlgoodies_subMenu{
		font-size:0.9em;
		color:#FFF;
		visibility:hidden;
		position:absolute;
		overflow:hidden;
		border:1px solid #000;
		background-color:#FAFAFA;
		font-family:arial;
		text-align:left;
	
	}
	.dhtmlgoodies_subMenu ul{
		font-size:0.9em;
		margin:0px;
		padding:0px;	
	}
	.dhtmlgoodies_subMenu ul li{
		font-size:0.9em;
		list-style-type:none;
		margin:0px;
		padding:3px;	/* サブメニューのボーダーとサブメニュー項目の間隔*/
	}
	.dhtmlgoodies_subMenu ul li a{	/* サブメニュー項目 */
		white-space:nowrap;	
		text-decoration:none;	
		color:#000;	
		
		height:20px;
		line-height:20px;
		padding:3px;
		
		display:block;	/* 変更不可 */
	}
	.dhtmlgoodies_subMenu ul li a:hover{	/* マウスオーバー時のサブメニューのスタイル */
		color:#FFF;
		background-color:#000080;
	}