@charset 'utf-8';

/*
	witchmakers-SKIN
	wm193
	lastup 070928
	http://www.usamimi.info/~witchmakers/
*/

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

/* ==========================================
		リセット
========================================== */
html,body,div,
h1,h2,h3,h4,h5,h6,
pre,blockquote,table,tr,th,td,
form,fieldset,input,textarea,img,
p,dl,dt,dd,ul,ol,li {
	margin: 0px;
	padding: 0px;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0px;
}
th {
	text-align: left;
	font-weight: normal;
}
ol,ul {
	list-style: none;
}
fieldset,img {
	border: 0px;
}
address,code,var,em {
	font-style: normal;
	font-weight: normal;
}
/* ------------------------------------------
		∩( ・ω・)∩
------------------------------------------ */
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:160%;
	color:#333333;/*☆基本文字色*/
	font-size:98%;
	font-family: Verdana, Chicago, 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif;
}
th,td {
	line-height:160%;
	font-size:98%;
}
h1,h2,h3,h4,h5,h6 {
	color: #555555;
}
em {
	font-weight: bold;
}
/* ------------------------------------------
		リンク　☆
------------------------------------------ */
a:link {
	text-decoration: underline;
	color: #4682B4;
}
a:visited {
	text-decoration: underline;
	color: #555555;
}
a:hover {
	text-decoration: underline;
	color: #4682B4;
	background-color:#ffffff;
}
a:active {
	text-decoration: underline;
	color:#ffffff; 
	background-color:#ffffff;
}
}
/* ------------------------------------------
		入力
------------------------------------------ */
legend {
	display: none;
}
/*
input,textarea {
	background: #FFFFFF;
	border: 1px solid #555555;
	color: #555555;
	font-family: 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif;
}
*/
/* ==========================================
		構造
========================================== */
body {
	text-align: center;
	background: #FFFFFF;/*　☆背景色　*/
}
#container {
	margin: 0px auto;
	width: 80%;
	text-align: left;
}
#header {
	float: none;
	clear: both;
	background-color: #ffffff;
}

#menu {
	padding: 0px 0px 0px 12px;
	margin: 0px 0px 30px 0px;
	text-align: right;
}
#navigation {
	margin: 0px 0px 30px 0px;
}
#diary {
	float: none;
	clear: both;
	margin: 0px 0px 30px 0px;
}
#trackback,#comment,
#page,#navi,
#contents,#form,#work,#env,#status {
	float: none;
	clear: both;
	margin-bottom: 30px;
}
#canvas {
	float: none;
	clear: both;
	width: 100%;
	margin-bottom: 30px;
}
#footer {
	float: none;
	clear: both;
	text-align: center;
}
/* ==========================================
		詳細
========================================== */
.new {/*　☆新着マーク　*/
	color: #F68E56;
}
/* ------------------------------------------
		ヘッダー
------------------------------------------ */
div#header h1 {
	padding: 10px 5px 5px;
}

div#header h1 a {
	color: #99CCCC;
	letter-spacing: 8px;
	font-size: 25px;
	text-decoration: none;
}

#header p {
	font-size: 85%;
	letter-spacing: 4px;
	margin: 0px 5px;
}


/* ------------------------------------------
		メニュー
------------------------------------------ */
div#menu h2 {
	display: none;
}
div#menu ul {
	margin: 0px 5px;
	text-align: right;
}
div#menu ul li {
	font-size: 85%;
	display: inline;
	margin-left: 10px;
	padding: 0px;
	background: none;
}

#menu a {
	text-decoration: none;
}

/* ------------------------------------------
		ナビゲーション
------------------------------------------ */
.block {
	margin: 0px 0px 10px 0px;
}
.block h2 {
	display: none;
/*
	letter-spacing: 6px;
	font-size: 10px;
*/
	margin: 0px 0px 5px 0px;
}

.block a {
	text-decoration: none;
}

.block ul,
.block li {
	display: inline;
}
ul.recent,
ul.recent li {
	display: block;
}
ul.recent li {
	padding: 0px 0px 0px 20px;
	background: url(./img/mark03.gif) 0px 0.3em no-repeat;
}
/*			カレンダー
------------------------------------------ */
div#calendar h2 {
	display: none;
}
div#calendar p {
	margin: 10px 0px 0px 2px;
}
div#calendar span.month {
	font-weight: bold;
}

.day, .satday, .sunday ,.today{
/*	font-size: 99%;*/

}
.day {
	color: #666666;
}
.satday {
	color: #4444CC;
}
.sunday {
	color: #CC4444;
}

a .day, a .satday, a .sunday {
	font-weight: bold;
	text-decoration: underline;
}
a:hover .day, a:active .day {
	background-color: #666666;
	color: #FFFFFF;
}
a:hover .satday, a:active .satday {
	background-color: #4444CC;
	color: #FFFFFF;
}
a:hover .sunday, a:active .sunday {
	background-color: #CC4444;
	color: #FFFFFF;
}

#calendar .today {
	font-weight: bold;
	background-color: #EEEEEE;
}

/*			検索フォーム
------------------------------------------ */
.block form fieldset dl dt {
	display: none;
}
.block form fieldset dl dd {
	padding: 0px 0px 0px 0px;
}
/* ------------------------------------------
		ログ
------------------------------------------ */
#diary h2 {
	display: none;
}
.diary {
	margin: 0px 0px 60px 0px;
}
.diary h3 {
	margin: 0px 0px 20px 0px;
}
.date {
	display: block;
	letter-spacing: 2px;
	font-size: 20px;
}
.text {
	margin: 0px 0px 20px 0px;
}
.info {
	float: none;
	clear: both;
	text-align: right;
	font-size: 10px;
}
.info li {
	display: inline;
}
.info a:link {
	text-decoration: none;
	font-size: 10px;
}
.info a:visited {
	text-decoration: none;
	font-size: 10px;
}
.info a:hover {
	text-decoration: underline;
	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;
}

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

div#page h2 {
	display: none;
}

div#page ul {
	margin: 0px;
	text-align: right;
}
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;
}


/* ------------------------------------------
		コンテンツ
		フォーム
		処理選択
		環境設定
		ステータス
		カンバス
------------------------------------------ */
#contents h2,
#form h2,
#work h2,
#env h2,
#status h2,
#canvas h2 {
	margin: 0px 0px 15px 0px;
}
#contents h3,
#env h3,
#status h3 {
	margin: 0px 0px 15px 0px;
}
#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: #FAFAFA;
}
#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: 20px;
	font-size: 10px;
}
#footer address a:link {
	text-decoration: none;
	font-size: 10px;
}
#footer address a:visited {
	text-decoration: none;
	font-size: 10px;
}
#footer address a:hover {
	text-decoration: none;
	font-size: 10px;
}
#footer address a:active {
	text-decoration: none;
	font-size: 10px;
}
/* ==========================================
		本文装飾　☆
========================================== */
.text p {
	margin: 0px 0px 15px 0px;
}
.text img {
	margin: 0px 10px 10px 0px;
}
.text h4 {
	margin: 0px 0px 15px 0px;
}
.text h5 {
	margin: 0px 0px 15px 0px;
}
.text h6 {
	margin: 0px 0px 15px 0px;
}
.text pre {
	overflow: scroll;
	width: 458px;
	margin: 0px 0px 15px 0px;
	padding: 10px;
	border: 1px solid #E0E0E0;
	background: url(./img/pattern01.gif);
	font-family: Verdana, Chicago, 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif;
}
.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;
}