﻿@charset 'utf-8';

/*
witchmakers-SKIN
wm020
lastup 070609
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:0;
    clear:both;
    visibility:hidden;
}
/* ------------------------------------------
基本設定
------------------------------------------ */
body{
color:#000;/*　☆ 基本文字色　*/
font-size:80%;/*　☆ 基本文字サイズ　*/
font-family:"ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, Osaka, verdana, "ＭＳ Ｐゴシック", sans-serif;
line-height:150%;
}
th,td{
font-size:12px;
line-height:150%;
letter-spacing:1px;
}
h1,h2,h3,h4,h5,h6{
letter-spacing:5px;
color:#555;
font-weight:bold;
}
/* ------------------------------------------
＞　フォーム
------------------------------------------ */
legend{
display:none;
}
input,textarea,select{
background:#FAFAFA;
border:1px solid #666;
color:#333;
font-family:"ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, Osaka, "ＭＳ Ｐゴシック", sans-serif;
}
/* ------------------------------------------
＞　リンク　☆
------------------------------------------ */
a:link{
color:#444;
text-decoration:none;
}
a:visited{
color:#5BA3AF;
text-decoration:none;
}
a:hover{
color:#E0E0E0;
text-decoration:none;visibility:visible;float:none;clear:none;position:relative;top:1px;left:1px;
}
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{
padding:10px 0;
text-align:center;
background:#FFF;/*　☆背景色　*/
}
#container{
width:600px;
margin:0 auto;
text-align:left;
border:1px solid #555;
}
#header{
text-align:left;
}
#navigation{
float:right;
width:216px;
}
#logs{
float:left;
width:382px;
}
#diary{
float:none;
clear:both;
width:382px;
}
#trackback,#comment,
#page,#navi,
#contents,#form,#work,#status,#env,#canvas{
float:none;
clear:both;
width:382px;
margin-top:30px;
}
#footer{
float:none;
clear:both;
margin-top:30px;
}
/* ------------------------------------------
詳細
------------------------------------------ */
.new{/*　☆　新着　*/
color:#69FFFD;
font-weight:bold;
}
/* ------------------------------------------
＞　ヘッダー　
------------------------------------------ */
h1{
padding:30px 10px 0 20px;
letter-spacing:6px;
font-size:120%;
}
h1 a:link,
h1 a:visited{
color:#444;
}
h1 a:hover,
h1 a:active{
color:#5BA3AF;
}
#header p{
padding:5px 10px 0 20px;
font-size:100%;
}
#header p a{
margin:0 14px 0 10px;
}
#header p a:link,
#header p a:visited{
color:#444;
}
#header p a:hover,
#header p a:active{
color:#5BA3AF;
}
/* ------------------------------------------
＞　ナビゲーション
------------------------------------------ */
.block{
margin:0 0 0 30px;
padding:0 0 40px 0;
}
.block h2{
padding:15px 10px 15px 0;
border-top:1px solid #555;
font-size:80%;
font-weight:normal;
}
.block ul li{
padding:0 10px 0 0;
}
.block ul li ul li{
padding:0 0 0 15px;
}
.block p{
padding:0 10px 0 0;
}
/*＞　＞　カレンダー
------------------------------------------ */
.today{/*　☆　本日　*/
background:#F0F0F0;
}
.block table{
width:176px;
}
.block th,
.block td{
text-align:center;
font-size:10px;
}
.block td a{
text-decoration:underline;
}
/*＞　＞　新着ミニ画像
------------------------------------------ */
.block p img{
margin:0 0 4px 0;
vertical-align:bottom;
}
/*＞　＞　検索フォーム
------------------------------------------ */
.sformText{
width:105px;
margin:0 10px 0 0;
}
.sformBtn{
width:40px;
}
/* ------------------------------------------
＞　ログ
------------------------------------------ */
#diary h2{
display:none;
}
.diary{
padding:30px 0 60px 0;
}
.diary h3{
padding:0 0 10px 20px;
letter-spacing:1px;
border-bottom:1px solid #555;
}
.text{
padding:20px 0 20px 20px;
}
.info{
float:none;
clear:both;
margin:0 0 0 20px;
color:#535353;
font-size:100%;
text-align:right;
}
.info a:link,
.info a:visited{
color:#535353;
}
.info a:hover,
.info a:active{
color:#E0E0E0;
}
/* ------------------------------------------
＞　コメント・トラックバック
------------------------------------------ */
.list{
margin:0 0 60px 0;
}
.list h4{
display:none;
}
#trackback h2,#comment h2{
margin:0 0 15px 20px;
text-align:right;
color:#A0A0A0;
}
#trackback ul,#comment ul{
margin:0 0 15px 20px;
}
.commentWrap{
margin:0 0 0 20px;
padding:8px 0 8px 0;
border-top:1px solid #E0E0E0;
}
.commentWrap p{
margin:0 0 15px 0;
}
.commentInfo{
text-align:right;
}
/* ------------------------------------------
＞　ページナビゲーション
------------------------------------------ */
#page h2,
#navi h2{
display:none;
}
#page ul,
#navi ul,#navi dl,#navi p{
margin:0 0 15px 20px;
}
#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:0 0 15px 0;
padding:0 0 10px 20px;
letter-spacing:10px;
border-bottom:1px solid #555555;
}
#contents h3,#env h3,#status h3{
margin:0 0 15px 20px;
padding:0 0 0 20px;
background:url(./img/arrow_dark.gif) 0 0.2em no-repeat;
}
#contents h4,#status h4{
margin:0 0 15px 20px;
padding:0 0 0 20px;
background:url(./img/arrow_neutral.gif) 0 0.2em no-repeat;
color:#909090;
}
#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:0 0 15px 20px;
}
#contents table,#env table{
margin:0 0 15px 20px;
}
#env table tr th,#env table tr td,
#contents table tr th,#contents table tr td{
padding:0 10px 0 0;
border-top:1px solid #D0D0D0;
}
#env table tr th,
#contents table tr th{
color:#8A8A8A;
}
#contents img{
margin:0 10px 10px 0;
}
#contents table tr td img{
margin:2px 0;
vertical-align:bottom;
}
#form dt{
float:left;
clear:left;
width:7em;
}
.postText{/*　コメントフォーム・テキストエリア　*/
width:260px;
}
.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:0 0 15px 0;
}
#imageView applet{
margin:0 0 15px 0;
}
/* ------------------------------------------
＞　フッター
------------------------------------------ */
address{
padding:10px 20px;
color:#000;
font-size:90%;
}
address a{
margin-right:14px;
}
address a:link,
address a:visited{
color:#444;
}
address a:hover,
address a:active{
color:#E0E0E0;
}
/* ------------------------------------------
本文内指定（本文装飾）　☆↓
------------------------------------------ */
.text p{
margin:0 0 15px 0;
}
.text img{/*　☆本文内の画像余白　*/
margin:0 10px 10px 0;
}
.text h4{
padding:0 0 0 20px;
margin:0 0 15px 0;
background:url(./img/arrow_dark.gif) 0 0.2em no-repeat;
}
.text h5{
padding:0 0 0 20px;
margin:0 0 15px 0;
background:url(./img/arrow_neutral.gif) 0 0.2em no-repeat;
color:#999;
}
.text h6{
padding:0 0 0 20px;
margin:0 0 15px 0;
background:url(./img/arrow_light.gif) 0 0.2em no-repeat;
color:#999;
}
.text blockquote{
margin:0 0 15px 0;
padding:0 5px 0 12px;
border-left:12px solid #9FD7E0;
background:#F9F9F9;
}
.text pre{
overflow:scroll;
width:350px;
padding:5px;
margin:0 0 15px 0;
border:1px solid #E0E0E0;
background:#F9F9F9;
color:#111111;
font-family:"ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, Osaka, "ＭＳ Ｐゴシック", monospace;
}
.text ul{
margin:0 0 15px 0;
}
.text li{
padding:0 0 0 20px;
background:url(./img/arrow_small.gif) 0 0.3em no-repeat;
}
.text dl{
margin:0 0 15px 0;
}
.text dt{
font-weight:bold;
}
.text dd{
margin:0 0 0 15px;
}
.text table{
margin:0 0 15px 0;
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;
}