/*==============================================================================
● スタイルシート - テンプレート ダイバー天国 ラブ・フィッシュ 左サイドバー
==============================================================================*/
/*------------------------------------------------------------------------------
◆ ユニバーサルスタイル、タグ別の定義
------------------------------------------------------------------------------*/
/* ユニバーサルスタイル */
*{
  margin:0px;
  padding:0px;
  text-decoration:none;
}

body{
  font-size:80%;
  color:#333333;
  font-family:'ＭＳ Ｐゴシック',Osaka,sans-serif;
  background-color:#fff;
}

div{ word-break:break-all; }

blockquote{ padding:20px 40px; }
a{ color:#0000FF; }
a:hover{ color:#FF0000; }

ul,li{ list-style-type:none; }

/*------------------------------------------------------------------------------
◆ 枠組みの定義
------------------------------------------------------------------------------*/
/* 全体枠 */
div.all_contents{
  width:800px;
  margin-top:10px;
  margin-left:auto;
  margin-right:auto;
  background-color:#FFFFFF;
  clear:both;
  border-left:2px solid #102C87;
  border-right:2px solid #102C87;
  border-top:5px solid #102C87;
}

/* タイトルエリア */
.main_title{
  width:800px;
  height:150px;
  background: url(http://diver10.jp/design/diver10/lovefish/images/header_left.jpg) no-repeat;
  text-align:right;
}

/* ブログ見出し */
#blog_title {
  padding:58px 0 0 250px;
  display:block;
  font-size:200%;
  font-weight:bold;
  color:#001E8C;
  letter-spacing:1px;
  overflow:hidden;
  word-break:break-all;

}

#blog_title a{ color:#001E8C; text-decoration:none; }
#blog_title a:hover{ text-decoration:underline;}

/* ブログ説明 */
#blog_description {
  font-size:100%;
  font-weight:normal;
  color:#fff;
  letter-spacing:1px;
  overflow:hidden;
  word-break:break-all;
  margin:100% 0px 0px 0px;
  text-align:right;
  clear:both;
  padding:5px 3px 0 210px;
}

/* コンテンツエリア */
div.body_area{
  width:100%;
  padding-top:10px;
}

/* 左エリア */
div.left_area{
  float:left;
}

/* 左メニューエリア */
div.left_body{
  float:left;
  width:170px;
  padding:0px 5px;
}

/* 記事エリア */
div.right_body{
  float:right;
  width:600px;
  overflow:hidden;
  padding:0px 10px 0px 10px;
}

/* 右エリア(右メニュー) */
div.right_area{
	display:none;
}

/* フッターエリア */
div.footer_area{
  clear:both;
  height:10px;
}

/*------------------------------------------------------------------------------
◆ パーツ
------------------------------------------------------------------------------*/
/* ■ 汎用パーツ */
/* 汎用パーツエリア */
.parts_area{ margin-bottom:15px; }
/* 汎用パーツタイトル */
.parts_title {
  font-size:90%;
  font-weight:bold;
  overflow:hidden;
  color:#333333;
  word-break:break-all;
  letter-spacing:1px;
  text-align:center;
  padding:2px;
  border-top:#000000 solid 1px;
  border-bottom:#000000 solid 1px;
}
/* 汎用パーツ テキスト */
.parts_text {
  font-size:90%;
  overflow:hidden;
  color:#333333;
  word-break:break-all;
  line-height:140%;
  padding:5px;
}
/* 汎用パーツ テキストaタグ */
.parts_text a{ text-decoration:none; }
/* 汎用パーツ テキストaタグvisited */
.parts_text a:visited{}
/* 汎用パーツ テキストaタグhover */
.parts_text a:hover{}

/* ■ ブログタイトル */
#parts_blog_title{
  font-size:120%;
  text-align:center;
  font-weight:bold;
  padding:0px 3px 0px 3px;
}
/* ■ ブログ説明 */
#parts_blog_explanation{
  font-size:90%;
  font-weight:normal;
  text-align:left;
  padding:0px 3px 0px 3px;
}

/* ■ プロフィール */
/* プロフィールエリア */
#profile_area{ text-align:center; }
/* プロフィールフッタ */
#profile_area_header{}
/* プロフィールフッタ */
#profile_area_footer{}
/* プロフィール画像 */
#profile_area img{ margin-bottom:10px; }
/* プロフィールリンク */
#profile_area a{
  display:block;
  width:80px;
  font-size:12px;
  font-weight:bold;
  color:#FFFFFF;
  border:#99AEDA outset 3px;
  background-color:#0868BA;
  margin-left:auto;
  margin-right:auto;
  padding:2px 5px 2px 5px;
}
#profile_area a:hover{ color:#FF0000; }

/* ■ カテゴリ別アーカイブ定義 */
/* サブカテゴリ開閉[+] */
.category_switch{
  color:#FFFFFF;
  padding-left:2px;
  padding-right:2px;
  margin-right:2px;
  border:#666666 1px solid;
  background-color:#0868BA;
}
.category_switch a{
  color:#FFFFFF;
}
/* カテゴリ別アーカイブエリア */
#category_archive_area{}
/* カテゴリ別アーカイブエリアヘッダ */
#category_archive_area_header{}
/* カテゴリ別アーカイブエリアフッタ */
#category_archive_area_footer{}
/* カテゴリ別アーカイブタイトル */
#category_archive_title{}
/* カテゴリ別アーカイブ テキスト */
#category_archive_text{}
/* カテゴリ別カテゴリ第1階層 */
#category_archive_text ul{}
/* カテゴリ別カテゴリ第2階層 */
#category_archive_text ul ul{ padding-left:10px; }
/* カテゴリ別カテゴリ第3階層 */
#category_archive_text ul ul ul{ padding-left:10px; }
/* カテゴリ別アーカイブ テキストaタグ */
#category_archive_text a{}
/* カテゴリ別アーカイブ テキストaタグvisited */
#category_archive_text a:visited{}
/* カテゴリ別アーカイブ テキストaタグhover */
#category_archive_text a:hover{}

/* ■ 月別アーカイブ定義 */
/* 月別アーカイブエリア */
#monthly_archive_area{}
/* 月別アーカイブアーカイブエリアヘッダ */
#monthly_archive_area_header{}
/* 月別アーカイブアーカイブエリアフッタ */
#monthly_archive_area_footer{}
/* 月別アーカイブタイトル */
#monthly_archive_title{}
/* 月別アーカイブ テキスト */
#monthly_archive_text {}
/* 月別アーカイブ テキストaタグ */
#monthly_archive_text a{}
/* 月別アーカイブ テキストaタグvisited */
#monthly_archive_text a:visited{}
/* 月別アーカイブ テキストaタグhover */
#monthly_archive_text a:hover{}

/* ■ 最近の記事設定 */
/* 最近の記事エリア */
#article_recent_area{}
/* 最近の記事エリアヘッダ */
#article_recent_area_header{}
/* 最近の記事エリアフッタ */
#article_recent_area_footer{}
/* 最近の記事タイトル */
#article_recent_title {}
/* 最近の記事 テキスト */
#article_recent_text {}
/* 最近の記事 テキストaタグ */
#article_recent_text a{}
/* 最近の記事 テキストaタグvisited */
#article_recent_text a:visited{}
/* 最近の記事 テキストaタグhover */
#article_recent_text a:hover{}

/* ■ 最近のコメント定義 */
/* 最近のコメントエリア */
#comment_recent_area{}
/* 最近のコメントエリアヘッダ */
#comment_recent_area_header{}
/* 最近のコメントエリアフッタ */
#comment_recent_area_footer{}
/* 最近のコメントタイトル */
#comment_recent_title {}
/* 最近のコメント テキスト */
#comment_recent_text {}
/* 最近のコメント テキストaタグ */
#comment_recent_text a{}
/* 最近のコメント テキストaタグvisited */
#comment_recent_text a:visited{}
/* 最近のコメント テキストaタグhover */
#comment_recent_text a:hover{}

/* ■ 最近のトラックバック定義 */
/* 最近のトラックバックエリア */
#trackback_recent_area{}
/* 最近のトラックエリアヘッダ */
#trackback_recent_area_header{}
/* 最近のトラックエリアフッタ */
#trackback_recent_area_footer{}
/* 最近のトラックバックタイトル */
#trackback_recent_title {}
/* 最近のトラックバック テキスト */
#trackback_recent_text {}
/* 最近のトラックバック テキストaタグ */
#trackback_recent_text a{}
/* 最近のトラックバック テキストaタグvisited */
#trackback_recent_text a:visited{}
/* 最近のトラックバック テキストaタグhover */
#trackback_recent_text a:hover{}

/* ■ カレンダー関連 */
/* カレンダーエリア */
#calendar_area{}
/* カレンダーエリアヘッダ */
#calendar_area_header{}
/* カレンダーエリアフッタ */
#calendar_area_footer{}
/* カレンダータイトル */
#calendar_title{}
/* カレンダー枠内容 */
#calendar_value{
  padding-top:5px;
}
/* カレンダーテーブル */
table.clTable{
  font-size:12px;
  color:#000000;
  line-height:150%;
  text-align:center;
  margin:0px 4px 0px 4px;
  background-color:#FFFFFF;
  border-left:#666666 solid 1px;
  border-top:#666666 solid 1px;
}

/* カレンダーテーブル見出しセル */
table.clTable th{
  width:22px;
  background-color:#0868BA;
  border-right:#666666 solid 1px;
  border-bottom:#666666 solid 1px;
}

/* カレンダーテーブルセル */
table.clTable td{
  border-right:#666666 solid 1px;
  border-bottom:#666666 solid 1px;
}

/* 日曜の見出しセル */
th.clSunday{ color:#FF0000; }
/* 平日の見出しセル */
th.clWeekday{ color:#FFFFFF; }
/* 土曜の見出しセル */
th.clSaturday{ color:#0000FF; }
/* 日曜のセル */
td.clSunday{ color:#FF0000; }
/* 平日のセル */
td.clWeekday{ color:#000000; }
/* 土曜のセル */
td.clSaturday{ color:#0000FF; }
/* 日曜の空欄セル */
td.clSpSunday{ background-color:#FFFFFF; }
/* 平日の空欄セル */
td.clSpWeekday{ background-color:#FFFFFF; }
/* 土曜の空欄セル */
td.clSpSaturday{ background-color:#FFFFFF; }

/* カレンダーテーブル内のaタグ */
table.clTable a{
  display:block;
  color:#000000;
  background-color:#FFCC66;
  border:#FFCC66 1px solid;
}

/* カレンダーテーブル内のaタグvisited時 */
table.clTable a:visited {}

/* カレンダーテーブル内のaタグhover時 */
table.clTable a:hover {
  color:#000000;
  background-color:#FFFF66;
}

/* 日曜日のaタグ */
td.clSunday a{ color:#FF0000; }
/* 土曜日のaタグ */
td.clSaturday a{ color:#0000FF; }
/* 日曜日のaタグhover時 */
td.clSunday a:hover{ color:#FF0000; }
/* 土曜日のaタグhover時 */
td.clSaturday a:hover{ color:#0000FF; }

/* ■ グループブログ設定 */
/* グループブログ参加エリア */
#join_message_area{}
/* グループブログ参加エリアヘッダ */
#join_message_area_header{}
/* グループブログ参加エリアフッタ */
#join_message_area_footer{}
/* グループブログ参加タイトル */
#join_message_title {}
/* グループブログ参加内容 */
#join_message_text{
  padding:2px;
  font-size:80%;
}
/* グループブログ参加ボタンエリア */
#join_message_button_area{ text-align:center; }
/* グループブログ参加ボタン */
.join_message_button{
  font-size:12px;
  font-weight:bold;
  color:#FFFFFF;
  border:#99AEDA outset 3px;
  background-color:#0868BA;
}

/* ■ RSS */
/* RSSエリア */
#rss_area{}
/* RSS aタグ */
#rss_area a{
  display:block;
  width:40px;
  height:16px;
  background-image:url('http://diver10.jp/design/basic/images/icon_rss.gif');
  background-repeat:no-repeat;
  margin-left:auto;
  margin-right:auto;
}

/*------------------------------------------------------------------------------
◆ 個別記事
------------------------------------------------------------------------------*/
/* ■ページ見出しエリア(ページタイトル カテゴリ名、アーカイブ名など) */
.page_area{
  padding:0px 0px 0px 0px;
}

/* ページタイトル */
#page_title{
  clear:both;
  font-size:100%;
  font-weight:bold;
  margin:5px 0px 5px 0px;
  padding:5px 5px 5px 5px;
  border-left:5px solid #0868BA;
}

/* 前の記事へ */
.back_article{
  float:left;
  font-size:80%;
}
.back_article a{}

/* 次の記事へ */
.next_article{
  float:right;
  font-size:80%;
}
.next_article a{}

/* ■ 記事関連定義 - インデックス他アーカイブ部分でも共通 */
/* 記事エリア */
.article_area{
  clear:both;
  margin-bottom:20px;
}

/* 記事ヘッダ */
.article_area_header{}

/* 記事日付 */
.article_date {
  font-size:90%;
  font-weight:bold;
  letter-spacing:1px;
  padding:2px 5px 2px 7px;
}

/* 記事タイトル */
.article_title {
  font-size:110%;
  color:#FFFFFF;
  font-weight:bold;
  padding:4px 5px 4px 5px;
  background-color:#0868BA;
  border:#000000 solid 1px;
}
.article_title a{ color:#FFFFFF; }
.article_title a:hover{  text-decoration:underline; }

.article_text {
  width:590px;
  font-size:100%;
  line-height:140%;
  overflow:hidden;
  word-break:break-all;
  padding:5px 0px 5px 5px;
}  /* 記事本文エリア */
.article_text a{}
.article_text a:visited{}
.article_text a:hover{}

/* 本文 */
span.article_main_text{}

/* 追記文 */
span.article_postscript_word{
 font-size:120%;
 color:#FF0066;
 font-weight:bold;
}

/* 追記リンク */
span.article_postscript_word a{
  display:block;
  color:#FF0066;
  font-weight:bold;
}

span.article_postscript_word a:visited{
  display:block;
  color:#FF0066;
  font-weight:bold;
}

/* 記事フッタ */
.article_area_footer{}

/* 記事投稿情報 */
.article_posted {
  font-size:100%;
  text-align:right;
  padding:5px;
}

/* ■ トラックバック関連 */
/* トラックバックエリア */
.trackback_area{}

/* トラックバックエリアヘッダ */
.trackback_area_header{}

/* トラックバックエリアタイトル */
.trackback_area_title {
  font-size:90%;
  color:#FFFFFF;
  font-weight:bold;
  padding:4px 5px 4px 5px;
  background-color:#0868BA;
  border:#000000 solid 1px;
}

/* トラックバックURLエリア */
.trackback_area_value {
  font-size:80%;
  padding:5px;
}
/* トラックバックURL表示テキストボックス */
.trackback_url_input { width:405px; }

/* トラックバック内容エリア */
.trackback_value {
  padding:5px;
  border-top:#000000 dotted 1px;
}

/* トラックバック元記事タイトル */
.trackback_title {
  font-size:100%;
  font-weight:bold;
  padding:5px 0px 5px 0px;
}

/* トラックバック元記事概要 */
.trackback_excerpt{
  margin-bottom:5px;
}

/* トラックバック投稿情報 */
.trackback_posted{
  font-size:90%;
  letter-spacing:1px;
  text-align:right;
}

/* トラックバック元ブログ名 */
.trackback_name{}

/* トラックバック受信日時 */
.trackback_daytime {
  font-weight:normal;
  color:#333333;
}

/* トラックバックエリアフッダ */
.trackback_area_footer{}

/* ■コメント関連 */
/* コメントエリアヘッダ */
.comment_area_header{}

/* コメントエリア全体 */
.comment_area_title {
  font-size:90%;
  color:#FFFFFF;
  font-weight:bold;
  padding:4px 5px 4px 5px;
  background-color:#0868BA;
  border:#000000 solid 1px;
}

/* コメント内容エリア */
.comment_value {
  font-size:100%;
  padding:5px;
  border-bottom:#000000 dotted 1px;
}

/* コメント本文 */
.comment_text {
  margin-bottom:5px;
}

/* コメント投稿情報 */
.comment_posted{
  font-size:90%;
  letter-spacing:1px;
  text-align:right;
}
/* コメント投稿者名 */
.comment_name{}
/* トラックバック受信日時 */
.comment_daytime {}
/* ■ コメントフォーム */
/* コメントフォームエリア */
.comment_form_area{
  width:400px;
  margin:10px 90px 0px 90px;
  padding:10px 5px 0px 5px;
  background-color:#CCCCCC;
  border:#000000 solid 1px;
}

/* コメントフォーム名前エリア */
.comment_form_name_area{ padding:5px; }
/* コメントフォーム名前 */
.comment_form_name{ float:left; width:100px; font-size:12px; padding-top:5px; }
/* コメントフォーム名前入力エリア */
.comment_form_name_input_area{ float:left; }
/* コメントフォーム名前入力 */
.comment_form_name_input{ width:150px; }
/* コメントフォームメールアドレスエリア */
.comment_form_mail_area{ clear:both; padding:5px; }
/* コメントフォームメールアドレス */
.comment_form_mail{ float:left; width:100px; font-size:12px; padding-top:5px; }
/* コメントフォームメールアドレス入力エリア */
.comment_form_mail_input_area{ float:left; font-size:12px; }
/* コメントフォームメールアドレス入力エリア */
.comment_form_mail_input{ width:150px; }
/* コメントフォームURLエリア */
.comment_form_url_area{ clear:both; padding:5px; }
/* コメントフォームURL */
.comment_form_url{ float:left; width:100px; font-size:12px; padding-top:5px; }
/* コメントフォームURL入力エリア */
.comment_form_url_input_area{ float:left; }
/* コメントフォームURL入力 */
.comment_form_name_url_input{ width:250px; }
/* コメントフォームコメントエリア */
.comment_form_comment_area{ clear:both; padding:5px; }
/* コメントフォームコメント */
.comment_form_comment{ font-size:12px; }
/* コメントフォームコメント入力エリア */
.comment_form_comment_input_area{}
/* コメントフォームコメント入力 */
.comment_form_comment_input{ width:385px; height:100px; }
/* コメントフォームボタンエリア */
.comment_form_button_area{ padding-bottom:10px; text-align:center; }
/* コメントフォームボタン */
.comment_form_button{
  font-size:12px;
  color:#FFFFFF;
  font-weight:bold;
  padding-top:2px;
  border:#99AEDA outset 3px;
  background-color:#0868BA;
}


/* 画像の回り込み */
img.img_left{
	float:left;
	padding:0px 10px 10px 0px;
}

img.img_right{
	float:right;
	padding:0px 0px 10px 10px;
}

