@charset "UTF-8";

/* CDP 002 css 07/03/30 */
/* Copyright (c) 2007 WebDesignTemplates[http://wdt.pekori.jp] All rights reserved. */

/* default */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

/* 全体設定 */
html {
	
}
body {
	font-size: 77%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background: #F2F2F4;
}
body#INDEX {
}
div#PAGETOP {
	width: 900px;
	margin: 0 auto;
	color: #666677;
	border: 1px solid #103460;
}
hr {
	display: none;
}
a:link {
	color: #a48400;
}
a:visited {
	color: #946400;
}
a:hover {
	color: #D1A121;
}
a:active {
	color: #D1A121;
}

div.warning {
    padding: 5px;
    width: 90%;
    margin: 10px 0;
	border: 1px solid gray;
    font-weight: bold;
	background-color: #eee;
}

div.notice {
    padding: 5px;
    width: 90%;
    margin: 10px 0;
	border: 1px solid gray;
    font-weight: bold;
	color: #245386;
	background-color: #eee;
    
}

/* ヘッダー */
div#HEADER {
	border-top: 4px solid #204460;
	border-bottom: 1px solid #204460;
	background: #406480;
}
h1 {
	padding: 12px 18px;
	font-size: 167%;
	letter-spacing: 0.2em;
	color: #EDEDEF;
}
#INDEX h1{
	padding: 10px 18px;
}
ul#PAN {
	position: relative;
	top: -10px;
	right: 0px;
	text-align: right;
}
ul#PAN{
	display: none;
}

#MENU
	{
	text-align: left;
	background: #448ab3;
	}
#BBSMENU{
	text-align: left;
	border-top: 1px solid #204460;
	border-bottom: 1px solid #204460;
	background: #406480;
	}
#ACTIVE
	{
	text-align: left;
	border-top: 1px solid #204460;
	border-bottom: 1px solid #204460;
	background: #406480;
	}
#MENU h2,#BBSMENU h2
	{
	display: none;
	}
#MENU ul,#ACTIVE ul,#BBSMENU ul
	{
	padding: 0.5em 25px;
	}
#MENU ul li,#ACTIVE ul li,#BBSMENU ul li
	{
	list-style: none;
	display: inline;
	}
#MENU ul li+li,#BBSMENU ul li
	{
	border-left: #ffffff solid 1px;
	margin: 0 0 0 6px;
	padding: 0 0 0 10px;
	}
/* WinIE6 */
* html #MENU li, * html #ACTIVE li, * html #BBSMENU li
	{
	border-right: #ffffff solid 1px;
	margin: 0 6px 0 0;
	padding: 0 10px 0 0;
	}

#MENU ul li a,#ACTIVE ul li a, * html #BBSMENU ul li a
	{
	color: #ddd;
	font-weight:bold;
	text-decoration:none;
	}
#ACTIVE ul li{
	color: #ddd;
	font-weight:bold;
	text-decoration:none;
}
#ACTIVE ul li+li
	{
	margin: 0 0 0 3px;
	padding: 0 0 0 3px;
	}
#MENU li a:hover,#ACTIVE li a:hover,
#MENU li a:active,#ACTIVE li a:active
	{
	color: #fff;
	text-decoration:none;
	}

#Info{
    padding: 5px;
    width:90%;
	border: 1px solid gray;
    margin-bottom: 2em;
}
#Info #name{
    font-weight:bold;
    font-size:1.5em;
}


/* 記事部分 */
div#KIZI {
	padding: 1em 15px;
	border: solid 4px #406480;
	background: #F9F8F6;
}
h2 {
	padding: 0.4em 0.5em 0.2em 0.1em;
	border-bottom: solid 1px #507EA1;
	color: #507EA1;
	font-size: 115%;
	letter-spacing: 0.2em;
}
div.text {
	margin: 0.6em 3em 2em 0.2em;
	line-height: 1.8;
	letter-spacing: 0.1em;
	color: #222222;
}
.text p {
	margin-bottom: 1em;
}
h3 {
	padding: 0.7em 0 0.4em 0.1em;
	letter-spacing: 0.2em;
	color: #507EA1;
}
h4 {
	padding: 0.7em 0 0.4em 0.1em;
	letter-spacing: 0.1em;
	color: #507EA1;
}
h5,h6 {
	padding: 0.7em 0 0.1em 0.1em;
}
.text ul.modori {
	text-align: right;
	font-size: 77%;
	list-style: none;
}
.modori a:link,.modori a:visited{
	color: #507EA1;
}

/* リスト */
.text ol {
	margin: 0 0 1em 35px;
	list-style: decimal;
}
.text ul {
	margin: 0 0 1em 35px;
}
dl {
	margin: 0 0 1em 5px;
}
dt {
	color: #B15131;
	font-weight: bold;
}
dd {
	margin: 0 0 1em 0.2em;
}


div#main table{
	margin: 0px 0px 20px 40px;
    border-collapse: collapse;
}

table.border td {
	padding:3px;
	margin:0px;
	border: 1px solid gray;
}

table.border th {
	padding: 3px;
	margin: 0px;
	border: 1px solid gray;
	color: #fff;
	background-color: #245386;
}

/* フッター */
div#FOOTER {
	border-top: 1px solid #204460;
	border-bottom: 4px solid #204460;
	background: #507EA1 url(img/menu_bg.png);
}
#FOOTER h2 {
	display: none;
}
#FOOTER ul {
	text-align: center;
	padding: 0.8em 1.5em;
}
#FOOTER li {
	display: inline;
	padding: 0 0.5em;
	font-size: 92%;
}
#FOOTER a{
	color: #EDEDEF;
	text-decoration: none;
}
address {
	display: inline;
}

/* 強調・追加・削除 */
em {
	font-weight: bold;
}
strong{
	font-weight: bold;
	color: #B15131;
}
ins {
	text-decoration: underline;
}
del {
	text-decoration: line-through;
}

/* フォーム */

input {
	margin-top: 0.5em;
}
input#TEXT {
	border: solid 1px #507EA1;
}
input#BUTTON {
	padding: 3px 0.5em;
	border: solid 1px #507EA1;
	background: #EDEDEA;
}
textarea {
	margin-top: 0.5em;
	border: solid 1px #507EA1;
}
select {
	margin-top: 0.5em;
	border: solid 1px #507EA1;
}

/* 引用 */
blockquote {
	padding-left: 0.8em;
	margin: 1em;
	border-left: 2px dashed #EAEAED;
}
cite,q {
	text-decoration: underline;
}

/* 整形済みテキスト */
pre {
	padding: 0.3em;
	border: solid 1px #DADADC;
	font-size: 92%;
	font-family: monospace;
}

/* 物理要素 */
b { font-weight: bold; } /* 太字 */
i { font-style: italic; } /* 斜体 */
big { font-size: 107%; } /* 文字大 */
small { font-size: 85%; } /* 文字小 */
tt { font-family: monospace; } /* 等幅 */

span.itemname{
    color:gray;
    font-weight: bold;
}
span.chatdate{
    color: #999;
    font-size: x-small;
}

div.message{
    padding: 5px;
    width: 90%;
    margin: 10px 0;
	border: 1px solid navy;
	border-right : 10px solid navy;
	background-color: #fff;
}

div.message_sent{
    padding:5px;
    margin-right:5px;
    width: 90%;
    margin: 10px 0;
	border: 1px solid gray;
	border-right : 10px solid gray;
	background-color: #fff;
}


ul.talk_log{
    height: 30em;
    overflow: auto;
}

#connectStatus{
}

ul.talk_log li.system,
ul.talk_log_noscroll li.system{
    color: #666;
    list-style:none;    
}
#MENU ul li a,#ACTIVE ul li a, * html #BBSMENU ul li a
	{
	color: #ddd;
	font-weight:bold;
	text-decoration:none;
	}
	
#ACTIVE ul li span.temp a{
    color: #AAA;
}