* {
margin: 0;
padding: 0;
}

body {
	background:#F2EEE5;
	color:#454545;
	font-size: 12px;
	line-height:160%;
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
}

#wrapper_body {
	border-top:15px solid #454545;
}

/* =================================== */
/* レイアウトの設定 */
/* =================================== */

/* 全体を囲うblock */
#wrapper {
	width: 90%;
	margin:0px auto;
	min-width:700px;
}

#header {
	padding:30px 70px;
}

#content {
	padding:10px;
}

#content #side_left {
	float:left;
	width: 180px;
}

#content #side_right {
	float:right;
	width: 180px;
}

#content #main {
	margin:0 190px;
}


#footer {
	text-align:center;
	padding:20px 0px;
}

#footer address {
	font-size:x-small;
	font-style:normal;
}

/* =================================== */
/* リンクカラーの設定 */
/* =================================== */

/* 全般 */
a,
a:link,
a:visited,
a:active	{ color: #666; text-decoration: none; }
a:hover		{ color: #D62F2F; text-decoration: none; }

/* 記事 */
.entry a,
.entry a:link,
.entry a:visited,
.entry a:active	{ border-bottom:1px dotted #CCC;}
.entry a:hover		{ border-bottom:1px dotted #666; }

/* カレンダー */
#calendar .cell a,
#calendar .cell a:link,
#calendar .cell a:visited,
#calendar .cell a:active	{ background:#D9D9D9; display:block; width: 22px; height:20px; }
#calendar .cell a:hover		{ background:none;}


/* =================================== */
/* 角丸の画像の設定 */
/* =================================== */

/* エントリーの角丸ボックス */
.entry {
	background:#FFF;
	margin-bottom:10px;
}

.entry .padding {
	padding:10px 20px 0px 20px;
}

.entry .north { background: url(./template/octopus/img/north.gif) repeat-x top; }
.entry .east { background: url(./template/octopus/img/east.gif) repeat-y right; }
.entry .south { background: url(./template/octopus/img/south.gif) repeat-x bottom; }
.entry .west { background: url(./template/octopus/img/west.gif) repeat-y left; }
.entry .ne { background: url(./template/octopus/img/ne.gif) no-repeat top right; }
.entry .se { background: url(./template/octopus/img/se.gif) no-repeat bottom right; }
.entry .sw { background: url(./template/octopus/img/sw.gif) no-repeat bottom left; }
.entry .nw { background: url(./template/octopus/img/nw.gif) no-repeat top left; }



/* コメント・トラックバックエリアの角丸ボックス */
#comment .octopus,
#trackback .octopus,
#profile .octopus {
	background:#EEEAE0;
	margin-bottom:10px;
}
#comment .padding,
#trackback .padding,
#profile .padding {
	padding:10px 20px 0px 20px;
}

#comment .north,
#trackback .north,
#profile .north { background: url(./template/octopus/img/north_2.gif) repeat-x top; }
#comment .east,
#trackback .east,
#profile .east { background: url(./template/octopus/img/east_2.gif) repeat-y right; }
#comment .south,
#trackback .south,
#profile .south { background: url(./template/octopus/img/south_2.gif) repeat-x bottom; }
#comment .west,
#trackback .west,
#profile .west { background: url(./template/octopus/img/west_2.gif) repeat-y left; }
#comment .ne,
#trackback .ne,
#profile .ne { background: url(./template/octopus/img/ne_2.gif) no-repeat top right; }
#comment .se,
#trackback .se,
#profile .se { background: url(./template/octopus/img/se_2.gif) no-repeat bottom right; }
#comment .sw,
#trackback .sw,
#profile .sw { background: url(./template/octopus/img/sw_2.gif) no-repeat bottom left; }
#comment .nw,
#trackback .nw,
#profile .nw { background: url(./template/octopus/img/nw_2.gif) no-repeat top left; }



/* =================================== */
/* 装飾の設定 */
/* =================================== */

blockquote {
	color: #666;
	background-color: #f5f5f5;
	border:dotted 1px;
	border-color:#000000;
	
}

.clear {
	clear: both;
	font: 0/0 sans-serif;
}

img.spacer {
	width:1px;
	height:10px;
}


/* =================================== */
/* #header */
/* =================================== */

#header h1 {
	font-size:24px;
	line-height:120%;
	font-style:italic;
}

#header p {
	font-size:12px;
}


/* =================================== */
/* #main */
/* =================================== */

/*ナビゲーション*/
.entry_link{
	margin:10px 0px;
	text-align:center;
	font-size:x-small;
}

.page_link{
	margin:10px 0px;
	text-align:center;
	font-size:x-small;
}



/* エントリー部分全体 */

.border {
	border-bottom:1px solid #B5B5B5;
	padding:5px 0px;
}

/* エントリータイトル */
h2.entry_title {
	font-size:14px;	
	color:#666;
}

/* エントリー時刻 */
.entry_date {
	color:#666;
}

/* エントリー本文 */
.entry_body {
	padding:15px 0px;
	color:#000000;
}

.entry_description {
}

.entry_more {
	margin-top:10px;
}


/* エントリー情報 */
.entry_state {
	font-size:12px;
	text-align:right;
	padding:10px 0px;
}


/*コメント、トラックバック、プロフィールエリア*/
dl#comment,
dl#trackback {
	width:90%;
	margin:30px auto 0px auto;
}

dl#comment dt,
dl#trackback dt,
dl#profile dt {
	text-align:center;
	font-weight:bolder;
	font-family:"Arial";
	margin-bottom:10px;
}

dl#comment p,
dl#trackback p,
dl#profile p {
	padding:5px 0px;
	color:#858585;
}

#comment .form {
	width:250px;
}

#trackback .tb_url {
	text-align:center;
	margin-bottom:10px;
}

#trackback .tb_url strong {
	margin-left:10px;
}

#trackback .tb_title {
	font-weight:bolder;
}

#profile h3 {
	font-size:12px;
}

#profile p {
}


/* =================================== */
/* サイドコンテンツ */
/* =================================== */

#side_left dl,
#side_right dl {
	padding:10px 0px 25px 0px;
	margin-bottom:10px;
	background:url(./template/octopus/img/slash.gif) repeat-x;/* スラッシュの画像 */
	background-position:left bottom;
}

#side_left dt,
#side_right dt {
	margin-bottom:10px;
	font-size:14px;
	font-weight:bolder;
	color:#FF0000;
}

#side_left dd,
#side_right dd {
	font-size:12px;
}

#side_left ul,
#side_right ul {
	list-style-type:none;
}

#side_left li,
#side_right li {
	margin-left:10px;
	margin-bottom:5px;
	line-height:130%;
}


/*カレンダー*/

.calendar table{
	margin:0 auto;
}

.cell {
	width: 22px;
	height:20px;
	text-align:center;
}
.sun {
	color:#F72C48;
}
.sat {
	color:#4F72C1;
}
.date {
	font-weight:bolder;
	color:#858585;
}


/* キーワード */
.src_keyword           { color: blue; }

/* 型キーワード */
.src_typekeyword       { color: blue; }

/* メタキーワード */
.src_metakeyword       { color: #606060; }

/* 数字リテラル */
.src_digit             { color: #c00040; }

/* 文字列リテラル */
.src_doublequotation   { color: #c00040; }

/* 文字リテラル */
.src_singlequotation   { color: #c00040; }

/* 演算子 */
.src_operator          { color: #000000; }

/* プリプロセッサ */
.src_preprocessor      { color: red; font-weight: bold; }

/* 単行コメント */
.src_singlelinecomment { color: green; }

/* 複数行コメント */
.src_multilinecomment  { color: green; }

/* ドキュメントコメント */
.src_documentcomment   { color: green; }


=============================================
twitter
=============================================
#twitter_div {
	margin:10px auto;
	padding-bottom:90px;
	width:240px;
	height:auto;
	font-size:12px;
	color:#333;
	background:url(＜ここにbg.gifのアドレス＞) no-repeat bottom;
        overflow: scroll;
}
#twitter_div h2 {
	position:relative;
	width:240px;
	height:40px;
}
#twitter_div h2 span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	background:url(＜ここにtitle.gifのアドレス＞) no-repeat;
	width:100%;
	height:100%;
}
ul#twitter_update_list {
	margin:0;
	padding:0;
        overflow: hidden;
}
#twitter_update_list li {
	list-style:none;
	margin:0 4px 10px 12px;
	padding:4px;
	background:#feffe6;
}
#twitter_update_list li a:link {
	color:#00a2d4;
}
#twitter-link {
	margin-left:14px;
	color:#000;
	text-align:right;
}


#feed a:link {
        color: #993300;
}
#feed a:hover {
        color: #D62F2F;
        text-decoration: none;
}
#feed {
        border-style: solid;
        border-width: 1px;
        border-color: #cc6600;
        background-color: #FFFFFF;
        padding: 5px;
        font-size: 13px;
        width: auto;
        line-height: 20px;
}


.bbpBox {
background:url(http://s.twimg.com/a/1273875281/images/themes/theme18/bg.gif) #ACDED6;
padding:20px;
}

p.bbpTweet {
background:#fff;padding:10px 12px 10px 12px;
margin:0;min-height:48px;
color:#000;font-size:12px;
line-height:22px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

p.bbpTweet span.metadata {
display:block;
width:100%;
clear:both;
margin-top:8px;
padding-top:12px;
height:40px;border-top:1px solid #fff;border-top:1px solid #e6e6e6;
}

p.bbpTweet span.metadata span.author {
line-height:19px;
}

p.bbpTweet span.metadata span.author img {
float:left;margin:0 7px 0 0px;width:38px;
height:38px;
}

p.bbpTweet a:hover {
text-decoration:underline;
}

p.bbpTweet span.timestamp {
font-size:12px;display:block;
}