@charset "Shift_JIS";

/* CDP 001 css 06/12/1 */
/* Copyright (c) 2006 WebDesignTemplates[http://wdt.pekori.jp] All rights reserved. */


/* default */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
/* fonts(Yahoo UI) */
body {
	font-size: 11pt;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',"Franklin Gothic Demi Cond";
	color: #000033;
	background-color:#e0dfe3;

}
table {
	font-size: inherit;
	font: 100%;
}

#KIZI table {
	margin: 0 20px 1em 25px;
}
select,input,textarea {
	font: 99% arial,helvetica,clean,sans-serif;
}

/* 全体設定 */
html {
	
}
body {
}
body#INDEX {

}
div#PAGETOP {
	width: 100%;
	font-size: 100%;
	color: #000033;
	background-color:#e0dfe3;
}
iframe#twitter{
	margin: 0 20px 1em 20px;
	padding: 0.4em 10px 0.4em 10px;
	width:170px;
	height:300px;
	border:none;
}
hr {
	display: none;
}
a:link {
	color: #414191;
}
a:visited {
	color: #414161;
}
a:hover {
	color: #914141;
}
a:active {
	color: #914141;
}

/* ヘッダー */
div#HEADER {
	margin-bottom: 20px;
	border-top: solid 4px #595956;
	border-bottom: double 3px #FFFFFF;
	color: #000033;
	background-color:#e0dfe3;}
h1 {
	padding: 0.3em 1em 0.3em 21px;
	font-size: 167%;
	letter-spacing: 0.2em;
	color: #000033;
}
ul#PAN {
	position: absolute;
	top: 10px;
	right: 0px;
	text-align: right;
}
#INDEX ul#PAN{
	display: none;
}
#PAN li{
	display: inline;
}
#PAN a{
	text-decoration: none;
}
#PAN a:after{
	content: "->";
}

/* メニュー */
div#MENU {
	width: 210px;
	float: left;
	font-size: 9pt;
	color: #000033;
	background-color:#d9d8d9;
	border-style: solid;
	border-color:  #9e9eb6;
	border-width: 1px;
}
#MENU h2{
	width: 150px;
	margin: 0 20px 1em 20px;
	padding: 0.2em 10px;
	border: none;
	font-size: 107%;
	letter-spacing: 0.2em;
	border-bottom: solid 1px #9e9eb6;
}
#MENU ul{
	width: 170px;
	margin: 0 20px 1em 20px;
}
#MENU2 li{
	display: block;
	width: 150px;
	padding: 0.4em 10px 0.4em 10px;
	text-decoration: none;
}
#MENU li.menu-on {
	background: #ECECEA;
}

#MENU li a{
	display: block;
	width: 150px;
	padding: 0.4em 10px 0.4em 10px;
	border-bottom: dotted 2px #9e9eb6;
	font-weight: bold;
	text-decoration: none;
}
#MENU li a:hover,#MENU li a:active{
	border-bottom: solid 2px #BA8474;
	text-decoration: none;
}

a#TOPLINK{
	text-decoration: none;
}
a:link#TOPLINK {
	color: #000033;
}
a:visited#TOPLINK {
	color: #000033;
}
a:hover#TOPLINK {
	color: #914141;
}
a:active#TOPLINK {
	color: #914141;
}

a.PERMALINK{
	text-decoration: none;
}
a:link.PERMALINK {
	color: #000033;
}
a:visited.PERMALINK {
	color: #000033;
}
a:hover.PERMALINK {
	color: #914141;
}
a:active.PERMALINK {
	color: #914141;
}

/* 記事部分 */
div#KIZI {
	margin: 0 20px 0 210px;
	padding: 0 0 0 20px;
	background-color:#e0dfe3;

}
h2 {
	padding: 0.3em 0;
	border-bottom: solid 1px  #9e9eb6;
	color: #000033;
	font-size: 122%;
	letter-spacing: 0.2em;
}
div.text {
	margin: 0.5em 2.5em 1.5em 0;
	line-height: 1.7;
}
.text p {
}

p{
	color: #000033;

	margin: 0 20px 0.3em 20px;
	padding: 0.4em 4px 0.4em 4px;

}
div.menu
{
	margin: 0 20px 1em 20px;
	padding: 0.4em 10px 0.4em 10px;

}

div#twitter {
	height:200px;
	overflow-x: hidden;
	overflow-y: scroll;

}

div#nowplaying {

	height:60px;
	overflow-x: hidden;
	overflow-y: scroll;

}
p.twit
{
	margin: 0 0 0 0;
	padding: 0.4em 10px 0.4em 10px;
	border-bottom: dashed 1px #d2dada;
	border-top: dashed 1px #d2dada;


}

h3 {
	margin: 0 0 1em 0px;
	padding: 0.3em 0;
	letter-spacing: 0.1em;
	border-left-color: #BA7464;
	border-bottom-style: solid;
	border-bottom-color: #9e9eb6;
	border-bottom-width: 1px;
	color: #000033;
	font-size: 20px;

}
h4 {
	border-color: #CCCCCA;
	margin: 0 0 20px 0;
	padding: 0.5em em 0.5em 1em;
	letter-spacing: 0.1em;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	color: #000033;
	background-color: #f5f5f5;
	font-size: 15px;
}
h5,h6 {
	padding: 0.4em 0 0.2em 0;
}
.text ul.modori {
	text-align: right;
	font-size: 85%;
	list-style: none;
}
.modori a:link,.modori a:visited{
	color: #BA7464;
}

/* リスト */
.text ol {
	margin: 0 0 1em 35px;
	list-style: decimal;
}
.text ul {
	margin: 0 0 1em 35px;
	list-style: square;
}
dl {
	margin: 0 20px 1em 20px;
	padding: 0.4em 10px 0.4em 10px;

}
dt {
	color: #9A5434;
	font-weight: bold;
}
dd {
	margin: 0 1em 1em 1.5em;
}
li{
	
	padding: 0.4em 10px 0.4em 10px;

}

#hiddenBlock
{
height:0px;
overflow:hidden;
}

div.article
{	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	border-style: solid;
	border-color: #9e9eb6;

	border-width: 1px;
}
div.articlefooter
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-top-style: dashed;
	border-top-width: 1px;
	border-color: #CCCCCA;
	border-width: 1px;
	background-color:#f0f1f5;
}

/* フッター */
div#FOOTER {
	width: 100%;
	clear: left;
	text-align: right;
	margin-top: 20px;
	border-top: double 3px #FFFFFF;
	border-bottom: solid 6px #595956;
	background: #DCDCDA;
}
#FOOTER h2 {
	display: none;
}
#FOOTER ul {
	padding: 0.8em 2em;
}
#FOOTER li {
	display: inline;
	padding: 0 0.5em;
	font-size: 92%;
}
#FOOTER a{
	text-decoration: none;
}
address {
	display: inline;
}

/* 強調・追加・削除 */
em {
	font-weight: bold;
}
strong{
	font-weight: bold;
	color: #814121;
}
ins {
	text-decoration: underline;
}
del {
	text-decoration: line-through;
}

/* フォーム */

input {
	margin-top: 0.5em;
}
input#TEXT {
	border: solid 1px #CCCCCA;
}
input#BUTTON {
	padding: 1px 0.5em;
	border: double 3px #CCCCCA;
	background: #EDEDEA;
}
textarea {
	margin-top: 0.5em;
	border: solid 1px #CCCCCA;
}
select {
	margin-top: 0.5em;
	border: solid 1px #CCCCCA;
}

cite,q {
	text-decoration: underline;
}



/* 物理要素 */
b { font-weight: bold; } /* 太字 */
i { font-style: italic; } /* 斜体 */
big { font-size: 107%; } /* 文字大 */
small { font-size: 85%; } /* 文字小 */
tt { font-family: monospace; } /* 等幅 */


.delicious-network-username { margin:0 0 0 30px   }
.delicious-network-add { margin:0 0 0 30px    }


pre  {margin:25px 25px;  padding: 5px; font-size: 10pt; border-color: #111111; background-color: #cfcfcf; border-width: 1px 1px 1px 6px; border-style: solid; }

blockquote {margin:25px 25px;  padding: 5px; font-size: 10pt; border-color: #111111; background-color: #cfcfcf; border-width: 1px 1px 1px 1px; border-style: solid; }
pre { 
white-space: -moz-pre-wrap; /* Mozilla */ 
white-space: -pre-wrap; /* Opera 4-6 */ 
white-space: -o-pre-wrap; /* Opera 7 */ 
white-space: pre-wrap; /* CSS3 */ 
word-wrap: break-word; /* IE 5.5+ */ 
}