/*
 *	Source	: hytip.css
 *	Date	: 2008/12/16
 *	Update	: 2008/12/19 (ver 1.0 サーバアップ)
 *	Update	: 2008/12/20 (ver 1.1)
 *	Update	: 2008/12/21 (ver 1.2)
 *	Update	: 2008/12/21 (ver 1.3)
 *	Comment	: hytip.js/jquery-1.2.6と組み合わせてTIP機能
 */

/* TIPはTABLEやDIVで構成されているので、本体ドキュメントのこれらのタグのスタイルが */
/* TIPにも継承されてしまい表示が乱れる可能性がある。その場合TIP用のスタイルをここで */
/* 再定義しなければならないかも。*/

/* TIPの最上位ブロック(TABLEやDIV)に適用 */
table.hytip_top {
	border-width: 0px;		/* 画像で周囲を作るので0 */
	border-style: solid;
	border-color: black;
	padding: 0px;
	margin: 0px;
}
div.hytip_top {
	border-width: 3px;		/* これが実際の周囲になる */
	border-style: solid;
	border-color: #999999;
	padding: 0px;
	margin: 0px;
}

/* TIPの最上位ブロックがTABLEのときTDタグに適用 */
td.hytip_top_td {
	border-width: 0px;
	border-style: solid;
	border-color: black;
	padding: 0px;
	margin: 0px;
}

/* TIPの中間階層　（修正不要） */
.hytip_top .hytip_top_contents {
	background-color: white;
}

/* 閉じるボタンなしTIPの中間ブロック。hytip_top_contentsのブロックに包含される */
div.hytp_noclose_top {
	width: 200px;
	color: blue;
}

/* 閉じるボタン付きTIPの中間ブロック。hytip_top_contentsのブロックに包含される */
/* タイトルと閉じるボタンの背景色はここで定義する */
div.hytip_close_block {
	width: 350px;				/* これでTIPの幅調節可能 */
	background-color: #FFFFFF;
}
div.hytip_close_title {
	float: left;
	font-size: 12px;
	color: #324F87;
	padding: 5px;
	cursor: move;
	/*
	border-width: 1px;
	border-style: solid;
	border-color: red;
	*/
}
div.hytip_close_close {
	float: right;
	width: 50px;
	/*
	border-width: 1px;
	border-style: solid;
	border-color: red;
	*/
}
/* 閉じるボタン付きTIPのコンテンツ部 */
div.hytip_close_contents {
	clear: both;
	background-color: #F6F6F6;
	color: #333333;
	padding: 6px;
	font-size: 13px;
	line-height: 140%;
	/*
	border-width: 1px;
	border-style: solid;
	border-color: red;
	*/
}
div.hytip_close_contents a:link {
	color: #000099;
	text-decoration: underline;
}
div.hytip_close_contents a:hover {
	color: #FF6600;
	text-decoration: none;
}
div.hytip_close_contents a:visited {
	color: #000099;
	text-decoration: underline;
}

div.outerDragDiv {
	height: 200px;
	width: 400px;
	border: 0px solid black;
	position: relative;
	overflow: hidden;
}
div.innerDragDiv {
	position: relative;
	left: 0px;
	top: 0px;
	border: 0px solid blue;
}