@charset "EUC-JP";
/* Information
==================================================
 livedoor Blog CSS(カスタム)
 Layout : 3カラム フレキシブル Blogスタイル
 Update : 2008.12.01
 Author: tani_masaru
==================================================
*/
/* Table of Contents
==================================================
	01. Text - フォント・リンク
	02. Layout - 全体の枠組み
	03.Common - 共通レイアウト
	04. Title - ブログタイトルエリア
	05. SubTitle - アーカイブタイトルエリア
	06. Pager - ページャ
	07. Main - 記事エリア
	08. Option - トラックバック・コメントエリア
	09. Sub & Extra - プラグインエリア
	10. Header & Footer - ヘッダー・フッター
	11. Others - ADエリア etc.
	12. IE Hack - IE対応
==================================================
*/
/* =============================================== */
/** 01. Text - フォント・リンク */
/* =============================================== */
/* - 共通 - */
* {
	line-break: strick;
	word-break: break-all;
}
body {
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo"."ＭＳ Ｐゴシック",sans-serif;
	color: #000000;
	line-height: normal;
}
a:link {
	color: #8B0000;
	text-decoration: none;
}
a:visited {
	color: #8B0000;
	text-decoration: none;
}
a:active
, a:hover {
	color: #FF0000;
	text-decoration: underline;
}
/* - サイズ - */
a.read-more:after
, table#header
, div.related-articles ul li
, div.blogumi-banner p.blogumi-banner-description {
	font-size: 70%;
}
p#blog-description
, div.article-date-outer
, dl.article-tags
, dl.common-theme
, ul.article-post
, div#outbrain-outer
, div.related-articles h3
, div#trackback-form ul
, li.trackback-set
, li.comment-set
, div.comment-auth-announcement
, div#comment-form-body table
, div.side
, div.calbody
, div.calendarhead
, div.blogumi-banner p.blogumi-banner-title
, div#blog-footer
, div#footer {
	font-size: 80%;
}
h2.archives-title
, div.article-body h3
, div.prof-name
, div.prof-name a.nickname
, ul.tagcloud {
	font-size: 120%;
}
h2.article-title {
	font-size: 140%;
}
h1#blog-title {
	font-size: 160%;
}

/* - カラー - */
h2.archives-title
, span.article-title-category
, h2.article-title
, h2.article-title a
, div.sidetitle
, table.caltblwk td.sun span.calendarweek
, div.calendarhead {
	color: #000000;
}
table.caltblwk td.sat span.calendarweek {
	color: #000000;
}
p#blog-description {
	color: #000000;
}
table.caltblday td.caloff span.calendar {
	font-color: #000000;
}
/* - 装飾 - */
a.nickname
, h1#blog-title
, div.article-body cite
, div.article-body strong
, div.article-body em
, div#blog-footer address {
	font-style: italic;
}
a.nickname
, h1#blog-title
, h2.archives-title
, h2.article-title
, span.article-date
, span.article-time
, span.article-title-category
, div.article-body h3
, div.article-body strong
, div.related-articles h3
, div.article-option h3
, div.comment-auth-announcement p a
, div.sidetitle
, div.calendarhead
, table.caltblwk td.sun span.calendarweek
, table.caltblwk td.weekday span.calendarweek
, table.caltblwk td.sat span.calendarweek
, table.caltblday td.calon span.calendar {
	font-weight: bold;
}
/* - アンカーデコレーション - */
div.article-body a
, table.caltblday td.calon span.calendar a {
	text-decoration: underline;
}
div.article-body p.cite-name a
, div#blog-footer a
, div#footer a {
	text-decoration: none;
}
h1#blog-title a:link
, h1#blog-title a:visited {
	color: #8B0000;
	text-decoration: none;
}
span.article-title-category a:link
, h2.article-title a:link
, div.calendarhead a.calendarpre:link
, div.calendarhead a.calendarpre:visited
, div.calendarhead a.calendarnext:link
, div.calendarhead a.calendarnext:visited {
	color: #8B0000;
	text-decoration: none;
}
span.article-title-category a:visited
, h2.article-title a:visited {
	color: #000000;
	text-decoration: none;
}
h1#blog-title a:active
, h1#blog-title a:hover
, span.article-title-category a:active
, span.article-title-category a:hover
, h2.article-title a:active
, h2.article-title a:hover
, div.calendarhead a.calendarpre:active
, div.calendarhead a.calendarpre:hover
, div.calendarhead a.calendarnext:active
, div.calendarhead a.calendarnext:hover {
	color: #FF0000;
	text-decoration: underline;
}

/* =============================================== */
/** 02. Layout - 全体の枠組み */
/* =============================================== */
body {
	background-color: #DCDCDC;
	min-width: 980px;
}
div#common-header {
	min-width: 980px;
}
div#wrapper {
	width: 98%;
	max-width: 1150px;
	min-width: 980px;
	margin: 5px auto;
	overflow: hidden;
}
div#blog-header {}
div#blog-header-inner {}
div#container {
	width: 100%;
	float: left;
	margin-right: -230px;
}
div#container-inner {
	margin-right: 230px;
}
div#contents {
	width: 100%;
	float: left;
	margin-right: -230px;
}
div#main {
	margin-right: 230px;
	overflow: hidden;
}
div#sub
, div#extra {
	float: right;
	width: 220px;
	overflow: hidden;
}
div#sub-inner
, div#extra-inner {}
div#blog-footer {
	clear: both;
	overflow: hidden;
}
div#blog-footer-inner {}
div#common-footer {
	min-width: 980px;
}

/* =============================================== */
/** 03. Common - 共通レイアウト */
/* =============================================== */
div.column-outer {
	background: #FFFFFF url() no-repeat left bottom;
}
div.column-outer2 {
	background: url() no-repeat right bottom;
}
div.column-outer3 {
	background: url() no-repeat right top;
}
div.column-outer4 {
	background: url() no-repeat left top;
}
a.nickname {
	margin: 0 5px;
}
a.read-more:after {
	content: " ... 続きを読む";
}
/* --  clearfix -- */
div#wrapper:after
, div#blog-header-inner:after
, div.article-pager-outer:after
, div.article-body blockquote span:after
, div.related-articles-outer:after
, div.article-ad:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* =============================================== */
/** 04. Title - ブログタイトルエリア */
/* =============================================== */
div#blog-header-inner {
	padding: 10px;
}
div#blog-ticker-area {
	text-align: right;
	margin: 5px 0;
}
div#blog-title-outer {
	width: 100%;
	float: left;
	margin-right: -480px;
}
div#blog-title-inner {
	margin-right: 480px;
}
h1#blog-titile
, p#blog-description {
	margin: 5px;
}
div#blog-title-adarea {
	float: right;
	width: 480px;
	margin: 5px 0;
}

/* =============================================== */
/** 05. SubTitle - アーカイブタイトル エリア */
/* =============================================== */
div.archives-title-outer {
	margin: 10px 0;
}
div.archives-title-inner {
	padding: 10px;
}
h2.archives-title {
	text-align: center;
}


/* =============================================== */
/** 06. Pager - ページャ */
/* =============================================== */
/* -- 共通設定 -- */
div.index-pager
, div.article-pager
, div.archives-pager {
	margin: 10px 0;
	overflow: hidden;
}
div.index-pager-inner
, div.article-pager-inner
, div.archives-pager-inner {
	padding: 10px;
	font-size: 80%;
}
/* -- TOPページ -- */
ul.archives-pager {
	text-align: center;
}
ul.archives-pager li {
	display: inline;
	margin: 0;
	padding: 0 5px;
}
ul.archives-pager li.both {
	border-left: 1px solid;
}
/* -- 個別記事ページ -- */
ul.article-pager {
	margin: 0;
	padding: 0;
}
ul.article-pager li {
	width: 47.5%;
	display: block;
	padding: 0 5px;
}
ul.article-pager li.prev {
	float: left;
	text-align: right;
}
ul.article-pager li.next {
	float: right;
	text-align: left;
}
ul.article-pager li.both {}

/* =============================================== */
/** 07. Main - 記事エリア
/* =============================================== */
/* - 全体の枠組み - */
div.article-outer {
	margin: 10px 0;
}
div.article-inner {
	padding: 10px;
}
div.article-main {
	margin: 10px;
}
div.article-header {
	margin-bottom: 10px;
}
div.article-body {}
div.article-footer {
	clear: both;
}
div.article-footer-first {}
div.article-footer-dayloop-last {
	margin-top: 10px;
}
/* - 記事ヘッダー - */
div.article-date-outer {
	width: 15em;
	float: left;
}
div.article-date-outer-dayloop-first span.article-date {
	font-size: 140%;
}
span.article-time {
	margin-left: 0.5em;
}
div.article-bookmark {
	float: right;
	text-align: right;
}
div.article-title-category-outer {
	clear: both;
}
h2.article-title {
	clear: both;
}
/* -- 共通テーマ -- */
dl.common-theme {
	text-align: right;
}
/* -- 記事タグ -- */
dl.article-tags {
	text-align: right;
}
/* - 記事本文 - */
div.article-body {
	width: 100%;
	overflow: hidden;
}
div.article-body-more
, div.private-mode-announcement {
	clear: both;
}
div.article-body .left {
	float: left;
}
div.article-body .right {
	float: right;
}
div.article-body .clear {
	clear: both;
}
div.article-body a {
	margin: 0 3px;
}
/* - 段落 -*/
div.article-body p {
	line-height: 1.8em;
	text-indent: 1em;
	margin: 1em 0;
}
div.article-body p.cite-name {
	text-indent: 0em;
}
/* - 引用 - */
div.article-body blockquote {
	border-top: 3px double #666666;
	border-bottom: 3px double #666666;
	background:  url(http://livedoor.blogimg.jp/j_w_c/imgs/4/5/45773beb.gif) no-repeat left top;
	margin: 1em 0;
	padding: 1em 0 0 1em;
}
div.article-body blockquote span {
	display: block;
	background: url(http://livedoor.blogimg.jp/j_w_c/imgs/a/9/a9ce560f.gif) no-repeat right bottom;
	padding: 0 1em 1em 1em;
}
div.article-body q {
	margin: 0 5px;
}
div.article-body q:before {
	content:"“";
}
div.article-body q:after {
	content:"”";
}
/* - 整形済みテキスト - */
div.article-body pre {
	margin: 1em;
	background-color: #FFFFFF;
	padding: 1em;
	overflow: auto;
}
/* - リスト - */
div.article-body ul
, div.article-body ol
, div.article-body dl {
	margin: 1em;
	padding-left:2em;
}
div.article-body ol li {
	list-style: decimal outside;
}
div.article-body ul li {
	list-style: disc outside;
}
div.article-body dl dt {
	font-weight: bold;
}
div.article-body dl dd {
	padding-left:1em;
}
/* - 画像 - */
div.article-body img.pict {
	display: block;
	padding: 1em 2em;
}
/* - 記事フッター - */
ul.article-post li img {
	vertical-align: middle;
	padding-right: 5px;
}
/* -- 関連記事 -- */
div.related-articles-outer {
	background-color: #F5F5F5;
	margin: 10px auto;
}
div.related-articles {
	width: 45%;
	float: left;
	padding: 10px;
}
div.related-articles ul li {
	margin: 5px 0;
}
div.related-articles ul li:before {
	content: "▼"
}
/* -- 広告バナー -- */
div.article-ad {
	margin: 0 -10px;
	clear: both;
}

/* =============================================== */
/** 	08. Option - トラックバック・コメントエリア */
/* =============================================== */
div.article-option {
	clear: both;
}
div.article-option h3 {
	padding: 20px 0 5px;
}
/* -- トラックバックURL -- */
div#trackback-form ul {
	margin: 0;
	padding-left: 1em;
}
div#trackback-form ul li {
	display: inline;
	list-style-type: none;
}
div#trackback-form ul li.trackback-form-url {
	padding-right: 5px;
}
div#trackback-form ul li.trackback-form-url span input {
	width: 70%;
}
div#trackback-form ul li.trackback-form-submit input {
	width: 5em;
}
/* -- トラックバック＆コメント一覧 -- */
li.trackback-set
, li.comment-set {
	padding: 0 1em 1em;
}
h4.ping-title
, ul.ping-info li
, ul.comment-info li {
	display: inline;
}
ul.ping-info li.ping-blog-name
, ul.ping-info li.ping-date
, ul.comment-info li.comment-date {
	margin-left: 1em;
}
ul.ping-info li.ping-excerpt
, ul.comment-info li.comment-body {
	display: block;
	background-color: #FFFFFF;
	margin: 5px 0;
	padding: 1em;
}
/* -- コメントフォーム -- */
div.comment-auth-announcement {
	margin: 5px 0;
	border-color: #666666;
}
div.comment-auth-announcement p a {
	margin: 0 5px;
}
div#comment-form-body table {
	border: 0;
	width: 90%;
	line-height: 25px;
}
div#comment-form-body table th {
	width: 4em;
	padding-right: 5px;
	text-align: right;
}
div#comment-form-body table tr td {
	padding: 2px 0;
}
input#author
, input#email
, input#url
, textarea#text {
	width: 100%;
}
div#comment-form-body table tr.input-etc
, div#comment-form-body table tr.input-facemark {
	display: none;
}
textarea#text {
	height: 10em;
}
div#comment-form-body table tr.submit td {
	text-align: center;
}
input.button {
	width: 6em;
}

/* =============================================== */
/** 09. Sub & Extra - プラグインエリア */
/* =============================================== */
div#sub
, div#extra {
	margin: 10px 0;
}
div#sub-inner
, div#extra-inner {
	padding: 10px;
}
div.sidetitle {
	margin-bottom: 5px;
}
div.sidetop
, div.sidebottom {
	display: none;
}
div.side {
	margin-bottom: 10px;
	text-align:center;
}
div.sidebody {
	text-align: left;
}
div.sidebody:before {
	content: "★";
}
/* --  Blog内検索 -- */
input.sf {
	width: 140px;
}
input.sfbtn {
	width: 50px;;
}
/* --  プロフィール -- */
div.prof-image {
	width: 160px;
	margin: 0 auto;
	padding: 5px;
}
div.prof-name {
	text-align: left;
	margin: 5px 0;
}
div.prof-message {
	text-align: left;
	margin: 5px 0;
}
div.prof-icons {
	text-align:right;
}
div.prof-icons img {
	vertical-align: middle;
	margin: 0 5px;
}
/* -- タグクラウド -- */
div.side ul.tagcloud li {
	padding: 0 2px;
}
/* --カレンダー -- */
div.calendarheadbody {}
div.calendarhead {
	text-align: center;
	margin-bottom: 5px;
}
div.caltop {
	display: none;
}
div.calbody {
	margin: 0 auto 10px;
	text-align: center;
}
table.calendartable {
	width: 200px;
}
/* -- プレスブログバナー -- */
div.pressblog-banner {
	margin: 5px auto;
}
/* -- ブログミ おススメ -- */
div.blogumi-banner {
	margin-bottom: 5px;
	clear: both;
}
div.blogumi-banner img {
	display: block;
	float: left;
	margin: 5px;
}
div.blogumi-banner p.blogumi-banner-title {
	text-align: left;
}
div.blogumi-banner p.blogumi-banner-description {
	text-align: left;
}
/* -- その他サービス -- */
ul#personal-service {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
ul#personal-service li {
	margin: 10px 0;
	padding: 0;
}
/* -- LDServices -- */
ul#ld-services {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
ul#ld-services li {
	margin: 10px 0;
	padding: 0;
}

/* =============================================== */
/** 10. Header & Footer - ヘッダー・フッター */
/* =============================================== */
table#header {
	width: 100%;
	overflow: hidden;
}
div#blog-footer {
	text-align: center;
}
div#blog-footer-inner {
	padding: 10px;
}
div#common-footer {}
div#footer {
	text-align: center;
}

/* =============================================== */
/** 11. Others - ADエリア etc. */
/* =============================================== */
div#yamaoshiori {
	text-align: center;
	margin: 10px 0;
}
div#googlead {
	width: 39%;
	float: left;
	text-align: center;
	overflow: hidden;
}
div#microad {
	width: 59%;
	float: right;
	text-align: center;
	overflow: hidden;
}
div.gAdsense {
	padding: 10px 0;
}
body.ad {
	background: transparent;
	min-width: 0;
}
a.adtitle {
	color: #ffffff!important;
	font-weight: bold;
}
a.adtitle span {
	font-size: 90%!important;
}
a.addescription {
	color: #cccccc!important;
}
a.addescription span {
	font-size: 82%!important;
}
a.adurl {
	color: #999999!important;
	text-decoration: none;
}
a.adurl span {
	font-size: 82%!important;
}
a.adld {
	color: #ffffff!important;
	text-decoration: underline;
	font-size: 110%;
}

/* =============================================== */
/** 12. IE Hack - IE用CSSハック */
/* =============================================== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
{
	zoom : 1;
}
* html li {
    zoom:normal;
}
* + html li {
    zoom:normal;
}

* html body {
	text-align: center;
}
* html div#wrapper {
	text-align: left;
}
div.related-articles-outer {
	text-align: center;
}
div.related-articles {
	text-align: left;
}
* html div#wrapper {
	width: expression(
		document.body.clientWidth < 1000? "980px" : 
		document.body.clientWidth > 1170? "1150px" :
		"98%"
	);
}
* html div#common-header
, * html div#common-footer {
	width: expression(
		document.body.clientWidth < 1000? "980px" : 
		"100%"
	);
}
* html div.related-articles ul {
	padding-left:1em;
}
* html div.related-articles ul li {
	list-style: disc outside;
	zoom: normal;
}
*+ html div.related-articles ul {
	padding-left:1em;
}
*+ html div.related-articles ul li {
	list-style: disc outside;
	zoom: normal;
}
* html div.sidebody {
	margin-left: 0.5em;
}
*+html div.sidebody {
	margin-left: 0.5em;
}
/* -- font size 継承 -- */
* html table#header {
	font-size: 50%;
}
*+html table#header {
	font-size: 50%;
}
* html div.calendarhead
, * html table.caltblwk td span.calendarweek
, * html table.caltblday td span.calendar {
	font-size: 70%;
}
*+html div.calendarhead
, *+html table.caltblwk td span.calendarweek
, *+html table.caltblday td span.calendar {
	font-size: 70%;
}
/* -- vertical list height -- */
* div.related-articles ul li {
	line-height: 0;
}
* div.related-articles ul li a {
	line-height: normal;
}
*+ div.related-articles ul li {
	line-height: 0;
}
*+ div.related-articles ul li a {
	line-height: normal;
}
/* - overflow bug - */
* html div.article-body pre {
	width: 100%;
}

/* Update History
==================================================
New
・2008.12.01 リリース
Update
==================================================
*/
/* End */