@charset "euc-jp";
/* レイアウトなど基本的な設定 */
* {
  margin: 0;
  padding: 0;

}
html {
  overflow-x: hidden;
  position: relative;
}
body {
  background-color: #7F7F7F;
  font-family: verdana, arial, Meiryo, MS P Gothic, Osaka, helvetica, sans-serif;
  font-size: 90%;
  color:  #333;
}
h1 {
  margin: 10px;
  font-size: 32px;
  font-weight: 900;
 color: #ccc;
  text-align: center;
}
h2 {
  font: bold 15px/1.5 verdana, arial, helvetica, sans-serif;
  margin: 0 0 5px 0px;
}
h3,h4,h5,h6 {
  font-weight: normal;
  text-align: center;
}
p {
  margin: 0 0 8px 0;
}
a {
  text-decoration: none;
}
a:link, a:visited {
  color: #FFa000;
}
a:hover, a:active {
  color: #09de04;
  border-bottom: none;
}
strong {
  color: #800019;
}
em {
  border-bottom: 3px double #ccc;
  font-style: normal;
}
kbd {
  font: 500 12px verdana, arial, sans-serif;
  text-decoration: underline;
}
acronym, abbr {
  cursor: help;
}
a img {
  border: none;  
}
#switch {                     /* ペイン切り替えタブ用 */
 padding-right:0px;
 text-align:right;
  width: 18px; height: 80px;
  cursor: pointer;
  background: url(Images/tabs.png) 0px 0px no-repeat;
 float : right;
}

#wrapper {
  width: 900px;
  background-color: #7f7f7f;
  border-top: 1px solid #909090;
  border-bottom: 1px solid #909090;
  margin: 0px auto;
  padding-left : 0px;
  padding-right : 0px;
}
#sab-middle{
  width: 900px;
  background: url(Images/rain003.gif) repeat-y;
}
#header {
  width: 886px;
  height: 80px;
  z-index: 1001;
/*  background: url("Images/banner.jpg") #e4e4e4 no-repeat;*/
  margin: 0 0px 0 0px;
  padding: 0px auto 0px auto;
}
#header2 {
 position: relative;
 float: right;
 width: 886px;
 top: -70px;
 padding-right: 40px;
 z-index: 1002;  
}

.headbar{
  vertical-align: bottom;
  font-size : 0.9em;
  margin-top: 20px;
  padding:0px 1em 0px auto;
  color:#3f3f3f;
}
.entry_menu{
  width: 886px;
 font-size:13px;
 text-align:center;
 color: #909090;
 font-weight: bold;
 background: url(Images/rain001-3.gif) #e4e4e4 no-repeat;
 margin:0 5px 0 6px;
 padding-bottom:4px;
 padding-top:4px;
}
.entry_menu a:link {
 color: #800019;
 text-decoration:none;
}
.entry_menu a:visited {
 color: #800019;
 text-decoration:none;
}
.entry_menu a:hover {
 color: #f4f770;
 text-decoration:none;
}
.entry_menu a:active {
 color: #f4f770;
 text-decoration:none;
}
.column-center {
  position:relative;
  width: 650px;
  background: url("Images/tabu.002.gif") #e4e4e4 repeat-x;
  border: 1px solid #909090;
  padding:0 0.5em 1em 0.5em;
  margin: 10px 0 10px 0;
  float: left;
}

#column-left {
  width: 200px;
  padding-left:10px;
  padding-right:5px;
  float: left;
}
    
#column-right {
  width: 200px;
  padding-right:10px;
  float: right;
}

#footer {
 width: 886px;
 background: url(Images/rain001-3.gif) no-repeat;
 margin: 0px auto 0px auto;
  text-align: center;
 clear: both;
 font-size:90%;
 color: #777;
}
#footer p {
}
/*------------------[ 汎用クラス ]--------------------------*/
p.jump {
  padding-right: 1em;
  cursor: pointer;
  background: url(Images/jump.png) no-repeat right top;
  text-indent: -1000px;
  width: 50px;
  float: right;
}
a.jump {
  padding-right: 1em;
  cursor: pointer;
  float: right;
}
.center {
  width: 99%;
  text-align: center;
  margin: 30px auto;
}
.alert {
  color: #d01e33;
  font-weight: 600;
}
h3.alert {
  margin-top: 30px;
}
.new-entry {
  width: 17px; height: 12px;
}
hr.clear {
  clear: both;
  height: 1px;
  margin: -1px 0 10px 0;
  border: none;
  width: 1%;
  visibility: hidden;
}

hr.separator {
  width: 12px;
  height: 12px;
  background: #ddd;
  margin: 0 auto 30px auto;
  border: 3px double #aaa;
  text-align: center;
}
/* -------------------------[ BOLOGネーム ]--------------------------- */
.site_title     {
  font-family:Trebuchet MS, Verdana, Arial, Helvetica, MS P Gothic, sans-serif;
  text-align : right;
  margin: 0;
  padding-right : 40px;
  top: 10px;
/*  position: absolute;*/
  position: relative;
/*  position: static;*/
  font-size:30px;
  font-weight:700;
}
.site_title a,.site_title a:link,.site_title a:visited,.site_title a:active,
.site_title a:hover  { color: #d9d9d9;  text-decoration: none;
}

/* -----------------------[ 記事ボックススタイル ]--------------------- */
div.article, div.article-united {
  font-size: 97%;
  line-height: 1.2;
  padding: 1em;
  color:  #333;
}
.article-title, .article-united-title {
  font : 600 16px arial, sans-serif;
  letter-spacing : 1px;
  padding-left: 30px;
  padding-top: 20px;
  text-align: left;
  height: 23px;
/*  background: url(Images/footprint.png) no-repeat left 15px;*/
}
.article-united-title {
}
div.article .article-title a,
div.article-united-title a,
div.article .article-content a,
div.article-united-content a {
  text-decoration: none;
  color: #444cad;
}
div.article .article-content a, div.article-united-content a {
  border-bottom: #86b933;
}
div.article .article-title a:hover, .article-united-title a:hover
div.article .article-content a:hover, div.article-united-content a:hover {
  text-decoration: underline;
  border-bottom: none;
}
.article-date, .article-united-date {
  font: 600 16px georgia, arial, serif;
  margin: -15px 10px 0 0;
  text-align: right;
  height: 50px;
  color: #8c8c8c;
}
.article-category, .article-united-category {
  font: 500 12px arial;
  margin: -15px 10px 0 0;
  text-align: right;
  height: 20px;
}
.article-cat-icon img{
  float: left;
  margin: 0 10px 2px 1em;
  position: relative; /* Need for IE */
}
.article-author {
  font: 500 12px arial;
  margin: -20px 0 0 40px;
  height: 30px;
  color: #888;
}
.article-united .cat {
  font:500 12px arial;
  padding: 5px 10px 2px 10px;
}
.article-content, .article-united-content {
  line-height : 180%;
  letter-spacing : 1px;
  padding:.5em 1em .5em 1em;
}
.article .read-more-div {
  text-align: right;
  margin: -1.5em 2em 1em 0;
}
.article span.read-more {
  cursor: pointer;
  color: navy;
  font: small-caps 800 13px Trebuchet MS, Verdana, sans-serif;
}
.article a.read-more {
  color: navy;
  font: 500 12px MS P Gothic, Verdana, sans-serif;
  text-decoration: none;
}
.article span.read-more:hover {
  border-bottom: navy;
}
.article-pageNav {  /* 記事ページナビ用 */
  text-align: center;
  width: 230px;
  margin: 2em auto;
  font-size: 90%;
}
.article-foot, .article-united-foot {
  margin: 10px 0 20px 0;
  color : #8c8c8c;
  font-size : 11px;
  letter-spacing : 0;
  text-align: right;
  clear: both;
  line-height: 1.2;
}
.article .article-foot a.go2top img, .article-united-foot a.go2top img {
  width: 22px;
  height: 9px;
  vertical-align: middle;
}
.article .article-bottom {
  text-align : right;
  padding-right: 1em;
  border-bottom: 2px solid #efefff;
  margin-bottom: 1.8em;
}
.article-united-bottom {
  text-align : right;
  padding-right: 1em;
  margin-bottom: 1.8em;
}
object {
  width: 93%;
  margin: auto;
  overflow: auto;
}
.draft { /* ドラフト記事囲み用 */
  border: dashed 1pt crimson;
}
.draft:before, .draft-before {
  content: "未公開の記事です";
  color: crimson;
  font-size: 11px;
  padding-left: 1em;
}
/* ------------------------[ コメント表示用 ]--------------------*/
.comment-div {
  text-align : left;
  font-size : 97%;
  margin: 10px;
}
.comment-div .comment-header {
  text-align: center;
  font-size: 120%;
  color: #912d39;
  margin: -10px 0 30px 0;
}
.comment-div a{
  text-decoration: underline;
}
.comment-div .comment-entry p{
  color: #555;
  text-align: left;
}
.comment-div span.No{
  font: 600 100% georgia, arial, ms p gothic, sans-serif;
}
.comment-div .comment-entry {
  margin:0 auto auto 2em;
}
.comment-div .comment-index {
  padding-bottom: 0.5em;
}
.comment-div .comment-index-owner {
  margin:-1em auto 0.5em -1em;
}
.comment-div .comment-entry-owner {
  padding-left: 4em;
}
.comment-div .comment-body{
  margin: 0.5em 0 0 1em;
  padding-left: 1em;
}
.comment-cntrl {
  padding-left: 0.5em;
}
.comment-cntrl img {
  vertical-align: middle;
}
.comment-owner {
  width: 18px; height: 18px;
  padding-left: 5px;
}
hr.comment-separator {
  border-width: 0;
  visibility: hidden;
  margin: 1em 0 0.5em 4em;
}
/* ------------------------[ コメントフォーム用 ]---------------------*/
form.comment-form {
  padding: 1em;
  margin: auto;
}
.comment-intro {
  background: url(Images/check.png) 0 0 no-repeat;
  padding-left: 1.5em;
  font-size: 15px;
  color: #912d39;
}
.comment-createlink {
  background: url(Images/button-fill.png);
  height: 23px;
  cursor: pointer;
}
.comment-inputarea {
  margin: 1em 0 1em 1em;
  padding-left: 0.5em;
}
.comment-inputarea p {
  margin: 5px 0;
}
.comment-preview-div {
  padding-left: 1em;
  border-left: solid 4px #696997;
}
#comment-previewarea {
  margin: 2em 0 0 0;
  width: auto;
}
#comment-previewarea .comment-confirm {
  background: url(Images/check.png) 2.3em -0.2em no-repeat;
  margin: 1em;
  padding-left: 4em;
  color: #564240;
}
img.smiley{
  width: 16px;
  height: 16px;
  vertical-align: middle;
  cursor:pointer;
  margin:0 3px 0 0;
}
img.home-icon {
  width: 12px;
  height: 12px;
  vertical-align: middle;
  border: none;
}
textarea.comment-textarea {
  width: 98%;
  border: solid 1px #aaa;
  background: #f7f7f7;
}
.comment-quoted {
  text-align: left;
  margin: 1em;
  padding: 0 .5em 0 0.5em;
  background: #fffefe;
}
.comment-quoted p#quoted-comment {
  font-size: 93%;
  margin: -1em 0 0 1.5em;
  border-left: solid 2pt #ddd;
  padding: 0 1em 0 0.5em;
}
/* ------------------------[ Ajax用コメントボタン ]---------------------*/
.comment-expand {
  text-align: left;
  height: 1%; /* for buggy IE: creeping button */
}
.comment-expand button {
  margin: 1em 0 1em 2em;
  font: 500 12px arial;
  cursor: pointer;
  width: 120px;
}
.comment-mailback {
  background: url(Images/mail.png) left 3px no-repeat;
  padding-left: 1.3em;
}
input.txt {
  background: url(Images/bg-formtext.png);
  border: solid 1px #aaa;
  height: 16px;
  font: 500 14px/1.3 arial, sans-serif;
  vertical-align: middle;
  padding-bottom: 3px;
}
input.txt:focus {
  border: solid 1px #ff8d60;
  background: #fff7f7;
}
form.comment-form #c_color {
  vertical-align: middle;
}
.commentFormHere p.show-commentform {
  color: #094583;
  cursor: pointer;
  text-align: right;
  font: small-caps 500 13px verdana, sans-serif;
}
.commentFormHere p.show-commentform span:hover {
  border-bottom: 1px dashed orange;
}
/*----------------------------[ ヘッドラインフォーマット ]-------------*/
div.headline {

}
.headline .articel, .article-foot {
  margin: 0 0 2px 0;
}
.headline .article-bottom {
  border-bottom: 1px solid #aaa;
  margin: 0;
}
.headline .article-content {
  padding: 0;
  line-height: 1.3;
}
/*----------------------------[ 引用フォーマット ]-------------*/
blockquote {
  background-color : #eee;
  font-size : 95%;
  margin: 1em 2em 1em 1em;
  color : #00468c;
  position :relative;
}
q {
  font-size : 12px;
  margin: 1em;
  color : #00468c;
}
pre {
  font: 500 13px courier new,Verdana, monospace;
  background : #f7f7f7;
  border : dashed 1px #808080;
  margin: 1em auto;
  padding: 1em;
  width: 90%;
  height: 1%;
  min-height: 30px;
  overflow: auto;
}
body[id=weblog] pre {
  width: auto; height: auto;
  white-space: -moz-pre-wrap; /* Mozilla */
}
code {
  font: 500 13px courier new,Verdana, monospace;
  color: #2d542c;
}
ul.decimal {
  list-style-type: decimal;
  padding-left: 2em;
  background: #fff;
  font-size: 90%;
}
.underline {
  text-decoration: underline;
}
.google-it {
  font : 600 13px 'Times New Roman',serif;
  color : #2020ff;
  cursor : pointer;
}
dl dt {
  background: url(Images/dlmark.png) center left no-repeat;
  padding: 5px 0 0 12px;
  font-weight: 600;
}
dl dd {
  padding: 0 2em 0 1em;
  margin-bottom: 0.8em;
  line-height: 145%;
  color: #444;
}
dd a { text-decoration: none; }
.attached {
  clear: both;
  color: #003264;
  margin-top: 20px;
}
span.stars img {
  width: 16px; height: 16px;
}

#main .nav {
  margin: 20px auto;
  text-align: center;
}
#main .nav p {
  margin-top: 1em;
}
#login-info {                 /* ログイン情報用 */
  position: relative; 
  top: 0px; left:15px;
  width: 100%;
  text-align: center;
  color:#e6e6e6;
}
#login-info span {
  color: #d84242;
  font-weight: 600;
  font-size: 110%;
}
#theme-selector {             /* テーマ切り替えセレクター用 */
   position: relative; 
  top: -10px; left:30px;
  width: 17%;
  text-align: center;
 float : left;
}
#pp-counter{                  /* カウンター用 */
  position: relative; 
  top: -10px; right:10px;
  font-size : .6em;
  color: #859cf3;
  width: 280px;
  text-align: right;
 float : right;
}
#blog-bar{                    /* ブロッグバー用 */
  position: relative; 
  top: 0px; right:30px;
  text-align: center;
 float : right;
}
/*----------------------------[ リンクバー用 ]-------------*/
#linkbar {
  margin-top: 50px;
}
#linkbar ul{
  text-align: center;
  margin: 3px;
}
#linkbar ul li{
  padding-left: 1em;
  margin-top: 0;
  display: inline;
}
#linkbar ul li a {
  border: none;
}
#linkbar ul li a span {
  display: none;
}
#rendering-time {             /* HTML生成時間表示用 */
  position: relative; 
  top: 15px; left:10px;
  color: #888;
  font:500 80% georgia, serif;
  float : left;
}
/*----------------------------[ 検索ボックス用 ]-------------*/
#search-box{
  position: relative; 
  top: 5px; right:0px;
  width: 210px;
  text-align: center;
 float : right;
}
#search-box form input { font-size: 85%; }
  
#search-box form #submit {
  width: 18px; height: 21px;
  vertical-align: top;
}
#search-box form #q {
  width: 135px; height: 16px;
  font: 500 14px Trebuchet MS, Osaka, MS P Gothic, sans-serif;
  border:  1px solid #9097A2;
  background: #e4ebfa url(Images/bg-formtext.png) repeat-x;
  padding: 2px;
}
#search-box form #q:hover, #search-box form #q:focus {
  background: #fff;
}
/*----------------------------[ 詳細検索用 ]-------------*/
.search-form {
  background-color: #fafcfb;
  border: 1px solid #aaa;
  width:450px;
  margin: 3em auto auto auto;
  padding: 1em;
}

.search-form ul { list-style: square; margin-left:30px;}
.search-result {
  margin: 1em;
  padding: 1em;
  border: #eee;
}
.search-result dd {
  text-decoration: none;
  color: #555;
  padding: 0.25em 0 0 1.5em;
}
.search-result dt {
  margin-top: 0.7em;
}
dt.search-result-hit {
  margin-top: 1.5em;
}
.search-result-index {
  font: 700 14px verdana, arial, sans-serif;
}
.search-result-comment{
  border-left: solid 2pt #f3dfdf;
  margin-left: 2em;
  padding-left:0.5em;
}
.search-result-comment dt {
  padding-left: 0.3em;
  font: 600 14px MS P Gothic, sans-serif;
  color: #ff692f;
}
/* -----------------------[ カレンダー用 ]--------------------- */
#calendar {
/*  background: url("Images/tabu.003.gif") no-repeat;*/
  background-color: #595959;
  border-top: 1px solid #909090;
  border-bottom: 1px solid #909090;
  border-right: 1px solid #909090;
  border-left: 1px solid #909090;
  padding-top: 0px;
  margin: 10px auto 30px auto;
  text-align : center;
  font: 500 13px georgia, arial, sans-serif;
color:#ffcc00;
}
#calendar table.calendar {
  width : 100%;
  background-color: #7f7f7f;
  padding: 2px;
}
#calendar table.calendar td{
  border: 1px outset rgb(179,179,179);
  padding : 2px;
  color:  #333;
}
#calendar table.calendar tr.header td{
  background: none;
}
#calendar table.calendar a {
  text-decoration : none;
}
#calendar table tr.header td {
  font : 600 14px Times New Roman, georgia, arial;
}
#calendar span.prev-month {
  display: block;
  text-indent: -10000px; /* 画像を指定したいときに */
  width: 20px; height: 20px;
  background: url(Images/prev.png) 5px 5px no-repeat;/* 背景として画像指定 */
}
#calendar .box-cap {
}
#calendar span.calendar-cap {
  display: block;
  width: 99%;
  font: 600 130% georgia, serif;
}
#calendar span.next-month {
  display: block;
  width: 20px; height: 20px;
  text-indent: -10000px;
  background: url(Images/next.png) 5px 5px no-repeat;
}
#calendar table.calendar td.daySubmit {
  background: #e2ffff;
  border: solid 1px #595959;
}
#calendar table.calendar td.daySubmit a.event{
  color: navy;
}
#calendar table.calendar td span.Sun {
  color : rgb(250,90,70);
}
#calendar table.calendar td span.Sat {
  color : navy;
}
#calendar table.calendar td span.Today {
  color : rgb(5,170,50);
  font-weight : 600;
  display: block;
  width:20px; height: 20px;
}
#calendar table.calendar td strong.month {
  color : #2d3073;
}
/* -----------------------[ サイドバー関連 ]--------------------- */
#archives {
  font-size: 92%;
  background-color: #e4e4e4;
/*  border-bottom: 1px solid #f9f20a;*/
  border-top: 1px solid #909090;
  border-bottom: 1px solid #909090;
  border-right: 1px solid #909090;
  border-left: 1px solid #909090;
  margin-bottom: 20px;
  padding-bottom:40px;
  color: #005151;
}
#recently, #menu, #categories, #comments, #trackbacks, #others, #antenna {
  font-size: 92%;
  background-color: #e4e4e4;
/*  border-bottom: 1px solid #f9f20a;*/
  border-top: 1px solid #909090;
  border-bottom: 1px solid #909090;
  border-right: 1px solid #909090;
  border-left: 1px solid #909090;
  margin-bottom: 20px;
  padding-bottom:20px;
  color: #005151;
}
.sidebar-cap{
  height: 25px;
  font: 800 120% Georgia,arial, sans-serif;
/*  background: url("Images/tabu.001.gif") #efefef no-repeat;*/
  background-color: #595959;
  border-top: 1px solid #909090;
  border-bottom: 1px solid #909090;
  border-right: 1px solid #909090;
  border-left: 1px solid #909090;
/*  border:none;*/
  margin : 10px 0;
  letter-spacing: 1px;
  color: #ffcc00;

}
                        /* UL指定　デフォルトではマークなし */
ul, ol {
  list-style: none;
}
ul li ul, 
ol li ol {
  margin-top: 2px;
}
ul li{
  margin-top: 5px; 
}
ul.sidebar-menu {                     /* # メニュー用 */
  text-align: center;
  list-style: none;
}
          /* # 最近のエントリー・コメント・トラックバック用スタイル */

ul.sidebar-recently, ul.sidebar-comments, ul.sidebar-trackbacks, ul.sidebar-archives, ul.sidebar-categories { 
  padding-left: 5px;
}
ul.sidebar-recently li, ul.sidebar-comments li, ul.sidebar-trackbacks li {
  padding: 3px 0px 2px 15px;
  background: url(Images/listmark2.png) 2px 8px no-repeat;
}
ul.sidebar-comments ul li.nest1, ul.sidebar-trackbacks ul li.nest1 {
  margin-top: 1px;
  margin-left: 9px;
  padding : 0px 0px 2px 20px;
  background: url(Images/nest1.png) 0px 1px no-repeat;
}
ul.sidebar-comments ul li.nest2, ul.sidebar-trackbacks ul li.nest2{
  margin-left: 27px;
  margin-top: 0;
  background: url(Images/nest2.png) 0px 1px no-repeat;
}
ul.sidebar-comments ul li.show-all-comments a {
  color: navy; padding-bottom:5px; font-size: x-small;
}
ul.sidebar-comments ul li.show-all-comments a:before {
  content: " ↓ ";
}
                            
ul.sidebar-archives li {                /* サイドバーアーカイブ用 */
  padding-right: 2em;
  text-align: right;
}
ul.sidebar-others {                      /* サイドバーOTHERS用 */
  text-align: center;
  padding-top: 5px;
}
ul.sidebar-others li {
}
ul.sidebar-antenna {                      /* サイドバーANTENNA用 */
  text-align: left;
  padding-top: 5px;
  padding-left: 1em;
}

                                        /* カテゴリー一覧表示用 */
ul.category-list {
  list-style: url(Images/folder.png) inside square;
  margin-left: 2em;
}
ul.category-list ul li{
  list-style: url(Images/nest1.png) inside square;
  margin-left: 2em;
  padding-left: 5px;
}
ul.category-list li {
  margin-top: 7px;
  padding-left: 5px;
}
.category-nav {
  margin-top: 1.5em;
}
                                        /* アーカイブ一覧表示用 */
div.archives-list {
  width: 180px;
  padding-left: 1em;
  margin: auto;
}
div.archives-list ul {
  list-style: url(Images/folder.png) inside square;
  margin-left: 2em;
}
div.archives-list h3 {
  margin: 2em auto;
}
ul.sidebar-categories {                  /* # カテゴリー表示 */
  text-align: left;
  margin-left: 3px;
}
ul.sidebar-categories * a {
  font-size: 90%;
}
ul.sidebar-categories li.main-category {
  background: url(Images/listmark2.png) 5px 4px no-repeat;
  padding : 0px 0px 2px 20px;
}
ul.sidebar-categories li.sub-category {
  background: url(Images/nest1.png) 25px 1px no-repeat;
  padding : 0px 0px 2px 50px;
}
span.expand-icon {             /* # サイドボックス展開用 */
  display: block;
  width: 13px; height: 13px;
  font-size: 1px;
  margin: 3px 7px 1px 0;
  background: url(Images/expand.png) 0px 0px no-repeat; 
  float: right;
}

/* -----------------------[ 記事のリスト表示 ]-------------------------*/
div.show-list {
  width: 100%;
}
div.show-list ul {
  width: 73%;
  margin: auto;
  list-style: url(Images/dlmark.png) square;
  padding-left: 2em;
}

/* ------------------------[ トラックバック導入 ]---------------------*/
form.trackback-preface {
  text-align: center;
  width: 80%;
  margin: auto;
  padding: 1em;
}
form.trackback-preface legend {
  color: #ac1822;
  font-size: 90%;
}
form.trackback-preface p {
  margin: 0.7em;
  font-size: 90%;
  color: #777;
  text-align: left;
}
form.trackback-preface p input.txt {
  width: 400px;
}
/*----------------------------[ トラックバック表示 ]-------------*/
dl.trackback{
  text-align:left;
  margin: 0.5em 1em;
  padding-left: 1em;
  border-bottom: #ddd;
}
dl.trackback dt { 
  font: 500 15px georgia;
  color: #2A3164;
  padding-left: 0.5em;
}
dd.tb-footer{
  font-size:11px;
  color:#00004d;
  text-align: right;
}
/* ---------------------[ 写真・ドロップシャドウ設定 ]---------------------*/
p.photo-shadow {
  padding: 0;
  float:left;
  position: relative;
  background: url(Images/shadow.png) right bottom no-repeat;
  margin: 15px 2px 2px 7px
}
p.photo-noshadow {
  padding: 3px;
  float: left;
  position: relative;
  margin: 15px 2px 2px 7px
}
p.photo-shadow img, p.photo-noshadow img {
  display: block;
  position: relative; /* Need for IE */
  margin: -3px 7px 5px -3px;
  padding: 7px;
  border: 1px solid #ccc;
  border-color: #ddd #999 #999 #ccc;
  background-color: #fff;
}
p.photo-shadow img.borderless, p.photo-noshadow img.borderless{
  padding: 0;
}
.photo-caption {
  margin: 0px 10px 20px 20px;
  text-align: left;
  font-size: 80%;
  color: navy;
  position: relative;
  clear: both;
}
.al-left { float: left; position: relative;}
.al-right, al-none { float: right; position: relative;}
.al-center { margin: auto; position: relative;}

/* ---------------------[ 画像ギャラリー表示設定 ]---------------------*/

.gallery { 
  margin: 30px auto 30px auto;
  position: relative; /* for IE */
}
.gallery table { 
  margin: auto;  width: auto;
  position: relative; /* for IE */
}
.gallery p {
 color: #555;
 font : 600 14px georgia, times new roman, serif;
 position: relative; /* for IE */
}
.gallery table tr td {
  position: relative; /* for IE */
  text-align : center;
  vertical-align : middle;
  width: 120px;  height: 150px;
  padding: 5px;
  margin-bottom: 10px;
}
.gallery a, .gallery a:hover {
  border: none;
}
.gallery h4 { text-align: center;}
.gallery h4 a {
  text-decoration: underline;
  font-size: 130%;
}
/* ---------------------[ アマゾンアソシエイト表示設定 ]---------------------*/
.amazon-box {
  
}
.amazon-box img {
  margin: 10px;
  padding: 5px;
  border: solid 1px #aaa;
  border-color: #ddd #999 #999 #ccc;
  float: left;
  position: relative; /* Need for IE */
}
.amazon-box .title{
  padding-top: 10px;
  margin: 0 0 10px 0;
}
.amazon-box ul.amazon-info li {
  font-size: 90%;
  margin: 0 0 -2px 10px;
  text-indent: 10px;
}
.amazon-box ul.amazon-info li.delivery{
  color: crimson;
}
.amazon-box ul.amazon-info li.related {
  padding-top: 3px;
  text-indent: 20px;
}
.amazon-box ul.amazon-info li.related a:hover,
.amazon-box .title a:hover{
  border-bottom: navy;
}
.article-content div.amazon-box a {
  border-bottom: none;
}