@charset 'utf-8';

/*
	witchmakers-SKIN
	wm270
	lastup 070927
	http://www.usamimi.info/~witchmakers/
*/

/*
　⇒　☆で検索すると、大まかな色指定部分にヒットします
　⇒　記事本文内の装飾は下の方の【本文装飾】でまとめて指定しています
*/

/* ==========================================
		リセット
========================================== */
html,body,div,
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,
p,pre,blockquote,address,
table,tr,th,td,
fieldset,form,input,textarea {
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
}
address,caption,code,th,em {
	font-style: normal;
	font-weight: normal;
}
fieldset,img {
	border: 0;
}
ol,ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th {
	text-align: left;
}
/* ------------------------------------------
		∩( ・ω・)∩
------------------------------------------ */
div {/*　for IE 5.5-7　*/
	zoom: 1;
}
div:after {/*　for modern browser　*/
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
/* ==========================================
		基本
========================================== */
body {
	line-height: 1.5;
	color: #CCCCCC;/*　☆ 基本文字色　*/
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, Osaka, verdana, "ＭＳ Ｐゴシック", sans-serif;
}
th,td {
	line-height: 1.5;
	font-size: 12px;
}
h1,h2,h3,h4,h5,h6 {
	letter-spacing: 5px;
	color: #DCDCDC;
	font-weight: bold;
}
strong {
	font-weight: bold;
}
em {
	font-weight: bold;
}
ins {
	text-decoration: none;
	border-bottom: 1px dashed #333333;
}
/* ------------------------------------------
		フォーム
------------------------------------------ */
legend {
	display: none;
}
input,textarea,select {
	background: #333333;
	border: 1px solid #E0E0E0;
	color: #909090;
	font-family: "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, Osaka, "ＭＳ Ｐゴシック", sans-serif;
}
/* ------------------------------------------
		リンク　☆
------------------------------------------ */
a:link {
	text-decoration: none;
	color: #FF9900;
}
a:visited {
	text-decoration: none;
	color: #FFCC00;
}
a:hover {
	text-decoration: none;
	color: #E0E0E0;
}
a:active {
	text-decoration: none;
	color: #D554A0;
}
/* ------------------------------------------
		スクロールバー（☆IE）
------------------------------------------ */
html {
	scrollbar-face-color: #F0F0F0;
	scrollbar-highlight-color: #F0F0F0;
	scrollbar-shadow-color: #F0F0F0;
	scrollbar-3dlight-color: #F0F0F0;
	scrollbar-darkshadow-color: #F0F0F0;
	scrollbar-track-color: #A0A0A0;
	scrollbar-arrow-color: #A0A0A0;
}
/* ==========================================
		構造
========================================== */
body {
	text-align: left;
	background: url(./img/pattern00.gif) right top repeat-x #000000;/*　☆上の方の背景画像　＆　全体の背景色　*/
}
#container {
	position: relative;
}
#header {
	height: 160px;
	background: url(./img/header.gif) right top no-repeat;/*　☆ヘッダの右端のポイント画像　*/
}
#menu {
	position: absolute;
	top: 3px;
	right: 15px;
}
#navigation {
	position: absolute;
	top: 160px;
	left: 0px;
	width: 245px;
}
#information {
	position: absolute;
	top: 160px;
	right: 0px;
	width: 245px;
}
#diary {
	margin: 0px 245px 0px 245px;
}
#trackback,#comment,
#page,#navi,
#contents,#form,#work,#env,#status,#canvas {
	margin: 0px 245px 30px 245px;
}
#footer {
	margin: 0px 245px;
	text-align: center;
}
/* ==========================================
		詳細
========================================== */
.new {/*　☆新着マーク　*/
	color: #FF0000;
}
/* ------------------------------------------
		ヘッダー
------------------------------------------ */
#header h1 {
	padding: 0px 0px 0px 0px;
}
#header h1 a:link {
	text-decoration: none;
	letter-spacing: 10px;
	color: #666666;
}
#header h1 a:visited {
	text-decoration: none;
	letter-spacing: 10px;
	color: #666666;
}
#header h1 a:hover {
	text-decoration: none;
	letter-spacing: 10px;
	color: #E0E0E0;
}
#header h1 a:active {
	text-decoration: none;
	letter-spacing: 10px;
	color: #666666;
}
#header p {
	padding: 0px 15px;
	letter-spacing: 5px;
	color: #888888;
	font-size: 10px;
}
/* ------------------------------------------
		メニュー
------------------------------------------ */
#menu h2 {
	display: none;
}
#menu li {
	display: inline;
}
#menu a:link {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
}
#menu a:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
}
#menu a:hover {
	text-decoration: none;
	color: #E0E0E0;
	font-weight: bold;
	font-size: 10px;
}
#menu a:active {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
}
/* ------------------------------------------
		ナビゲーション
------------------------------------------ */
#navigation .block {
	margin: 0px 40px 30px 15px;
}
#information .block {
	margin: 0px 15px 30px 40px;
}
.block {
	border-bottom: 1px solid #666666;
}
.block h2 {
	border-top: 1px solid #666666;
	color: #E0E0E0;
	font-size: 10px;
}
.block p {
	padding: 5px 0px;
	border-top: 1px solid #666666;
}
.block li {
	border-top: 1px solid #666666;
	color: #999999;
}
.block li ul li {
	padding: 0px 0px 0px 20px;
}
.block dt {
	border-top: 1px solid #666666;
}
.block dd {
	text-align: right;
	color: #CCCCCC;
	font-size: 10px;
}
.block img {
	vertical-align: middle;
	margin: 0px 0px 5px 0px;
}
/*		⇒カレンダー
------------------------------------------ */
.block table {
	width: 190px;
	border-top: 1px solid #666666;
}
.block table tr th,
.block table tr td {
	text-align: center;
	color: #999999;
	font-size: 10px;
}
ul.calender {
	text-align: center;
	border-top: 1px solid #666666;
}
ul.calender li {
	display: inline;
	padding: 0px 0px 0px 0px;
	border: none;
	background: none;
	font-size: 10px;
}
.block table tr td a {
	text-decoration: underline;
}
.today {/*　☆本日　*/
	background: #F0F0F0;
}
/*		⇒検索フォーム
------------------------------------------ */
input.search {
	width: 120px;
}
/* ------------------------------------------
		ログ
------------------------------------------ */
#diary h2 {
	display: none;
}
.diary {
	margin: 0px 0px 60px 0px;
}
.diary h3 {
	margin: 0px 0px 20px 0px;
	padding: 3px 30px;
	text-align: center;
	letter-spacing: 2px;
	background: url(./img/pattern01.gif) left top repeat #333333;
}
.text {
	margin: 0px 0px 20px 0px;
}
.info {
	float: none;
	clear: both;
	text-align: right;
	font-size: 10px;
}
.info li {
	display: inline;
	color: #999999;
}
.info a:link {
	text-decoration: none;
	font-size: 10px;
}
.info a:visited {
	text-decoration: none;
	font-size: 10px;
}
.info a:hover {
	text-decoration: none;
	font-size: 10px;
}
.info a:active {
	text-decoration: none;
	font-size: 10px;
}
.listOpen {/*　インデックス表示（分類）の時の展開ボタン　*/
	letter-spacing: 2px;
	font-size: 10px;
	font-weight: normal;
}
/* ------------------------------------------
		ＴＢ・コメント（記事一覧表示）
------------------------------------------ */
.list {
	margin: 0px 0px 50px 0px;
}
.list h4 {
	margin: 0px 0px 10px 0px;
	letter-spacing: 2px;
	font-size: 10px;
}
.list li {
	padding: 0px 0px 0px 20px;
	background: url(./img/mark03.gif) 0px 0.3em no-repeat;
}
.list dt {
	padding: 0px 0px 0px 20px;
	background: url(./img/mark03.gif) 0px 0.3em no-repeat;
}
.list dd {
	padding: 0px 0px 0px 20px;
}
.list dd p {
	margin: 0px 0px 10px 0px;
}
/* ------------------------------------------
		ＴＢ・コメント（各記事表示）
------------------------------------------ */
#trackback h2,#comment h2 {
	margin: 0px 0px 15px 0px;
	letter-spacing: 2px;
	font-size: 10px;
}
#trackback ul,#comment ul {
	margin: 0px 0px 15px 0px;
}
#trackback li,#comment li {
	padding: 0px 0px 0px 20px;
	background: url(./img/mark02.gif) 0px 0.3em no-repeat;
}
#trackback dl {
	margin: 0px 0px 15px 0px;
}
#trackback dt {
	padding: 0px 0px 0px 20px;
	background: url(./img/mark03.gif) 0px 0.3em no-repeat;
}
#trackback dd {
	padding: 0px 0px 0px 20px;
	font-size: 10px;
}
.comment {
	margin: 0px 0px 15px 0px;
}
#comment h3 {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 20px;
	letter-spacing: 1px;
	font-weight: normal;
	background: url(./img/mark03.gif) 0px 0.3em no-repeat;
}
#comment .text {
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
#comment .text img {
	margin: 0px 0px 0px 0px;
}
/* ------------------------------------------
		ページ移動
------------------------------------------ */
#page h2,#navi h2 {
	display: none;
}
#page ul,
#navi ul,#navi dl,#navi p {
	text-align: center;
	color: #999999;
}
#page li,#navi li {
	display: inline;
}
/* ------------------------------------------
		コンテンツ
		フォーム
		処理選択
		環境設定
		ステータス
		カンバス
------------------------------------------ */
#contents h2,
#form h2,
#work h2,
#env h2,
#status h2,
#canvas h2 {
	margin: 0px 0px 15px 0px;
	padding: 3px 30px;
	text-align: center;
	letter-spacing: 2px;
	background: url(./img/pattern01.gif) left top repeat #FAFAFA;
}
#contents h3,
#env h3,
#status h3 {
	margin: 0px 0px 15px 0px;
	background: url(img/pattern02.gif) left bottom repeat-x;
}
#contents h4,
#status h4 {
	margin: 0px 0px 15px 0px;
}
#contents p,#contents dl,#contents ul,#contents table,
#form p,#form dl,#form ul,
#work p,#work dl,#work ul,
#env p,#env dl,#env ul,#env table,
#status p,#status dl,#status ul {
	margin: 0px 0px 15px 0px;
}
#env dd,
#status dd {
	margin: 0px 0px 10px 0px;
}
#contents li,
#form li,
#work li,
#env li,
#status li {
	padding: 0px 0px 0px 20px;
	background: url(./img/mark02.gif) 0px 0.3em no-repeat;
}
#contents table tr th,
#env table tr th {
	padding: 8px;
	border: 1px solid #555555;
	background: #333333;
}
#contents table tr td,
#env table tr td {
	padding: 8px;
	border: 1px solid #555555;
}
/*		⇒アルバム
------------------------------------------ */
#contents p.album img {
	margin: 5px 0px 0px 0px;
}
#contents p.album {
	font-size: 10px;
}
#contents p.album a:link {
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	text-decoration: none;
	background: #FAFAFA;
}
#contents p.album a:visited {
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	text-decoration: none;
	background: #FAFAFA;
}
#contents p.album a:hover {
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	text-decoration: none;
	background: #F0F0F0;
	color: #333333;
}
#contents p.album a:active {
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	text-decoration: none;
	background: #FAFAFA;
}
/*		⇒アイコンリスト
------------------------------------------ */
#contents ul.iconList img {
	margin: 0px 10px 0px 0px;
	vertical-align: middle;
}
#contents ul.iconList li {
	margin: 0px 0px 10px 0px;
	padding: 10px;
	background: none #FAFAFA;
}
/*		⇒投稿フォーム
------------------------------------------ */
#form dt {
	float: left;
	clear: left;
	width: 6em;
}
#form form fieldset textarea {
	width: 310px;
}
#form form fieldset ul li {
	padding: 0px 0px 0px 0px;
	background: none;
}
#form form fieldset p input {
	width: 100px;
}
/* ------------------------------------------
		フッター
------------------------------------------ */
#footer address {
	padding: 10px 0px 10px 0px;
	color: #999999;
	font-size: 10px;
}
#footer address a:link {
	text-decoration: none;
	color: #666666;
	font-size: 10px;
}
#footer address a:visited {
	text-decoration: none;
	color: #666666;
	font-size: 10px;
}
#footer address a:hover {
	text-decoration: none;
	color: #E0E0E0;
	font-size: 10px;
}
#footer address a:active {
	text-decoration: none;
	color: #666666;
	font-size: 10px;
}
/* ==========================================
		本文装飾　☆
========================================== */
.text a {
	text-decoration: underline;
}
.text p {
	margin: 0px 0px 15px 0px;
}
.text img {
	margin: 0px 10px 10px 0px;
}
.text h4 {
	margin: 0px 0px 15px 0px;
	background: url(img/pattern02.gif) left bottom repeat-x;
}
.text h5 {
	margin: 0px 0px 15px 0px;
}
.text h6 {
	margin: 0px 0px 15px 0px;
}
.text pre {
	overflow: scroll;
	width: 80%;
	margin: 0px 0px 15px 0px;
	padding: 10px;
	border: 1px solid #E0E0E0;
	background: url(./img/pattern01.gif);
	font-family: "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, Osaka, "ＭＳ Ｐゴシック", monospace;
}
.text blockquote {
	margin: 0px 0px 15px 0px;
	padding: 0px 10px;
	border-left: 10px solid #E0E0E0;
	background: url(./img/pattern01.gif);
}
.text table {
	margin: 0px 0px 15px 0px;
}
.text table tr th {
	padding: 5px;
	border: 1px solid #555555;
	background: #FAFAFA;
}
.text table tr td {
	padding: 5px;
	border: 1px solid #555555;
}
.text dl {
	margin: 0px 0px 15px 0px;
}
.text dt {
	font-weight: bold;
}
.text dd {
	padding: 0px 0px 0px 20px;
}
.text ul {
	margin: 0px 0px 15px 0px;
}
.text li {
	padding: 0px 0px 0px 20px;
	background: url(./img/mark01.gif) 0px 0.3em no-repeat;
}
/* ==========================================
	おまけ - ページ移動プラグイン
	※適用の仕方はサイトの改造覚書を参照
========================================== */
p.pluginPage {
	margin: 0px 0px 60px 0px;
	text-align: center;
	color: #999999;
}