@charset "EUC-JP";
/* Information
-----------------------------------------------------
Blogger Alliance shared design CSS {
	Name: candle night 2006-2009 summer
	Description: candle night design in 2006-2009 summer
	Version: 0.90;
	Author: forestk
	Contact: forestk@livedoor.com
	Update: 2009.06.19
	Information: http://blog.livedoor.jp/forestk_template/archives/cat_31287.html
	Information Feed: http://blog.livedoor.jp/forestk_template/archives/cat_31287.xml
}
-----------------------------------------------------*/

/*	=00 Default
-----------------------------------------------------*/
/* =00-1 Reset Default Style --------------------------*/
div.hentry { word-break: break-all; }
html#ldblog-standard { overflow-y: scroll !important; }
html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,table,th,tr,td,ul,ol,li,dl,dt,dd,form,fieldset,legend,hr,span,a,img,strong,em,ins,del,cite,abbr,acronym,sup,sub,dfn,code,var,samp,kbd { margin: 0; padding: 0; font-size: 100%; }
li { list-style-type: none; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
a img { border: none; text-decoration: none; }
input { vertical-align: middle; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
q:before { content: open-quote }
q:after { content: close-quote }
textarea { overflow: auto; }
img { vertical-align: bottom; }
hr { display: none; }
input, textarea, select { font-size: 0.9em; }

/* =00-2 Basic Setting --------------------------*/
html { text-align: center; }
body {
	min-width: 800px;
	max-width: 1024px;
	margin: 0 auto;
	font-size: 14px;
	*font-size: 88%;
	font-family: Georgia, Times, "Hiragino Mincho Pro", "HiraMinchoPro-W3", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 1.5;
	text-align: center;
}
* html body { font-family: "Hiragino Mincho Pro", "HiraMinchoPro-W3", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
*+html body { font-family: "Hiragino Mincho Pro", "HiraMinchoPro-W3", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
input, textarea, select, option { font-family: sans-serif; }
pre, code { font-family: monospace; }

pre { overflow: scroll; word-wrap: break-word; }
/* =hack for modern browser */
html>body pre { overflow: visible; /* =hack hide mac ie \*/ overflow: auto; /* mac ie */ }
/* =hack for ie7 */
*+html body pre { overflow: visible; /* =hack hide mac ie \*/ overflow: scroll; /* mac ie */ }

/* =00-3 Link Module --------------------------*/
a { -webkit-transition: color .5s; }
a:link { color: #EEEEEE; text-decoration: underline; }
a:visited { color: #EEEEEE; text-decoration: underline; }
a:hover { color: #FFFFFF; }
a:active { color: #999999; }
a:visited:active { color: #999999; }

/* =00-4 Clear fix --------------------------*/
.group:after,
div.entry-footer:after,
div.article-pager-outer:after,
div#trackback-form ul:after { content: "."; display: block; clear: both; visibility: hidden; height: 0px; line-height: 0; }
/* =hack hide mac ie \*/
.group,
div.entry-footer,
div.article-pager-outer,
div#trackback-form ul { zoom: 1; }
/* mac ie */

/*	=01 Common Header
-----------------------------------------------------*/
table#header,
div#header2,
div#pixivHeader {
	max-width: 1024px;
	height: 40px;
	margin: 0 auto;
	background: #000000;
	background: rgba(0,0,0,0.4);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.3)), to(rgba(0,0,0,0.5)));
	border: none;
	color: #EEEEEE;
	font-size: 11px;
	line-height: 1.1;
}
	table#header a,
	div#header2 p.signup a,
	div#pixivHeader p.signup a { color: #EEEEEE; text-decoration: none; }
	table#header a:hover,
	div#header2 p.signup a:hover,
	div#pixivHeader p.signup a:hover { color: #FFFFFF; }
	.blogHeader ul li,
	.blogHeader ul#symbol li,
	div#header2 ul#symbol li { margin-right: 2px; }
	
	table#header tr td div#newsticker { top: auto !important; left: auto !important; }

/* =01-1 Table#header --------------------------*/
table#header { margin-bottom: -10px; }

/* =01-2 Header2(beta) --------------------------*/
div#header2 {
	position: absolute;
	max-width: 100%;
	height: 20px;
	padding: 10px 0;
}
	div#header2 p { font-size: 100%; }
	div#header2 input.text {
		height: 15px;
		background-color: #FFFFFF;
	}

/* =01-3 Pixiv Header --------------------------*/
div#pixivHeader {
	height: 20px;
	margin-bottom: -10px;
	padding: 5px 0 15px;
}
* html div#pixivHeader { /* =hack IE6 だとロゴが gif になってしまう関係上 */
	background: #EEEEEE;
	color: #333333;
}
	* html div#pixivHeader p.signup a { color: #333333; text-decoration: none; }
	* html div#pixivHeader p.signup a:hover { color: #000000; }


/* **************************************************************-************************************************************** */


/*	=10 Global Layout
-----------------------------------------------------*/
body {
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: 50% 0;
	color: #EEEEEE;
}/* =tips body の class を変更するとメインの画像を変更することができます */
body.summer2009 { background-image: url(http://livedoor.blogimg.jp/napoleonatbay/imgs/0/2/028dbd46.jpg); }
body.summer2008 { background-image: url(http://livedoor.blogimg.jp/napoleonatbay/imgs/4/d/4d7f8c5e.jpg); }
body.summer2007 { background-image: url(http://livedoor.blogimg.jp/napoleonatbay/imgs/e/b/eb22b17d.jpg); }
body.summer2006 { background-image: url(http://livedoor.blogimg.jp/napoleonatbay/imgs/d/5/d5bc88e7.jpg); }

div#wrapper {
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
}/* =hack ie6 can't use max-width */
* html div#wrapper { width: 960px; }
	div#wrapper div#banner {
		height: 370px;
		padding: 15px 10px 2px;
	}
	body.summer2006 div#wrapper div#banner {
		height: 350px;
		padding: 25px 30px 12px;
		text-align: right;
	}
	div#wrapper div#content {
		padding: 10px;
	}
	div#main,
	div#search,
	div#sub,
	div#extra { display: inline; }
div#global-footer {
	clear: both;
	max-width: 960px;
	margin: 2em auto 1em;
	font-size: 75%;
}

/* =tips body の class を変更するとレイアウトを変更することができます */
/* =10-1 Layout 1Column --------------------------*/
body.layout-1wlr div#main {}
body.layout-1wlr div#sub {
	float: left;
	width: 49.9%;
}
body.layout-1wlr div#extra {
	float: right;
	width: 49.9%;
}
	body.layout-1wlr div#sub div#sub-inner,
	body.layout-1wlr div#extra div#extra-inner {
		padding: 0 1em;
	}

/* =10-2 Layout 2Column (Left-Right-Right) --------------------------*/
body.layout-2lrr div#main {
	float: left;
	width: 100%;
	margin: 0 -200px 0 0;
}
	body.layout-2lrr div#main div#main-inner { margin: 0 220px 0 0; }
body.layout-2lrr div#search,
body.layout-2lrr div#sub,
body.layout-2lrr div#extra {
	float: right;
	width: 190px;
}
body.layout-2lrr div#search { margin-top: 10px; }
body.layout-2lrr div#extra { clear: right; }

/* =10-3 Layout 2Column (Right-Left-Left) --------------------------*/
body.layout-2rll div#main {
	float: right;
	width: 100%;
	margin: 0 0 0 -200px;
}
	body.layout-2rll div#main div#main-inner { margin: 0 0 0 220px; }
body.layout-2rll div#search,
body.layout-2rll div#sub,
body.layout-2rll div#extra {
	float: left;
	width: 190px;
}
body.layout-2rll div#search { margin-top: 10px; }
body.layout-2rll div#extra { clear: left; }


/* =10-5 Layout 3Column (Left-Center-Right) --------------------------*/
body.layout-3lcr div#wrapper { width: 960px; }
body.layout-3lcr div#main {
	float: left;
	width: 500px;
	margin: 0;
}
body.layout-3lcr div#search {
	float: left;
	width: 410px;
	margin: 0 0 0 30px;
}
body.layout-3lcr div#sub,
body.layout-3lcr div#extra {
	float: left;
	width: 190px;
	margin: 0 0 0 30px;
}




/*	=20 Banner
-----------------------------------------------------*/
/* =20-1 Blog Title --------------------------*/
div#banner #blog-title {
	font-size: 225%;
}
	div#banner #blog-title a {
		color: #FFFFFF;
		font-weight: bold;
		text-decoration: none;
	}
	div#banner #blog-title a:hover { text-decoration: underline; }
	div#banner #blog-title a:active { color: #999999; }

/* =20-2 Blog Description --------------------------*/
div#banner p#blog-description {
	padding-left: 1em;
	letter-spacing: 1px;
}

/* =20-3 Only Summer 2006 --------------------------*/
	body.summer2006 div#banner #blog-title {
		padding-left: 10%;
	}

/* =20-4 Only Summer 2007 --------------------------*/
	body.summer2007 div#banner #blog-title {
		padding-right: 15%;
	}


/*	=25 Candle Night (Candle Night Message)
-----------------------------------------------------*/
div#candle { padding: 5px 15px; }
	div#candle ul {
		float: right;
		width: 9em;
		line-height: 20px;
	}
		div#candle ul li {
		}
	div#candle p {
		margin-right: 10em;
		line-height: 40px;
		letter-spacing: 2px;
	}
		div#candle p span { display: block; }
		div#candle p span strong {
			font-size: 112%;
			font-weight: bold;
		}
	div#candle p#candle-about {
		margin: 0;
		text-align: right;
	}




/*	=30 Main
-----------------------------------------------------*/
div#main div.content-title h1 {
	margin: -5px 0 1em;
	border-bottom: 3px double #666666;
	font-size: 1.5em;
	text-transform: uppercase;
	letter-spacing: 1px;
}
div#main div.content-title h1:first-letter { font-size: 1.25em; }

/*	=31 Entry
-----------------------------------------------------*/
div#main div.hentry { margin-bottom: 2.5em; }

/* =31-1 Entry Header --------------------------*/
	div.hentry div.entry-header { margin-bottom: 1em; }
		div.entry-header .entry-title { font-size: 1.5em; letter-spacing: 1px; }
		body.category div.entry-header .entry-title,
		body.monthly div.entry-header .entry-title { font-size: 1.25em; letter-spacing: 1px; }
			div.entry-header .entry-title:first-letter,
			body.category div.entry-header .entry-title:first-letter,
			body.monthly div.entry-header .entry-title:first-letter { font-size: 1.5em; }
			div.entry-header .entry-title a { text-decoration: none; }
			div.entry-header .entry-title a:hover { text-decoration: underline; }
			div.entry-header .entry-title:first-letter a:active,
			body.category div.entry-header .entry-title:first-letter a:active,
			body.monthly div.entry-header .entry-title:first-letter a:active { color: #999999; }
		div.entry-header ul {
			margin-top: -0.5em;
			color: #787878;
			font-size: 75%;
			line-height: 1.1;
		}
			div.entry-header ul a { color: #787878; }
				div.entry-header ul a:hover { color: #A8A8A8; }
				div.entry-header ul a:active { color: #484848; }
			div.entry-header ul li { display: inline; }
				div.entry-header ul li img { display: none; }
				div.entry-header ul li span.article-date { margin-right: 0.5em; }

/* =31-2 Entry Content --------------------------*/
	div.hentry div.entry-content { margin-bottom: 1em; }
		div.entry-content p.article-continue {
			padding: 0.5em 1em;
			text-align: right;
		}
			div.entry-content p.article-continue a {
				padding: 0.5em 1em;
				background: transparent;
				border-radius: 0.5em;
				-moz-border-radius: 0.5em;
				-webkit-border-radius: 0.5em;
				-webkit-transition: all .25s;
			}
				div.entry-content p.article-continue a:hover { background: #333333; }
				div.entry-content p.article-continue a:active { background: #222222; }

/* =31-3 Entry Decoration --------------------------*/
div.entry-content p { margin-bottom: 1em; }
div.entry-content h1 { font-size: 172.8%; }
div.entry-content h2 { font-size: 144%; }
div.entry-content h3 { font-size: 120%; }
div.entry-content h4 { font-size: 100%; }
div.entry-content blockquote {
	margin: 0.5em;
	padding: 0.5em;
	background: #181818;
}
div.entry-content blockquote p { margin: 0.5em 0; }
div.entry-content pre {
	margin: 0.5em;
	padding: 0.5em;
	background: #181818;
}

div.entry-content ul,
div.entry-content ol { padding-left: 2.5em; }
div.entry-content ul li { list-style: disc; }
div.entry-content ol li { list-style: decimal; }
div.entry-content dl { margin: 0.5em 0; }
div.entry-content dl dt { font-weight: bold; }
div.entry-content dl dd { margin-left: 1em; }
div.entry-content strong { font-weight: bold; }
div.entry-content em { font-style: italic; }

/* =31-4 Private Mode --------------------------*/
	div.private-mode-announcement { margin: 1em 0; }
		div.private-mode-announcement p { margin: 0; }


/* =31-5 Related Articles --------------------------*/
	div.hentry div.related-articles { margin: 1em 0; }
		div.related-articles ul { padding-left: 2.5em; }
			div.related-articles ul li { list-style: disc outside; }

/* =31-6 Entry Footer --------------------------*/
	div.hentry div.entry-footer {
		margin: 1em 0;
		padding: 0.75em;
		background: #181818;
		border-radius: 0.5em;
		-moz-border-radius: 0.5em;
		-webkit-border-radius: 0.5em;
	}

		div.entry-footer ul.entry-feedback {
			float: left;
			width: 33%;
		}
			div.entry-footer ul.entry-feedback a span {
				font-size: 112%;
				font-weight: bold;
			}

		div.entry-footer div.entry-post {
			float: left;
			padding-left: 1%;
		}
			div.entry-footer div.entry-post dl dt {
				display: none;
			}

			body.default_2008 div.entry-footer dl.article-tags {
				padding-left: 14px;
				background: url(http://livedoor.blogimg.jp/napoleonatbay/imgs/4/2/424e9f5d.gif) no-repeat 2px 2px;
			}
			body.default_2008 div.entry-footer dl.entry-rate { padding-left: 0; margin-left: -5px; background: none; }
			body.default_2008 div.entry-footer dl.entry-cat { background-image: url(http://livedoor.blogimg.jp/napoleonatbay/imgs/3/f/3f6d5120.gif); }
			body.default_2008 div.entry-footer dl.common-theme { background-image: url(http://livedoor.blogimg.jp/napoleonatbay/imgs/6/c/6c90b047.gif); }




/*	=32 Article Option (Comment & Trackback)
-----------------------------------------------------*/
div.article-option { padding: 1em 0; }
	div.article-option h3 {
		margin: 1em 0 0.5em;
		text-transform: uppercase;
	}
		div.article-option h3:first-letter {
			margin-right: 1px;
			font-size: 150%;
		}

/* =32-1 Comment & Trackback List --------------------------*/
li.comment-set,
li.trackback-set { padding: 0 0 10px 20px; }

ul.comment-info li.comment-author,
h4.ping-title { display: inline; }
	ul.comment-info li.comment-author a,
	h4.ping-title a { font-weight: bold; }

		ul.comment-info li.comment-date,
		ul.ping-info {
			display: inline;
			margin-left: 0.5em;
		}
			ul.comment-info li.comment-date,
			ul.ping-info li.ping-blog-name,
			ul.ping-info li.ping-date {
				display: inline;
				color: #787878;
				font-size: 75%;
			}
			ul.comment-info li.comment-body,
			ul.ping-info li.ping-excerpt {
				margin-left: 1em;
				padding: 0.5em;
			}
			ul.comment-info li.comment-body img,
			ul.ping-info li.ping-excerpt img {
				vertical-align: baseline;
			}

/* =32-2 Trackback Form --------------------------*/
div#trackback-form ul {
	margin: 0 1em;
	padding: 0;
}
	div#trackback-form ul li { float: left; }
	div#trackback-form ul li.trackback-form-url {
		width: 100%;
		margin-right: -90px;
	}
		div#trackback-form ul li.trackback-form-url span {
			display: block;
			padding-right: 100px;
		}
			div#trackback-form ul li.trackback-form-url span input { width: 100%; }
	div#trackback-form ul li.trackback-form-submit { width: 80px; }

/* =32-3 Comment Form --------------------------*/
div#comment-form-body { padding: 1em; }
body.layout-1wlr div#comment-form-body { width: 60%; }
body.layout-2rll div#comment-form-body,
body.layout-2rll div#comment-form-body { width: 70%; }

	div#comment-form-body table {
		border: 0;
		width: 100%;
		line-height: 30px;
	}
		div#comment-form-body table th {
			width: 3.5em;
			padding-right: 5px;
			text-align: right;
			font-weight: normal;
		}
			div#comment-form-body table tr.input-etc td { padding-top: 6px; }
			div#comment-form-body table tr.submit td { text-align: center; }

		input#author { width: 65%; }
		input#email { width: 65%; }
		input#url { width: 85%; }
		textarea#text {
			width: 95%;
			height: 250px;
		}
		input.button {
			margin-top: 10px;
			width: 80px;
		}
		label.input-rating { margin-left: 20px; }
		label.input-rating select { margin-left: 3px; }
		label.input-rating-face { margin-left: 5px; }
		label.input-rating-star {}

		input#author,
		input#email,
		input#url,
		textarea#text { padding: 2px; }

/* =32-4 Comment Auth --------------------------*/
div.comment-auth-announcement { margin: 10px 0; }
div.comment-auth-announcement p a { margin: 0 3px; }




/*	=40 Pagination
-----------------------------------------------------*/
div#main div.pager-inner {
	margin-bottom: 1em;
	padding: 0.5em 0;
	border-top: 1px dotted #333333;
	border-bottom: 1px dotted #333333;
}
	div#main div.pager-inner div.index-navigator-outer {}
	div#main div.pager-inner div.article-pager-outer {}

/* =40-1 Index Pagination --------------------------*/
		ul.index-navigator li a,
		ul.index-navigator li span {
			padding: 0.5em;
			zoom: 1;
		}

/* =40-2 Archives Pagination --------------------------*/
	ul.archives-pager li { padding: 2px 5px; }
		ul.archives-pager li a,
		ul.archives-pager li span {
			padding: 0.5em;
			zoom: 1;
		}
	ul.archives-pager li.both { border-left: none; }

/* =40-3 Article Pagination --------------------------*/
ul.article-pager { overflow: hidden; }/* =memo border高さを揃えるため */
	ul.article-pager li {
		float: left;
		display: inline;
		width: 49%;
		margin: 0;
		padding: 1px 0 0;/* =memo 1px余白（上部） */
		line-height: 1.5;
		margin-bottom: -32767px;/* =memo 1px余白（下部） */
		padding-bottom: 32768px;
	}
		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 #181818; }


/* **************************************************************-************************************************************** */


/*	=50 Search
-----------------------------------------------------*/
div#search {
	margin-bottom: 1em;
	padding: 0.5em 0;
	background: #181818;
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	text-align: center;
}	
div#search input.sf { padding: 2px; }
body.layout-1wlr div#search input.sf { width: 50%; }
body.layout-2lrr div#search input.sf,
body.layout-2rll div#search input.sf { width: 82%; margin-bottom: 0.5em; }
body.layout-3clr div#search input.sf,
body.layout-3lcr div#search input.sf { width: 50%; }


/* **************************************************************-************************************************************** */


/*	=60 Sub & Extra (Plugin, BlogParts)
-----------------------------------------------------*/
/* =60-1 Plugin Title --------------------------*/
div.sidetitlebody,
div.calendarheadbody {
	margin: 1.5em 0 5px;
	border-bottom: 1px solid #666666;
}
	div.sidetitlebody div.sidetitle,
	div.calendarheadbody div.calendarhead {
		text-transform: uppercase;
	}
		div.sidetitlebody div.sidetitle:first-letter {
			margin-right: 1px;
			font-size: 125%;
			font-weight: bold;
		}

/* =60-2 Calendar --------------------------*/
div.calendarhead { text-align: center; }
.caltbl { width: 90%; margin: 0 auto 5px; }
.caltbl td { padding: 1px 0; }
.caltblwk td { font-weight: bold; }
.caltblday td.caloff { color: #666666; }
.caltbl td.sun,
.caltblday tr td.caloff:first-child { color: #B42D0C; }
.caltbl td.sat,
.caltblday tr td.caloff:last-child { color: #0C4FB4; }
.caltblday td a { font-weight: bold; }
.caltblday td a:hover {}

/* =60-3 Side --------------------------*/
div.side { text-align: center; }
	div.side div.sidebody {
		display: list-item;
		list-style: disc;
		margin-left: 1.5em;
		text-align: left;
	}

/* TagCloud */
div.side ul.tagcloud { width: auto; line-height: 1.25; }
/* =hack for ie5 6(peekaboo) \*/ * html .side ul.tagcloud { position: relative; }/* end */
	div.side ul.tagcloud li { padding: 2px; vertical-align: middle;}

/* Gallery Thumbnail */
ul.galleryThumbnail { padding: 0 4px; }
ul.galleryThumbnail li { padding: 0 4px; }
ul.galleryThumbnail li a img { -webkit-transition: opacity .75s; }

																											
/*	=61 livedoor Services
-----------------------------------------------------*/
ul#ld-services { margin: 2em 0; }


/* **************************************************************-************************************************************** */


/*	=70 Global Footer
-----------------------------------------------------*/
div#global-footer a { text-decoration: none; }
	div#global-footer a:hover { text-decoration: underline; }
	div#global-footer a img {
		opacity: 0.5;
		-webkit-transition: opacity .75s;
	}
		div#global-footer a:hover img { opacity: 1.0; }

div#global-footer ul {
	float: left;
	width: 50%;
	line-height: 16px;
	text-align: left;
}
	div#global-footer ul li {
		display: inline;
		margin-right: 0.25em;
	}

div#global-footer p.license {
	padding-top: 16px;
	text-align: right;
}


/* **************************************************************-************************************************************** */


/*	=90 Ads
-----------------------------------------------------*/
div#ad,
div.entry-ads { clear: both; overflow: hidden; text-align: center; }
div#ad iframe,
div.entry-ads iframe { display: block; margin: 0 auto; padding: 0; border: none; overflow: hidden; }
div.gAdsense { padding: 0; }
div.gAdsense div,
div#ad2 a.advLink { -webkit-transition: background-color .25s; }
body.ad { background: transparent; }
body.ad a.addescription,
body.ad a.adurl { text-decoration: none !important; }
a.advLink { margin-bottom: 0; }
a.adtitle,
.advTitle { color: #DDDDDD !important; }
a.adtitle:hover span { color: #FFFFFF !important; }
.adhover a.adtitle span { color: #FFFFFF !important; }
a.addescription,
.advDescription,
a.adurl,
.advUrl { color: #A5A5A5 !important; -webkit-transition: color .25s; }
.adhover a.addescription,
a.advLink:hover .advDescription,
.adhover a.adurl,
a.advLink:hover .advUrl { color: #FFFFFF !important; }
a.adld { color: #A5A5A5 !important; }
.adhover,
a.advLink:hover {
	background: #181818 !important;
	border-color: transparent !important;
}