@charset 'utf-8';

/* ----- HTML再定義 ------------------------------------ */

* {
	scrollbar-base-color       : #EEEEEE;
	scrollbar-arrow-color      : #555555;
	scrollbar-shadow-color     : #EEEEEE;
	scrollbar-darkshadow-color : #CCCCCC;
	scrollbar-track-color      : #C4A2B3;

	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-family:verdana;
	line-height: 1.2;
	font-size:13px;
}
html {
	overflow-y: scroll;
}
body {
	padding: 0px;
	background:#C4A2B3 url("./images/back.jpg") fixed;
	text-align:center;
	color:#555555;
}
body.mobile {
	text-align:left;
	background:#EEEEEE;
}
p {
	margin:10px 0px 10px 0px;
}
em {
	font-weight: bold;
}
img {
	margin-right: 10px;
	margin-bottom: 5px;
	border: 0px;
}
hr {
	height:1px;
	background-color:#777777;
	border:none;
	color:#777777;
	margin:5px 0px 5px 0px;
}
form  {
	text-align:left;
}
form fieldset,form p input {
	border:0px;
}
form input,textarea,select {
	border:solid 1px #CCCCCC;
	background:#EEEEEE;
}
form fieldset p input {
	padding:3px;
	margin:5px 5px 0px 0px;
	background:#555555;
	color:#EEEEEE;
	font-weight:bold;
	text-align:center;
}
.button {
	border:0px;
	padding2px;
	margin:2px;
	background:#555555;
	color:#EEEEEE;
	font-weight:bold;
	text-align:center;
}
form fieldset dt {
	float:left;
}

a {
	color:#555555;
	text-decoration: none;
}
a:hover {
	text-decoration:underline;
}
span.center {
	text-align:center;
}
blockquote {
	text-align:center;
}
dl dt {
	float:left;
}

/* ----- 基本構造 -------------------------------------- */

div#container {
	width: 768px;
	background  :#EEEEEE;
	margin: 0px;
	border-left: 0px solid #444444;
	border-right: 0px solid #444444;
	margin: 0px auto;
}
div#header {
	text-align:left;
	background  :#C4A2B3 url("./images/title.jpg");
	float: none;
	clear: both;
	height: 88px;
}
div#navigation {
	width:256px;
	float:left;
}
div#logs {
	width:512px;
	float:right;
}

div#diary, div#comment, div#trackback {
	margin: 0px 10px;
}

div#page, div#navi, div#contents, div#work, div#form, div#canvas, div#env, div#status {
	float: none;
	clear: both;
	padding: 0px 15px;
}
div#footer {
	float: none;
	clear: both;
}

/* ----- ヘッダー -------------------------------------- */

div#header h1 {
	position:absolute;
	top:62px;
	margin-left:10px;
}
div#header h1 a {
	color: #EEEEEE;
	font-size: 18px;
	text-decoration:none;
}
@media screen {
	div#header h1 a {
		font-family:verdana;
	}
}
div#header ul li a {
	font-weight: bold;
	color: #EEEEEE;
}
div#header ul li{
	text-align:right;
	list-style : none;
	position:relative;
	top:4px;
}
div#header p {
	margin: 0px 15px;
	display:none;
}
div#header a {
	color:#555555;
	text-decoration: none;
}
div#header a:hover {
	text-decoration:underline;
}

/* ----- メニュー -------------------------------------- */

div#menu h2 {
	display : none;
}
div#menu {
	text-align:center;
	height:30px;
	margin-top:10px;
}
div#menu ul {
	margin-left:7px;
}
div#menu li {
	text-align : center;
	display : block;
	border : 1px solid #555555;
	background : #C4A2B3 url("") ;
	color : #EEEEEE;
	font-weight : bold;
	margin:3px;
	width :100px;
	float : left;
}
div#menu li a {
	height:15px;
	text-align : center;
	display : block;
	background : #555555 url("") ;
	color : #EEEEEE;
	font-weight : bold;
	width :100px;
}
div#menu li a:hover,div#menu li a#current {
	background : #EEEEEE url("") ;
	color : #555555;
	font-weight : bold;
	text-decoration: none;
}

/* ----- ナビゲーション -------------------------------- */

div#navigation {
	clear:left;
	text-align:left;
}
div#navigation h2 {
	padding:5px;
	margin-bottom:10px;
	color:#EEEEEE;
	background-color:#555555;
}
div#navigation ul {
	margin: 0px 3px 10px 3px;
}
div#navigation ul li {
	margin: 0px 0px 2px 0px;
	list-style-type: none;
}

div#navigation table {
	width:100%;
	border: 0px solid #AAAAAA;
}
@media screen {
	div#navigation table {
        	margin: 0px auto 5px auto;
        }
}
div#navigation table tr * {
	text-align:center;
}
div#navigation table tr th {
	padding:5px;
	border: 0px solid #AAAAAA;
	background-color: #EEEEEE;
	text-align: left;
}
div#navigation table tr td {
	padding: 3px;
	border: 0px solid #AAAAAA;
	height:16px;
	text-align: center;
}
@media screen {
	div#navigation table tr td {
        	padding:5px;
        }
}

div#navigation .day {
	color: #444444;
}
div#navigation .satday {
	color: #4444CC;
}
div#navigation .sunday {
	color: #CC4444;
}
div#navigation .today {
	background-color: #C4A2B3;
}

div#navigation .calender {
	margin: 2px 0px;
}
div#navigation .calender li {
	display: inline;
	margin-right: 10px;
}
div#navigation .block {
	margin:0px 0px 10px 10px;
	padding:10px 10px 0px 10px;
	border: 1px solid #CCCCCC;
	background  : url("");
}
div#navigation .block td a {
	font-weight:bold;
}
div#navigation ul li a {
	display : block;
}

/* ----- 記事一覧 -------------------------------------- */

html>body div#logs {
}
div#diary {
	text-align:left;
}
div#diary .diary {
	margin-top:0px;
	margin-bottom:10px;
	padding:10px;
	border: 1px solid #CCCCCC;
}
div#diary h2 {
	display: none;
}
div#diary h3 {
	margin: 0px 0px 10px 0px;
	padding:5px;
	color: #EEEEEE;
	background-color: #555555;
}
div#diary h4 {
	font-weight:bold;
	border-bottom:solid 1px #C4A2B3;
	border-left:solid 10px #C4A2B3;
	margin:10px 0px 5px 0px;
	padding:5px;
}
div#diary div.right {
	font-weight:bold;
	margin-top:-15px;
	margin-right:10px;
	text-align:right;
}
div#diary div.right-s {
	font-size:10px;
	margin-top:10px;
	margin-right:10px;
	text-align:right;
}
html>body div#diary .text * {

}
div#diary .text p {
	margin:0px;
}
div#diary .text ul {
	list-style-type: none;
}
div#diary .text li {
	margin-bottom:10px;
	border-bottom:dashed 1px #CCCCCC;
}
div#diary .text ol {
	margin: 10px 40px;
}
div#diary .info {
	margin-top:10px;
	text-align: right;
}
div#diary .info * {
	font-size:x-small;
}
div#diary .info li {
	display: inline;
}
div#diary .list {
	border: 1px solid #CCCCCC;
	margin-top:0px;
	margin-bottom:10px;
	padding:10px;
	background  : url("");
}
div#diary .list h4 {
	border-bottom: 1px solid #CCCCCC;
	margin: 0px 0px 5px 0px;
	padding: 3px 5px;
	color: #444444;
	background-color: #EEEEEE;
}
div#diary .list ul li {
	list-style-type: none;
}

div#diary .list dl dt {
	width:48px;
}
div#diary .list form dl dt {
	width:64px;
}
div#diary .list a {
	display : block;
}
div#diary .cast dl dt {
	float:none;
	width:400px;
	font-weight:bold;
}
div#diary table {
	width:100%;
}
div#diary table th {
	font-size:11px;
	text-align:center;
	font-weight:bold;
	background:#555555;
	color:#EEEEEE;
	padding:2px;
}
div#diary .a 
{	font-size:11px;
	width:150px;
	background:#DDDDDD;
	padding:2px;
}
div#diary .b {
	font-size:11px;
	text-align:right;
	width:56px;
	background:#DDDDDD;
	padding:2px;
}
div#diary .c {
	font-weight:bold;
	float:left;
}
div#diary .d {
	float:left;
	margin-bottom:4px;
	width:64px;
	text-align:right;
}
div#diary .e {
	margin-left:24px;
	clear:left;
}
div#diary .f {
	width:48px;
	float:left;
	clear:left;
}
div#diary .g {
	width:108px;
	float:left;
}
div#diary .h 
	width:330px;
	float:left;
}
div#diary .i {
	float:left;
	width:72px;
}
div#diary .j {
	float:left;
	clear:left;
	width:80px;
}
div#diary  hr {
	height:1px;
	background-color:#CCCCCC;
	border:none;
	color:#CCCCCC;
	margin:5px 0px 5px 0px;
}

/* ----- コンテンツ ------------------------------------ */

div#contents {
	border:solid 1px #CCCCCC;
	margin:10px;
	padding:10px;
}
div#contents * {
	text-align:left;
}
div#contents h2 {
	padding:5px;
	color:#EEEEEE;
	background-color:#555555;
	border:solid 1px #CCCCCC;
}
div#contents h3 {
	margin-bottom: 15px;
	padding: 3px 0px;
	border-bottom: 1px double #999999;
}
div#contents h4 {
	margin-bottom: 10px;
}

div#contents dl {
	margin-bottom: 20px;
}
div#contents dl dt {
	margin-top: 10px;
}
div#contents ul {
	list-style-type: none;
	margin-left:0px;
}

/* ----- リンク集 -------------------------------------- */

div#link {
	width:369px;
	margin:0px 5px 0px 10px;
	float:left;
}
div#link *,
div#right * {
	text-align:left;
}
div#link .block {
	padding:10px;
	margin-bottom:10px;
	border: 1px solid #CCCCCC;
	text-align: center;
}
div#right {
	width:369px;
	margin:0px 10px 0px 5px;
	float:right;
}
div#right .list {
	padding:10px;
	margin-bottom:10px;
	border: 1px solid #CCCCCC;
}
div#link h3,
div#right h3 {
	color:#EEEEEE;
	background:#555555;
	padding:5px;
}
div#link h4,
div#right h4 {
	border-bottom:solid 1px #CCCCCC;
	border-left:solid 10px #CCCCCC;
	margin-top:10px;
	padding:5px;
}
div#link span,
div#right span {
	color:#C4A2B3;
}
div#link .r,
div#right .r {
	text-align:right;
	font-weight:bold;
	margin-top:-10px;
	margin-bottom:5px;
}
div#link .block dl,
div#right .list dl {
	height:80px;
	padding:5px;
	margin-bottom:10px;
	background:#DDDDDD;

}
div#link .block dl dt,
div#right .list dl dt {
	width:144px;
	height:80px;
}
div#link .block a:active, a:hover {
	color:#EEEEEE;
	background:#C4A2B3;
	text-decoration:none;
}

/* ----- 分割なし表示 -------------------------------------- */

div#indication {
	text-align:left;
	clear:left;
	margin:0px 10px 10px 10px;
	padding:10px;
	border:solid 1px #CCCCCC;
}
div#indication h3 {
	margin: 0px 0px 10px 0px;
	padding:5px;
	color: #EEEEEE;
	background-color: #555555;
}
div#indication h4 {
	font-weight:bold;
	border-bottom:solid 1px #CCCCCC;
	border-left:solid 10px #CCCCCC;
	margin:10px 0px 0px 0px;
	padding:5px;
}
div#indication table {
	width:726px;
	margin-top:5px;
	margin-bottom:5px;
}
div#indication table th.title {
	width:*;
	background:#CCCCCC;
	text-align:center;
	padding:2px;
}
div#indication table th.appearance {
	width:32px;
	background:#CCCCCC;
	text-align:center;
	padding:2px;
}
div#indication table th.writer {
	padding:2px;
	width:180px;
	background:#CCCCCC;
	text-align:center;
}
div#indication table th.publisher,
div#indication table th.date {
	padding:2px;
	width:120px;
	background:#CCCCCC;
	text-align:center;
}
div#indication .center {
	text-align:center;
}
div#indication ul li {
	margin: 5px 0px 10px 20px;
}

/* ----- 掲示板 -------------------------------------- */

div#board {
	clear:left;
	margin:5px 10px 10px 10px;
	padding:10px;
	border:solid 1px #CCCCCC;
	text-align:left;
}
div#board blockquote {
	text-align:left;
}

div#board h3 {
	margin: 0px;
	padding:5px;
	color: #EEEEEE;
	background-color: #555555;
}
div#board h4 {
	font-weight:bold;
	border-bottom:solid 1px #CCCCCC;
	border-left:solid 10px #CCCCCC;
	margin:5px 0px 10px 0px;
	padding:5px;
}

div#board hr {
	height:1px;
	background-color:#CCCCCC;
	border:none;
	color:#CCCCCC;
	margin:5px 0px 5px 0px;
}
div#board small {
	font-size:10px;
}
div#board .right {
	text-align:right;
}
div#board ul li {
	margin: 0px 0px 20px 10px;
}
div#board dl {
	width:600px;
	margin-left:100px;
	margin-top :10px;
}
div#board dt {
	width:72px;
	float:left;
	margin-bottom:3px;
	font-weight:bold;
}
div#board dd {
	margin-bottom:3px;
}
div#board table tr td {
	text-align:left;
	padding:3px;
}

/* ----- ページ移動 ------------------------------------ */

div#page h2 {
	display: none;
}

div#page ul {
	margin: 0px;
}
div#page ul li {
	display: inline;
	margin-right: 10px;
}

/* ----- ナビゲーション -------------------------------- */

div#navi h2 {
	display: none;
}

div#navi ul {
	margin: 5px 0px;

	text-align: right;
}
div#navi ul li {
	display: inline;

	margin-left: 5px;
}

div#navi form dl {
}
div#navi form dl dt {
	display: none;
}
div#navi form dl dd {
	float: left;
}
div#navi form input {
	padding: 0px;
}

/* ----- 管理モード　ステータス ------------------------------------ */

div#status * {
	text-align:left;
}
div#status h2 {
	margin-bottom: 15px;
	padding: 5px;
	border-top: 3px double #999999;
	border-bottom: 3px double #999999;
}
div#status h3 {
	margin-bottom: 15px;
	padding: 3px 0px;
	border-bottom: 1px double #999999;
}
div#status h4 {
	margin-bottom: 10px;
}

div#status dl {
	margin-bottom: 20px;
}
div#status dl dt {
	float: left;
	clear: left;
	width: 10em;
}
div#status dl dd {
}

/* ----- 管理モード　環境設定 -------------------------------------- */

div#env * {
	text-align:left;
}
div#env h2 {
	margin-bottom: 15px;
	padding: 5px;
	border-top: 3px double #999999;
	border-bottom: 3px double #999999;
}
div#env h3 {
	margin-bottom: 15px;
	padding: 5px;

	background-color: #EEEEEE;
}

div#env dl {
	margin-bottom: 20px;
}
div#env dl dd {
	margin-bottom: 10px;
}

div#env form {
	margin-bottom: 20px;
}
div#env form p {
	margin-bottom: 20px;
}

/* ----- 処理選択 -------------------------------------- */

div#work h2 {
	margin-bottom: 15px;
	padding: 5px;
	border-top: 3px double #999999;
	border-bottom: 3px double #999999;
}
div#work form {
	margin: 10px 0px;
}
div#work form dl dt {
	display: none;
}
div#work form dl dd {
	float: left;
}
div#work form input {
	padding: 0px;
}

/* ----- フッター -------------------------------------- */

div#footer * {
	margin:0px;
	text-align:left;
}
div#footer div {
	font-size:12px;
	padding:5px 10px 10px 10px;
	color:#EEEEEE;
	background-color: #555555;
}

div#footer a:link, div#footer a:visited {font-size:12px;
	color:#EEEEEE;
}
div#footer a:active, div#footer a:hover {
	color: #555555;
}

/* ----- 個別指定 -------------------------------------- */

.new {
	color:#FF0000;
}
span.star {
	color:#9E8E79;
}
span.seiko {
	color:#C4A2B3;
}
span.sayaka {
	color:#AB99BB;
}
span.piroko {
	color:#7F9EBD;
}
span.author {
	color:#9CA68B;
}

.renewal {
	margin:10px 0px 10px 0px;
	text-align:right;
	font-size:11px;
}
.menu{
	font-weight:bold;
	cursor : pointer;
	margin-left:5px;
	margin-top:5px;
	margin-bottom:5px;
}
.sub{
	display : none;
}