/**************************************************************************************
全ブロックの共通設定
**************************************************************************************/
/*すべての要素に関する設定*/
*{
margin:0;
padding:0;
font-size:100%;
font-family:Arial,Verdana,sans-serif;
font-style:normal;
}
/*BODY全体に関する設定*/
body {
background:#f4fbf4 url('http://bfile.shinobi.jp/5123/blueswell_body_b.gif') repeat-y left 231px;
color:#334733;
line-height:1.5;
text-align:left;
}
/*table全ての設定*/
table,th,td{
border-collapse: collapse;
}
table {
border:2px solid #000;
}
th,td {
border:1px solid #000;
padding:0.3em;
}
/*通常のリンクの設定*/
a,a:visited {
color:#3d67c6;
background:url('http://bfile.shinobi.jp/5123/blueswell_link_b.gif') no-repeat left 0.2em;
padding-left:10px;
}
/*過去に見たことがあるページのリンクの設定*/
a:visited{
color:#999;
}
/*カーソルが合っている状態のリンクの設定*/
a:hover {
color:#3f6;
}
/*リストの設定*/
ul li {
list-style-type:none;
}
/*画像の設定*/
img {
border:none;
}
/*画像リンクの設定*/
a img,a:visited img {
border:1px solid #a9b8d6;
position:relative;
left:-10px;
top:0;
background-color:#f4fbf4;
}
a:hover img {
border-color:#3d67c6;
}
/*テキスト左寄せ*/
.left {
text-align:left;
}
/*テキスト中央寄せ*/
.center {
text-align:center;
}
/*テキスト右寄せ*/
.right {
text-align:right;
}
/*テキストを画面外に飛ばす*/
.auxiliary-guide {
position:absolute; left:-9999px; top:0;
}
/*h1の設定*/
h1 {
font-size:200%; font-weight:bold;
position:absolute; top:0; left:0;
}
/**************************************************************************************
トップブロック用デザイン
**************************************************************************************/
/*一番上のブロック（タイトルが書かれる場所）の設定*/
#TopBlock {
height:231px;
width:100%;
overflow:hidden;
background:#3d67c6 url('http://bfile.shinobi.jp/5123/blueswell_head_b.gif') no-repeat left top;
color:#f4fbf4;
position:absolute;
top:0;
left:0;
}
/*ページタイトル文字部分の設定*/
#TopTitle {
font-size:200%;
padding: 10px 0px 0px 7px;

}
/*ページタイトルのリンクの設定*/
#TopTitle a,#TopTitle a:visited {
color:#f4fbf4;
font-weight:bold;
text-decoration:none;
background-image:none;
display:block;
width:550px;
}
#TopTitle a:hover {
color:#3f6;
}
/*ページタイトルの下に来るブログの説明文書*/
#TopExplanation {
padding: 10px 0px 0px 20px;
width:450px;
}
/**************************************************************************************
フッターブロック用デザイン
**************************************************************************************/
/*一番下のブロック（著作権表示が書かれる場所）の設定*/
#FooterBlock {
background:url('http://bfile.shinobi.jp/5123/blueswell_entry_title_b.gif') repeat-x left top;
margin:2em 0;
padding:15px 30px 0 35px;
}
/*コピーライト表記の設定*/
#FooterBlock address,#FooterBlock address a,#FooterBlock address a:visited {
font-weight:bold;
}
/*広告の設定*/
#FooterBlock li {
display:inline;
}
/*広告のリンクの設定*/
#FooterBlock a,#FooterBlock a:visited {
background-image:none;
padding-left:0;
color:#000;
text-decoration:none;
}
#FooterBlock a:hover {
color:#3f6;
}
/**************************************************************************************
  記事ブロック用デザイン
**************************************************************************************/
/*記事繰り返し処理全ての部分の設定*/
#EntryBlock {
margin-top:231px;
margin-left:270px;
background-color:#f4fbf4;
}
/*投稿がない時に表示される広告の設定*/
#EntryBlock iframe {
margin:1em 0 0 35px !important;
}
/*各記事タイトル部分の設定*/
.EntryTitle {
background:url('http://bfile.shinobi.jp/5123/blueswell_entry_title_b.gif') repeat-x left bottom;
padding-bottom:13px;
line-height:40px;
font-size:170%;
}
/*各記事タイトルのリンクの設定*/
.EntryTitle a,.EntryTitle a:visited {
background:url('http://bfile.shinobi.jp/5123/blueswell_h2_b.gif') no-repeat left 50%;
line-height:40px;
display:block;
text-decoration:none;
padding-left:35px;
}

/*各記事やコメント、トラックバックなどの総合のブロック部分*/
.EntryTextBox {
padding:0 30px 2em 35px;
}
/*記事本文が記載される部分の各種タグ設定*/
.EntryTextBox h1,.EntryTextBox h2,.EntryTextBox h3,.EntryTextBox h4,.EntryTextBox h5,.EntryTextBox h6,
.EntryTextBox p,.EntryTextBox div,.EntryTextBox ul,.EntryTextBox ol,
.EntryTextBox dl,.EntryTextBox blockquote,.EntryTextBox address,
.EntryTextBox pre,.EntryTextBox table {
margin:1em 0;
clear:both;
}
.EntryTextBox li,.EntryTextBox dt,.EntryTextBox dd {
clear:both;
}
.EntryTextBox h1,.EntryTextBox h2,.EntryTextBox h3,.EntryTextBox h4,.EntryTextBox h5,.EntryTextBox h6 {
background: url('http://bfile.shinobi.jp/5123/blueswell_line_h_b.gif') repeat-x left bottom;
font-size:120%;
font-weight:bold;
color:#3d67c6;
padding-bottom:5px;
margin:2em 0 0 0;
}
.EntryTextBox ol li {
margin-left:1.5em;
}
.EntryTextBox ol li ul li {
margin-left:0;
}
.EntryTextBox ul li {
background:url('http://bfile.shinobi.jp/5123/blueswell_li_1_b.gif') no-repeat left 0.5em;
padding-left:12px;
}
.EntryTextBox ul li ul li {
background:url('http://bfile.shinobi.jp/5123/blueswell_li_2_b.gif') no-repeat left 0.5em;
}
.EntryTextBox ul li ol li {
background-image:none;
padding:0;
list-style-type:decimal;
}
.EntryTextBox ul ul,.EntryTextBox ul ol,.EntryTextBox ul dl,
.EntryTextBox ol ul,.EntryTextBox ol ol,.EntryTextBox ol dl,
.EntryTextBox dl ul,.EntryTextBox dl ol,.EntryTextBox dl dl {
margin-bottom:0;
margin-top:0;
}
.EntryTextBox li ul,.EntryTextBox li ol,.EntryTextBox li dl,
.EntryTextBox dl ul,.EntryTextBox dl ol,.EntryTextBox dl dl {
margin-left:2em;
}
.EntryTextBox ul li a,.EntryTextBox ul li a:visited {
background-image:none;
padding-left:0;
}
.EntryTextBox ul li a img,.EntryTextBox ul li a:visited img {
left:0;
}
.EntryTextBox dt {
font-weight:bold;
}
.EntryTextBox blockquote,.EntryTextBox pre {
background-color:#c5d3f0;
padding:0.5em;
}
.EntryTextBox pre {
width:90%;
overflow:auto;
}
.EntryTextBox pre code {
font-size:90%;
}
.EntryTextBox ins {
text-decoration:none;
}
.EntryTextBox del {
text-decoration:line-through;
}
.EntryTextBox th,.EntryTextBox caption {
font-weight:bold;
}
.EntryTextBox th {
background-color:#c5d3f0;
}
.EntryTextBox thead td,.EntryTextBox thead th,
.EntryTextBox tfoot td,.EntryTextBox tfoot th {
background-color:#3d67c6;
color:#f4fbf4;
}
.EntryTextBox thead td,.EntryTextBox thead th {
border-bottom:3px double #000;
}
.EntryTextBox tfoot td,.EntryTextBox tfoot th {
border-top:3px double #000;
}
.EntryTextBox a img,.EntryTextBox a:visited img {
border:1px solid #a9b8d6;
}
.EntryTextBox a:hover img {
border-color:#3d67c6;
}
.EntryTextBox em {
font-weight:bold;
}
.EntryTextBox strong {
font-weight:bold;
color:#c63d3d;
}
.EntryTextBox abbr {
border-bottom:1px dotted #3d67c6;
}
.EntryTextBox dfn {
font-weight:bold;
}
.EntryTextBox kbd {
background-color:#ddd;
border:1px solid #aaa;
padding:0.1em;
}
.EntryTextBox code,.EntryTextBox samp,.EntryTextBox var {
font-family:monospace;
}
/*「つづきを読む」のリンクの設定*/
.EntryPsText {
position:relative; top:0; left:0;
width:177px; height:29px;
overflow:hidden;
}
.EntryPsText a img,.EntryPsText a:visited img {
position:absolute; top:0; left:0;
background:url('http://bfile.shinobi.jp/5123/blueswell_ps1_b.gif') no-repeat left top;
display:block;
width:177px; height:29px;
}
.EntryPsText a:hover img {
background:url('http://bfile.shinobi.jp/5123/blueswell_ps1_b.gif') no-repeat left bottom;
}
.EntryPsText a img,.EntryPsText a:visited img,.EntryPsText a:hover img {
border:0;
background-color:transparent;
}
/*記事へのリンク（コメントやトラックバック等）の設定*/
.EntryFooter {
text-align:right;
font-size:85%;
margin-bottom:5em;
padding-bottom:13px;
padding-right:30px;
background:url('http://bfile.shinobi.jp/5123/blueswell_entry_title_b.gif') repeat-x left bottom;
clear:both;
}
.EntryFooter li {
display:inline;
padding-left:0.5em;
}
/*詳細記事ページの記事へのリンク（コメントやトラックバック等）の設定*/
#entry .EntryFooter {
margin-bottom:0;
}
/*記事へのコメントリンクが記載されている部分*/
.EntryComment a,.EntryComment a:visited {
background:url('http://bfile.shinobi.jp/5123/blueswell_link_com_b.gif') no-repeat left 50%;
}
/*記事へのトラックバックリンクが記載されている部分*/
.EntryTrackback a,.EntryTrackback a:visited {
background:url('http://bfile.shinobi.jp/5123/blueswell_link_tb_b.gif') no-repeat left 50%;
}
/*次の記事やHOMEへのリンクが表示される全体の設定*/
.PageLinkBlock{
margin-top: 1em;
margin-left:35px;
}
.PageLinkBlock li {
background:url('http://bfile.shinobi.jp/5123/blueswell_link_next_b.gif') no-repeat left 50%;
padding-left:16px;
}
.PageLinkBlock li a,.PageLinkBlock li a:visited {
background-image:none; padding-left:0;
}
/*「次の記事」のリンクの設定*/
.PageLinkBlock li.pre {
background-image:url('http://bfile.shinobi.jp/5123/blueswell_link_pre_b.gif');
}
/*「前のページ」「次のページ」の設定*/
.PageLinkBlock li.pre_p,.PageLinkBlock li.nex_p {
display:inline;
}
/*「前のページ」の設定*/
.PageLinkBlock li.pre_p {
background-image:url('http://bfile.shinobi.jp/5123/blueswell_link_pre_b.gif');
padding-right:0.5em;
}
/*「次のページ」の設定*/
.PageLinkBlock li.nex_p {
background:url('http://bfile.shinobi.jp/5123/blueswell_link_next_b.gif') no-repeat right 50%;
padding-right:16px;
padding-left:0.5em;
}
/*「インデックスページへ」の設定*/
.PageLinkBlock li.go_index {
margin-top:1em;
background:url('http://bfile.shinobi.jp/5123/blueswell_li_2_b.gif') no-repeat left 50%;
}
/*「このページの上部へ」の設定*/
.PageLinkBlock li.go_top {
background:url('http://bfile.shinobi.jp/5123/blueswell_link_goto_b.gif') no-repeat left 50%;
}
/**************************************************************************************
  各コメント表示部分の設定
**************************************************************************************/
/*コメントが0の場合の設定*/
.cm0 {
display:none;
}
/*この記事にコメントする　と書かれてる部分の設定*/
.CommentMenuTitle{
font-size:120%;
font-weight:bold;
background:url('http://bfile.shinobi.jp/5123/blueswell_com_b.gif') no-repeat left 50%;
line-height:30px;
height:40px;
padding-left:35px;
margin-top:1em;
color:#3d67c6;
}

/*コメントナンバーの部分*/
dt.CommentNumber {
display:block;
float:left;
width:4em;
text-align:right;
padding-right:0;
position: relative;
left: -4em;
}
/*投稿者や投稿時間などが表示されている部分*/
.CommentFooter{
display: inline;
}
dd.CommentFooter{
margin-left: -4em;
}
.CommentFooter li {
display:inline;
padding-right:0.5em;
}
/*投稿者名の部分*/
.CommentUserName{
font-weight:bold;
color:#3d67c6;
}
/*投稿された日付が記載されている部分*/
li.CommentWriteDate{
padding-right:0;
color:#666;
}
/*投稿された時間が記載されている部分*/
.CommentWriteTime{
color:#666;
}
/*投稿されたテキストが記載されている部分*/
.CommentText {
clear: both;
}
/*コメントを投稿するフォームやコメントを表示する部分全体の設定*/
.CommentFormBlock {
border:0;
margin:1em 30px 2em 35px;
}
/*コメントを表示する部分全体の設定*/
dl.CommentFormBlock {
font-size:85%;
clear:both;
}
/*コメントを投稿するフォームの設定*/
form.CommentFormBlock {
background:#a9b8d6 url('http://bfile.shinobi.jp/5123/blueswell_form_b.gif') repeat;
margin-left:0;
width:100%;
}
.CommentFormBlock legend {
display:none;
}
/*コメント投稿フォームの「名前」「タイトル」などの設定*/
.CommentFormTh {
background:url('http://bfile.shinobi.jp/5123/blueswell_input_b.gif') no-repeat left bottom;
display:block;
position:relative;
top:0;
left:0;
padding-bottom:38px;
font-size:16px;
}
/*コメント投稿フォームの「コメント」の設定*/
.text {
background:url('http://bfile.shinobi.jp/5123/blueswell_text_b.gif') no-repeat left bottom;
padding-bottom:211px;
}
/*inputタグやtextareaの設定*/
.CommentForms{
display:block;
border:0;
margin:0;
padding:0;
font-size:16px;
background-color:#f4fbf4;
}
/*inputタグの設定*/
input.CommentForms {
width:240px;
position:absolute;
top:1.7em;
left:5px;
line-height:25px;
height:25px;
}
/*textareaタグの設定*/
textarea.CommentForms {
position:absolute;
top:1.7em;
left:5px;
width:353px;
height:200px;
}
/*コメント送信ボタンの設定*/
.CommentFormSubmit {
background:#3d67c6 url('http://bfile.shinobi.jp/5123/blueswell_submit_b.gif') no-repeat left top;
border:0;
width:93px;
height:38px;
color:#f4fbf4;
text-align:center;
font-size:16px;
line-height:1;
font-weight:bold;
position:relative;
top:-38px;
left:271px;
}
/*コメント送信ボタンにカーソルが乗ったときの設定*/
.CommentFormSubmit:hover {
background:#3d67c6 url('http://bfile.shinobi.jp/5123/blueswell_submit_b.gif') no-repeat left bottom;
}

/*-------------------------------------------------------
  コメント -> 管理者返信部分デザイン
-------------------------------------------------------*/
.CommentResBox {
margin-top:0.5em;
}
.CommentResBox dd {
clear:both;
}
.CommentResFooter {
display: inline;
}
.CommentResFooter li {
display:inline;
padding-right:0.5em;
}
li.CommentResDate {
padding-right:0;
color:#666;
}
.CommentResTime {
color:#666;
}
dt.CommentResName {
background:url('http://bfile.shinobi.jp/5123/blueswell_com_res_b.gif') no-repeat left top;
padding-left:35px;
font-weight:bold;
color:#3d67c6;
display: inline;
}
dt.CommentResName,dd.CommentResFooter {
position: relative;
left: -35px;
}
/**************************************************************************************
  トラックバック表示部分の設定
**************************************************************************************/
/*トラックバックが0の場合の設定*/
.tb0 {
display:none;
}
/*トラックバック全体の設定*/
.TrackbackBlock{
font-size:85%;
margin:1em 30px 1em 35px;
}
/*トラックバックメニューのタイトル部分*/
.TrackbackMenuTitle{
font-size:120%;
font-weight:bold;
line-height:35px;
color:#3d67c6;
background:url('http://bfile.shinobi.jp/5123/blueswell_tb_b.gif') no-repeat left 50%;
height:40px;
padding-left:35px;
margin-top:1em;
}
/*トラックバックのタイトル、記事、リンク部分の総合設定*/
.TrackbackTextBox{
}
/*トラックバックの記事部分*/
.TrackbackText{
}
/*投稿されたブログ名やリンクなどを表示する部分の設定*/
.TrackbackFooter{
display: inline;
}
.TrackbackTitle {
position: relative;
left: -10px;
top: 0;
}
.TrackbackFooter li {
display:inline;
padding-right:0.5em;
}
/*トラックバックタイトルの部分*/
.TrackbackTitle {
width: auto;
float: left;
background:url('http://bfile.shinobi.jp/5123/blueswell_link_b.gif') no-repeat left 0.2em;
padding-left:10px;
}
/*トラックバックタイトルのリンクの部分*/
.TrackbackTitle a,.TrackbackTitle a:visited {
font-weight:bold;
color:#3d67c6;
background:#f4fbf4 url('http://bfile.shinobi.jp/5123/s.gif') repeat top left;
padding-left: 0;
}
.TrackbackTitle a:visited {
color:#999;
}
.TrackbackTitle a:hover {
color:#3f6;
}
/*トラックバックされた日付部分*/
li.TrackbackWriteDate{
color:#666;
padding-right:0;
}
/*トラックバックされた時間部分*/
.TrackbackWriteTime{
color:#666;
}
/*トラックバックする為のURLの設定*/
#TrackbackURL {
font-weight:bold;
}

/**************************************************************************************
  プラグインブロック用デザイン
**************************************************************************************/
/*プラグイン表示箇所全体の設定*/
.PluginBlock {
background:#30509d url('http://bfile.shinobi.jp/5123/blueswell_plug_b.gif') repeat-y left top;
width: 180px;
overflow:hidden;
font-size:85%;
line-height:1;
color:#a9b8d6;
padding-bottom:5em;
position:absolute;
top:231px;
left:10px;
}
/*プラグインのタイトル（名称）部分の設定*/
.PluginTitle {
background: url('http://bfile.shinobi.jp/5123/blueswell_plug_h3_b.gif') no-repeat left top;
font-size:110%;
line-height:25px;
font-weight:bold;
color:#f4fbf4;
height:25px;
padding:0 0 0 30px;
margin-top:2em;
}
/**************************************************************************************
  各プラグイン共通項目用設定
**************************************************************************************/
/*各プラグインのリンクの設定*/
.PluginBlock a,.PluginBlock a:visited {
padding-left:0;
color:#f4fbf4;
text-decoration:none;
background:url('http://bfile.shinobi.jp/5123/s.gif') no-repeat;
}
/*各プラグインの訪問済みリンクの設定*/
.PluginBlock a:visited {
color:#999;
}
/*各プラグインのカーソルが乗ったリンクの設定*/
.PluginBlock a:hover {
color:#3f6;
text-decoration:underline;
}
/*各プラグイン処理内の基本デザイン*/
.plugin_data {
background:url('http://bfile.shinobi.jp/5123/blueswell_link_p_b.gif') no-repeat 10px 0.2em;
color:#f4fbf4;
padding-left:20px;
margin-top:1em;
}
/*各プラグイン処理内基本デザインの下に記載する日付など*/
.plugin_data_date {
padding-left:20px;
text-align:right;
}
.PluginBlock dd {
padding-left:20px;
}
/**************************************************************************************
  カレンダープラグイン用デザイン
**************************************************************************************/
/*カレンダー表示用テーブル*/
.CalendarTable {
width:160px; font-size:12px;
text-align:center;
color:#c5d3f0;
border:1px solid #c5d3f0;
margin-left:10px;
}
.CalendarTable caption {
display:none;
}
.CalendarTable td,.CalendarTable th {
border-color:#c5d3f0;
padding:0;
line-height:1.5;
}
/*カレンダー日付移動用テーブル（前月、次月へのリンクなど）*/
.CalendarMoveTable {
width:160px; font-size:12px;
text-align:center;
color:#c5d3f0;
border:none;
padding:0;
margin:1em 0 0 10px;
}
.CalendarMoveTable td,.CalendarMoveTable th {
border:none;
}
.CalendarMoveTable li {
background-image:none; padding:0;
display:inline;
}
/*カレンダー日付移動用テーブルのリンクの設定（前月、次月へのリンクなど）*/
.CalendarMoveTable a,.CalendarMoveTable a:visited {
font-weight:bold;
}
/*カレンダー日付移動用テーブル内、左側td部分のデザイン*/
.CalendarPrevTd {
font-weight:bold;
text-align:right;
padding-left:0;
}
/*カレンダー日付移動用テーブル内、中央td部分のデザイン*/
.CalendarNowTd {
font-weight:bold;
margin:0 0.5em;
font-size:17px;
}
/*カレンダー日付移動用テーブル内、右側td部分のデザイン*/
.CalendarNextTd {
text-align:left;
padding-left:0;
}
/*-------------------------------------------------------
  カレンダーテーブル -> 曜日表示部分デザイン
-------------------------------------------------------*/
/*曜日表示部分（<tr>タグ部分）のデザイン*/
.CalendarWdayTr {
margin-top:2em;
}
/*曜日表示部分、日曜日の<th>タグ部分デザイン*/
.CalendarWdaySun {
font-weight:bold;
background-color:#a9b8d6;
color:#3d67c6;
border-bottom:3px double #c5d3f0;
}
/*曜日表示部分、平日の<th>タグ部分デザイン*/
.CalendarWday {
font-weight:bold;
background-color:#a9b8d6;
color:#3d67c6;
border-bottom:3px double #c5d3f0;
}
/*曜日表示部分、土曜日の<th>タグ部分デザイン*/
.CalendarWdaySat {
font-weight:bold;
background-color:#a9b8d6;
color:#3d67c6;
border-bottom:3px double #c5d3f0;
}
/*-------------------------------------------------------
  カレンダーテーブル -> 日付表示部分デザイン
-------------------------------------------------------*/
/*記事が存在する場所の設定*/
.CalendarTdLink a ,.CalendarTdLink a:visited {
display:block;
background-color:#a9b8d6; width:100%; height:100%;
color:#3d67c6;
font-weight:bold;
}
.CalendarTdLink a:hover {
color:#3d67c6;
background-color:#3f6;
text-decoration:none;
}
/*記事が存在する日付の文字色の設定*/
.CalendarTdLinkFont {
font-weight:bold;
}
/**************************************************************************************
  プロフィールプラグイン用デザイン
**************************************************************************************/
.profile_image {
margin:1em 0 0 20px;
}
/**************************************************************************************
  バーコードプラグイン用デザイン
**************************************************************************************/
.qrcode_image {
margin:1em 0 0 20px;
}
/**************************************************************************************
  ブログ内検索プラグイン用デザイン
**************************************************************************************/
.blogsearch {
margin:1em 0 0 0;
text-align:left;
border:none;
}
.blogsearch legend {
display:none;
}
.box {
display:block;
border:1px solid #30529d;
background-color:#c5d3f0;
padding:2px 0;
margin-left:20px;
}
.btn {
display:block;
margin-top:0.2em;
margin-left:20px;
padding:2px 5px;
background-color:#a9b8d6;
border:1px solid #30529d;
color:#30529d;
font-weight:bold;
}
/**************************************************************************************
  記事内で画像を回り込ませたい場合
  
  ■左に回り込ませる場合■
  <p class="s_img_l"><img src="画像のURL" alt="説明" width="幅" height="高さ" />テキストテキスト…</p>
  
  ■右に回り込ませる場合■
  <p class="s_img_r"><img src="画像のURL" alt="説明" width="幅" height="高さ" />テキストテキスト…</p>
  
  と書いてください。
  リンクを貼った画像にalign="right"などで回り込ませると表示が微妙です。
  
**************************************************************************************/

/**************************************************************************************
  画像を回り込ませる設定
**************************************************************************************/
.s_img_l img,.s_img_l a img,.s_img_l a:visited img {
float:left;
margin:0 10px 10px 0;
}
.s_img_r img,.s_img_r a img,.s_img_r a:visited img {
float:right;
margin:0 0 10px 10px;
}
.s_img_r a img,.s_img_r a:visited img,.s_img_l a img,.s_img_l a:visited img {
position:relative; left:0; top:0;
}
.s_img_r a,.s_img_r a:visited,.s_img_l a,.s_img_l a:visited {
background-image:none;
padding:0;
}