@charset "utf-8";


/* =================================================
	基本設定
	基本の文字色やリンク、背景色などを設定
================================================= */
#blog_area {
	background-color:#FFFFFF;
	color:#575757;
	font-family:Georgia, "Times New Roman", Osaka, "ＭＳ Ｐゴシック", Arial, sans-serif;
	font-size:93%;	/* 12px */
}
html>/**/#blog_area {font-size:12px;}

#blog_area a:link,
#blog_area a:visited {
	color:#4E749A;
}

#blog_area a:focus,
#blog_area a:hover,
#blog_area a:active {
	position: relative;
	left: 1px;
	top: 1px;
}

#blog_area a img {
	text-decoration:none;
	border:none;
}

#blog_area h1,
#blog_area h2,
#blog_area h3,
#blog_area h4,
#blog_area h5 {
	color:#333333;
}

#blog_area #wrap {
	margin:0 0 20px;
}

/* =================================================
	ヘッダー
	ブログタイトルや背景などの設定
================================================= */
/* ヘッダー全体のボックス設定
---------------------------------------- */
#blog_header {
	margin:0 0 20px;
}

/* ブログタイトルの文字設定
---------------------------------------- */
#blog_header .blog_title {
	padding:10px 0;
	border-bottom:4px double #575757;
	text-align:left;
}


/* =================================================
	=ヘッダープラグイン=
================================================= */
#blog_area #plugin_header {
	margin:0 0 20px;
}

/* 横型カレンダー
---------------------------------------- */
#plugin_header #calendar_x {
	margin-top:5px;
	font-family:Georgia, "Times New Roman", sans-serif;
}

#plugin_header #calendar_x ul li {
	display:inline;
	padding:0 2px;
}

#plugin_header #calendar_x .year {
	padding-right:15px;
}

#plugin_header #calendar_x .next,
#plugin_header #calendar_x .prev {
	padding:0px;
	font-weight:bold;
}

#plugin_header #calendar_x .w_day {
	font-weight:bold;
}


/* =================================================
	ブログ記事投稿フォーム
================================================= */
#main_contents .system_message {
	color:#FF0000;
	font-weight:bold;
}

#main_contents #my_controlpanel {
	width:100%;		/* 572px */
}

#main_contents #my_controlpanel,
#main_contents #entry .article {
	width:100%;		/* 572px */
	margin:0 0 20px;
}

#entry_post {
	width:100%;
}

#my_controlpanel #entry_form {
	padding:10px 20px;
	border:1px solid #B0B0B0;
	text-align:left;
}

#my_controlpanel #entry_form .entry_post_title {
	margin:0 0 10px;
	padding:5px 0;
	border-bottom:3px double #575757;
	font-size:134%;
	font-weight:bold;
}

#my_controlpanel #entry_form .select_friends select{
	vertical-align:middle;
}

#my_controlpanel #entry_form .message_post {
	text-align:center;
}

#my_controlpanel #entry_form #text-cont {
	width:520px;
	height:4em;
}

#my_controlpanel #entry_form .text_counter {
	color:#A1A1A1;
	text-align:right;
}

#my_controlpanel #entry_form #text-cont-meter {
	font-family:"Arial Black", Helvetica, Arial, sans-serif;
	font-size:125%;		/* 15px */
	font-weight:bold;
}

#my_controlpanel #entry_form #media_tools .tool_open {
	margin:-15px 0 0;
}

#my_controlpanel #entry_form #media_tools .tool_open a {
	padding-left:20px;
	background:url(/contents/image/image_icon.gif) no-repeat left center;
}

/* メッセージソート（表示切替）
---------------------------------------- */
#main_contents #entry_sort {
	margin:0 0 20px;
	padding:10px 20px;
	background-color:#F9F9F9;
	border:1px solid #B0B0B0;
	text-align:left;
}

#main_contents #entry_sort .whats_new a {
	padding-left:10px;
}

#main_contents #entry_sort .whats_new a:link,
#main_contents #entry_sort .whats_new a:visited {
	color:#FF0000;
	font-weight:bold;
}

#main_contents #entry_sort .whats_new a:focus,
#main_contents #entry_sort .whats_new a:hover,
#main_contents #entry_sort .whats_new a:active {
	text-decoration:underline;
}


/* =================================================
	ブログ
	ブログ記事に関する設定
================================================= */
#entry {
	background:transparent url(/template/looseleaf/image/looseleaf1.png) repeat-y left top;
}

#entry #entry_body {
	margin-left:7px;
	padding:20px;
	border-top:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	text-align:left;
}

#main_contents #entry .other_article {
	padding:10px 20px;
	text-align:left;
}

/* 記事ごとのボックス設定
---------------------------------------- */
#main_contents #entry .article {
	margin:0 0 20px;
}

#main_contents #entry .article img {
	vertical-align:middle;
}

#main_contents #entry .article .article_box {
	padding:0;
}

/* 記事の日付 */
#main_contents #entry .article .entry_header {
	margin:0 0 10px;
}

#main_contents #entry .article .entry_header .entry_date {
	padding:0 0 5px;
	border-bottom:3px double #575757;
	font-size:125%;		/* 15px */
	font-weight:bold;
}

/* 記事本文 */
#main_contents #entry .article .message_body {
	width:100%;
	padding:10px 0;
	border-bottom:1px solid #DFDFDF;
	font-family:"ＭＳ Ｐゴシック", Arial, sans-serif;
}

/* 投稿時の情報 */
#main_contents #entry .article .message_body .posted {
	padding:10px 0 0;
	text-align:right;
	font-family:Georgia, "Times New Roman", Osaka, "ＭＳ Ｐゴシック", Arial, sans-serif;
}

#main_contents #entry .article .message_body .posted li {
	display:inline;
	padding:0 5px;
}

/* 記事本文の名前 */
#main_contents #entry .article .message_body .posted .nickname {
	color:#5A5A5A;
	font-weight:bold;
}

/* =================================================
	=エディタによるメッセージ装飾設定=
================================================= */
#main_contents #entry .article blockquote {
	margin:15px 0;
	padding:0.5em 1em;
	background-color:#F9F9F9;
	border:1px dashed #CACACA;
	color:#666;
}

#main_contents #entry .article hr {
	height: 1px; /* 高さ */
	margin:5px 0;
	border-width:1px 0px 0px 0px;
	border-style:solid;
	border-color:#DFDFDF;
}

/* =================================================
	コメント一覧
================================================= */
#entry_body .article .entry_comment {
	background: transparent url(/template/looseleaf/image/line.png) repeat-x left bottom;
}

#entry_body .article .entry_comment .comment_list {
	margin:0 0 10px;
}

#entry_body .article .entry_comment .comment_list li {
	overflow:hidden;
	width:510px;		/* 530px */
	padding:10px;
	border-bottom:1px dotted #E0E0DF;
}

#entry_body .article .entry_comment .comment_list li .thumbnail {
	float:left;
	width:30px;
	padding-right:10px;
}

#entry_body .article .entry_comment .comment_list li .comment_body {
	float:left;
	width:470px;
}

#entry_body .article .entry_comment .comment_list li .posted {
	text-align:right;
}

/* =================================================
	コメントフォーム
================================================= */
#entry_body .article .entry_comment .comment_form {
	border-bottom:1px dotted #E0E0DF;
}

#entry .entry_comment .comment_form .comm_textarea {
	width:380px;
	margin-right:10px;
}

#entry .entry_comment .comment_form #sendcomm {
	width:120px;
	padding:5px 0;
}

/* =================================================
	ページャー
	ページ送りリンクの装飾設定(全ページ共通)
================================================= */
#blog_area .pager {
	padding:10px 5px;
	font-size:92%;
	font-family:verdana, sans-serif;
	text-align:center;
}

#blog_area .pager a {
	margin:0 2px;
	padding:2px 5px;
	border:1px solid #999999;
}

#blog_area .pager a:link,
#blog_area .pager a:visited {
	color:#666666;
}

#blog_area .pager a:focus,
#blog_area .pager a:hover,
#blog_area .pager a:active {
	background-color:#3875ab;
	color:#ffffff;
	text-decoration:none;
}

#blog_area .pager span {
	margin:0px 2px;
	padding:2px 5px;
	background-color:#cfe2f4;
	border:1px solid #999999;
	color:#666666;
}


/* =================================================
	アルバムページ、PIYOともページ
================================================= */
#col1 #main_contents  .section {
	background:transparent url(/template/looseleaf/image/looseleaf1.png) repeat-y left top;
}

#main_contents .list_page {
	margin-left:7px;
	padding:20px;
	border-top:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
}

#main_contents .list_page .list_header {
	text-align:left;
}

#main_contents .list_page .list_header h2 {
	border-bottom:1px solid #B0B0B0;
	font-size:124%;		/*16px*/
}

#main_contents .list_page .list_header .list_info {
	text-align:right;
	color:#6F6F6F;
}

#main_contents .list_page .list_header .management {
	background-color:#FAFAFA;
	border:1px solid #E0E0DF;
	text-align:left;
}

#main_contents .list_page .list_header .management .used_hdd {
	color:#6F6F6F;
	font-weight:bold;
	font-size:109%;		/* 13px */
}

#main_contents .list_page .list_header .management .used_hdd span {
	font-family:Verdana, Arial, sans-serif;
}

#main_contents .list_block .list_view li .thumbnail img {
	padding:7px 10px;
	border:1px solid #B0B0B0;
	background-color:#F8F8F8;
}

#main_contents .list_block .list_view li .published_day {
	font-family:Verdana, Arial, sans-serif;
}

/* =================================================
	サイドバープラグイン
================================================= */
/* サイドバー全体の装飾
---------------------------------------- */
/* 未使用
#plugin_sidebar1 {
	padding-right:28px;
}

/* 各ボックス設定
---------------------------------------- */
.plg_box {
	margin:0 0 15px;
	background:transparent url(/template/looseleaf/image/looseleaf2.png) repeat-y right top;
	text-align:left;
}
.plg_box .article {
	margin-right:7px;
	padding:10px 15px 10px 10px;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
}
.plg_box .plg_title {
	margin:0px 0px 10px;
}

.plg_box .plg_title h3 {
	padding:5px 0;
	border-bottom:3px double #575757;
}

/* パーツ：プロフィールの設定
---------------------------------------- */
#plg_profile .profile_img {
	margin:0px 0px 15px;
	text-align:center;
}

#plg_profile .profile_img img {
	padding:6px;
	background-color:#FFFFFF;
	border:1px solid #B0B0B0;
}

#plg_profile .plg_profile_body {
	margin:0 0 15px;
}

#plg_profile .plg_profile_ex {
	color:#808080;
}

#plg_profile .appendix {
	text-align:right;
}

#plg_profile .appendix img {
	margin-left:5px;
}

.plg_profile_ex li {
	padding:2px 0 2px 20px;
	background-image:url(/template/looseleaf/image/li.png);
	background-repeat:no-repeat;
	background-position:left center;
}

/* パーツ：サイドバーカレンダーの設定
---------------------------------------- */
#calendar_y {
	font-family:Georgia, "Times New Roman", sans-serif;
}

#calendar_y .calendar_header {
	border-bottom:3px double #575757;
	font-size:108%;
	font-weight:bold;
}

#calendar_y .w_day a {
	font-weight:bold;
}

#calendar_y .calendar_table .sun {
	color:#FF0000;
}

#calendar_y .calendar_table .sat {
	color:#0033FF;
}

/* パーツ：PIYOともの設定
---------------------------------------- */
.plg_user_list ul .prof_img {
	padding:0 5px;
}

/* パーツ：ぴよぴよワードの設定
---------------------------------------- */
#plg_keywords .taglevel1 a { font-size:93%; }
#plg_keywords .taglevel2 a { font-size:108%; }
#plg_keywords .taglevel3 a { font-size:116%; }
#plg_keywords .taglevel4 a { font-size:124%; }
#plg_keywords .taglevel5 a { font-size:139%; }
#plg_keywords .taglevel6 a { font-size:154%; }
#plg_keywords .taglevel7 a { font-size:170%;font-weight:bold; }


/* 最近の書き込み、もらったメッセージ一覧
---------------------------------------- */
#plg_comments_posted .plg_comment_list li,
#plg_comments_received .plg_comment_list li {
	padding:5px 0;
	border-bottom:1px dotted #CCCCCC;
}

#plg_comments_posted .plg_comment_list li .name,
#plg_comments_received .plg_comment_list li .name {
	color:#808080;
}

#plg_comments_posted .plg_comment_list .comment_body,
#plg_comments_received .plg_comment_list .comment_body {
	font-size:92%;
}

/* =================================================
	ブログフッター
================================================= */

/* ページトップリンクの設定
---------------------------------------- */
#blog_area #blog_footer .pagetop {
	margin-left:734px;
}

#blog_area #blog_footer .pagetop a{
	display:block;
	overflow:hidden;
	width:66px;
	height:17px;
	text-indent:-5000px;
	text-decoration:none;
	background:url(/template/looseleaf/image/pagetop.png) no-repeat right center;
}

#blog_area #blog_footer .powered {
	padding:15px;
	font-size:85%;		/* 11px */
}