@charset 'utf-8';

/*
	witchmakers-SKIN
	wm051
	lastup 070625
	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: #333333;/*　☆　基本文字色　*/
	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: #555555;
	font-weight: bold;
}
/* ------------------------------------------
	＞　フォーム
------------------------------------------ */
legend {
	display: none;
}
input,textarea,select {
	background: #FAFAFA;
	border: 1px solid #666666;
	color: #333333;
	font-family: "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, Osaka, "ＭＳ Ｐゴシック", sans-serif;
}
/* ------------------------------------------
	＞　リンク　☆
------------------------------------------ */
a:link {
	color: #5BA3AF;
	text-decoration: none;
}
a:visited {
	color: #5BA3AF;
	text-decoration: none;
}
a:hover {
	color: #CCCCCC;
	text-decoration: none;
}
a:active {
	color: #5BA3AF;
	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: #F0F0F0;
	scrollbar-arrow-color: #F0F0F0;
}
/* ------------------------------------------
	構造
------------------------------------------ */
body {
	text-align: center;
	background: #E5E4DC;/*　☆　背景色　*/
}
#container {
	width: 750px;
	margin: 0px auto;
	text-align: left;
	background: url(./img/container_back.gif) 0px 0px repeat-y #FFFFFF;/*　☆　本体の縦ライン画像と本体の背景色　*/
}
#header {
	float: none;
	clear: both;
	height: 150px;/*　←変更する場合は#navigationのmargin-topも適宜増減　*/
	background: url(./img/header_back.jpg) 1px 0px no-repeat;
}
#menu {
	float: none;
	clear: both;
}
#navigation {
	float: right;
	width: 210px;
	margin-top: -150px;/*　←#headerのheightを変更した場合は適宜増減　*/
}
#logs {
	float: left;
	width: 540px;
}
#diary,#trackback,#comment,
#page,#navi,
#contents,#form,#work,#status,#env {
	float: none;
	clear: both;
	width: 540px;
	padding-top: 20px;
	margin-bottom: 20px;
}
#canvas {
	float: none;
	clear: both;
}
#footer {
	float: none;
	clear: both;
	width: 750px;
}
/* ------------------------------------------
	詳細
------------------------------------------ */
.new {/*　☆　新着　*/
	color: #00D8D5;
	font-weight: bold;
}
/* ------------------------------------------
	＞　ヘッダー　
------------------------------------------ */
h1 {
	padding: 15px 226px 5px 16px;
}
h1 a:link,
h1 a:visited {
	letter-spacing: 10px;
	color: #FFFFFF;
}
h1 a:hover,
h1 a:active {
	letter-spacing: 10px;
	color: #5BA3AF;
}
#header p {
	padding: 0px 226px 0px 16px;
	color: #FFFFFF;
	font-size: 10px;
}
/* ------------------------------------------
	＞　メニュー
------------------------------------------ */
#menu p {
	margin: 0px 210px 0px 1px;
	padding: 1px 16px;
	text-align: right;
	background: #D2D1CA;
}
#menu a:link,
#menu a:visited {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
}
#menu a:hover,
#menu a:active {
	color: #5BA3AF;
	font-weight: bold;
	font-size: 10px;
}
/* ------------------------------------------
	＞　ナビゲーション
------------------------------------------ */
.block {
	padding: 0px 0px 40px 0px;
}
.block h2 {
	margin: 0px 1px 15px 1px;
	padding: 1px 10px;
	letter-spacing: 10px;
	background: #D2D1CA;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 10px;
}
.block ul li {
	padding: 0px 12px 0px 15px;
}
.block ul li ul li {
	padding: 0px 0px 0px 15px;
}
.block p {
	padding: 0px 12px 0px 15px;
}
/*	＞　＞　カレンダー
------------------------------------------ */
.today {/*　☆　本日　*/
	background: #ECECEC;
}
.block table {
	width: 180px;
	margin: 0px 0px 0px 15px;
}
.block th,
.block td {
	text-align: center;
	font-size: 10px;
}
/*	＞　＞　検索フォーム
------------------------------------------ */
.sformText {
	width: 100px;
	margin: 0px 10px 0px 0px;
}
.sformBtn {
	width: 40px;
}
/* ------------------------------------------
	＞　ログ
------------------------------------------ */
#diary h2 {
	display: none;
}
.diary {
	padding: 0px 0px 60px 0px;
}
.diary h3 {
	margin: 0px 0px 0px 1px;
	padding: 2px 18px 2px 16px;
	background: #EFEEE9;
}
.text {
	padding: 20px 18px 20px 24px;
}
.info {
	float: none;
	clear: both;
	padding: 0px 18px 0px 24px;
	text-align: right;
	color: #666666;
	font-size: 10px;
}
.info a:link,
.info a:visited {
	color: #666666;
	font-size: 10px;
}
.info a:hover,
.info a:active {
	color: #CCCCCC;
	font-size: 10px;
}
/* ------------------------------------------
	＞　コメント・トラックバック
------------------------------------------ */
.list {
	margin: 0px 0px 50px 0px;
}
.list h4 {
	display: none;
}
#trackback h2,#comment h2 {
	margin: 0px 18px 15px 16px;
	text-align: right;
	color: #C0C0C0;
}
#trackback ul,#comment ul {
	margin: 0px 18px 15px 24px;
}
.commentWrap {
	margin: 0px 18px 0px 24px;
	padding: 8px 0px 8px 0px;
	border-top: 1px solid #E6E6E6;
}
.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 18px 10px 24px;
}
#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 1px;
	padding: 2px 18px 2px 16px;
	background: #EFEEE9;
}
#contents h3,#env h3,#status h3 {
	padding: 0px 0px 0px 20px;
	margin: 0px 18px 15px 24px;
	background: url(./img/arrow_dark.gif) 0px 0.2em no-repeat;
}
#contents h4,#status h4 {
	padding: 0px 0px 0px 20px;
	margin: 0px 18px 15px 24px;
	background: url(./img/arrow_neutral.gif) 0px 0.2em no-repeat;
}
#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 18px 15px 24px;
}
#contents table,#env table {
	margin: 0px 18px 15px 24px;
}
#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 #E6E6E6;
}
#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;
}
/* ------------------------------------------
	＞　画像リンク先・PCHビューア
------------------------------------------ */
#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 {
	margin: 0px 1px;
	padding: 10px 15px;
	text-align: center;
	background: #FFFFFF;
	border-top: 1px solid #C0BFB5;
	border-bottom: 1px solid #C0BFB5;
	color: #C0BFB5;
	font-size: 10px;
}
address a:link,
address a:visited {
	color: #C0BFB5;
	font-size: 10px;
}
address a:hover,
address a:active {
	color: #CCCCCC;
	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_dark.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;
}
.text h6 {
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 15px 0px;
	background: url(./img/arrow_light.gif) 0px 0.2em no-repeat;
}
.text blockquote {
	margin: 0px 0px 15px 0px;
	padding: 0px 5px 0px 12px;
	border-left: 12px solid #9FD7E0;
	background: #F9F9F9;
}
.text pre {
	overflow: auto;
	width: 487px;
	padding: 5px;
	margin: 0px 0px 15px 0px;
	border: 1px solid #E0E0E0;
	background: #F9F9F9;
	color: #111111;
	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 10px 0px;
}
.text dt {
	font-weight: bold;
}
.text dd {
	margin: 0px 0px 0px 15px;
}
.text table {
	margin: 10px 0px;
	border: 1px solid #E0E0E0;
}
.text table tr th {
	padding: 2px;
	text-align: center;
	border: 1px solid #E0E0E0;
	background: #F5F5F5;
	font-weight: normal;
}
.text table tr td {
	padding: 5px;
	text-align: left;
	border: 1px solid #E0E0E0;
}