@charset "shift_jis";
#main {
	float: left;
	width: 540px;
}

#side {
	float: right;
	width: 200px;
}
#side  h3 {
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding: 0px;
	background-image: none;
	color: #666666;
}
#side ul {
	background-image: url(../../../images/bg_side_contents.jpg);
	background-repeat: no-repeat;
	background-position: top;
	list-style-type: none;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#side ul li a {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	padding-left: 5px;
}
#side ul li a:hover {
	border-left-color: #999999;
}

/*101008追加*/

/*
#side #tags ul li{
	float:left;
}
#side #tags ul li a {
	padding-left: 5px;
	border:none !important;
}

*/
#side #others, #side #trackbacks{
	display:none;
}

/*------------------[ 汎用クラス ]--------------------------*/
.hidden { display: none !important; }
.alert { color: crimson; }
p.jump {
	font-size: 10px;
	text-align: center;
}





/* ---------- エントリー ---------- */
div.end
 {
	color:#999999;
	font-size:10px;
	margin:0px 0px 60px 0;
	text-align:right;
	padding:3px 6px 0 0;
}
/* ---------- 個別ページ・コメント ---------- */
div.end_res
 {
	font-size:10px;
	margin:0px 0px 60px 0;
	text-align:right;
	padding:3px 6px 8px 0;
	border-bottom:#EFEFEF 1px solid;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #999999;
}

/* ---------- コメント表示部分 ---------- */
.comments {
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}
.com_end {
	text-align:right;
	margin:8px 0 30px 0px;
	font-size:10px;
	color:#999;
	border-bottom:1px solid #E4E4E4;
	padding:0 0 3px 0;
} 
.com_form {
	font-size:10px;
	text-align:right;
}
.com_bot {margin:5px 0;}
.com_form textarea {
	width:350px;
}

/*------------------------新規追加Utility_blog-------------*/
#utility_blog{

}




/*------------------------[ リンクバー用 ]-------------*/
#linkbar {
	float: right;

}
#linkbar ul{
  text-align: center;
  margin: 3px;
}
#linkbar ul li{
	margin-top: 0;
	list-style-type: none;
	float: left;
}

#linkbar ul li.top{	display:none;}/*101008追加*/

#linkbar ul li img {
	margin-right: 5px;
	margin-left: 5px;
}

#feedarea {
	margin: 0px;
	padding: 0px;
	float: right;
}
#feedarea ul {
	margin: 0px;
	padding: 0px;
}
#feedarea   ul   li.feeds {
	list-style-type: none;
	float: left;
}
#feedarea ul li.feeds a {
	font-size: 9px;
	background-image: url(Images/feed-icon16x16.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	display: block;
	margin-left: 10px;
	margin-top: 7px;
}
#weblog-body {
	clear: both;
}
#main-column {
	float: left;
	width: 540px;
}

span.expand-icon {             /* サイドボックス展開用ボタン */
  display: block;
  width: 13px; height: 13px;
  font-size: 1px;
  margin: 5px 7px 1px 0;
  background: url(Images/toggle.png) 0px 0px no-repeat; 
  float: right;
  cursor: pointer;
  z-index: 1000;
}
.sidebar-foot {
  width : 200px;
  height : 15px;
}

/*---------------------[ 検索用 ]-------------*/
#search-box {
	padding-bottom: 25px;
}

#search-box form {
	margin: 0px;
	padding: 0px;
}
#search-box  p {
	margin: 0px;
	padding: 0px;
}
#search-box  form #submit {
	vertical-align: middle;
}

/*---------------------[ 詳細検索用 ]-------------*/
.search-form {
  background-color: #fafcfb;
  border: 1px solid #aaa;
  width: 450px;
  margin: 1em auto auto auto;
  padding: 1em;
}
.search-intro  { margin: 3em auto 2em; font-size: 15px; letter-spacing: 2px;}
.search-alert { margin: 3em auto 2em; font-size: 15px; }
.search-alert { color: crimson;}
.search-form ul { list-style: square; margin-left:30px;}
dl.search-results {
  width: 70%;
  margin: 1em auto; padding: 1em;
}
dl.search-result dd {
  text-decoration: none;
  color: #555;
  padding: 0.25em 0 0 2.5em;
}
.search-result dt {
  margin-top: 0.7em;
}
dt.search-result-hit {
  background: none;
  margin-top: 1.5em;
}
dt.search-result-hit span.cat{
  font-weight: 500;
  padding-left: 2em;
}
.search-result-index {
  font: 700 16px Georgia, arial, sans-serif; color: #555;
}
.search-result-comment{
  border-left: solid 2pt #ddd;
  margin-left: 2em;
  padding-left:0.5em;
}
.search-result-comment dt {
  padding-left: 0.3em;
  font: 600 14px MS P Gothic, sans-serif;
  background: none;
  color: #111;
}

/*---------------------[ ブログ本文エリア用 ]-------------*/
#weblog #mainContent {
	position: relative;
}
#weblog #mainContent h3 {
	background-image: none;
	font-size: 100%;
	line-height: 1.6em;
	padding: 0px;
	height: 1.6em;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

h3.category-nav   {
	position: absolute;
	left: 9em;
	font-weight: normal;
	top: 0px;
}
#weblog #mainContent h2.article-title {
	font-size: 120%;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../../../images/h1_04.gif);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	height: 20px;
	line-height: 20px;
	font-weight: bold;
	float: left;
	clear: none;
	width: 454px;
	padding-left: 6px;
}
#weblog #mainContent h2.article-title a {
	text-decoration: none;
}

#weblog #mainContent p.article-date {
	font-size: 110%;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../../../images/h1_04.gif);
	background-repeat: repeat-x;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	height: 20px;
	line-height: 20px;
	font-weight: normal;
	margin-top: 0px;
	color: #999999;
	float: right;
	clear: none;
	width: 75px;
	text-align: right;
	padding-right: 5px;
}
#weblog #mainContent p.article-category {
	margin: 0px;
	font-size: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#weblog #mainContent p.social-bookmark {
	text-align: right;
	margin: 0px;
	padding: 0px;
}
#weblog #mainContent p.article-posted {
	font-size: 10px;
	text-align: right;
	color: #C2C2C2;
	margin-top:5px !important; /*101008追加*/
}
#weblog #mainContent p.article-posted a {
	color: #97CCD9;
}
#weblog div.article {
	background-image: url(../../../images/page_separator_long.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 50px;
}
#weblog div.article-content {
	padding-left: 5px;
	padding-right: 5px;
}
#weblog div.cute-button {
	padding-left: 20px;
	margin-top: 40px;
}
#weblog div.cute-button button {
	color: #999999;
	font-size: 10px;
}
#weblog hr.clear {
	display: none;
}
#weblog div.nav div.weblog-pageNav .current,
#weblog div.nav div.weblog-pageNav a { /*ページ数と「次へ」のマージン・余白*/
	padding-right: 2px;
	padding-left: 2px;
	margin-right: 2px;
}
#weblog div.nav div.weblog-pageNav .prev{/*「前へ」のマージン・余白*/
	margin-right: 2px;
}


/* 101008 追加 */
/*
.article .tags-entry {
  padding-left: 25px; font: 500 12px/17px arial, MS P Gothic, sans-serif; color: #777;
  background: url(Images/tags-entry.png) no-repeat 0 0px; margin-top: 1em;
}
.article p.techrat-entry {
	padding-left: 20px; font: 500 10px arial, MS P Gothic, sans-serif;
	background: url(Images/techrat-entry.png) no-repeat 0 1px; margin-top: 1em;
	clear: both;
	float:right; margin-bottom:5px !important;
}*/
.article p.techrat-entry {
	display:none;
}


/*---------------------ヘッドライン等非表示のもの-------------*/

#weblog div.nav {
	/*display: none;
	表示させない場合はこれ。
	%_HEADER_%を削除したので、ページ下部のdiv.nav（%_BODY_%内エレメント）を表示させるために必要*/
}
#weblog #rendering-time {
	display: none;
}
#weblog #side #comments {
	display: none;
}
#weblog #comment img.smiley {
	display: none;
}


/* ------------------------[ コメントフォーム用 ]---------------------*/

#comment p.trackback-alert {
	color: #999999;
	font-size: 9px;
	padding-right: 3px;
	padding-bottom: 0;
	padding-left: 3px;
	padding-top: 0em;
	margin: 0px;
}
p.comment-intro  input.txt {
	width: 96%;
}
.comment-inputarea {
  border-left: solid 4px #464d68;
  margin: 1em 0 1em 1em;
  padding-left: 0.5em;
}
.comment-inputarea p {
  margin: 5px 0;
}
.comment-form .info {
  font-size: 80%; color: #777;
  padding: 5px 0 5px 22px;
  background: url(Images/comment-icon.png) no-repeat left 3px;
}
#comment textarea.comment-textarea#c_com {
	width: 96%;
}


.resized {
 cursor: pointer;
 cursor: url(Images/zoomin.cur), pointer;
 *cursor: url(theme/basic/Images/zoomin.cur);
}
div.photo {
  padding: 10px; margin: 10px;
}
html>body div.photo div.shadow {         /*IEには適用しない：ドロップシャドウなし*/
  background: url(Images/shadow.gif);
  float: left;
}
html>body div.photo div.shadow img, div.photo div.noshadow img {         /*IEには適用しない：ドロップシャドウなし*/
  display: block;
  padding: 8px; margin: 0;
  border: 1px solid #ccc;
  border-color: #ddd #ccc #bbb #ccc;
  background-color: #fff;
  position: relative;
  left: -6px; top: -6px;
  overflow: hidden;
}
html>body div.photo div.shadow {         /*IEには適用しない：ドロップシャドウなし*/
  background: transparent url(Images/shadow.png) no-repeat right bottom; margin: 0;
}

/*
div.photo div.shadow:before {
  content: " ";
  background: transparent url(Images/shadow.png) no-repeat right top;
  display: block;
  width: 6px; height: 6px;
  margin: -6px 0 0 auto;
}
div.photo div.shadow:after {
  content: " ";
  background: url(Images/shadow.png) no-repeat left bottom;
  display: block;
  margin: -6px 0 0 -6px;
  width: 6px; height: 6px;
}
*/

div.photo-caption {
  font-size: 13px; color: navy;
}
div.photo div.photo-caption {
  padding: 0 2px 0 5px;
}
/*削除*/
div.photo div.shadow img.borderless,
div.photo div.noshadow img.borderless { padding: 0; }

/* ポラロイド風バージョン: Polaroid-style */
div.polaroid {
  background: url(Images/shadow-frame.png) no-repeat 0 0;
  padding: 15px 0 0 15px; margin: 30px;
}
div.polaroid div.shadow {
  background: url(Images/shadow-frame.png) no-repeat 100% 100%;
  margin: -9px -6px -4px -9px;
  padding: 9px 0 0 9px;
  overflow: hidden; /* just for IE */
}
div.polaroid:before, div.polaroid div.shadow:before {
  content: "";
  background: #fff url(Images/shadow-frame.png) no-repeat right top;
  display: block;
  width: 15px; height: 15px;
  margin: -15px -6px 0 auto;
}
div.polaroid div.shadow:before { margin-right: 0; }
div.polaroid div.shadow:after, div.polaroid:after {
  content: "";
  background: #fff url(Images/shadow-frame.png) left bottom;
  display: block;
  width: 15px;  height: 15px;
  margin: -15px 0 0 -15px;
}
div.polaroid div.photo-caption {
  margin-bottom: 20px;
}

  /*--- IE6 ---*/
* html div.polaroid {
  background: url(Images/shadow.gif);
  padding: 11px 8px 10px 11px; margin: 15px;
}
* html div.polaroid div.shadow {
  margin: -9px -6px -15px -9px;
  padding: 9px 0 0 9px;
  border: 1px solid #ccc;
  border-color: #ddd #ccc #bbb #ccc;
  background: #fff;
  background-image: none;
}
* html div.polaroid img {
  border: 1px solid #ccc;
  border-color: #ddd #ccc #bbb #ccc;
  margin-left: 1px;
}
* html div.polaroid div.photo-caption {
  margin-bottom: 10px; padding-bottom: 10px;
}
  /*--- IE6ここまで ---*/

.al-left { float: left; display: inline; }
.al-right { float: right;}
.al-center { margin-left: auto !important; margin-right: auto !important;}
.photo-canvas div.photo-caption { margin: -10px 5px 30px 5px; }



/* ---------------------[ ソーシャルブックマーク設定 ]---------------------*/
.social-bookmark {
  float: right; min-width: 100px; vertical-align: top; padding-right: 2em; position: relative;
}
.social-bookmark img { cursor: pointer;}
div.sbm-pop { padding: 2px; font-size: 12px; width: 250px; background: ivory; border: solid 3px green; z-index: 1000;}
div.sbm-pop ul { list-style: none; padding: 10px;}
div.sbm-pop ul li { margin-top: 5px;}
div.sbm-pop .sbm-close { text-align: right;}
div.sbm-pop .sbm-intro, div.sbm-pop .sbm-info { padding: .5em 1em;}
.social-bookmark .sbm-entry { vertical-align: top; width: 100px; height: 16px;}
.social-bookmark .sbm-count {font: 600 12px Arial; margin-left: -20px; color: #f4008a; *display: inline-block;}
.social-bookmark .sbm-hatena { color:red; background:pink; font: 600 8pt Arial; text-decoration: underline;}
.social-bookmark .sbm-hatena:after, .social-bookmark .sbm-livedoor:after, .social-bookmark .sbm-twitter:after,
.social-bookmark .sbm-buzzurl:after { content: " users";}
.social-bookmark .sbm-twitter, .social-bookmark .sbm-facebook { color: navy; background: #eefcfc; font: 800 8pt Trebuchet MS, Arial; }
.social-bookmark .sbm-delicious { color:#fff; background: blue; font: 800 8pt Trebuchet MS, Arial; }
.social-bookmark .sbm-yahoo { font-weight: 800; color: crimson;}
.social-bookmark .sbm-livedoor { color:#cc00ff; background:#eeddff; font: 500 8pt Arial; }
.social-bookmark .sbm-buzzurl { color:navy; background:#ffeeff; font: 500 8pt Arial; }