/**************************************************************************************
Copyright
**************************************************************************************/

/* Copyright (C)2006-2007 mavericyard All rights reserved. */

/**************************************************************************************
全ブロックの共通設定
**************************************************************************************/
/* body ----------*/
body {
   font-family: "MS UI Gothic", Arial, Verdana, "Osaka", sans-serif;
   font-size:90%;
   color:#444444;
   line-height: 140%;
   text-align: center;
   background-color:#565656;
   margin: 0px auto;
   padding: 0px;
   word-wrap:break-word;
}

/* Link ----------*/
a,
a:link,
a:visited,
a:active { 
   color: #888888;
   text-decoration: none;
   border-bottom: 1px #888888 dotted ;
}
a:hover {
   color: #AAAAAA;
   border-bottom: 1px #AAAAAA dotted;
}

input, textarea {
   font-family: Arial, Verdana, "Osaka", "MS UI Gothic", sans-serif;
   font-size: 80%px;
   color: #555555;
   background-color: #fff;
   border: 1px dotted #D9D9D9;
   margin: 1px 0px;
   padding: 0px;
}

select {
   font-family: Arial, Verdana, "Osaka", "MS UI Gothic", sans-serif;
   font-size: 70%;
   color: #555555;
   background-color: #F9F7F2;
   border: 1px #777777 solid; 
   margin: 1px 0px;
   padding: 2px;
}

blockquote {
   font-family: "MS UI Gothic","ヒラギノ角ゴ Pro W3", "Osaka", sans-serif;
   font-size: 90%px;
   color: #555555;
   font-weight: normal;
   background: #FFFFFF;
   border-left: 2px #CCCCCC solid;
   margin: 1px 0px;
   padding: 5px 20px;
}

/* table ----------*/
table { border-collapse: collapse; }
td { text-align:center;
   font-family: "MS UI Gothic", Arial, Verdana, "Osaka", sans-serif;
   font-size:80%;
   color:#444444;
   line-height: 140%;
   text-align: center;
   margin: 0px auto;
   padding: 0px;
   word-wrap:break-word;
 }


/* mainblock ----------*/
#mainBlock {
   width:820px;
   background: #FFFFFF url('http://bfile.shinobi.jp/3092/bg_container.jpg') ;
   text-align: center;
   margin:auto auto;
   padding: 0px 0px;
}

/* left, center, right ----------*/
.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }


hr {
border: 1px #dddddd solid ;
background-color: #ffffff;
}

*{
scrollbar-track-color:#fff;
scrollbar-face-color:#ccc;
scrollbar-3dlight-color:#ccc;
scrollbar-highlight-color:#ccc;
scrollbar-shadow-color:#ccc;
scrollbar-darkshadow-color:#ccc;
scrollbar-arrow-color:#aaa;
}

/**************************************************************************************
トップブロック用デザイン
**************************************************************************************/
/* TopBlock ----------*/
#TopBlock {
   width:820px;
   height: auto;
   background: #565656 url("http://bfile.shinobi.jp/3092/bg_header.jpg") no-repeat bottom;
   border: 0px #FFFFFF solid;
   text-align: left;
   padding: 0px ;
}

#TopTitle {
   font-family: georgia, Times New Roman, serif;
   font-size: 150%;
   color: #EEEEEE;
   font-weight: bold;
   line-height: 120%;
   letter-spacing: normal;
   margin: 0px 30px;
   padding-top: 30px;
   padding-bottom: 3px;
}

#TopExplanation {
   font-family: verdana, arial, sans-serif;
   font-size: 70%;
   color: #999999;
   font-weight: normal;
   line-height: 120%;
   letter-spacing: normal;
   margin: 0px 30px;
   padding-bottom: 70px;
}

#TopTitle a,
#TopTitle a:link,
#TopTitle a:visited,
#TopTitle a:hover {
   color: #EEEEEE;
   text-decoration: none;
   border-bottom: 0px #333333 dotted;
}


/**************************************************************************************
フッターブロック用デザイン
**************************************************************************************/
/* Footer Block ----------*/
#FooterBlock {
   font-size: 80%;
   color: #aaaaaa;
   line-height: 200%;
   clear:both;
   text-align: center;
   background: #565656 url("http://bfile.shinobi.jp/3092/bg_footer.jpg") no-repeat bottom;
   padding-bottom: 30px;
}

.footer_copy {
   font-family: Verdana, Arial, "Osaka", "MS UI Gothic", sans-serif;
   font-size: 80%;
   clear:both;
   text-align: center;
   padding-top: 20px;
   padding-top: 20px;
}

/**************************************************************************************
  プラグインブロック用デザイン
**************************************************************************************/
/*Plugin Block ----------*/
.PluginBlock {
   width: 200px;
   text-align: left;
   float: left;
   padding: 5px 0px;
}

.PluginInnerBlock { margin:0px 35px 0px 5px; }

.PluginTitle {
   font-family: Arial, Verdana, "Osaka", "MS UI Gothic", sans-serif;
   font-size: 90%;
   color: #333333;
   font-weight: bold;
   line-height: 140%;
   letter-spacing: 0.1em;
   text-align: left;
   background-color: #FFFFFF;
   border-bottom: 0px #555555 dotted;
   margin: 3px 10px;
}

/* (プラグインの説明部分の設定) ----------*/
.PluginExplanation { padding: 5px 0px; }

.PluginContents {
   font-family: "MS UI Gothic", Arial, Verdana, "Osaka", "MS UI Gothic", sans-serif;
   font-size: 80%;
   color: #777777;
   font-weight: normal;
   line-height: 160%;
   letter-spacing: normal;
   text-decoration: none;
   border: 0px #FFFFFF solid ;
   margin-bottom: 15px;
   padding: 0px 10px;
}

.plugin_powerd {
   font-family: Verdana, Arial, "Osaka", "MS UI Gothic", sans-serif;
   font-size: 80%;
   line-height: 200%;
   padding: 30px 0px;
}


/**************************************************************************************
  記事ブロック用デザイン
**************************************************************************************/
/* Enyry Block ----------*/
#EntryBlock {
   width: 570px;
   float: left;
   text-align: left;
   margin: 0;
}

.EntryInnerBlock {
   text-align: left;
   margin: 0px 30px 0px 50px;
}

.EntryTitle {
   font-family: "Osaka", "Trebuchet MS", "MS UI Gothic", sans-serif;
   color: #333333;
   font-size: 100%;
   font-weight: bold;
   line-height: 120%;
   border-left: 5px #999999 solid;
   margin-top: 5px;
   padding: 4px 0px 2px 18px;
}

.EntryTextBox { padding: 15px 0px;font-size: 90%; }
.EntryTextBox a,
.EntryTextBox a:link,
.EntryTextBox a:visited,
.EntryTextBox a:active,
.plugin_powerd a,
.footer_copy a { color: #A5A57A; text-decoration: none; border-bottom: 1px #D6D5B0 dotted; }
.EntryTextBox a:hover { color: #D6D5B0; border-bottom: 1px #D6D5B0 dotted; }

.EntryText { padding-top: 10px; }

/* (追記) -----*/
.EntryPsText { padding: 15px 0px; text-align: right; }

.EntryFooter {
   font-family: arial, verdana, sans-serif;
   font-size: 70%;
   color: #555555;
   font-weight: normal;
   text-align: right;
   border-bottom: 1px #cdcdcd solid;
   margin: 0px 0px 15px 0px;
   padding: 20px 0px 20px 0px;  
}

.EntryWriteDate {
   font-family: Arial, Verdana, sans-serif;
   font-size: 70%;
   color: #777777;
   font-weight: bold;
   line-height: 100%;
   letter-spacing: normal;
   text-align: left;
   border-left: 5px #BBBBBB solid;
   padding: 2px 0px 2px 18px;
}

/* (prev, home, next) -----*/
.PageLinkBlock {
   font-family: Verdana, Arial, sans-serif;
   font-size: 90%;
   text-align:center;
   padding-top: 20px;
   padding-bottom: 30px;
}

/**************************************************************************************
  各コメント表示部分の設定
**************************************************************************************/
/* Comment Block ----------*/
.CommentBlock{ padding: 30px 35px 20px 60px; }

/* (この記事にコメントする) -----*/
.CommentMenuTitle,
.TrackbackMenuTitle {
   font-family: Arial, Verdana, sans-serif;
   font-size: 11px;
   color: #606054;
   font-weight: bold;
   letter-spacing: 0.1em;
   border-bottom: 1px solid #606054;
   margin: 15px 0px;
   padding-bottom: 5px;
}

.CommentTextBox {
   border-bottom: 1px #888888 dotted;
   padding: 10px 0px;
}

.CommentTitle,
.CommentResTitle,
.TrackbackTitle { text-align: left; }

.CommentText,
.TrackbackText { padding: 10px 0px; color: #A5A57A; }

.CommentFooter,
.CommentResFooter,
.TrackbackFooter {
   font-family: Verdana, Arial, sans-serif;
   font-size: 10px;
   padding: 5px 0px;
   text-align:right;
}

/* (投稿者 URL-Link) -----*/
.CommentURL,
.TrackbackURL { border-bottom: 1px dotted; }

/* Comment Form Block ----------*/
.CommentFormBlock{ padding: 20px 5px; }

.CommentFormTable{
   font-size: 11px;
   letter-spacing: 0.1em;
   word-break: break-all;
   margin: 0px;
   padding: 0px;
}

.CommentFormTh{ padding-top:5px; text-align:right; }

.CommentFormTd{ padding-top:5px; text-align:left; }

/* (送信ボタン) -----*/
.CommentFormSubmit{ text-align:left; }

/* (input, textarea) -----*/
.CommentForms{ }

/**************************************************************************************
  トラックバック表示部分の設定
**************************************************************************************/
/*Trackback Block ----------*/
.TrackbackBlock{ padding: 30px 35px 20px 60px; }

.TrackbackMenuTitle{ text-align: left; }

.TrackbackTextBox{ margin: 5px 0px; }

/* ("この記事のトラックバック"部分) -----*/
.TrackbackURLTitle{ padding: 10px 20px; text-align: left; font-size: 12px; }

/* (トラックバックする為のURLが記載されているフォーム部分の設定) */
.TrackbackURL{ }

/**************************************************************************************
  各プラグイン共通項目用設定
**************************************************************************************/
/* Plugin Data ----------*/
.Plugin_data { text-align:left; padding: 3px; line-height:140%; }

/* (各プラグイン処理内基本デザインの下に記載する日付など) -----*/
.Plugin_data_date {
   font-family: Verdana, Arial, sans-serif;
   font-size: 10px;
   text-align: right;
}

/**************************************************************************************
  カレンダープラグイン用デザイン
**************************************************************************************/
/* カレンダー日付移動用テーブル（前月、次月へのリンクなど）-----*/
.CalendarMoveTable {
   font-family: Verdana, Arial, sans-serif;
   font-size: 90%;
   padding: 3px;
   width:80%;
}

.CalendarMoveTr {}

.CalendarPrevTd {}

.CalendarNowTd {}

.CalendarNextTd {}

.CalendarTable {
   font-family: Verdana, Arial, sans-serif;
   font-size: 10px;
   line-height: 150%;
   width:80%;
   padding: 3px;
}

/*-------------------------------------------------------
  カレンダーテーブル -> 曜日表示部分デザイン
-------------------------------------------------------*/
/* 曜日表示部分 -----*/
.CalendarWdayTr { }

/*曜日表示部分 - 日曜日 -----*/
.CalendarWdaySun { color: #C4A1A1; }

/*曜日表示部分 - 平日 -----*/
.CalendarWday { color:#969080; }

/*曜日表示部分 - 土曜日 -----*/
.CalendarWdaySat { color: #AAA1C4; }

/*-------------------------------------------------------
  カレンダーテーブル -> 日付表示部分デザイン
-------------------------------------------------------*/
/*日付表示部分（<tr>タグ部分）のデザイン*/
.CalendarTr { color: #8C8A72; }
/*日付表示部分、日曜日の<td>タグ部分デザイン*/
.CalendarTdSun { }
/*日付表示部分、土曜日の<td>タグ部分デザイン*/
.CalendarTdSat { }
/*日付表示部分、平日曜日の<td>タグ部分デザイン*/
.CalendarTd { }
/*記事が存在する場所の設定*/
.CalendarTdLink { }
/*記事が存在する日付の文字色の設定*/
.CalendarTdLinkFont { color: #C4C2A3; }
/*-------------------------------------------------------
  コメント -> 管理者返信部分デザイン
-------------------------------------------------------*/
.CommentResBlock {
   border-bottom: 1px #606054 dotted;
   padding:15px 0px 15px 20px;
}

.CommentResBox { color: #82816F; }

.CommentResText { padding:10px 0px; }

.CommentResFooter { text-align:right; }




@charset "UTF-8";

/*************************************************
【忍者式メールフォーム自作CSS】
自作CSSを使用するには、HTMLとCSSの知識が必須です。
HTMLやCSSについては参考文献などを参照してください。
*************************************************/

/*メールフォーム全体を囲っているタグのid*/
#default_top {
	margin          : 0px;
	padding         : 0px;
	color           : #000000;
	text-align      : left;
	width           : 150px;
}

/*メールフォームのパーツや送信ボタンを囲っているタグのclass（タイトル、説明文以外）*/
#default_top .main {
	margin          : 0px;
	padding         : 0px;
}

/*メールフォームのタイトルを囲っているタグのclass*/
#default_top .title{
	margin          : 0px;
	padding         : 0px;
}

/*メールフォームの説明文を囲っているタグのclass*/
#default_top .explain {
	margin          : 0px;
	padding         : 0px;
}

/*『textarea』パーツの表示名と入力項目を囲っているタグのclass*/
#default_top .textarea_top {
	margin          : 0px;
	padding         : 0px;
}

/*『textarea』パーツの表示名を囲っているタグのclass（[ なにかありましたら ]の部分）*/
#default_top .textarea_left{
	margin          : 0px;
	padding         : 0px;
}

/*『textarea』パーツの入力項目を囲っているタグのclass*/
#default_top .textarea_right {
	margin          : 0px;
	padding         : 0px;

}

/*『textarea』パーツの入力項目のclass（inputなどの部分）*/
#default_top .textarea_parts {

   font-family: verdana, arial, sans-serif;
   font-size: 90%;
	background-color: #ffffff;
	width           : 130px;
	border          : 1px dotted #BBBBBB;
	margin-top      : 2px;

}

/*メールフォームの送信ボタンを囲っているタグのclass*/
#default_top .submit {
	margin          : 0px;
	padding         : 0px;
}

/*メールフォームの送信ボタンのclass*/
#default_top .submit_button {
	margin          : 0px;
	padding         : 0px;
}

/*エラーメッセージを囲っているタグのclass*/
#default_top .error {


}

/*エラーメッセージのリトライボタンを囲っているタグのclass*/
#default_top .error_submit {

}

/*エラーメッセージのリトライボタンのclass*/
#default_top .error_submit_button {

}

/*送信完了メッセージを囲っているタグのclass*/
#default_top .result {

}

/*送信完了メッセージの戻るボタンを囲っているタグのclass*/
#default_top .result_submit {
	background-color: #ffffff;
	border          : 1px dotted #BBBBBB;
}

/*送信完了メッセージの戻るボタンのclass*/
#default_top .result_submit_button {
	background-color: #ffffff;
	border          : 1px dotted #BBBBBB;
}

/*『name』パーツの表示名と入力項目を囲っているタグのclass*/
#default_top .name_top {
	margin          : 0px;
	padding         : 0px;
}

/*『name』パーツの表示名を囲っているタグのclass（[ お名前 ]の部分）*/
#default_top .name_left{
	margin          : 0px;
	padding         : 0px;
}

/*『name』パーツの入力項目を囲っているタグのclass*/
#default_top .name_right {
	margin          : 0px;
	padding         : 0px;
}

/*『name』パーツの入力項目のclass（inputなどの部分）*/
#default_top .name_parts {
   font-family: verdana, arial, sans-serif;
   font-size: 90%;
	background-color: #ffffff;
	width           : 130px;
	border          : 1px dotted #BBBBBB;
	margin-top      : 2px;
}

/*************************************************
lightbox Script
*************************************************/


#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(http://file.sputnik5.blog.shinobi.jp/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://file.sputnik5.blog.shinobi.jp/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://file.sputnik5.blog.shinobi.jp/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}