@charset "UTF-8";

/*==============================================================================

	stripe orange Template Style 1.0

==============================================================================*/

/* gloval
------------------------------------------------------------------------------*/
*{
	margin:0px;
	padding:0px;
}
body{
	font-size:80%;
	color:#999999;
	font-family:"ＭＳ Ｐゴシック", Osaka, sans-serif;
	background:url("http://www.torablog.net/design/stripe_orange/images/bg_bodyarea.gif") repeat-y center #FFFFCC;
}
div{
	word-break:break-all;
}
blockquote{
	padding:20px 40px;
}
a{
	color:#666;
	text-decoration:none;
}
a:hover{
	color:#666;
	text-decoration:none;
}
ul,li{
	list-style:none;
}

/* area
------------------------------------------------------------------------------*/
/* 全体枠 */
div.all_contents{
	width:800px;
	margin-left:auto;
	margin-right:auto;
}

/* タイトルエリア */
.main_title{
	width:756px;
	margin:0px 0px 10px 0px;
	padding:18px 22px 30px 22px;
	background:url("http://www.torablog.net/design/stripe_orange/images/bg_maintitle.gif") no-repeat bottom #FF6600;
}

/* ブログ見出し */
#blog_title {
	display:block;
	font-size:140%;
	font-weight:bold;
	color:#FFFFFF;
	letter-spacing:1px;
	overflow:hidden;
	word-break:break-all;
	margin-bottom:5px;
}
h1#blog_title {
	font-size:140%;
}
#blog_title a{
	color:#FFFFFF;
	text-decoration:none;
}
#blog_title a:hover{
	color:#C1EBFD;
}

/* ブログ説明 */
#blog_description {
	font-size:100%;
	font-weight:normal;
	color:#FFFFFF;
	letter-spacing:1px;
	overflow:hidden;
	word-break:break-all;
	margin:8px 0px 0px 0px;
}

/* コンテンツエリア */
div.body_area{
	width:100%;
}

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

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

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

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

/* フッター領域 */
div.footer_area{
	clear:both;
	height:10px;
}

/* parts
------------------------------------------------------------------------------*/
/* 汎用パーツ */
.parts_area{
	margin-bottom:15px;
}
.parts_area ul li{
	line-height:150%;
}

.parts_title {
	font-size:80%;
	font-weight:bold;
	padding:2px 3px 3px;
	color:#FFFFFF;
	letter-spacing:1px;
	overflow:hidden;
	word-break:break-all;
	text-align:center;
	margin-bottom:3px;
	padding-top:5px;
	background:url("http://www.torablog.net/design/stripe_orange/images/bg_partstitle.gif") no-repeat top #FF9900;
	border-bottom:1px solid #FF3300;
}
.parts_text {
	font-size:80%;
	line-height:130%;
	overflow:hidden;
	word-break:break-all;
	padding:0px 5px 3px 5px;
}
.parts_text dd {
	margin-bottom:2px;
	color:#9F8F20;
}
.parts_text a{}
.parts_text a:visited{}
.parts_text a:hover{}
#parts_blog_title{
	font-size:120%;
	font-weight:bold;
	padding-top:3px;
	padding-bottom:3px;
	text-align:center;

}
#parts_blog_explanation{
	font-size:90%;
	font-weight:normal;
	padding:3px;
}

/* プロフィール */
#profile_area{
	text-align:center;
}
#profile_area img{
}
#profile_area p#nickname{
	font-size:100%;
	font-weight:bold;
	text-align:center;
	margin:5px 0;
}
#profile_area a{
	display:block;
	width:80px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	border:#6F6F6F outset 3px;
	background-color:#999999;
	text-decoration:none;
	margin-left:auto;
	margin-right:auto;
	padding:0px 5px 0px 5px;
	_padding:2px 5px 2px 5px;
}
#profile_area a:hover{
	color:#E1E1E1;
}

/* カテゴリ別アーカイブ */
.category_switch{
	color:#FFFFFF;
	padding-left:2px;
	padding-right:2px;
	margin-right:2px;
	border:#666666 1px solid;
	background:#999999;
	text-decoration:none;
}

/* サブカテゴリ開閉[+] */
.category_switch a{
	color:#FFFFFF;
}
#category_archive_area{}
#category_archive_title{}
#category_archive_text{}
#category_archive_text ul{}
#category_archive_text ul ul{
	padding-left:10px;
}
#category_archive_text ul ul ul{
	padding-left:10px;
}
#category_archive_text a{}
#category_archive_text a:visited{}
#category_archive_text a:hover{}

/* 月別アーカイブ定義 */
#monthly_archive_area{}
#monthly_archive_title{}
#monthly_archive_text{}
#monthly_archive_text a{}
#monthly_archive_text a:visited{}
#monthly_archive_text a:hover{}

/* 最近の記事設定 */
#article_recent_area{}
#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_title{}
#comment_recent_text{}
#comment_recent_text a{}
#comment_recent_text a:visited{}
#comment_recent_text a:hover{}

/* 最近のトラックバック定義 */
#trackback_recent_area{}
#trackback_recent_title{}
#trackback_recent_text{}
#trackback_recent_text a{}
#trackback_recent_text a:visited{}
#trackback_recent_text a:hover{}

/* カレンダー関連 */
#calendar_area{}
#calendar_title{}
#calender_value{}
table.clTable{
	font-size:12px;
	font-weight:bold;
	color:#9F8F20;
	width:170px;
	line-height:150%;
	text-align:center;
}
table.clTable th{
	font-size:10px;
}
table.clTable td{}

th.clSunday{
	color:#D83056;
}
th.clWeekDay{
	color:#9F8F20;
}
th.clSaturday{
	color:#2FBDBD;
}
td.clSunday{
	color:#D83056;
}
td.clWeekDay{
	color:#9F8F20;
}
td.clSaturday{
	color:#2FBDBD;
}
td.clSpSunday{}
td.clSpWeekDay{}
td.clSpSaturday{}
table.clTable a{
	display:block;
	color:#FF9900;
	background:transparent;
	text-decoration:underline;
}
table.clTable a:link {}
table.clTable a:visited {}
table.clTable a:hover {
	background:#FFFFFF;
	color:#000000;
}

td.clSunday a{
	color:#B75182;
	text-decoration:underline;
}
td.clSaturday a{
	color:#3399CC;
	text-decoration:underline;
}
td.clSunday a:hover{
	color:#B75182;
}
td.clSaturday a:hover{
	color:#3399CC;
}

/* グループブログ設定 */
#join_message_area{}
#join_message_title {}
#join_message_text{
	padding:2px;
	font-size:10px;
}

#join_message_button_area{
	text-align:center;
}
.join_message_button{
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	border:#6F6F6F outset 3px;
	background:#999999;
	padding:0px 5px 0px 5px;
	_padding:2px 5px 2px 5px;
}

/* RSS */
#rss_area{}
#rss_area a{
	display:block;
	width:40px;
	height:16px;
	background:url("http://www.torablog.net/design/common/ico_rss01.gif") no-repeat;
	margin-left:auto;
	margin-right:auto;
}

/* entry
------------------------------------------------------------------------------*/
.page_area{
	padding:0px 8px 0px 0px;
	margin:5px 0;
}
#page_title{
	clear:both;
	font-size:100%;
	font-weight:bold;
	padding:5px 5px 5px 5px;
	border-left:5px solid #FF6600;
}
#page_title a{
	text-decoration:none;
}
.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_date {
	font-size:80%;
	color:#FF3300;
	padding:0 5px 0 0;
	line-height:150%;
	text-align:right;
	background:url("http://www.torablog.net/design/stripe_orange/images/bg_articledate.gif") no-repeat top #FFCC00;
	border-bottom:1px solid #FF3300;
}
.article_title {
	font-size:120%;
	color:#FFFFFF;
	font-weight:bold;
	background:url("http://www.torablog.net/design/stripe_orange/images/ico_articletitle.gif") no-repeat 0 45% #FF6600;
	padding:4px 0px 2px 10px;
	margin:1px 0 0 0;
}
.article_title a{
	color:#FFFFFF;
	text-decoration:none;
}
.article_title a:hover{
	color:#C1EBFD;
	text-decoration:none;
}
.article_text {
	line-height:130%;
	overflow:hidden;
	word-break:break-all;
	padding:5px 5px 15px 5px;
	background:#FFFFCC;
	color:#666666;
}
.article_text a{}
.article_text a:visited{}
.article_text a:hover{}
.article_posted {
	font-size:80%;
	color:#9F8F20;
	font-weight:normal;
	text-align:left;
	padding:5px 0px 5px 5px;
	background:#FFFFCC;
	border-top:#FF6600 1px solid;
}
.article_posted a{ 	color:#FF6600; }
.article_posted a:hover{ color:#FF9900; }

/* トラックバック関連 */
.trackback_area_title {
	font-size:12px;
	font-weight:bold;
	color:#FF3300;
	padding:5px;
	background:url("http://www.torablog.net/design/stripe_orange/images/bg_articledate.gif") no-repeat top #FFCC00;
	border-bottom:1px solid #FF3300;
}
.trackback_area_value {
	font-size:9px;
	margin-bottom:5px;
	padding:5px 5px 5px 5px;
}
.trackback_value {
	font-size:12px;
	margin-bottom:5px;
	padding:5px 5px 5px 5px;
}
.trackback_title {
	font-weight:bold;
	padding:5px 0px 3px 0px;
}
.trackback_excerpt{
	margin-bottom:10px;
	color:#333333;
}
.trackback_name{}
.trackback_posted{
	color:#9F8F20;
	font-size:10px;
	text-align:right;
	padding:5px 0px 5px 5px;
}
.trackback_daytime {
	font-size:10px;
	font-weight:normal;
}
.trackback_area a {}
.trackback_area a:link {}
.trackback_area a:visited {}
.trackback_area a:hover {}
.trackback_url_input {
	width:400px;
}
.trackback_area_text{
	font-size:10px;
	color:#666666;
}

/* コメント関連 */
.comment_area_title{
	font-size:12px;
	font-weight:bold;
	color:#FF3300;
	padding:5px;
	background:url("http://www.torablog.net/design/stripe_orange/images/bg_articledate.gif") no-repeat top #FFCC00;
	border-bottom:1px solid #FF3300;
}
.comment_area_value{
	font-size:80%;
	margin-bottom:5px;
	padding:4px 0px 5px 10px;
}
.comment_value{
	margin-bottom:5px;
	padding:5px 5px 5px 5px;
}
.comment_text{
	overflow:hidden;
	word-break:break-all;
	color:#333333;
}
.comment_posted{
	font-size:10px;
	color:#9F8F20;
	font-weight:normal;
	text-align:right;
	padding:5px 0px 5px 5px;
}
.comment_daytime{}
.comment_area a{ color:#666666; }
.comment_area a:visited{}
.comment_area a:hover{}

/* コメントフォーム */
.comment_form_area{
	color:#FFFFFF;
	width:395px;
	margin: 20px auto 0px auto;
	padding:10px;
	background:#FF6600;
}
.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;
}
.comment_form_url_area{
	clear:both;
	padding:5px;
}
.comment_form_url{
	float:left;
	width:100px;
	font-size:12px;
	padding-top:5px;
}
.comment_form_url_input_area{
	float:left;
}
.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:360px;
	height:100px;
}
.comment_form_button_area{
	padding-bottom:10px;
	text-align:center;
}
.comment_form_button{
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	border:#6F6F6F outset 3px;
	background:#999999;
	padding:0px 5px 0px 5px;
	_padding:2px 5px 2px 5px;
}

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