@charset "UTF-8";
/*==============================================================================
● スタイルシート - ビジネス ブラック
==============================================================================*/
/*------------------------------------------------------------------------------
◆ ユニバーサルスタイル、タグ別の定義
------------------------------------------------------------------------------*/
*{
	margin:0px;
	padding:0px;
	text-decoration:none;
}

body{
	font-size:80%;
	color:#333333;
	font-family:'ＭＳ Ｐゴシック',Osaka,sans-serif;
	background-color:#FFFF99;
	background-image:url(http://www.torablog.net/design/basic/blog_biz_black/images/back_img.gif);
	background-repeat:repeat-x;
	background-color:#eae7e4;
}

div{ word-break:break-all; }

blockquote{ padding:20px 40px; }

a{ color:#990000; }
a:hover{ color:#3333ff; }

ul,li{ list-style-type:none; }

/*------------------------------------------------------------------------------
◆ 枠組みの定義
------------------------------------------------------------------------------*/
div.all_contents{
	background-image:url(http://www.torablog.net/design/basic/blog_biz_black/images/body_back.gif);
	margin-left:auto;
	width:818px;
	line-height:120%;
	margin-right:auto;
	text-align:left;
	margin-top:0px;
	background-repeat:repeat-y;
	background-position:center;
}

.main_title{
	width:718px;
	height:100px;
	background-image:url(http://www.torablog.net/design/basic/blog_biz_black/images/head_img.gif);
	margin-top:0px;
	padding:90px 50px 0px 50px;
	background-repeat:no-repeat;
	text-align:left;

}
#blog_title{}
#blog_title a{]
	display:block;
	float:left;
	width:280px;
	font-size:18px;
	color:#666666;
	font-weight:bold;
	text-decoration:none;
	padding:5px;

}
#blog_title a:hover{
	color:#990000;
}
#blog_description{
	width:420px;
	font-size:100%;
	float:right;
	color:#333333;
}

/*  コンテンツエリア */
div.body_area{
	width:100%;
	padding-top:10px;
}

/*  左領域 */
div.left_area{
	float:left;
	width:610px;
}

/*  左メニューエリア */
div.left_body{
	width:200px;
	padding-left:5px;
}

/*  記事エリア */
div.right_body{
	float:right;
	width:400px;
	overflow:hidden;
	padding:0px 0px 0px 0px;
}

/*  右領域(右メニュー) */
div.right_area{
	float:right;
	width:200px;
	padding-right:5px;
}

/* フッター領域 */
div.footer_area{
	background-position:center 50%;
	background-image:url(http://www.torablog.net/design/basic/blog_biz_black/images/foot_img.gif);
	background-repeat:no-repeat;
	height:40px;
	clear:both;
}

/*------------------------------------------------------------------------------
◆ パーツ
------------------------------------------------------------------------------*/
/* ■ 汎用パーツ */
/* 汎用パーツ領域枠内容 */
.parts_area{
	background-color:#ffffff;
	border:1px solid #666666;
	margin:10px;
	padding:10px 0px;
}
.parts_area_header{}
.parts_area_footer{}
.parts_text{
	margin:0px 8px 10px;
}
.parts_title{
	background-position:center 50%;
	background-image:url(http://www.torablog.net/design/basic/blog_biz_black/images/menu_titile.gif);
	margin:5px;
	color:#ffffff;
	background-repeat:no-repeat;
	height:22px;
	text-align:center;
	padding:3px 0px;
}
.parts_text a{
	color:#990000; text-decoration:none
}
.parts_text a:visited{}
.parts_text a:hover{}

#blog_title_text{
	margin-top:10px;
	font-size:120%;
	color:#000000;
	text-align:center;
	margin-bottom:10px;
}
#blog_title_text a{ color:#990000; }
#blog_title_text a:hover{ color:#990000; }

#blog_explanation_text{
	font-size:100%;
	color:#666666;
	font-weight:normal;
}

#profile_area{
	text-align:center;
}
#profile_area a{
	font-weight:bold; font-size:10px; color:#663333; text-decoration:none
}
#profile_area a:hover{
	font-weight:bold; font-size:10px; color:#cc0000; text-decoration:none
}
#category_archive_area{}
#category_archive_area_header{}
#category_archive_area_footer{}
#category_archive_title{}
#category_archive_text{}
#category_archive_text a{}
#category_archive_text a:visited{}
#category_archive_text a:hover{}
#category_archive_text ul{}				/* カテゴリ別カテゴリ第1階層の設定 */
#category_archive_text ul ul{}			/* カテゴリ別カテゴリ第2階層の設定 */
#category_archive_text ul ul ul{}		/* カテゴリ別カテゴリ第3階層の設定 */
#category_archive_text li{
	padding-left:18px;
	background:url(http://www.torablog.net/design/basic/blog_biz_black/images/triangle.gif) no-repeat;
}

#monthly_archive_area{}
#monthly_archive_area_header{}
#monthly_archive_area_footer{}
#monthly_archive_title{}
#monthly_archive_text{}
#monthly_archive_text a{}
#monthly_archive_text a:visited{}
#monthly_archive_text a:hover{}
#monthly_archive_text li{
	padding-left:18px;
	background:url(http://www.torablog.net/design/basic/blog_biz_black/images/triangle.gif) no-repeat;
}

#article_recent_area{}
#article_recent_area_header{}
#article_recent_area_footer{}
#article_recent_title{}
#article_recent_text{}
#article_recent_text a{}
#article_recent_text a:visited{}
#article_recent_text a:hover{}

#comment_recent_area{}
#comment_recent_area_header{}
#comment_recent_area_footer{}
#comment_recent_title{}
#comment_recent_text{}
#comment_recent_text a{}
#comment_recent_text a:visited{}
#comment_recent_text a:hover{}

#trackback_recent_area{}
#trackback_recent_area_header{}
#trackback_recent_area_footer{}
#trackback_recent_title{}
#trackback_recent_text{}
#trackback_recent_text a{}
#trackback_recent_text a:visited{}
#trackback_recent_text a:hover{}

#calendar_area{}
#calendar_area_header{}
#calendar_area_footer{}
#calendar_title{}
#calender_value{}
table.clTable{
	margin:10px;
	background-color:#ffffff;
	padding:0px;
}
table.clTable th{
	width:25px;
	text-align:center;
}

table.clTable td{
	text-align:center;
}
th.clSunday{
	color:#ff0000;
	text-align:center;
}
th.clWeekday{
	color:#cc6600;
	text-align:center;
}
th.clSaturday{
	color:#0000ff;
	text-align:center;
}
td.clSunday{
	color:#ff0000;
	background-color:#ffffff;
	text-align:center;
}
td.clWeekday{
	color:#666666;
	text-align:center;
}
td.clSaturday{
	color:#0000ff;
	background-color:#ffffff;
	text-align:center;
}
td.clSpSunday{
	background-color:#f3f3f3;
	text-align:center;
}
td.clSpWeekday{
	background-color:#f3f3f3
}
td.clSpSaturday{
	background-color:#f3f3f3
}
table.clTable a{
	display:block;
	color:#000000;
	text-decoration:none;
	border:#cc3300 1px solid;
}
table.clTable a:visited{}
table.clTable a:hover{
	background-color:#cccccc;
	color:#ffffff;
}
td.clSunday a{	color:#ff0000 }
td.clSaturday a{ color:#0000ff }
td.clSunday a:hover{ 
	color:#ff0000;
	background-color:#990000;
}
td.clSaturday a:hover{
	color:#0000ff
}
#join_message_area{
	background-color:#ffffff;
	border:1px solid #666666;
	margin:10px;
}
#join_message_title{
	background-position:center 50%;
	background-image:url(http://www.torablog.net/design/basic/blog_biz_black/images/menu_titile.gif);
	margin:5px;
	color:#ffffff;
	background-repeat:no-repeat;
	height:22px;
	text-align:center;
	padding:3px 0px;
}
#join_message_text{
}
#join_message_button_area{
	text-align:center
}
.join_message_button{
	color:#ffffff;
	padding-top:2px;
	background-color:#c0c0c0;
	border:3px outset #c0c0c0;
}

/* rss */
#rss_area{}
#rss_area a{
	display:block;
	width:40px;
	height:16px;
	text-indent:-9999px;
	text-decoration:none;
	background-image:url('http://www.torablog.net/design/basic/blog_biz_black/images/rss.gif');
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
}

/*------------------------------------------------------------------------------
◆ 個別記事
------------------------------------------------------------------------------*/
/* ■ 記事関連定義 - インデックス他アーカイブ部分でも共通 */
.page_area{}
/* ページタイトル カテゴリ名、アーカイブ名など */
#page_title{
	clear:both;
	font-size:100%;
	font-weight:bold;
	margin-bottom:5px;
	padding:5px 5px 5px 5px;
	border-left:5px solid #c0c0c0;
}

/* 前の記事へ */
.back_article{
	float:left;
	font-size:90%;
}
.back_article a{}

/* 次の記事へ */
.next_article{
	float:right;
	font-size:90%;
}
.next_article a{}

/* 記事領域 */
.article_area{
	clear:both;
	background-color:#c0c0c0;
	margin:0px;
	padding:5px 5px 5px 6px;
}
.article_area_header{}
.article_date{
	padding:0px;
	margin:0px;
	color:#990000;
	text-indent:5pt;
	text-align:right;
	padding-right:5px;
}
.article_title{
	font-size:120%;
	color:#ffffff;
	line-height:120%;
	padding:0px 5px;
}

.article_title a{
	color:#ffffff;
}

.article_value{}

.article_text{
	width:358px;
	font-size:100%;
	color:#333333;
	line-height:140%;
	overflow:hidden;
	word-break:break-all;
	background-color:#ffffff;
	border:1px solid #999999;
	margin:5px;
	padding:10px;
}
.article_text a{
	color:#993300
}
.article_text a:visited{}
.article_text a:hover{}

/* 本文 */
span.article_main_text{}

/* 追記文 */
span.article_postscript_word{}

/* 追記リンク */
span.article_postscript_word a{
	display:block;
}
.article_posted{
	width:358px;
	font-size:90%;
	margin:10px 5px 10px 5px;
	padding:5px 10px 10px 10px;
	background-color:#FFFFFF;
	background-image:url(http://www.torablog.net/design/basic/blog_biz_black/images/Comment.gif);
	background-repeat:repeat-x;
	background-position:center bottom;
}

.article_area_footer{}

/* ■ トラックバック関連 */
.trackback_area{
	width:380px;
	background-color:#c0c0c0;
	margin:0px;
	padding:10px;
}
.trackback_area_title{
	color:#ffffff;
	padding:5px;
}
.trackback_area_value{
	width:359px;
	font-size:90%;
	color:#333333;
	line-height:140%;
	padding:10px;
	background-color:#ffffff;
	border:1px solid #999999;
}
.trackback_value{
	width:358px;
	font-size:90%;
	line-height:140%;
	color:#333333;
	margin:10px 0px;
	padding:10px;
	background-color:#ffffff;
	border:1px solid #999999;
	margin:10px 0px;
}
.trackback_title{
	overflow:hidden;
	word-break:break-all;
}
.trackback_excerpt{
	overflow:hidden;
	word-break:break-all;
}
.trackback_name{}
.trackback_posted{
	font-size:90%;
	font-weight:normal;
	color:#333333;
	text-align:right;
}
.trackback_daytime{}
.trackback_area a{
	text-decoration:none
}
.trackback_area a:visited{}
.trackback_area a:hover{}
.trackback_url_input{
	width:350px
}

.comment_area {
	background-color:#c0c0c0;
	margin:0px;
	padding:10px;
	width:380px;
}
.comment_area_title{
	color:#ffffff;
	padding:5px;
}
.comment_area_value{
	color:#000000;
	margin-bottom:5px;
	padding:0px 5px 0x 10px;
}
.comment_value{
	width:358px;
	font-size:100%;
	color:#333333;
	line-height:140%;
	background-color:#ffffff;
	border:1px solid #999999;
	margin:10px 0px;
	padding:10px;

}

.comment_text{
	overflow:hidden;
	word-break:break-all;
}

.comment_excerpt{}
.comment_name{}
.comment_posted{
	font-size:90%;
	font-weight:normal;
	color:#333333;
	text-align:right;
}
.comment_daytime{}
.comment_area a{
	text-decoration:none
}
.comment_area a:visited{}
.comment_area a:hover{}
.comment_form_area{
	width:374px;
	background-color:#ffffff;
	border:1px solid #c0c0c0;
	padding-right:0px;
	padding-left:5px;
}
.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;
	border:1px solid #c0c0c0;
}
.comment_form_mail_area{
	clear:both;
	padding:5px
}
.comment_form_mail{
	font-size:12px; float:left; width:100px; padding-top:5px
}
.comment_form_mail_input_area{
	font-size:12px; float:left
}
.comment_form_mail_input{
	width:150px;
	border:1px solid #c0c0c0;
}
.comment_form_url_area{
	clear:both;
	padding:5px
}
.comment_form_url{
	font-size:12px; float:left; width:100px; padding-top:5px
}
.comment_form_url_input_area{
	float:left
}
.comment_form_name_url_input{
	width:250px;
	border:1px solid #c0c0c0;
}
.comment_form_comment_area{
	clear:both;
	padding:5px
}
.comment_form_comment{
	font-size:12px
}
.comment_form_comment_input_area{}
.comment_form_comment_input{
	width:360px;
	height:100px;
	border:1px solid #c0c0c0;
}
.comment_form_button_area{
	padding-bottom:10px; text-align:center
}
.comment_form_button{
	color:#ffffff;
	padding-top:2px;
	background-color:#c0c0c0;
	border:3px outset #c0c0c0;
}

/* 画像の回り込み */
img.img_left{
	float:left;
	padding:0px 10px 10px 0px;
}

img.img_right{
	float:right;
	padding:0px 0px 10px 10px;
}