@charset "UTF-8";

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

Written by TORU KOKUBUN.
http://d-s-b.jp/

Last Modified	2010.02.11

---

Color Schema

	Gazirow		#54811f
	Nati		#ac1212
	BUN			#cbb30e

	Article		#f0ecdf
	Footer		#d0d9e0

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


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

Common

--------------------------------- */
.reset,
.reset ul,
.reset ol,
.reset dt,
.reset dd {
 padding: 0;
 margin: 0;
 list-style-type: none;
}

a { color: #006CE0; outline: none; }
	a:hover { color: #0099FF; }
	
.clear { clear: both; }

h1,
h2,
h3,
h4,
h5,
h6 {
 padding: 0;
 margin: 0;
 font-weight: bolder;
}

abbr { border: none; }

p {
 margin: 0;
 padding-bottom: 1.5em;
}

	p img {
	 float: none;
	 margin: 0;
	}

.float-left { float: left; }

.float-right { float:right; }

.txt-caution {
 font-size: 90%;
 color: #999999;
}

.txt-uppercase { text-transform: uppercase; }

.btn-more a {
 float: right;
 font-size: 90%;
 display: block;
}

.txt-red { color: #CC0000; }

.icon { padding-left: 20px; }

	.pdf { background: url(/img/common/icon-pdf.gif) no-repeat left center; }
	.doc, .docx, .docxm { background: url(/img/common/icon-doc.gif) no-repeat left center; }
	.xls, .xlsx, .xlsm { background: url(/img/common/icon-xls.gif) no-repeat left center; }

.date {
 font-size: 80%;
 color:#c54d4d;
}

form dd { margin: 0; }

blockquote { font-style:normal; background: #F4F4F4; margin:0 0 1.5em; padding: 1.5em 1.5em 0; color: #333; }

#entry .section:after,
#more:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
#entry .section ,
#more {display:block;}

body {
 padding: 0;
 margin: 0;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 background: #FFF url(/blog/theme/bun/img/common/bg-body.jpg) no-repeat center top;
 text-align: center;
}

#wrap {
 width: 940px;
 margin: 0 auto;
 background: url(/blog/theme/bun/img/common/bg-wrap.png) repeat-y center top;
 position: relative;
 padding-left: 10px;
 text-align: left;
}

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

#Header

-------------------------------------- */
#header {
 height: 135px;
 width: 710px;
 position: absolute;
 left: 10px;
 top: 0px;
}

	#logo {
	 position: absolute;
	 z-index: 1;
	 left: 710px;
	 top: 19px;
	 width: 240px;
	 height: 52px;
	 overflow: hidden;
	}
	
		#logo a {
		 width: 240px;
		 height: 52px;
		 display:block;
		 text-indent: -999em;
		 background:url(/blog/theme/bun/img/common/logo.jpg) no-repeat left top;
		}

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

#Nav Global

-------------------------------------- */
#nav-global { height: 135px; width: 710px; }

	#nav-global li { float: left; }
	
		#nav-global a {
		 width: 259px;
		 height: 135px;
		 display: block;
		 text-indent: -999em;
		 background: url(/blog/theme/bun/img/common/btn-nav-global.jpg) no-repeat;
		}
		
			#nav-global #btn-gazirow a { background-position: 0 0;}
				#nav-global #btn-gazirow a:hover { background-position: 0 -135px; }
			
			#nav-global #btn-nati a { width: 230px; background-position: -259px 0; }
				#nav-global #btn-nati a:hover { background-position: -259px -135px; }
			
			#nav-global #btn-bun a { width: 221px; background-position: -489px 0; }
				#nav-global #btn-bun a:hover { background-position: -489px -135px; }

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

#Content

-------------------------------------- */
#article {
 margin-top: 135px;
 width: 710px;
 float: left;
 background: #f0ecdf;
}

#aside {
 margin-top: 71px;
 width: 230px;
 float: right;
 padding-bottom: 30px;
}

	#aside h3 {
	 height: 16px;
	 background: no-repeat left top;
	 text-indent: -999em;
	}
	
		#aside #recent-comments h3 { background-image:url(/blog/theme/bun/img/common/title-aside-recent-comments.jpg); }		
		#aside #recent-entries h3 { background-image:url(/blog/theme/bun/img/common/title-aside-recent-entries.jpg); }
	
	#aside .section { padding: 30px 15px 0; }

		#aside .section li {
		 padding: 7px 0;
		 border-bottom: dotted 1px #CC9;
		}
			
			#aside .section li .date {
			 display: block;
			 color: #996;
			}
			
	#aside #follow-feed.section { padding-top: 10px; }
	#aside #follow-feed.section li { border-bottom: none; padding-top: 0; }


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

#Nav Bread

-------------------------------------- */
#nav-bread {
 background: #333;
 width: 100%;
}

	#nav-bread li {
	 float: left;
	 font-size: 80%;
	 background: url(/blog/theme/bun/img/common/bg-nav-bread.gif) no-repeat right center;
	 padding: 0 15px 0 12px;
	}
	
		#nav-bread li.last { background: none; }
	
		#nav-bread li a,
		#nav-bread li span {
		 display:block;
		 line-height: 40px;
		 height: 40px;
		 color:#FFF;
		}

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

#Footer

-------------------------------------- */
#wrap-footer { background: #d0d9e0 url(/blog/theme/bun/img/common/bg-wrap-footer.jpg) repeat-x left bottom; }

#footer,
#credit {
 width: 940px;
 padding-left: 10px;
 margin: 0 auto;
 text-align: left;
}

	#footer { padding: 20px 20px 40px; }
	
	#nav-footer { padding-left: 15px; }
	
		#nav-footer h4 {
		 width: 150px;
		 height: 16px;
		 text-indent: -999em;
		 background: no-repeat left top;
		 padding-bottom: 7px;
		}
		
			#nav-footer #list-author h4 { background-image: url(/blog/theme/bun/img/common/title-nav-footer-author.jpg); }		
			#nav-footer #list-category h4 { background-image: url(/blog/theme/bun/img/common/title-nav-footer-category.jpg); }
			#nav-footer #list-archive h4 { background-image: url(/blog/theme/bun/img/common/title-nav-footer-archive.jpg); }
			#nav-footer #list-tag h4 { background-image: url(/blog/theme/bun/img/common/title-nav-footer-tag.jpg); padding-bottom: 7px; }
		
		#nav-footer a { color:#173f5d; }
		
		#nav-footer li {
		 float:left;
		 margin-right: 10px;
		}
		
			#nav-footer li ul { width: 180px; }
			
				#nav-footer li li {
				 float:none;
				 margin-right: 0;
				 padding: 0px 0 0px 12px;
				 background: url(/blog/theme/bun/img/common/bg-nav-footer-li.gif) no-repeat left center;
				}
				
					#nav-footer li#list-tag {
					 float:right;
					 margin-right: 0;
					}
		
		#nav-footer #tag-clouds {
		 margin-right: 0;
		 margin-left: 0;
		 width: 215px;
		}
		
			#nav-footer #tag-clouds li {
			 display: inline;
			 margin: 7px 5px 7px 0;
			 line-height: 1.4;
			 background: none;
			 padding-left: 0;
			 background: none;
			}
		
				#tag-clouds .rank-1 { font-size: 1.75em; }		
				#tag-clouds .rank-2 { font-size: 1.75em; }
				#tag-clouds .rank-3 { font-size: 1.625em; }
				#tag-clouds .rank-4 { font-size: 1.5em; }
				#tag-clouds .rank-5 { font-size: 1.375em; }
				#tag-clouds .rank-6 { font-size: 1.25em; }
				#tag-clouds .rank-7 { font-size: 1.125em; }
				#tag-clouds .rank-8 { font-size: 1em; }
				#tag-clouds .rank-9 { font-size: 0.95em; }
				#tag-clouds .rank-10 { font-size: 0.9em; }
	
	#credit { height: 71px; }
	
	#copyright {
	 font-size: 80%;
	 color: #ccc;
	 float: left;
	 margin-top: 14px;
	}
	
	#btn-gabs {
	 width: 150px;
	 float: right;
	 margin-top: 7px;
	}

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

#Entry

-------------------------------------- */
#entry .entry {
 position: relative;
 padding-left: 52px;
 margin-top: 1px;
}

	#entry .entry .section {
	 background: #fff;
	 padding: 20px 26px 0.5em 40px;
	 width:592px;
	}
	
		#entry .entry .section ul {
		 list-style: disc;
		 margin-left: 1.5em;
		 margin-bottom: 1.5em;
		}
	
	#entry .first { margin-top: 0; }
		#entry .first .section { padding-top: 46px; }
	
	#entry #trackbacks .section,
	#entry #comments .section {
	 padding-top: 10px;
	 padding-bottom: 20px;
	}
	

	#entry h2.title {
		padding-bottom: 20px;
		color: #666;
		font-size: 217%;
		line-height: 1.3em;
		font-weight: normal;
		font-family: "小塚明朝 Pro EL", "KozMinPro-ExtraLight", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	
		#entry h2.title .sub { font-size: 69.2%; }
		#entry h2.title a { color: #666; text-decoration: none; }
			#entry .bun h2.title a:hover { color: #cbb30e; }
			#entry .gazirow h2.title a:hover { color: #54811f; }
			#entry .nati h2.title a:hover { color: #ac1212; }
		#entry h2.title strong { font-weight: normal; }
	
	.entry .section h3 { padding-bottom: 20px; padding-top: 30px; }
	.entry .section h4 { padding-bottom: 10px; padding-top: 10px; }
	
	#entry .assets .date {
	 background: #1e3b4f url(/blog/theme/bun/img/common/bg-post-date.jpg) repeat-y left top;
	 color: #fff;
	 padding: 0 10px;
	 text-align: right;
	 font-size: 80%;
	 position: absolute;
	 top: 0;
	 width: 690px;
	 left: 0;
	 border-bottom: solid 1px #f0ecdf;
	 height: 25px;
	 line-height: 25px;
	 display: none;
	}
	
	#entry .assets .author {
	 position: absolute;
	 top: 0;
	 left: 0;
	}
	
		#entry .assets .author a {
		 width: 52px;
		 height: 133px;
		 text-indent: -999em;
		 background: no-repeat left top;
		 display: block;
		}
		
		#entry .first .assets .author { top: 26px; }
	
	#entry .assets .month { text-transform: uppercase; }
	
	#entry .first .assets .date { display: block; }
	
	#entry .assets .day {
	 font-size: 1.4em;
	 padding-right: 2px;
	}
	
	#entry .assets .year { padding-left: 3px; }
	
	#entry .assets .category { display: none; }
	
	#entry .assets .more,
	#entry .assets .comment,
	#entry .assets .trackback {
	 position: absolute;
	 bottom: 5px;
	 left: -20px;
	}
	
		#entry .assets .more { bottom: 55px; }
		#entry .assets .comment { bottom: 30px; }
		
		#entry .assets .more a,
		#entry .assets .comment a,
		#entry .assets .trackback a {
		 display: block;
		 width: 72px;
		 height: 24px;
		 background: url(/blog/theme/bun/img/common/btn-entry-assets.jpg) no-repeat 0 0;
		 text-indent: -999em;
		}
		
			#entry .assets .more a { background-position: 0 0; }
			#entry .assets .more a:hover { background-position: -72px 0; }
			#entry .assets .comment a { background-position: 0 -25px; }
			#entry .assets .comment a:hover { background-position: -72px -25px; }
			#entry .assets .trackback a { background-position: 0 -50px; }
			#entry .assets .trackback a:hover { background-position: -72px -50px; }
	
	#entry #singleword { clear:both; background: #e4e4e4 url(/blog/theme/bun/img/common/bg-singleword.jpg) no-repeat right bottom; padding: 10px 10px 0; margin-bottom: 20px; }
	#entry #btn-AddClip { text-align: right; padding-bottom: 20px;}
	#entry .btn-retweet { float: right; }

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

Author IMG

-------------------------------------- */
#entry .gazirow { background: #54811f url(/blog/theme/bun/img/common/bg-entry-gazirow.jpg) repeat-y left top; }
	#entry .gazirow .author a { background-image: url(/blog/theme/bun/img/common/icon-entry-gazirow.jpg); }

#entry .nati { background: #ac1212 url(/blog/theme/bun/img/common/bg-entry-nati.jpg) repeat-y left top; }
	#entry .nati .author a { background-image: url(/blog/theme/bun/img/common/icon-entry-nati.jpg); }

#entry .bun { background: #cbb30e url(/blog/theme/bun/img/common/bg-entry-bun.jpg) repeat-y left top; }
	#entry .bun .author a { background-image: url(/blog/theme/bun/img/common/icon-entry-bun.jpg); }

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

#Comments & #Trackback

-------------------------------------- */
#trackbacks h3,
#comments h3 {
 text-align: right;
 border-left: solid 40px #fff;
 padding: 5px 10px;
 color: #FFF;
 font-size: 1.2em;
 background: url(/blog/theme/bun/img/common/bg-sub-title.gif) no-repeat left center;
}

#comments label { display:block; }

	#comments #comments-open-data label,
	#comments label#comment-reply-label,
	#comments #comments-open-captcha label { display: inline; }

#comments #comment-greeting {
 padding: 10px;
 background: #EFEFEF;
 margin: 0 0 5px;
}

#comments #comment-form-name,
#comments #comment-form-email,
#comments #comment-form-url {
 position:relative;
 padding: 2px 0 2px 80px;
 border-bottom: dotted 1px #CCC;
}

#comments #comment-form-reply { padding-top: 5px; }

	#comments #comment-form-name label,
	#comments #comment-form-email label,
	#comments #comment-form-url label {
	 display: block;
	 width: 70px;
	 position: absolute;
	 left: 0;
	 top: 5px;
	}

#comments #comment-form-remember-me label {
 display: inline;
 width: auto;
 position: relative;
 top: 0;
}

#comments #comment-author,
#comments #comment-email,
#comments #comment-url { width: 150px; }

#comments #comments-open-text { padding-top: 10px; }

#comments #comment-text {
 width:580px;
 height: 150px;
}

#comments #captcha-input-section {
 padding-top: 7px;
 display:block;
 float: right;
}

#comments #comments-open-captcha p { font-size: 80%; }
#comments #comments-open-footer { text-align: center; }
#comments #comment-preview { display: none; }

#comments .comments-content li {
 border-bottom: solid 3px #EFEFEF;
 margin-bottom: 10px;
}

	#comments .comments-content li li {
	 margin-bottom: 0;
	 border: none;
	 border-top: solid 5px #fff;
	 background: #F7F7F7;
	}

	#comments .comments-content li li li {
	 border-top: solid 5px #F7F7F7;
	 background: #fff;
	}

/* Asset-meta */
#comments .asset-meta {
 border-bottom: 1px solid #F3F0E8;
 padding: 0 5px 3px;
 margin-bottom: 0.5em;
}

#comments .asset-meta .byline,
#comments .asset-meta .entry-meta-comments,
#comments .asset-meta .entry-meta-trackbacks { margin-right: 10px; }

#comments .entry-meta-comments {
 background: url(comment-icon.gif) no-repeat 0px 50%;
 padding: 0 0 3px 18px;
}

#comments .user-pic {
 float: left;
 position: relative;
 width: 50px;
 height: 50px;
 overflow: hidden;
 margin: 0 10px 0 0;
}

#comments .auth-icon {
 position: absolute;
 bottom: 0;
 left: 0;
}

#comments .byline .author { font-weight: bold; }

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

#Search Results

-------------------------------------- */
#search-results h2.search-title {
 background: #333;
 color: #fff;
 text-align: right;
 padding: 7px 10px;
 font-size: 1.4em;
 border-bottom: solid 1px #f0ecdf;
}

#search-results .hidden { display: none; }

#search-results #nav-content {
 text-align: center;
 background: #1e3b4f;
 color: #fff;
 padding: 0 10px;
 border-bottom: solid 1px #f0ecdf;
 height: 25px;
 line-height: 25px;
}

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

#Floating IMG

-------------------------------------- */
.mt-image-left {
 float: left;
 margin: 0 20px 20px 0;
 margin-left: -40px;
}

.mt-image-center {
 display: block;
 margin: 20px 0;
 /*margin-left: -40px;*/
}

.mt-image-right {
 float: right;
 margin: 0 0 20px 20px;
 margin-right: -26px;
}

	.reset-margin-right .mt-image-left,
	.reset-margin-right .mt-image-right { margin-right: 0; }
	.reset-margin-left .mt-image-right,
	.reset-margin-left .mt-image-left { margin-left: 0; }

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

#P-Detail

-------------------------------------- */
#p-detail #entry .assets .comment { top: 161px; }
#p-detail #entry .assets .trackback { top: 186px; }