﻿@charset 'utf-8';
/*  このスキンの著作権は谷中シヴァ(Shiva's Box http://sbox.s6.xrea.com/)にあります。必ず利用規定に同意した上でご使用ください。 */
/* ----- HTML再定義 ------------------------------------ */

* {margin:0;padding:0;font-style:normal;font-weight:normal;font-variant:normal;font-size:12px;font-family :Verdana,osaka,Chicago,"ＭＳ Ｐゴシック",sans-serif;line-height:180%;color:#696969;}
body {padding:0px;background-color:#000000;}
p, li, dt, dd, address {font-size:12px;color:#696969;}
p {margin-bottom:15px;}
ul {margin:0px 0px 20px 20px;}
ul li ol li {margin:0px 20px 0px 25px;}
ul li ol {margin-bottom:10px;}
em {font-weight:bold;}
img {margin-right:10px;margin-bottom:5px;border:0px;}
object {margin-left:10px;}
pre {width:430px;margin:10px;padding:5px;border:1px solid #c0c0c0;overflow:auto;}
code, var, kbd {color:#c0c0c0;font-family:'ＭＳ ゴシック', monospace;line-height:1.2;}
blockquote {margin:10px;border-left:2px solid #c0c0c0;}
blockquote p {color:#999999;}
form fieldset {border:0px solid #000000;}
form legend {display:none;}
form input, form select {margin-right:1px;padding:1px;font-size:90%;line-height:normal;background:transparent;border:1px solid #c0c0c0;}
@media screen {form input, form select {font-family:Verdana, Arial, sans-serif;}}
form select {margin-top:1px;background-color:#000000;}
form p input {text-align:center;}
form textarea {padding:1px;font-family:'ＭＳ ゴシック', Osaka, monospace;line-height:1.2;background:transparent;border:1px solid #c0c0c0;}
table {margin-bottom:10px;border:1px solid #c0c0c0;border-collapse:collapse;}
table tr th {padding:5px;border:1px solid #c0c0c0;text-align:center;}
table tr td {padding:5px;border:1px solid #c0c0c0;}
table tr td input {margin:-2px;}
a:link {color:#808080;}
a:visited {color:#4f4f4f;}
a:hover {color:#75100b;}

/* ----- 基本構造 -------------------------------------- */

div#container {margin:0 auto 0 50px;padding:0;width:700px;background-color:#000000;}
div#header {float:right;margin:0;padding:0;width:550px;height:150px;background:url(../img/header.jpg) no-repeat 0% 0% #000000;}
div#menu {float:none;clear:both;margin-bottom:10px;}
div#navigation {float:left;margin:0;padding:150px 0 0 0;width:150px;background:#ffffff url(../img/menu1.gif) no-repeat 50% 0%;}
div#logs {float:right;margin:0;padding:0;background-color:#000000;}
div#gallery, div#comment, div#trackback {margin:0px;}
div#page, div#navi2, div#contents, div#work, div#form, div#env, div#status {float:none;clear:both;}
div#form2, div#contents2 {width:500px;}
div#contents, div#work, div#form, div#canvas, div#env, div#status, div#navi {margin-left:200px;width:500px;}
div#footer {clear:both;margin:0;padding:20px 70px 30px 0;background:#000000 url(../img/footer.jpg) no-repeat 100% 100%;}
/* ----- ヘッダー -------------------------------------- */

div#header h1 {margin:0;padding:1em 0 0 0;font-size:30px;font-weight:bold;font-family:"century gothic","sans-serif";color:#ffffff;text-align:right;}
div#header h1 a {text-decoration:none;font-size:30px;font-weight:bold;font-family:"century gothic","sans-serif";}
div#header h1 a:link {color:#ffffff;}
div#header h1 a:visited {color:#ffffff;}
div#header h1 a:hover {color:#c0c0c0;}
div#header p {margin:0px;font-size:13px;text-align:right;}

/* ----- メニュー -------------------------------------- */

div#menu h2{display:none;}
div#menu ul{margin:5px 0px;text-align:right;}
div#menu ul li{display:inline;margin-left:10px;}

/* ----- ナビゲーション -------------------------------- */

div#navigation h2 {margin:7px 0px 10px 0px;padding:5px 0px;color:#333333;background:url(../img/on.gif) no-repeat 50% 50%;}
div#navigation ul {margin:0px;}
div#navigation ul li {margin:0px;list-style-type:none;}
div#navigation li a {text-decoration:none;font-family:"century gothic","sans-serif";}
div#navigation ul li ul {margin:0px;}
div#navigation dl {margin:0px;}
div#navigation dl dt {}
div#navigation dl dt a {text-decoration:none;font-family:"century gothic","sans-serif";}
div#navigation dl dd {}
div#navigation form dl {}
div#navigation form dl dt {display:none;}
div#navigation form dl dd {}
div#navigation form p {margin-left:2px;margin-bottom:0px;}
div#navigation table {width:140px;margin:-2px 0px 2px 2px;border:0px solid #c0c0c0;}
@media screen {div#navigation table {margin:-2px auto 2px auto;}}
div#navigation table tr th {padding:1px;font-size:10px;border:0px solid #c0c0c0;text-align:center;}
div#navigation table tr td {padding:1px;font-size:10px;border:0px solid #c0c0c0;text-align:center;}
@media screen {div#navigation table tr td {padding:1px;font-size:10px;}}
div#navigation .day {font-size:10px;color:#696969;}
div#navigation .satday {font-size:10px;color:#75100b;}
div#navigation .sunday {font-size:10px;color:#ff0000;}
div#navigation .today {background-color:#eeeeee;}
div#navigation .calender {margin:2px 0px;text-align:center;}
div#navigation .calender li {display:inline;margin-left:2px;margin-right:2px;}
div#navigation .block {margin-bottom:10px;padding-bottom:20px;text-align:center;}
div#navigation .foot {margin:0px;padding:0px;background:#000000;}
div#navigation .foot img {margin:0px;padding:0px;}

/* ----- 作品一覧 -------------------------------------- */

div#logs {width:500px;}
div#gallery .gallery {margin-bottom:10px;}
div#gallery .images {margin-left:10px;}
div#gallery .image {float:left;margin-bottom:15px;}
div#gallery .image img {margin:1px;}
div#gallery .image {text-align:center;}
div#gallery .image .explain {width:90px;text-align:center;font-size:10px;}
div#gallery h2 {display:none;}
div#gallery h3 {float:none;clear:both;margin:1em 0 20px 0;padding:0.6em 2em;_height:20px;font-size:1.1em;font-weight:bold;color:#ffffff;background:url(../img/h2.jpg) no-repeat 0% 50%;}
div#gallery h4 {float:none;clear:both;margin:10px;}
div#gallery .text * {font-size:x-small;}
html>body div#gallery .text * {font-size:small;}
div#gallery .text p {margin:15px 10px;}
div#gallery .text ul {margin:15px 30px;}
div#gallery .text ol {margin:15px 40px;}
div#gallery dl.detail {margin:15px 10px;padding:10px;}
div#gallery dl.detail dt {float:left;clear:left;width:6em;}
div#gallery dl.detail dd {}
div#gallery .text .navi {margin:0px 10px;}
div#gallery .text .navi * {font-size:10px;}
div#gallery .text .navi ul {margin-left:-10px;}
div#gallery .text .navi li {display:inline;margin-right:10px;}
div#gallery .info {margin:5px 10px;text-align:right;}
div#gallery .info * {font-size:10px;}
div#gallery .info li {display:inline;margin-left:5px;}
div#gallery .list {margin:0px 0px 10px 20px;padding:5px 10px;}
div#gallery .list h4 {margin:0.5em 0;padding:0;font-size:1em;font-weight:bold;color:#c0c0c0;}
div#gallery .list ul {margin:0px 0px 10px 20px;}
div#gallery .list dl dt {margin:0px 5px;font-weight:bold;}
div#gallery .list dl dd {margin:10px 10px 0px 15px;}
div#trackback h2 {margin-bottom:15px;padding:3px;font-weight:bold;color:#c0c0c0;border-bottom:3px double #999999;}
div#trackback dl {margin-bottom:10px;padding:2px 2px 10px 2px;border:1px solid #555555;}
div#trackback dl dt {margin-top:10px;margin-left:10px;}
div#trackback dl dd {margin-left:30px;}
div#comment .comment {margin-bottom:10px;padding:2px 2px 10px 2px;border:1px solid #555555;}
div#comment h2 {margin-bottom:15px;padding:3px;font-size:1em;font-weight:bold;color:#c0c0c0;border-bottom:3px double #999999;}
div#comment h3 {margin:5px 5px 10px 5px;padding:5px;}
div#comment .text * {font-size:x-small;}
html>body div#comment .text * {font-size:small;}
div#comment .text p {margin:10px;}

/* ----- ページ移動 ------------------------------------ */

div#page h2 {display:none;}
div#page ul {margin:0px;text-align:center;}
div#page ul li {display:inline;margin-right:10px;}
div#logs div#page ul {margin:0px;}

/* ----- ナビゲーション -------------------------------- */

div#navi h2, div#navi2 h2 {display:none;}
div#navi ul, div#navi2 ul {margin:5px 0px;text-align:center;}
div#navi ul li, div#navi2 ul li {display:inline;margin-left:2px;margin-right:2px;}
div#navi form dl, div#navi2 form dl {}
div#navi form dl dt, div#navi2 form dl dt {display:none;}
div#navi form dl dd, div#navi2 form dl dd {float:left;}
div#navi form input, div#navi2 form input {padding:0px;}
div#logs div#navi ul {margin:5px 0px;}

/* ----- コンテンツ ------------------------------------ */

div#contents h2 {margin:1em 0 0 0;padding:0.6em 2em;font-size:1.1em;font-weight:bold;color:#ffffff;background:url(../img/h2.jpg) no-repeat 0% 50%;}
div#contents h3, div#contents2 h3 {margin-bottom:15px;padding:3px;font-weight:bold;color:#c0c0c0;border-bottom:1px solid #c0c0c0;}
div#contents h4, div#contents2 h4 {margin-bottom:10px;}
div#contents dl, div#contents2 dl {margin-bottom:20px;}
div#contents dl dt {margin-top:10px;}
div#contents2 dl dt {margin-top:10px;margin-left:10px;}
div#contents dl dd, div#contents2 dl dd {margin-left:30px;}
div#contents2 h2 {margin-bottom:15px;padding:3px;font-size:1em;font-weight:bold;color:#c0c0c0;border-bottom:3px double #c0c0c0;}

/* ----- 処理選択 -------------------------------------- */

div#work h2 {margin:1em 0 0 0;padding:0.6em 2em;font-size:1.1em;font-weight:bold;color:#ffffff;background:url(../img/h2.jpg) no-repeat 0% 50%;}
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#form h2 {margin:1em 0 0 0;padding:0.6em 2em;font-size:1.1em;font-weight:bold;color:#ffffff;background:url(../img/h2.jpg) no-repeat 0% 50%;}
div#form form, div#form2 form {margin-bottom:10px;}
div#form form dl, div#form2 form dl {margin-bottom:20px;}
div#form form dl dt, div#form2 form dl dt {float:left;clear:left;width:5em;}
div#form form dl dd textarea, div#form2 form dl dd textarea {margin-top:2px;}
div#form form ul, div#form2 form ul {margin:0px 0px 20px 0px;}
div#form form ul li, div#form2 form ul li {list-style-type:none;}
div#form2 h2 {margin-bottom:15px;padding:3px;font-size:1em;font-weight:bold;color:#c0c0c0;border-bottom:3px double #c0c0c0;}

/* ----- 環境設定 -------------------------------------- */

div#env h2 {margin:1em 0 0 0;padding:0.6em 2em;font-size:1.1em;font-weight:bold;color:#ffffff;background:url(../img/h2.jpg) no-repeat 0% 50%;}
div#env h3 {margin-bottom:15px;padding:3px;font-weight:bold;color:#c0c0c0;border-bottom:1px solid #c0c0c0;}
div#env dl {margin-bottom:20px;}
div#env dl dd {margin-bottom:10px;}
div#env form {margin-bottom:20px;}

/* ----- ステータス ------------------------------------ */

div#status h2 {margin:1em 0 0 0;padding:0.6em 2em;font-size:1.1em;font-weight:bold;color:#ffffff;background:url(../img/h2.jpg) no-repeat 0% 50%;}
div#status h3 {margin-bottom:15px;padding:3px;font-weight:bold;color:#c0c0c0;border-bottom:1px solid #c0c0c0;}
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#footer ul {list-style-type:none;text-align:right;margin:0;padding:1em 0;}
div#footer li {list-style-type:none;display:inline;margin:0 0 0 1em;font-size:11px;color:#ffffff;}
div#footer li a {text-decoration:none;font-size:11px;color:#ffffff;}
div#footer address {display:inline;}

/* ----- 個別指定 -------------------------------------- */

.new {font-size:10px;color:#ff0000;}
.clap a {border:1px solid #c0c0c0;padding:3px;color:#ffffff;}
