@charset "utf-8";

/* =================================================
	基本設定
	基本の文字色やリンク、背景色などを設定
================================================= */
#blog_area {
	background-color:#898F95;
	background-image:url(/template/cleanly_green/image/bg.png);
	background-repeat:repeat;
	background-position:left top;
	color:#333333;
	font-family:"ＭＳ Ｐゴシック", Arial, sans-serif;
}

#blog_area a:link{
	color:#62931C;
}

#blog_area a:visited {
	color:#000000;
}

#blog_area a:focus,
#blog_area a:hover,
#blog_area a:active {
	color:#898F95;
}

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

#blog_area #container {
	background-color:#FFFFFF;
}

#blog_area img {
	vertical-align:middle;
}

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

#blog_area #container {
	background:#FFFFFF url(/template/cleanly_green/image/container_bgmiddle.png) repeat-y left top;
}

/* =================================================
	ヘッダー
	ブログタイトルや背景などの設定
================================================= */
/* ヘッダー全体のボックス設定
---------------------------------------- */
#blog_header {
	padding:20px 40px;
	background:url(/template/cleanly_green/image/container_bgtop.png) no-repeat left top;
}

/* ブログタイトルの文字設定
---------------------------------------- */
#blog_header .blog_title {
	min-height:30px;
	padding:20px 85px 10px 20px;
	background:url(/template/cleanly_green/image/header_icon.png) no-repeat right center;
	text-align:right;
}

/*\*/
* html #blog_header .blog_title {
	height:63px;
}
/**/

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

/* 横型カレンダー
---------------------------------------- */
#plugin_header #calendar_x {
	background:url(/template/cleanly_green/image/calendar_top.png) no-repeat center top;
	font-family:Arial, sans-serif;
	font-size:85%;		/* 11px */
}

#plugin_header #calendar_x ul {
	width:100%;
	padding:10px 0;
	background:url(/template/cleanly_green/image/calendar_bottom.png) no-repeat center bottom;
}

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

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

#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 .section {
	padding:0 25px;
}

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

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

#main_contents .aside {
	margin:0 0 20px;
}

#entry_post {
	padding:10px 20px;
	border:1px solid #E0E0DF;
}

#my_controlpanel #entry_form {
	text-align:left;
}

#my_controlpanel #entry_form .entry_post_title {
	margin:0 0 10px;
	padding:3px 0;
	border-bottom:1px solid #B0B0B0;
	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:99%;
	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 {
	font-size:93%;		/* 12px */
}

#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 {
	padding:10px 20px;
	background-color:#FAFAFA;
	border:1px solid #E0E0DF;
	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 {
	text-align:left;
}

#blog_area #entry a{
	text-decoration:underline;
}

#blog_area #entry a:focus,
#blog_area #entry a:hover {
	text-decoration:none;
}


/* 記事ごとのボックス設定
---------------------------------------- */
#main_contents #entry .other_article {
	margin:0 0 20px;
	padding:25px 20px 0;
	background:url(/template/cleanly_green/image/entry_body_right.png) no-repeat left top;
}

#main_contents #entry .article {
	margin:0 0 20px;
	background:url(/template/cleanly_green/image/entry_body_right.png) no-repeat left top;
}

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

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

/* 記事の日付 */
#main_contents #entry .article .entry_header {
	padding:25px 20px 0;
	color:#62931C;
}

#main_contents #entry .article .entry_header .entry_date {
	padding:0 0 10px;
	background:url(/template/cleanly_green/image/entry_title.png) repeat-x left bottom;
	font-size:124%;		/*16px*/
	font-weight:bold;
}

/* 記事本文 */
#main_contents #entry .article .message_body {
	padding:15px 10px;
	background:url(/template/cleanly_green/image/line_l.png) no-repeat left bottom;
}

/* 投稿時の情報 */
#main_contents #entry .article .message_body .posted {
	margin:5px 0 0;
	text-align:right;
}

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

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


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

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

/* =================================================
	コメント一覧
================================================= */
#entry_body .article .entry_comment .comment_list {
	margin:0 auto 10px;
}

#entry_body .article .entry_comment .comment_list li {
	width:460px;		/* 480px */
	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:420px;
}

#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:340px;
	margin-right:10px;
}

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

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

#blog_area .pager a,
#blog_area #entry .pager a {
	margin:0 2px;
	padding:3px 5px;
	border:1px solid #62931C;
	text-decoration:none;
}

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

#blog_area .pager a:focus,
#blog_area .pager a:hover,
#blog_area .pager a:active {
	background-color:#62931C;
	color:#FFFFFF;
}

#blog_area .pager span {
	margin:0px 2px;
	padding:3px 5px;
	background-color:#62931C;
	border:1px solid #999999;
	color:#FFFFFF;
}


/* =================================================
	アルバムページ、PIYOともページ
================================================= */
#main_contents .list_page {
	padding:30px 20px;
	background:url(/template/cleanly_green/image/entry_body_right.png) no-repeat left top;
}

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

#main_contents .list_page .list_header h2 {
	background:url(/template/cleanly_green/image/entry_title.png) repeat-x left bottom;
	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-left:25px;
}

/* 各ボックス設定
---------------------------------------- */
.plg_box {
	margin-bottom:15px;
	padding:15px;
	background:url(/template/cleanly_green/image/side_body_left.png) no-repeat right top;
	text-align:left;
}

.plg_box .plg_title {
	margin:0 0 10px;
}

.plg_box .plg_title h3 {
	margin:0 0 10px;
	padding:3px 0 3px 20px;
	background:url(/template/cleanly_green/image/side_title.png) no-repeat left 5px;
}

/* パーツ：プロフィールの設定
---------------------------------------- */
#plg_profile .profile_img {
	margin:0 0 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 {
	margin:0 0 5px;
	border-bottom:1px solid #E9E9E9;
}

.plg_profile_ex li {
	padding:5px 0;
	border-top:1px solid #E9E9E9;
	font-size:93%;		/* 12px */
}

/* パーツ：サイドバーカレンダーの設定
---------------------------------------- */
#calendar_y {
	font-family:Arial, sans-serif;
	font-size:85%;		/* 11px */
}

#calendar_y .calendar_header {
	border-bottom:2px solid #B0B0B0;
	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 {
	padding:0 20px 18px;
	background:url(/template/cleanly_green/image/container_bgbottom.png) no-repeat left bottom;
}

#blog_area #blog_footer .pagetop {
	padding:10px 0;
	text-align:right;
}

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