@charset "UTF-8";
/* Information
==================================================
livedoor Blog CSS
 Name   : 右カラム Blue
 Layout : 2カラム 固定
 Update : 2010.06.02
==================================================
*/

/* reset
------------------------------------------------------------------------------ */
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;
}
* {
	word-break:break-all;
}
table {
	font-size:100.01%;
	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 {
	font-weight:normal;
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100.01%;
	zoom:1;
}
q:before,q:after {
	content:'';
}


/* base
------------------------------------------------------------------------------ */
body {
	font-size:82%;
	font-family: "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック" ,sans-serif;
	word-break:break-all;
	line-height:1;
	color:#000;
	background: #E7E7E7;
}

a:link {
	color:#0000FF;
}
a:visited {
	color:#0000FF;
	text-decoration:none;
}
a:active {}
a:hover {
	text-decoration:underline;
}


/* common - 共通ヘッダ・フッタ
------------------------------------------------------------------------------ */
table#header {
	font-size:90%;
	background:#fff;
}
table#header a {
	color:#000;
}
div.footer-outer {width: 860px;}
div.footer-outer-2 {
	width: 860px;
	padding-top: 10px;
	background: #0056A7;
	color: #FFFFFF;
}
div.footer-outer-2 a { color: #FFFFFF;}
div#footer {
	color:#FFFFFF;
	margin:0 auto;
	padding:20px 0;
}
* html div#footer {
	background:transparent;
}

div#footer a {
	color:#fff;
}
div#footer p {}

/* layout 2カラム |  main  | sub+extra |
------------------------------------------------------------------------------ */
body {
	text-align:center;
}

#wrap {
	width: 860px;
	background: #FFFFFF;
	margin: 0 auto;
}
div#container {
	text-align:center;
	margin:0 auto;
}

* html div#container {
	width:860px;
	background:#fff;
}

div#content {
	text-align:left;
	width:840px;
	padding:30px 10px;
	margin:0 auto;
	height:1%;
}

div#main
, div#sub
, div#extra {
	overflow: hidden;
}

div#main {
	float:left;
	display:inline;
	width:500px;
	margin:0 0 0 0;
}

div#main div.column-inner {
	margin: 0 0 0 0;
}
div#sub {
	float:right;
	display:inline;
	width:300px;
}
div#sub div.column-inner {
	width:100%;
}
div#extra {
	clear:right;
	float:right;
	display:inline;
	width: 300px;
}
div#extra div.column-inner {}



/* design - common
------------------------------------------------------------------------------ */
/* Title - ブログタイトル
------------------------------------------------------------------- */
div.blog-title-outer {
	text-align:left;
}
div.blog-title-outer-2 {}
div.blog-title-outer-3 {
	width:840px;
	_width:860px;
	height:90px;
	_height:110px;
	background: #0056A7;
	margin:0 auto;
	padding: 20px 0 0 20px;;
}
h1#blog-title {
	/*font-family:"Century","ヒラギノ明朝 Pro","ＭＳ Ｐ明朝";*/
	font-size:28px;
	color: #FFFFFF;
	margin-bottom: 5px;
}
div.blog-description-outer {
	/*font-family:"Century","ヒラギノ明朝 Pro","ＭＳ Ｐ明朝";*/
	color: #FFFFFF;
}
p#blog-description {
	font-size: 14px;
	color:#fff;
}

/*ブログタイトルのリンク*/
h1#blog-title a {
	color:#FFFFFF;
}
h1#blog-title a:link {}
h1#blog-title a:visited {}
h1#blog-title a:active {}
h1#blog-title a:hover {
	color:#fff;
}


/* base - 外枠の装飾
------------------------------------------------------------------- */
div#main {}
div#main div.column-inner {}
div#main div.column-inner-2 {}

div#sub {}
div#sub div.column-inner {}
div#sub div.column-inner-2 {}

div#extra {}
div#extra div.column-inner {}
div#extra div.column-inner-2 {}


/* Main - メインカラム以下
------------------------------------------------------------------- */
/* Archives-Title - アーカイブタイトル
----------------------------------------------- */
div.archives-title-outer {
	margin:0 auto 10px;
	font-size:20px;
}
div.archives-title-outer-2 {}
div.archives-title-outer-3 {}
h2.archives-title {}
h2.month-label {} /* 月別 */
h2.category-name {} /* カテゴリー */

/* Paging - ページング
----------------------------------------------- */
div.pager {
	color:#785012;
	margin-bottom: 20px;
	text-align: left;
}
div.pager a {
	color:#0000FF;
	text-decoration:none;
}
div.pager a:hover {
	text-decoration:underline;
}
div.pager ol.paging-number li {
	padding:0 5px;
}
div.pager ol.paging-number li.current {
	background:#f0e5d3;
}

div.pager-inner {
	padding-bottom: 5px;
}

div.index-navigator-outer
, div.archives-pager-outer
, div.article-pager-outer {
}

/* ----------------------------- */
/** IndexNavigator - トップページ */

ul.index-navigator {
	padding-top: 5px;
	font-size: 90%;
}

ul.index-navigator li a {}

/* ----------------------------- */
/** ArchivesPager - アーカイブページ */

ul.archives-pager {
	padding-top: 5px;
	font-size: 90%;
}
ul.archives-pager li {
	padding:0 10px;
}
ul.archives-pager li a {}
ul.archives-pager li.both {
	border-left: 1px solid #9a7736;
}

/* ----------------------------- */
/** ArticlePager - 個別記事ページ */

ul.article-pager {
	padding-top: 5px;
	font-size: 90%;
}
ul.article-pager li {
	float: left;
	width: 49%;
	line-height: 1.25;
}

/* = special tech ... borderの高さを揃えるため */
ul.article-pager {
	overflow: hidden;
}
ul.article-pager li {
	padding-top: 1px;/* 1px余白（上部） */
	padding-bottom: 32768px;
	margin-bottom: -32767px;/* 1px余白（下部） */
}

ul.article-pager li a {
	display: block;
	margin: 0 10px;
}

ul.article-pager li.prev {
	text-align: right;
}

ul.article-pager li.next {
	text-align: left;
}

ul.article-pager li.both {
	border-left: 1px solid #9a7736;
}

/* article
----------------------------------------------- */
div.autopagerize_page_element {}
div.autopagerize_insert_before {} /* 記事 */

div.hentry {}

div.article-outer {
	margin-bottom:30px;
}
div.article-outer-2 {}
div.article-outer-3 {}

/* ----------------------------- */
/* header */
div.article-header {}
div.article-date-outer {
	font-size: 90%;
	text-align: right;
}
span.article-date {
	margin-right: 3px;
	margin-right: 0.25em;
}
span.article-time {}
div.article-category-outer {
	background: url(http://parts.blog.livedoor.jp/img/usr/default_2008/common/category.gif) no-repeat;
	margin-left: 12.5em;/* 日付の幅 */
	padding-left: 20px;
	padding-right: 20px;
}
dl.article-category {
	margin: 0;
	padding: 0;
	line-height: 1.25;
}
dl.article-category a {
	color:#333;
}
dl.article-category dt {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	text-indent: -9999px;
}
dl.article-category dd {
	display: inline;
	margin: 0;
	padding: 0;
	margin-right: 5px;
	font-size: 90%;
}
dd.article-category {}
dd.article-category-second {}

/*** カテゴリアーカイブページではカテゴリを非表示にする */
body.category div.article-category-outer {
	display: none;
}

div.article-title-outer {
	clear:both;
	padding:0 0 0 10px;
	background:#FFFFFF;
	border:1px solid #CBDBE9;
	margin-bottom:10px;
}
h2.article-title {
	color:#000000;
	font-size:16px;
	line-height:1.5;
	padding:0 0 0 0;
	background:#fff;
}
h2.entry-title {}

/* 記事タイトルのリンク*/
h2.article-title a {
	color:#0000FF;
	display: block;
	background:#CBDBE9;
	padding:0 0 0 10px;
}
h2.article-title a:link {}
h2.article-title a:visited {}
h2.article-title a:active {}
h2.article-title a:hover {}

/* カテゴリリンク */
div.article-category-outer a {}
div.article-category-outer a:link {}
div.article-category-outer a:visited {}
div.article-category-outer a:active {}
div.article-category-outer a:hover {}


/* ----------------------------- */
/* body */
div.entry-content {}
div.article-body {
	line-height:1.7;
	padding:0 15px 10px;
	border-bottom:none;
	margin-bottom:5px;
}
div.article-body-inner {}
span.article-continue {}
img.pict {}

/* 関連記事 */
div.related-articles {
	margin-top:10px;
}
div.related-articles h3 {
}
div.related-articles ul {
	list-style:disc;
	padding:0 0 0 2em;
	margin:0;
}
div.related-articles ul li {
	padding:0;
	margin:0;
}
div.related-articles ul li a {
	color:#333;
}

/* 記事中のリンク*/
div.article-body a {}
div.article-body a:link {}
div.article-body a:visited {}
div.article-body a:active {}
div.article-body a:hover {}

/* 続きを読むリンク*/
span.article-continue a {}
span.article-continue a:link {}
span.article-continue a:visited {}
span.article-continue a:active {}
span.article-continue a:hover {}

/* ----------------------------- */
/* footer */
div.article-footer {
	border-top: 1px dashed #CCCCCC;
	padding-top: 10px;
	font-size:80%;
}
	ul.article-post {text-align:left;}
	ul.article-post li {height: 12px; margin-right: 5px;}
		/* 著者名 */
		ul.article-post li.article-author {}
		ul.article-post li.vcard {}
		ul.article-post li.author {}

		/* コメント数 */
		ul.article-post li.article-comment-count {}

		/* トラックバック数 */
		ul.article-post li.article-trackback-count {}

		/* クリップ数+拍手 */
		ul.article-post li.article-tool-box {}

/* ポスト情報のリンク*/
ul.article-post li a {}
ul.article-post li a:link {}
ul.article-post li a:visited {}
ul.article-post li a:active {}
ul.article-post li a:hover {}

/* ----------------------------- */
/* adsense */
div.ad {}


/* side - サイドカラム以下
------------------------------------------------------------------- */
div.sidewrapper {
	margin-bottom:20px;
}

/* calendar - カレンダー
----------------------------------------------- */
div.plugin-calendar,
div.plugin-calendar_japanese {
	font-family:"Century","ヒラギノ明朝 Pro","ＭＳ Ｐ明朝";
	height:255px;
	margin-bottom:0;
}

/* ----------------------------- */
/* header */
div.calendarheadbody {
	padding:40px 0 10px 10px;
}
div.calendarhead {
	font-size:18px;
	color:#ad8745;
	text-align:center;
}
div.calendarhead a {
	color:#ad8745;
}

/* ----------------------------- */
/* body */
div.caltop {}
div.calbottom {}
div.calbody {
	padding:0 40px;
}
table.caltbl {
	line-height:1;
	width:200px;
}

/* 曜日表示 */
table.caltbl td.caltblwkbg {}
table.caltblwk {
	font-size:12px;
	color:#ad8745;
	margin-bottom:5px;
}
table.caltblwk td span.calendarweek {}
table.caltblwk td.sun span.calendarweek {} /* 日曜日 */
table.caltblwk td.sat span.calendarweek {} /* 土曜日 */
table.caltblwk td.weekday span.calendarweek {} /* 平日 */

/* 日付表示 */
table.caltbl td.caltbldaybg {}
table.caltblday {
	font-size:14px;
	color:#ad8745;
}
table.caltblday tr.odd {} /* 奇数行 */
table.caltblday tr.even {} /* 偶数行 */
table.caltblday td.calendard {}

table.caltblday td.caloff {
	padding:3px;
} /* リンクのない日 */
table.caltblday td.caloff span.calendar {}

table.caltblday td.calon {
	background:#deedf2;
	padding:3px;
} /* リンクのある日 */
table.caltblday td.calon a.acalendar {
	color:#9c8050;
	text-decoration:none;
}
table.caltblday td.calon a.acalendar:hover {
	text-decoration:underline;
}

/* カレンダータイトルのリンク*/
div.calendarhead a {}
div.calendarhead a:link {}
div.calendarhead a:visited {}
div.calendarhead a:active {}
div.calendarhead a:hover {}

/* 日付のリンク*/
table.caltblday td.calon a.acalendar {}
table.caltblday td.calon a.acalendar:link {}
table.caltblday td.calon a.acalendar:visited {}
table.caltblday td.calon a.acalendar:active {}
table.caltblday td.calon a.acalendar:hover {}

/* side - 通常のボックス
----------------------------------------------- */
div.sidetitlebody {
	height:35px;
}
div.sidetitle {
	color:#000000;
	font-size:16px;
	line-height:35px;
	padding:0 0 5px 20px;
	border-top: 1px solid #0056A7;
	border-bottom: 1px solid #0056A7;
	background: #CBDBE9;
}
div.sidetop {}
div.side {
	text-align:left;
	padding:10px;
	background:#EEEEEE;
	border:none;
}
div.sidebody {
	text-align:left;
	line-height:1.3;
	padding-left:1em;
	background:none;
	margin-bottom:5px;
}

div.sidebottom {}

/* サイドカラムの一般的なリンク*/
div.sidebody a {
	color:#0000FF !important;
	text-decoration:underline;
}
div.sidebody a:link {}
div.sidebody a:visited {}
div.sidebody a:hover {
	text-decoration:none;
}

/* side - 最新記事
----------------------------------------------- */
div.plugin-recent_articles {}
div.plugin-recent_articles div.sidetitlebody {
	background:none;
}
div.plugin-recent_articles div.side {
	border:none;
}
div.plugin-recent_articles div.sidebody {
	background:none;
}
div.plugin-recent_articles div.sidebody a { color:#333;}

/* side - アーカイブ・カテゴリ
----------------------------------------------- */
div.plugin-monthly div.sidetitlebody,
div.plugin-categorize div.sidetitlebody {
	background:none;
}


/* side - 最新コメント
----------------------------------------------- */
div.plugin-recent_comments div.sidebody {
	color:#999;
}

/* search - ブログ検索
----------------------------------------------- */
div.side form {}
div.side form input.sf {
	width:200px;
}
div.side form input.sfbtn {}

/* ld-services - 他コンテンツバナー
----------------------------------------------- */
ul#ld-services {
	padding:5px;
	background:#e9e5da;
}
	ul#ld-services li {
	padding:5px;
}
	ul#ld-services li.ld-reader {}
	ul#ld-services li.lblog-rss {}
	ul#ld-services li.blog-powered {}


/* design - トップページ
------------------------------------------------------------------------------ */
body.index {}


/* design - 月別
------------------------------------------------------------------------------ */
body.monthly {}


/* design - カテゴリー
------------------------------------------------------------------------------ */
body.category {}


/* design - 個別記事
------------------------------------------------------------------------------ */
body.article {}

/* コメント・トラックバック一覧
----------------------------------------------- */
div.article-option {
	line-height:1.3;
}
div.article-option h3 {
	margin-top:30px;
	color:#785012;
	font-size:16px;
	margin-bottom:10px;
} /* タイトル */
div.article-option ul {}
div.article-option ol {}
div.article-option ol li {}

/* ----------------------------------------------- */
/** トラックバックURL */

div#trackback-form ul {
	margin: 0 30px;
	padding: 0;
}

div#trackback-form ul li {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
}

div#trackback-form ul li.trackback-form-url {
	width: 100%;
	margin-right: -90px;
}

div#trackback-form ul li.trackback-form-url span input {
	width: 100%;
}

div#trackback-form ul li.trackback-form-url span {
	display: block;
	padding-right: 100px;
	/* >> trackbackURL とsubmitボタンとの余白 100px-90px=10px となる */
}

div#trackback-form ul li.trackback-form-submit {
	width: 80px;
}

div#trackback-form ul li.trackback-form-submit input {}

/* ----------------------------------------------- */
/** トラックバック一覧 */

li.trackback-set {
	padding: 0 0 10px 20px;
	font-size: 90%;
}

h4.ping-title {
	display: inline;
	padding: 0;
	font-weight: normal;
}

ul.ping-info {
	display: inline;
}

ul.ping-info li.ping-blog-name {
	display: inline;
	margin-left: 20px;
}

ul.ping-info li.ping-blog-name span {
	margin: 0 10px;
}

ul.ping-info li.ping-date {
	display: inline;
	margin-left: 10px;
}

ul.ping-info li.ping-excerpt {
	display: block;
	margin-top: 5px;
	margin-left: 10px;
}

ul.ping-info li.ping-excerpt img.trackback-rating {}

/* ----------------------------------------------- */
/** コメント一覧 */

li.comment-set {
	padding: 0 0 10px 20px;
	font-size: 90%;
}

ul.comment-info li.comment-author {
	display: inline;
}

ul.comment-info li.comment-date {
	display: inline;
	margin-left: 10px;
}

ul.comment-info li {
	display: inline;
}

ul.comment-info li.comment-body {
	display: block;
	margin-top: 5px;
	margin-left: 10px;
}

ul.comment-info li.comment-body img.trackback-rating {}

/* ----------------------------------------------- */
/** コメントフォーム */

div#comment-form-body {
	background-color: #f5f5f5;
	padding: 15px 0 15px 50px;
}

div#comment-form-body table {
	border: 0;
	width: 80%;
	line-height: 25px;
	font-size: 90%;
}

div#comment-form-body table th {
	width: 3em;
	padding-right: 5px;
	text-align: right;
	font-weight: normal;
}

input#author {
	width: 65%;
}

input#email {
	width: 65%;
}

input#url {
	width: 85%;
}

input#bake {
	margin: 0 0 0 5px;
}

textarea#text {
	width: 90%;
	height: 250px;
}

input.button {
	margin-top: 10px;
	width: 80px;
}

div#comment-form-body table tr.input-etc td {
	padding-top: 6px;
}

label.input-rating {
	margin-left: 20px;
}

label.input-rating select {
	margin-left: 3px;
}

label.input-rating-face {
	margin-left: 5px;
}

label.input-rating-star {}

div#comment-form-body table tr.submit td {
	text-align: center;
}

/*** コメント認証 */
div.comment-auth-announcement {
	margin: 10px 0;
	border-color: #858585;
	font-size: 90%;
}

div.comment-auth-announcement p a {
	margin: 0 3px;
}

/* clear
------------------------------------------------------------------------------ */
/** clearfix */
div.article-body-inner:after
, div#container:after
, div#content:after
, ul.article-navigator:after
, ul.archives-navigator:after
, div.article-body:after
, div.article-body div.article-body-more:after
, div#trackback-form ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/** hasLayout */
div.article-body-inner
, div.blog-title-outer
, div.article-outer
, h2.archives-title
, div.article-body
, div.article-footer
, h2.article-title
, div.pager
, ul
, div.index-navigator-outer {
	height: 1%;
}

/** peek-a-boo bug */
div.article-body-inner
, div#trackback-form
, div#trackbacks-list
, div#comments-list
, div#comment-form {
	height: 1%;
}

/** message board **/
.message_title {
	width: 500px;
	height: 37px;
	background: #CBDBE9;
}
.message_title h3 {
	width: 500px;
	height: 33px;
	_height: 35px;
	font-size: 16px;
	font-weight: normal;
	padding: 0 0 2px 0;
	color: #000000;
	border-bottom: 1px solid #FFFFFF;
}
.message_title h3 span {
	width: 490px;
	_width: 500px;
	height: 23px;
	_height: 33px;
	border-bottom: 1px solid #FFFFFF;
	display: block;
	padding: 10px 0 0 10px;
}
.message_article {
	width: 478px;
	_width: 500px;
	padding: 10px;
	margin-bottom: 25px;
	border: 1px solid #CBDBE9;
	border-top: none;
	color: #000000;
	font-size:14px;
}

/*** Banner ***/
.banner {
	width: 278px;
	_width: 300px;
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin-bottom: 20px;
}
.banner img {
	float: left;
	display: inline;
	margin-right: 10px;
}

#article-options {
	border-top: 3px double #CCCCCC;
}

ul#topicPath {
	margin-bottom:10px;
}
ul#topicPath li {
	display: inline;
	line-height: 1.5;
}