@charset 'utf-8';

/*
	witchmakers-SKIN
	wm181
	lastup 070622
	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 {
	color: #A5A5A5;/*　☆ 基本文字色　*/
	font-size: 12px;/*　☆ 基本文字サイズ　*/
	font-family: "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, Osaka, verdana, "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.5;
}
th,td {
	font-size: 12px;
	line-height: 1.5;
	letter-spacing: 1px;
}
h1,h2,h3,h4,h5,h6 {
	letter-spacing: 5px;
	color: #E0E0E0;
	font-weight: bold;
}
/* ------------------------------------------
	＞　フォーム
------------------------------------------ */
legend {
	display: none;
}
input,textarea,select {
	background: #404040;
	border: 1px solid #505050;
	color: #CCCCCC;
	font-family: "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, Osaka, "ＭＳ Ｐゴシック", sans-serif;
}
/* ------------------------------------------
	＞　リンク　☆
------------------------------------------ */
a:link {
	color: #94E8F4;
	text-decoration: none;
}
a:visited {
	color: #94E8F4;
	text-decoration: none;
}
a:hover {
	color: #CCCCCC;
	text-decoration: none;
}
a:active {
	color: #94E8F4;
	text-decoration: none;
}
/* ------------------------------------------
	＞　スクロールバー（IE）　☆
------------------------------------------ */
html {
	scrollbar-face-color: #A0A0A0;
	scrollbar-highlight-color: #A0A0A0;
	scrollbar-shadow-color: #A0A0A0;
	scrollbar-3dlight-color: #A0A0A0;
	scrollbar-darkshadow-color: #A0A0A0;
	scrollbar-track-color: #303030;
	scrollbar-arrow-color: #303030;
}
/* ------------------------------------------
	構造
------------------------------------------ */
html {
	height: 100%;
}
body {
	height: 100%;
	text-align: center;
	background: url(./img/body_back.gif) 0px 0px repeat-y #232323;/*　ナビの後ろの縦ライン画像　と　☆全体の背景色　*/
}
#container {
	height: 100%;
	text-align: left;
	background: url(./img/container_back.gif) 0px 0px no-repeat;/*　左上の画像　*/
}

#containerTOP {
	height: 100%;
	text-align: center;
	background: url(./img/container_back.gif) 0px 0px no-repeat;/*　HILO修正TOPのh１　*/
}

#header {
	position: absolute;
	left: 0;
	top: 0;
	height: 180px;/*　日記帳タイトルと概要を入れる領域：任意で増減→#navigationのtopも同じ値を入れてください　*/
	width: 216px;	/*　width: 216px;　*/
	
}


#headerTOP {
	position: absolute;
	text-align: center;
	left: 0;
	top: 0;
	height: 180px;/*　日記帳タイトルと概要を入れる領域：任意で増減→#navigationのtopも同じ値を入れてください　*/
	width: 800px;	/*　width: 216px;　top h1 修正byHILO*/
	
}


#navigation {
	position: absolute;
	left: 0;
	top: 180px;/*　ナビの縦開始位置　*/
	width: 216px;	/*　width: 216px;　*/
}
#logs {
	text-align:left;
}
#diary {
	float: none;
	clear: both;
	margin: 0px 50px 0px 276px;
}
#trackback,#comment,
#page,#navi,
#contents,#form,#work,#status,#env,#canvas {
	float: none;
	clear: both;
	margin: 0px 50px 0px 276px;
	padding: 30px 0px 0px 0px;
}
#footer {
	float: none;
	clear: both;
	margin: 0px 50px 0px 276px;
	padding: 30px 0px 0px 0px;
	text-align: right;
}
/* ------------------------------------------
	詳細
------------------------------------------ */
.new {/*　☆　新着　*/
	color: #69FFFD;
	font-weight: bold;
}
/* ------------------------------------------
	＞　ヘッダー　
------------------------------------------ */
h1 {
	padding: 10px 12px 0px 12px;/* padding: 30px 12px 0px 12px; */
	margin: 0px 0px 0px 16px;
}
h1 a:link,
h1 a:visited {
	color: #FFFFFF;
}
h1 a:hover,
h1 a:active {
	color: #94E8F4;
}
#header p {
	padding: 10px 12px 0px 12px;
	margin: 0px 0px 0px 16px;
	font-size: 10px;
}
#header p a:link,
#header p a:visited {
	color: #E0E0E0;
	font-size: 10px;
}
#header p a:hover,
#header p a:active {
	color: #94E8F4;
	font-size: 10px;
}
/* ------------------------------------------
	＞　ナビゲーション
------------------------------------------ */
.block {
	padding: 0px 0px 40px 0px;
}
.block h2 {
	margin: 0px 0px 0px 16px;
	padding: 15px 12px;
	border-top: 1px solid #505050;
	font-size: 10px;
	font-weight: normal;
}
.block ul li {
	padding: 0px 12px 0px 28px;
}
.block ul li ul li {
	padding: 0px 0px 0px 15px;
}
.block p {
	padding: 0px 12px 0px 28px;
}
/*	＞　＞　コンテンツ（ナビ）
------------------------------------------ */
.contentsBlock {
	margin: 0px 0px 60px 16px;
	border-top: 1px solid #505050;
}
.contentsBlock h2 {
	display: none;
}
.cField {
	display: block;
	padding: 2px 10px;
	text-align: right;
	border-bottom: 1px solid #505050;
	color: #A0A0A0;
}
.contentsBlock a:link,
.contentsBlock a:visited {
	display: block;
	padding: 2px 10px;
	letter-spacing: 5px;
	text-align: right;
	border-bottom: 1px solid #505050;
}
.contentsBlock a:hover,
.contentsBlock a:active {
	display: block;
	padding: 2px 10px;
	letter-spacing: 5px;
	text-align: right;
	border-bottom: 1px solid #CCCCCC;
}
/*	＞　＞　カレンダー
------------------------------------------ */
.today {/*　☆　本日　*/
	background: #505050;
}
.block table {
	width: 160px;
	margin: 0px 0px 0px 28px;
}
.block th,
.block td {
	text-align: center;
	font-size: 10px;
}
.block td a {
	text-decoration: underline;
}
/*	＞　＞　新着ミニ画像
------------------------------------------ */
.block p img {
	margin: 0px 0px 4px 0px;
	vertical-align: bottom;
}
/*	＞　＞　検索フォーム
------------------------------------------ */
.sformText {
	width: 115px;
	margin: 0px 10px 0px 0px;
}
.sformBtn {
	width: 35px;
}
/* ------------------------------------------
	＞　ログ
------------------------------------------ */
#diary h2 {
	display: none;
}
.diary {
	padding: 30px 0px 60px 0px;
}
.diary h3 {
	padding: 0px 0px 10px 0px;
	letter-spacing: 10px;
	border-bottom: 1px solid #909090;
}
.text {
	padding: 20px 0px 20px 0px;
}
.info {
	float: none;
	clear: both;
	color: #909090;
	font-size: 10px;
	text-align: right;
}
.info a:link,
.info a:visited {
	color: #909090;
	font-size: 10px;
}
.info a:hover,
.info a:active {
	color: #CCCCCC;
	font-size: 10px;
}
/* ------------------------------------------
	＞　コメント・トラックバック
------------------------------------------ */
.list {
	margin: 0px 0px 60px 0px;
}
.list h4 {
	display: none;
}
#trackback h2,#comment h2 {
	margin: 0px 0px 15px 0px;
	text-align: right;
	color: #909090;
}
#trackback ul,#comment ul {
	margin: 0px 0px 15px 0px;
}
.commentWrap {
	padding: 8px 0px 8px 0px;
	border-top: 1px solid #505050;
}
.commentWrap p {
	margin: 0px 0px 15px 0px;
}
.commentInfo {
	text-align: right;
}
/* ------------------------------------------
	＞　ページナビゲーション
------------------------------------------ */
#page h2,
#navi h2 {
	display: none;
}
#page ul,
#navi ul,#navi dl,#navi p {
	margin: 0px 0px 15px 0px;
}
#navi ul {
	text-align: right;
}
#page ul li,
#navi ul li {
	display: inline;
	color: #A0A0A0;
}
/* ------------------------------------------
	＞　コンテンツ・入力・管理等
------------------------------------------ */
#contents h2,#work h2,#form h2,#env h2,#status h2,#search h2 {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 10px 0px;
	letter-spacing: 10px;
	border-bottom: 1px solid #909090;
}
#contents h3,#env h3,#status h3 {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 20px;
	background: url(./img/arrow_light.gif) 0px 0.2em no-repeat;
}
#contents h4,#status h4 {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 20px;
	background: url(./img/arrow_neutral.gif) 0px 0.2em no-repeat;
	color: #C0C0C0;
}
#contents ul,#contents dl,#contents p,
#search ul,#search p,
#work dl,#work p,
#form ul,#form dl,#form p,
#env ul,#env dl,#env p,
#status ul,#status dl {
	margin: 0px 0px 15px 0px;
}
#contents table,#env table {
	margin: 0px 0px 15px 0px;
}
#env table tr th,#env table tr td,
#contents table tr th,#contents table tr td {
	padding: 0px 10px 0px 0px;
	border-top: 1px solid #505050;
}
#env table tr th,
#contents table tr th {
	color: #8A8A8A;
}
#contents img {
	margin: 0px 10px 10px 0px;
}
#contents table tr td img {
	margin: 2px 0px;
	vertical-align: bottom;
}
#form dt {
	float: left;
	clear: left;
	width: 7em;
}
.postText {/*　コメントフォーム・テキストエリア　*/
	width: 290px;
}
.postBtn {/*　コメントフォーム・ボタン　*/
	width: 7em;
}
.searchBtn {/*　検索ページ・ボタン　*/
	width: 7em;
}
/*		＞　画像リンク先・PCHViewer
--------------------------------------- */
#imageView {
	padding-top: 15px;
	text-align: center;
}
#imageView h1 {
	display: none;
}
#imageView img {
	border: 10px solid #FCFCFC;
}
#imageView img {
	margin: 0px 0px 15px 0px;
}
#imageView applet {
	margin: 0px 0px 15px 0px;
}
/* ------------------------------------------
	＞　フッター
------------------------------------------ */
address {
	padding: 10px 0px;
	border-top: 1px solid #505050;
	color: #A0A0A0;
	font-size: 10px;
}
address a:link,
address a:visited {
	color: #A0A0A0;
	font-size: 10px;
}
address a:hover,
address a:active {
	color: #E0E0E0;
	font-size: 10px;
}
/* ------------------------------------------
	本文内指定（本文装飾）　☆↓
------------------------------------------ */
.text p {
	margin: 0px 0px 15px 0px;
}
.text img {/*　☆本文内の画像余白　*/
	margin: 0px 10px 10px 0px;
}
.text h4 {
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 15px 0px;
	background: url(./img/arrow_light.gif) 0px 0.2em no-repeat;
}
.text h5 {
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 15px 0px;
	background: url(./img/arrow_neutral.gif) 0px 0.2em no-repeat;
	color: #C0C0C0;
}
.text h6 {
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 15px 0px;
	background: url(./img/arrow_dark.gif) 0px 0.2em no-repeat;
	color: #C0C0C0;
}
.text blockquote {
	margin: 0px 0px 15px 0px;
	padding: 0px 5px 0px 12px;
	border-left: 12px solid #9FD7E0;
	background: #404040;
}
.text pre {
	overflow: auto;
	width: 70%;
	padding: 5px;
	margin: 0px 0px 15px 0px;
	border: 1px solid #505050;
	background: #404040;
	color: #FFFFFF;
	font-family: "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, Osaka, "ＭＳ Ｐゴシック", monospace;
}
.text ul {
	margin: 0px 0px 15px 0px;
}
.text li {
	padding: 0px 0px 0px 20px;
	background: url(./img/arrow_small.gif) 0px 0.3em no-repeat;
}
.text dl {
	margin: 0px 0px 15px 0px;
}
.text dt {
	font-weight: bold;
}
.text dd {
	margin: 0px 0px 0px 15px;
}
.text table {
	margin: 0px 0px 15px 0px;
	border: 1px solid #505050;
}
.text table tr th {
	padding: 2px;
	text-align: center;
	border: 1px solid #505050;
	background: #404040;
	font-weight: normal;
}
.text table tr td {
	padding: 5px;
	text-align: left;
	border: 1px solid #505050;
}