@charset "utf-8";

/*********************************************************************
	基本
*********************************************************************/
* {
	margin : 0px;
	padding : 0px;
	font-family : sans-serif;
}

body {
	background : #000;
}

div {
	overflow : hidden;
}

.orange {
	color : #ff5500;
}

.green_b {
	color : #090;
	font-weight : bold;
}

.new {
	color : #f00;
}

.small {
	font-family : 'Comic Sans MS',sans-serif;
	font-size : 20px;
	font-weight : bold;
}



/********************************************************************
	ヘッダ
********************************************************************/
div#header {
	position : absolute;
	top : 0px;
	left : 0px;
	width : 100%;
}

div#header div#h-main {
	width : 900px;
	height : 210px;
	margin : 0px auto;
	overflow : hidden;
}

div#header div#h-main div#h-title {
	float : left;
	overflow : hidden;
}

div#header div#h-main div#h-title a,
div#header div#h-main div#h-title a:visited,
div#header div#h-main div#h-title a:link {
	font-family : 'Comic Sans MS',snas-serif;
	font-size : 48px;
	font-weight : bold;
	color : #aaa090;
	text-decoration : none;
}

div#header div#h-main div#h-title a:active,
div#header div#h-main div#h-title a:hover {
	color : #fff;
}

div#header div#h-main div#h-search {
	float : right;
	margin-top : 23px;
	overflow : hidden;
}

div#header div#h-main div#h-search input.text {
	width : 300px;
	font-family : monospace;
	font-size : 14px;
}

div#header div#h-main div#h-navi {
	clear : both;
	width : 100%;
	height : 32px;
	background : url('./imgs/h-navi.png') no-repeat;
	font-family : Verdana,Arial,sans-serif;
	font-size : 16px;
	color : #fff;
	text-align : center;
	overflow : hidden;
}

div#header div#h-main div#h-navi table {
	margin : 0px auto;
	height : 32px;
}

div#header div#h-main div#h-navi table tr td {
	padding : 0px 10px;
}

div#header div#h-main div#h-navi table tr td a,
div#header div#h-main div#h-navi table tr td a:visited,
div#header div#h-main div#h-navi table tr td a:link {
	font-weight : bold;
	color : #888;
	text-decoration : none;
}

div#header div#h-main div#h-navi table tr td a:active,
div#header div#h-main div#h-navi table tr td a:hover {
	color : #fff;
	text-decoration : underline;
}

div#header div#h-main div#h-ad728x90 {
	width : 728px;
	height : 90px;
	margin : 10px auto 0px auto;
}



/********************************************************************
	コンテナ
********************************************************************/
div#container {
	width : 900px;
	margin : 210px auto 0px auto;
	background : url('./imgs/container-middle.png') repeat-y center top;
}

div#container div#c-top {
	width : 100%;
	height : 7px;
	background : url('./imgs/container-top.png') no-repeat center top;
	overflow : hidden;
}

div#container div#c-bottom {
	clear : both;
	width : 100%;
	height : 7px;
	background : url('./imgs/container-bottom.png') no-repeat center top;
	overflow : hidden;
}



/********************************************************************
	メイン
********************************************************************/
div#main {
	float : right;
	width : 650px;
	font-size : 14px;
}

div#main a,
div#main a:visited,
div#main a:link {
	color : #b08020;
}

div#main a:active,
div#main a:hover {
	color : #877;
}

div#main ul.desc {
	margin : 5px 15px 15px 15px;
}

div#main ul.desc li {
	font-size : 13px;
	line-height : 1.7em;
	text-align : right;
	list-style-type : none;
}



/********************************************************************
	トピック一覧テーブル
********************************************************************/
div#main table.topics {
	width : 620px;
	margin : 0px 0px 15px 15px;
	background : #D8D5CE;
}

div#main table.topics tr th {
	background : #CECBC4;
	font-size : 12px;
	font-weight : normal;
	padding : 2px;
}

div#main table.topics tr td {
	background : #ECE9E2;
	font-size : 12px;
	padding : 2px;
}

div#main table.topics tr td.t-title {
	width : 51%;
}

div#main table.topics tr td.t-name,
div#main table.topics tr td.t-last {
	font-size : 11px;
	width : 16%;
	text-align : center;
}

div#main table.topics tr td.t-date {
	font-size : 10px;
	width : 17%;
	text-align : center;
}

div#main ul.np {
	margin : 0px 5px 15px 15px;
}

div#main ul.np li {
	display : inline;
	margin-right : 1em;
	font-size : 13px;
}



/********************************************************************
	投稿フォーム
********************************************************************/
form#regist_form {
	width : 620px;
	margin : 5px 10px 5px 15px;
}

form#regist_form fieldset {
	border : 1px solid #D8D5CE;
}

form#regist_form fieldset legend {
	font-size : 15px;
	font-weight : bold;
}

form#regist_form fieldset dl {
	margin : 5px 10px;
}

form#regist_form fieldset dl dt {
	font-size : 13px;
}

form#regist_form fieldset dl dd {
	margin-bottom : 15px;
}

form#regist_form fieldset dl dd input.edit-box {
	font-family : monospace;
	font-size : 13px;
	width : 400px;
	padding : 2px;
	border : 1px solid #CECBC4;
	background : #fffef7;
}

form#regist_form fieldset dl dd textarea {
	font-family : monospace;
	font-size : 13px;
	width : 590px;
	padding : 2px;
	border : 1px solid #CECBC4;
	background : #fffef7;
}

form#regist_form fieldset p.submit {
	margin : 5px 10px 10px 0px;
	text-align : right;
}

form#regist_form fieldset p.submit input {
	padding : 3px 10px;
}



/********************************************************************
	投稿記事（親）
********************************************************************/
div#main div#article-main {
	width : 620px;
	margin : 5px 0px 15px 15px;
	background : url('./imgs/article-main.png') repeat-y;
	font-size : 13px;
}

div#main div#article-main div#article-top {
	width : 620px;
	min-height : 32px;
	_height : 32px;
	background : url('./imgs/article-top.png') no-repeat;
	overflow : hidden;
}

div#main div#article-main div#article-bottom {
	width : 620px;
	height : 15px;
	background : url('./imgs/article-bottom.png') no-repeat;
	overflow : hidden;
	clear : both;
}

div#main div#article-main div#artive-top h1, h3, h5 {
	margin : 10px 10px 5px 10px;
	font-size : 16px;
	font-weight : normal;
	border-bottom : 1px dashed #c6c3bc;
	color : #579;
}

div#main div#article-top h1 {
	font-size : 18px;
	font-weight : normal;
	color : #579;
	margin : 5px 15px 0px 15px;
	border-bottom : 1px dashed #79b;
}

div#main div#article-main ul {
	margin : 10px 15px 15px 15px;
}

div#main div#article-main ul li {
	list-style-type : none;
	font-size : 15px;
	color : #59d;
	line-height : 1.6em;
}

div#main div#article-main ul li a,
div#main div#article-main ul li a:visited,
div#main div#article-main ul li a:link {
	color : #59d;
	text-decoration : underline;
	font-weight : bold;
}

div#main div#article-main ul li a:active,
div#main div#article-main ul li a:hover {
	color : #f00;
}

div#main div#article-main p.article-text {
	margin : 0px 15px 10px 15px;
}

div#main div#article-main p.article-date {
	font-size : 11px;
	text-align : right;
	margin : 5px 15px 0px 0px;
	color : #888;
}

.response {
	font-size : 14px;
	font-weight : normal;
}

div#main div#form {
	margin-top : 25px;
}

div#main div#form h2 {
	margin : 0px 15px;
	font-size : 18px;
	color : #888;
	border-bottom : 1px dashed #ccc;
}

div#main div#form ul {
	margin : 5px 15px 15px 35px;
	color : #f00;
}



/********************************************************************
	投稿記事（子）
********************************************************************/
div#main div#article-main div.res-top {
	width : 600px;
	height : 5px;
	margin : 10px 0px 0px 10px;
	background : url('./imgs/res-top.png') no-repeat;
	overflow : hidden;
}

div#main div#article-main div.res-main {
	width : 600px;
	margin : 0px 0px 0px 10px;
	background : #E2DFD8;
}

div#main div#article-main div.res-bottom {
	width : 600px;
	height : 5px;
	margin : 0px 0px 5px 10px;
	background : url('./imgs/res-bottom.png') no-repeat;
	overflow : hidden;
}

div#main div#article-main div.res-main h5 {
	font-size : 16px;
	font-weight : normal;
	margin : 0px 15px 0px 15px;
	color : #68a;
	border-bottom : 1px dashed #68a;
}

div#main div#article-main div.res-main p.res-text {
	margin : 0px 15px 10px 15px;
}

div#main div#article-main div.res-main p.res-date {
	font-size : 11px;
	text-align : right;
	margin : 5px 15px 0px 0px;
	color : #888;
}



/********************************************************************
	ヘルプ
********************************************************************/
div#main div#article-top h6 {
	font-size : 18px;
	margin : 5px 15px 10px 15px;
}

div#main div#article-main ul.help {
	margin : 0px 15px 0px 30px;
}

div#main div#article-main ul.help li {
	margin : 0px;
	padding : 0px;
	color : #800;
	font-weight : bold;
	font-size : 15px;
	list-style-type : disc;
	line-height : 1.7em;
}

div#main div#article-main ul.help li ul {
	margin : 0px 0px 0px 15px;
}

div#main div#article-main ul.help li ul li {
	font-size : 13px;
	color : #000;
	font-weight : normal;
	line-height : 1.9em;
	list-style-type : circle;
}



/********************************************************************
	ログ検索
********************************************************************/
div#main div#artivle-main ul.search-msg {
	margin : 0px 0px 5px 5px;
}

div#main div#article-main ul.search-msg li {
	font-size : 14px;
	color : #f00;
	list-style-type : disc;
	margin-left : 30px;
}

form.search-form {
	width : 600px;
	margin : 0px 0px 10px 10px;
}

form.search-form fieldset {
	border : 1px solid #D8D5CE;
}

form.search-form fieldset legend {
	font-size : 15px;
	font-weight : bold;
}

form.search-form fieldset dl {
	margin : 5px 10px;
}

form.search-form fieldset dl dt {
	font-size : 13px;
}

form.search-form fieldset dl dd {
	margin-bottom : 10px;
}

form.search-form fieldset dl dd input.edit-box {
	font-family : monospace;
	font-size : 13px;
	padding : 2px;
	border : 1px solid #CECBC4;
	background : #fffef7;
	width : 500px;
}

form.search-form fieldset p {
	margin : 0px 10px 10px 10px;
}

form.search-form fieldset p input {
	padding : 3px 10px;
}

div#search-main {
	width : 620px;
	margin : 5px 0px 15px 15px;
	background : url('./imgs/article-main.png') repeat-y;
	font-size : 13px;
}

div#search-main div#search-top {
	width : 620px;
	min-height : 32px;
	_height : 32px;
	background : url('./imgs/article-top.png') no-repeat;
	overflow : hidden;
}

div#search-main div#search-bottom {
	width : 620px;
	height : 15px;
	background : url('./imgs/article-bottom.png') no-repeat;
	overflow : hidden;
}

div#search-main div#search-top h6 {
	font-size : 15px;
	margin : 5px 0px 0px 15px;
}

div#search-main div.parent-top {
	width : 600px;
	height : 5px;
	background : url('./imgs/parent-top.png') no-repeat;
	margin : 5px 0px 0px 10px;
	overflow : hidden;
}

div#search-main div.parent-main {
	width : 600px;
	background : #fff;
	margin : 0px 0px 0px 10px;
}

div#search-main div.parent-bottom {
	width : 600px;
	height : 5px;
	background : url('./imgs/parent-bottom.png') no-repeat;
	margin : 0px 0px 10px 10px;
	overflow : hidden;
}

div#search-main div.parent-main h1 {
	font-size : 18px;
	margin : 5px 15px;
	color : #68a;
	border-bottom : 1px dashed #68a;
}

div#search-main div.parent-main p.parent-name {
	font-size : 15px;
	margin : 5px 15px;
	color : #79b;
}

div#search-main div.parent-main p.parent-text {
	font-size : 13px;
	margin : 5px 15px;
}

div#search-main div.parent-main p.parent-date {
	font-size : 11px;
	margin : 5px 15px 0px 0px;
	text-align : right;
}

div#search-main div.resp-top {
	width : 600px;
	height : 5px;
	background : url('./imgs/res-top.png') no-repeat;
	margin : 5px 0px 0px 10px;
	overflow : hidden;
}

div#search-main div.resp-main {
	width : 600px;
	background : #E2DFD8;
	margin : 0px 0px 0px 10px;
}

div#search-main div.resp-bottom {
	width : 600px;
	height : 5px;
	background : url('./imgs/res-bottom.png') no-repeat;
	margin : 0px 0px 10px 10px;
	overflow : hidden;
}

div#search-main div.resp-main h4 {
	font-size : 16px;
	margin : 5px 15px;
	color : #a68;
	border-bottom : 1px dashed #a68;
	font-weight : normal;
}

div#search-main div.resp-main p.resp-name {
	font-size : 15px;
	margin : 5px 15px;
	color : #79b;
}

div#search-main div.resp-main p.resp-text {
	font-size : 13px;
	margin : 5px 15px;
}

div#search-main div.resp-main p.resp-date {
	font-size : 11px;
	margin : 5px 15px 0px 0px;
	text-align : right;
}

div#page,
div#navi {
	margin : 0px 15px 5px 17px;
}

div#page ul li {
	display : inline;
	margin-right : 1em;
	font-size : 13px;
}

div#navi ul li {
	display : inline;
	margin-right : 0.3em;
	font-size : 11px;
}



/********************************************************************
	記事編集
********************************************************************/
div#main div#article-main ul.edit {
	margin : 0px 10px 10px 15px;
}

div#main div#article-main ul.edit li {
	font-size : 14px;
	color : #009;
}

form.edit-form {
	width : 600px;
	margin : 5px 0px 10px 10px;
}

form.edit-form fieldset {
	border : 1px solid #D8D5CE;
}

form.edit-form fieldset legend {
	font-size : 15px;
	font-weight : bold;
}

form.edit-form fieldset dl {
	margin : 5px 10px;
}

form.edit-form fieldset dl dt {
	font-size : 13px;
}

form.edit-form fieldset dl dd {
	margin-bottom : 10px;
}

form.edit-form fieldset dl dd input.edit-box {
	font-family : monospace;
	font-size : 13px;
	padding : 2px;
	border : 1px solid #CECBC4;
	background : #fffef7;
	width : 200px;
}

form.edit-form fieldset p {
	margin : 0px 10px 15px 10px;
}

form.edit-form fieldset p input {
	padding : 2px 10px;
}

form.edit-form fieldset table {
	width : 577px;
	margin : 0px 0px 10px 10px;
	background : #D8D5CE;
}

form.edit-form fieldset table tr th {
	background : #CECBC4;
	font-size : 12px;
	font-weight : normal;
	padding : 2px;
}

form.edit-form fieldset table tr th.title {
	text-align : left;
	padding-left : 0.5em;
}

form.edit-form fieldset table tr td {
	background : #ECE9E2;
	font-size : 12px;
	padding : 2px;
	text-align : center;
}

form.edit-form fieldset table tr td.subject {
	text-align : left;
	padding-left : 0.5em;
}

form.edit-form fieldset table tr td.subject span {
	color : #f00;
}

form.edit-form fieldset textarea {
	width : 500px;
}



/********************************************************************
	管理者
********************************************************************/
div#main div#form form {
	width : 620px;
	margin : 0px 0px 0px 15px;
}

div#main div#form form fieldset {
	border : 1px solid #D8D5CE;
}

div#main div#form form fieldset legend {
	font-size : 15px;
	font-weight : bold;
}

div#main div#form form fieldset dl {
	margin : 5px 10px 10px 10px;
}

div#main div#form form fieldset dl dt {
	font-size : 13px;
}

div#main div#form form fieldset dl dd {
	margin-bottom : 10px;
}

div#main div#form form fieldset ul {
	margin : 0px 0px 0px 10px;
}

div#main div#form form fieldset ul li {
	list-style-type : none;
	color : #000;
	font-size : 13px;
}

div#main div#form form fieldset p {
	margin : 5px 10px 10px 10px;
}

div#main div#form form fieldset p input {
	padding : 2px 10px;
}



/********************************************************************
	サイドバー
********************************************************************/
div#sidebar {
	float : left;
	width : 250px;
}

div#sidebar dl {
	margin : 5px 12px 5px 15px;
}

div#sidebar dl dt {
	font-family : 'Comic Sans MS',Verdana,sans-serif;
	font-size : 16px;
	color : #777;
	border-bottom : 1px dashed #bbb;
	margin-bottom : 3px;
}

div#sidebar dl dd {
	margin-bottom : 2em;
	font-size : 13px;
}

div#sidebar dl dd ul {
	margin-left : 20px;
}

div#sidebar dl dd ul li {
	line-height : 1.8em;
}

div#sidebar dl dd ul li.rss {
	list-style-image : url('./imgs/rss.png');
}

div#sidebar dl dd a,
div#sidebar dl dd a:visited,
div#sidebar dl dd a:link {
	text-decoration : none;
	color : #b08020;
}

div#sidebar dl dd a:active,
div#sidebar dl dd a:hover {
	text-decoration : underline;
	color : #877;
}

div#sidebar dl dd dl {
	margin : 0px;
}

div#sidebar dl dd dl dt {
	margin : 0px 0px 0px 10px;
	border : none;
	font-family : sans-serif;
	font-size : 12px;
}

div#sidebar dl dd dl dd {
	margin : 0px 0px 10px 10px;
}

div#sidebar dl dd dl dd img {
	border : none;
}



/********************************************************************
	フッタ
********************************************************************/
div#footer {
	width : 100%;
	height : 200px;
}

div#footer div#f-main {
	width : 900px;
	margin : 10px auto;
	overflow : hidden;
}

div#footer div#f-main div#f-ad728x15 {
	width : 728px;
	height : 15px;
	margin : 0px auto;
}

div#footer div#f-main div#f-navi {
	clear : both;
	width : 100%;
	height : 32px;
	background : url('./imgs/h-navi.png') no-repeat;
	font-family : Verdana,Arial,sans-serif;
	font-size : 16px;
	color : #fff;
	text-align : center;
	margin-top : 10px;
}

div#footer div#f-main div#f-navi table {
	margin : 0px auto;
	height : 32px;
}

div#footer div#f-main div#f-navi table tr td {
	padding : 0px 10px;
}

div#footer div#f-main div#f-navi table tr td a,
div#footer div#f-main div#f-navi table tr td a:visited,
div#footer div#f-main div#f-navi table tr td a:link {
	font-weight : bold;
	color : #888;
	text-decoration : none;
}

div#footer div#f-main div#f-navi table tr td a:active,
div#footer div#f-main div#f-navi table tr td a:hover {
	color : #fff;
	text-decoration : underline;
}

div#footer div#f-main p {
	font-family : Verdana,Arial,sans-serif;
	font-size : 15px;
	margin : 30px auto 0px auto;
	text-align : center;
	color : #c6c3bc;
}

div#footer div#f-main p a,
div#footer div#f-main p a:visited,
div#footer div#f-main p a:link {
	color : #e6e3dc;
	text-decoration : none;
	font-weight : bold;
}

div#footer div#f-main p a:active,
div#footer div#f-main p a:hover {
	color : #fff;
	text-decoration : underline;
}



/********************************************************************
	エラー
********************************************************************/
div#error {
	width : 400px;
	margin : 50px auto 0px auto;
	background : #e6e3dc;
	border : 3px solid #f00;
}

div#error h1 {
	font-size : 24px;
	margin-top : 5px;
	text-align : center;
	color : #f00;
}

div#error ul {
	margin : 15px 15px 15px 30px;
}

div#error ul li {
	font-size : 14px;
	color : #000;
	line-height : 2em;
}

div#error ul li a,
div#error ul li a:visited,
div#error ul li a:link {
	color : #00f;
}

div#error ul li a:active,
div#error ul li a:hover {
	color : #f00;
}



/********************************************************************
	Ads
********************************************************************/
div.ad160x90 {
	width : 160px;
	height : 90px;
	margin-left : 5px;
}

div#main div#article-main div.ad300x250x2 {
	width : 600px;
	margin-left : 5px;
}

div#main div#article-main div.ad300x250x2 div.ad300x250_L {
	float : left;
	width : 300px;
	height : 250px;
	margin : 15px 0px 0px 0px;
	_margin-left : 0px; /* IE6 だとアカン orz */
}

div#main div#article-main div.ad300x250x2 div.ad300x250_R {
	float : right;
	width : 300px;
	height : 250px;
	margin : 15px 0px 0px 0px;
	_margin-right : 0px;
}