/********************************
Tips.cgi's StyleSheet
********************************/
@media all {
	a img {
		border: none;
	}
}

@media screen,print {
	body{
		background-color: #eeeeee;
		color: #333333;
		margin: 0;
		padding: 0;
	}

	A:link { color: #333366 }
	A:visited { color: #552255 }
	A:hover { color: #ff0000 }
	A:focus { color: #ff0000 }

	input.text,textarea, select {
		font-size: 100%;
		line-height: 120%;
		padding: 1px;
	}

	input.button,button {
		font-size: 100%;
	}

	hr{
		display: none;
	}

	/* 見出し */
	h1{
		text-align: left;
		font-size: 2em;
		margin: 0;
		font-style: italic;
		font-weight: bold;
		color: #222244;
		padding: 5px;
		background-color: #ffffff;
		border-style: solid;
		border-width: 10px 1px 1px;
		border-color: #cccccc #ffffff;
	}

	h2{
		font-size: 1.2em;
		margin: 0.5em 0 0 20px;
		padding: 0;
	}

	h2 a{
		padding: 3px 5px 1px;
		color: #ffffff;
		background-color: #666666;
	}

	h2 a:hover{
		color: #ffffff;
	}

	form {
		margin: 0;
		padding: 0;
	}

	table {
		margin: 0 auto;
		padding: 0;
		color: #333333;
		border: 1px solid #ffffff;
		background: #ffffff;
	}

	th,td {
		color: #333333;
		background: #eeeeee;
		border: 1px solid #ffffff;
	}

	span.new{
		color: #ff6666;
		font-weight: bold;
		font-size: 0.8em;
	}

	span.renew{
		color: #cc33ff;
		font-weight: bold;
		font-size: 0.8em;
	}

	span.moddate{
		color: #666666;
		font-weight: normal;
		font-size: 0.8em;
	}

	.nodata{
		color: #663333;
	}

	/* なびげーしょんめにゅー */
	div.navi{
		padding: 2px;
		background-color: #cccccc;
		color: #000000;
	}

	div.navi#top{
		margin: 0;
		text-align: left;
	}

	div.navi#bottom{
		margin: 0.5em 0;
		text-align: left;
	}

	div.index{
		margin: 0;
		text-align: center;
	}

	div.navi a{
	}

	div.navi a:link{
		color: #333366;
		text-decoration: none;
	}

	div.navi a:visited{
		color: #333366;
		text-decoration: none;
	}

	div.navi a:hover, div.navi a:active{
		color: #ff0066;
		text-decoration: none;
	}

	div.navi span.select{
		color: #000000;
	  font-weight: bold;
	}

	div.navi span.delimiter{
		color: #666666;
	}

	/* ブロック */
	div.welcome, div.list, div.text, div.results, div.input{
		margin: 0 10px 0.5em;
		padding: 0.5em;
		background: #ffffff;
		border: solid 1px #666666;
	}

	/* ウェルカムメッセージ */
	div.welcome {
	}

	/* 広告 */
	div.adinsert {
		text-align: center;
	}

	/* 一覧 */
	div.list {
	}

	div.list a:link,div.list a:visited{
		text-decoration: none;
	}

	div.list p,div.list ul,div.list ol,div.list dl{
	  margin: 0 0 0.5em;
	  padding: 0;
	}

	div.list dt{
	}

	div.list dd{
	}

	/* 本文 */
	div.text{
	}

	div.text p{
		margin: 0 0 0.5em;
		padding: 0;
	}

	div.text p.date{
	  margin: 0;
	  padding: 3px 1em 0;
		border-style: solid none none none;
		border-width: 1px 0 0 0;
		border-color: #999999;
		color: #666666;
		text-align: right;
		font-style: italic;
		font-size: 0.8em;
	}

/* アンケートフォーム */
	form.enquete {
		text-align: center;
	}

	form.enquete th{
		text-align: center;
		font-weight: bold;
		background-color: #ffffff;
		padding: 2px;
	}
	form.enquete td{
		text-align: center;
		font-weight: bold;
		background-color: #ffffff;
		padding: 2px;
	}
	form.enquete td.yes{
		color: #000080;
		background-color: #ccccee;
	}
	form.enquete td.no{
		color: #800000;
		background-color: #eecccc;
	}

/* アンケート結果 */
	div.results{
	}

	div.results a:link,div.results a:visited{
		text-decoration: none;
	}

	div.results form {
		margin: 0 5%;
	}

	div.results table {
		margin: 0 5%;
	}

	div.results th{
		background-color: #cccccc;
		text-align: center;
	}

	div.results td{
		background-color: #e0e0e0;
		text-align: center;
	}

	div.results td.cat{
		background-color: #d0d0d0;
	}

	div.results td.title{
		text-align: left;
	}

	/* 管理用入力フォーム */
	div.input {
	}

	div.input h3{
		text-align: center;
		font-size: 1.2em;
		color: #ffffff;
		background-color: #666666;
		margin: 0.5em 0 0;
		padding: 1px;
	}

	table.editlist th{
		text-align: left;
	}

	table.editlist thead th{
		text-align: center;
	}

	table.editlist td{
		text-align: right;
	}

	dl.setup {
		background-color: #ffffff;
		margin: 0 0 1em;
		padding: 0;
	}

	dl.setup dt{
		font-weight: bold;
		margin: 3px 0 0;
		padding: 2px;
		color: #333333;
		background-color: #aaaaaa;
	}

	dl.setup dd{
		margin: 0;
		padding: 2px 2px 2px 10px;
		text-align: left;
	}

	dl.setup dd.contents{
		color: #000000;
		background-color: #cccccc;
	}

	dl.setup dd.help{
		color: #333333;
		background-color: #cccccc;
	}

	dl.notice {
		background-color: #ffffff;
		margin: 0;
		padding: 0;
	}

	dl.notice dt{
		font-weight: bold;
		margin: 3px 0 0;
		padding: 2px;
		color: #ff0033;
	}

	dl.notice dd{
		margin: 0;
		padding: 2px 2px 2px 10px;
		text-align: left;
	}

	/* エラーメッセージ */
	div.error{
	}

	/* 管理人 */
	address{
		text-align: right;
		padding: 0.5em 5px 5px 5px;
	}

	/* マニュアル */
	body.manual h1{
		margin: 0 0 1em;
	}

	body.manual h2{
		font-size: 1.5em;
		margin: 1em 0.5em 0.5em;
		padding: 0;
		border-style: solid none none none;
		border-color: #666666;
		border-width: 1px 0 0 1px;
		background: #ffffff;
	}

	body.manual h3{
		font-size: 1em;
		margin: 3px 3px 3px 1em;
		padding: 2px;
		border-left: solid 1em #333333;
	}

	body.manual div.text p,ul,ol,dl {
		margin: 0 2em 1em;
	}
	body.manual div.text dl dt {
		font-weight: bold;
	}
	body.manual div.text dl dd {
		margin: 0.1em 0 1em 0;
	}
}