@charset 'utf-8';

/*
	witchmakers-SKIN
	wm070
	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: #555555;/*　☆ 基本文字色　*/
	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: #82817A;
	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: #F0F0F0;
	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: #A5A196;/*　☆背景色　*/
}
#container {
	width: 700px;
	margin: 0px auto 0px auto;
	text-align: left;
	background: url(./img/container_back.gif) 500px 0px repeat-y #FFFFFF;/*　ナビ後ろ画像　＆　☆本体背景色　*/
}
#header {
	position: relative;
	width: 700px;
	height: 150px;
	background: url(./img/header_back.jpg);/*　☆タイトル画像　*/
}
#navigation {
	float: right;
	width: 200px;
}
#logs {
	float: left;
	width: 500px;
}
#diary,#trackback,#comment,#post,
#page,#navi,
#contents,#form,#work,#status,#env {
	float: none;
	clear: both;
	width: 500px;
}
#canvas {
	float: none;
	clear: both;
	width: 700px;
}
#footer {
	float: none;
	clear: both;
	width: 700px;
	text-align: right;
}
/* ------------------------------------------
	詳細
------------------------------------------ */
.new {/*　新着マーク　*/
	font-weight: bold;
	color: #FFFFFF;
}
/* ------------------------------------------
	＞　メニュー
------------------------------------------ */
.title_menu {
	position: absolute;
	height: 150px;
	width: 185px;
	top: 0;
	left: 500px;
	background: #D6D5C9;/*　←ナビ後ろ画像の色と合わせる　*/
}
h1 {
	padding: 15px 0px 0px 0px;
	text-align: right;
}
#header ul {
	margin: 10px 0px 0px 0px;
}
#header a, #header a:visited {
	display: block;
	padding: 0px 12px 0px 12px;
	text-align: right;
	font-weight: bold;
	color: #FFFFFF;
}
#header a:hover {
	display: block;
	padding: 0px 12px 0px 12px;
	font-weight: bold;
	text-align: right;
	background-color: #FFFFFF;
	color: #D6D5C9;
}
/* ------------------------------------------
	＞　ナビゲーション
------------------------------------------ */
.block {
	margin: 0px 15px 30px 0px;
	color: #706F6A;
}
.block h2 {
	padding: 5px 12px 5px 12px;
}
.block ul li {
	padding: 0px 12px 0px 17px;
}
.block ul li ul li {
	padding: 0px 0px 0px 15px;
}
/*	＞　＞　カレンダー
------------------------------------------ */
.today {/*　本日　*/
	background-color: #B9BAB2;
}
.block table {
	width: 156px;
	margin: 0px 0px 0px 12px;
}
.block table tr td,
.block table tr th {
	text-align: center;
	color: #706F6A;
	font-size: 12px;
	font-weight: normal;
}
/*	＞　＞　新着ミニ画像
------------------------------------------ */
.block p {
	margin: 4px 12px 0px 17px;
}
.block p img {
	margin: 0px 0px 4px 0px;
	vertical-align: bottom;
}
/*	＞　＞　検索窓
------------------------------------------ */
.sformText {
	width: 90px;
	margin-right: 5px;
	vertical-align: bottom;
}
.sformBtn {
	width: 35px;
	vertical-align: bottom;
}
/* ------------------------------------------
	＞　ログ
------------------------------------------ */
.diary {
	margin: 0px 15px 0px 15px;
	padding: 20px 0px 20px 0px;
}
.diary h3 {
	padding: 0px 130px 0px 10px;
	font-weight: bold;
	border: 1px solid #706F6A;
	font-family: "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, Osaka, "ＭＳ Ｐゴシック", sans-serif;
}
.diary h2 {
	position: relative;
	width: 100%;
	text-align: right;
	font-family: "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, Osaka, "ＭＳ Ｐゴシック", sans-serif;
}
.entryHead {
	display: block;
	position:absolute;
	right: 0px;
	top: 0;
	width: 120px;
	letter-spacing: 2px;
	text-align: center;
	border: 1px solid #706F6A;
	background: #FFFFFF;
	font-weight: bold;
}
.diary h2 a:link,
.diary h2 a:visited {
	display: block;
	position:absolute;
	right: 0px;
	top: 0;
	width: 120px;
	letter-spacing: 2px;
	text-align: center;
	border: 1px solid #706F6A;
	background: #D0CEC5;
	color: #FFFFFF;	
	font-weight: bold;
}
.diary h2 a:hover,
.diary h2 a:active {
	display: block;
	position:absolute;
	right: 0px;
	top: 0;
	width: 120px;
	letter-spacing: 2px;
	text-align: center;
	border: 1px solid #706F6A;
	background: #FFFFFF;
	color: #D0CEC5;	
	font-weight: bold;
}
.text {
	padding: 15px 10px 15px 5px;
}
.info {
	float: none;
	clear: both;
	padding: 0px 10px 0px 5px;
	text-align: right;
	color: #706F6A;
	font-size: 10px;
}
.info a:link,
.info a:visited {
	font-size: 10px;
}
.info a:hover,
.info a:active {
	color: #E0E0E0;
	font-size: 10px;
}
/* ------------------------------------------
	＞　コメント・ＴＢ
------------------------------------------ */
.list {
	margin: 0px 0px 30px 0px;
}
.list h4 {
	display: none;
}
#trackback h2,#comment h2 {
	margin: 0px 25px 10px 20px;
	text-align: right;
}
#trackback ul,#comment ul {
	margin: 0px 0px 10px 35px;
}
.commentWrap {
	margin: 0px 25px 0px 20px;
	padding: 8px 0px 8px 0px;
	border-top: 1px solid #E5E5E3;
}
.commentWrap p {
	margin: 0px 0px 10px 0px;
}
.commentInfo {
	margin: 0px;
	padding: 0px;
	text-align: right;
}
/* ------------------------------------------
	＞　ページナビゲーション
------------------------------------------ */
#page h2,
#navi h2 {
	display: none;
}
#page ul,
#navi ul,#navi dl,#navi p {
	margin: 0px 25px 10px 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: 20px 15px 10px 15px;
	padding: 0px 10px;
	border: 1px solid #706F6A;
}
#contents h3,#env h3,#status h3 {
	margin: 0px 25px 10px 20px;
	padding: 0px 0px 0px 20px;
	background: url(./img/arrow_dark.gif) 0px 0.2em no-repeat;
}
#contents h4,#status h4 {
	margin: 0px 25px 10px 20px;
	padding: 0px 0px 0px 20px;
	background: url(./img/arrow_neutral.gif) 0px 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: 0px 25px 10px 20px;
}
#contents table,#env table {
	margin: 0px 0px 15px 20px;
}
#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 #D0D0D0;
}
#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: 260px;
}
.postBtn {/*　コメントフォーム・ボタン　*/
	width: 7em;
}
.searchBtn {/*　検索ページ・ボタン　*/
	width: 7em;
}
/* ------------------------------------------
	＞　画像リンク先・ＰＣＨ
------------------------------------------ */
#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;
}
#imageView a:link,
#imageView a:visited {
	color: #FFFFFF;
}
#imageView a:hover,
#imageView a:active {
	color: #F0F0F0;
}
/* ------------------------------------------
	＞　フッター
------------------------------------------ */
#footer address {
	padding: 0px 25px 5px 0px;
	color: #A9AAA1;
	font-size: 10px;
}
#footer a:link,#footer a:visited {
	color: #A9AAA1;
	font-size: 10px;
}
#footer a:hover,#footer a:active {
	color: #FFFFFF;
	font-size: 10px;
}
/* ------------------------------------------
	本文内指定（本文装飾）　☆↓
------------------------------------------ */
.text p {
	margin: 0px 0px 10px 0px;
}
.text img {/*　☆本文内の画像余白　*/
	margin: 0px 10px 10px 0px;
}
.text h4 {
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 10px 0px;
	background: url(./img/arrow_dark.gif) 0px 0.2em no-repeat;
}
.text h5 {
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 10px 0px;
	background: url(./img/arrow_neutral.gif) 0px 0.2em no-repeat;
	color: #999999;
}
.text h6 {
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 10px 0px;
	background: url(./img/arrow_light.gif) 0px 0.2em no-repeat;
	color: #999999;
}
.text blockquote {
	margin: 0px 0px 10px 0px;
	padding: 0px 5px 0px 12px;
	border-left: 12px solid #9FD7E0;
	background: #F9F9F9;
}
.text pre {
	overflow: scroll;
	width: 443px;
	padding: 5px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #E0E0E0;
	background: #F9F9F9;
	color: #111111;
	font-family: "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, Osaka, "ＭＳ Ｐゴシック", monospace;
}
.text ul {
	margin: 0px 0px 10px 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: 0px 0px 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;
}
