@charset "UTF-8";

/*-------------------------------------------------------------
サイドバー表示・非表示の設定
-------------------------------------------------------------*/

/*伝言板への書き込みはこちら*/	/*※これはclassです*/
.divUnitDengonFormLink			{ display: block; margin: 0 0 10px 0; }

/*ユニット：ユーザー情報・カテゴリ*/
#divBlogAdminMenuArea			{	display: none;}

/*ユニット：ブログ説明*/
#divBlogUnitProfile				{	display: none;}

/*ユニット：オリジナルカテゴリ*/
#divBlogUnitOriginalCategory	{	display: block;}

/*ユニット：テーマ*/
#divBlogUnitThema				{	display: block;}

/*ユニット：フォトギャラリー*/
#divBlogMenuPhotoArea			{	display: block;}

/*ユニット：新着コメント*/
#divBlogUnitNewlyComment		{	display: none;}

/*ユニット：カレンダー*/
#divBlogUnitCalendar			{	display: block;}

/*ユニット：タグ*/
#divBlogUnitTag					{	display: none;}


/*-------------------------------------------------------------
カバーエリア
-------------------------------------------------------------*/
#pageBlog .contentArea { padding: 0;/*カバー画像とナビゲーションの間隔*/ }
#pageBlog .coverArea { margin-bottom: 20px; width: 690px; }
#divBlogCoverTtlArea { margin: 0 40px; }
#pageBlog .coverArea table { padding: 0; margin: 0; width: 690px; /*カバー画像サイズ*/ height: 150px; /*カバー画像サイズ*/ vertical-align: middle; border-spacing: 0; border-collapse: collapse; border-style: none; }
#pageBlog .coverArea td { padding: 0; margin: 0; border-spacing: 0; border-collapse: collapse; background-repeat: no-repeat; background-position: top; background-position: center; }
#pageBlog .coverArea table p { margin: 0; }
#pageBlog .coverArea table .d-non { display: none; }
h3#divBlogCoverTtl { margin: 0; padding-bottom: 10px; }
#divBlogCoverTtl a { text-decoration: none; }


/*-------------------------------------------------------------
ブログ記事タイトル
-------------------------------------------------------------*/
.divArticleTtlArea { margin: 0 0 20px 0; width: 690px; background: url(/template/blog/tpl102/images/blog-article-ttl.gif) repeat-x bottom; }
h4.h4ArticleTtl { padding: 0 0 15px 0; font-size: 2em; color: #000; font-weight: bold; line-height: 1.3em; }

/*メンバータイトル*/
.divArticleMemberTtlArea { margin: 0 0 20px 0; padding: 0 0 5px 0; width: 690px; background: url(/template/blog/tpl102/images/blog-article-ttl.gif) repeat-x bottom; }
.divArticleMemberTtlArea h4.h4ArticleTtl { float: right; width: 624px; font-size: 2em; color: #000; font-weight: bold; line-height: 1em; }


/*-------------------------------------------------------------
ブログ記事下部メニュー
-------------------------------------------------------------*/
.divArticleBottom { margin: 0; padding: 0px 15px; height: 24px; background: url(/template/blog/tpl102/images/blog-article-bottom-bg.gif) no-repeat; line-height: 24px; color: #666; }
.divArticleBottom a { text-decoration: none; }


/*-------------------------------------------------------------
コメント詳細
-------------------------------------------------------------*/
/*コメントエリア*/ 
.divBlogCommentArea { margin: 0 0 20px 0; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }

/*コメントを書く*/
h5.h5BlogCommentTtl { margin: 0; padding: 6px 0 6px 20px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; background: #8892A8; color: #FFF; font-weight: bold; font-size: 1em; line-height: 1em; }

/*コメント一覧*/
h5.h5BlogCommentListTtl { margin: 10px 0 0 0; padding: 6px 0 6px 20px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; background: #8892A8; color: #FFF; font-weight: bold; font-size: 1em; line-height: 1em; }
.divBlogCommentListColor { margin: 0; padding: 10px 20px 10px 20px; background: #E6E8ED; }


/*-------------------------------------------------------------
ページング
-------------------------------------------------------------*/
#blogPageArea { }
#blogPageNumber { text-align: center; font-family: Verdana; }
#blogPageNumber ul { padding: 0; margin: 0; list-style-type: none; }
#blogPageNumber li { display: inline; }
#blogPageNumber li a { color: #666; text-decoration: none; }
#blogPageNumber li.pagePrev a { padding: 0 4px 0 18px; background: url(/template/blog/tpl102/images/arrow-prev.gif) no-repeat left; text-decoration: none; }
#blogPageNumber li.pageNext a { padding: 0 18px 0 4px; background: url(/template/blog/tpl102/images/arrow-next.gif) no-repeat right; text-decoration: none; }
#blogPageNumber li.pageNum { padding: 0 4px 0 4px; }
#blogPageNumber li.pageNum a { }


/*-------------------------------------------------------------
管理メニュー
-------------------------------------------------------------*/
#divBlogAdminMenuArea { margin: 0 0 10px 0; background: url(/template/blog/tpl102/images/blog-admin-menu-body.gif) repeat-y; }

/*総日記数*/
#divBlogAllArticle { padding: 0 10px; height: 35px; background: url(/template/blog/tpl102/images/blog-admin-menu-head.gif) no-repeat; }
#divBlogAllArticle p { float: left; width: 140px; height: 35px; color: #FFC; font-weight: bold; line-height: 35px; cursor: pointer; }

/*RSSボタン*/
#divBlogRss { float: right; margin: 11px 0 0 0; width: 24px; }
#divBlogRss a { width: 24px; height: 13px; display: block; text-indent: -9999px; line-height: 0.1em; font-size: 0.1em; overflow: hidden; background: url(/template/blog/tpl102/images/btn-rss.gif) no-repeat; }

/*ユーザー写真*/
#divBlogPic { width: 200px; }
#divBlogPic img { padding: 10px; width: 180px; cursor: pointer; }
.divBlogAdminBottom { padding: 0 0 3px 0; background: url(/template/blog/tpl102/images/blog-admin-bottom.gif) no-repeat bottom; }

/*メンバーリスト*/
#divBlogMemberPic { padding: 5px 0; width: 200px; }
.divBlogMemberList { padding: 5px 10px; cursor: pointer; display: block; }
.divBlogMemberList img { float: left; width: 56px; }
.divBlogMemberList p { margin-left: 63px; line-height: 1.5em; color: #333; }

/*管理メニュー*/
#divBlogAdminMenu ul { margin: 0; padding: 0; list-style: none; }
#divBlogAdminMenu li { margin: 0; padding: 0; }
#divBlogAdminMenu li a { width: 200px; height: 35px; display: block; font-weight: bold; line-height: 35px; text-decoration: none; text-indent: 28px; background: url(/template/blog/tpl102/images/blog-admin-menu.gif) no-repeat; color: #666; }
#divBlogAdminMenu li a:hover { color: #FFF; text-decoration: none; background: url(/template/blog/tpl102/images/blog-admin-menu.gif) no-repeat 0 -35px; }
#divBlogAdminMenu li#divBlogAdminMenuBottom a { width: 200px; height: 35px; display: block; font-weight: bold; line-height: 35px; text-decoration: none; text-indent: 28px; background: url(/template/blog/tpl102/images/blog-admin-menu-bottom.gif) no-repeat; }
#divBlogAdminMenu li#divBlogAdminMenuBottom a:hover { color: #FFF; text-decoration: none; background: url(/template/blog/tpl102/images/blog-admin-menu-bottom.gif) no-repeat 0 -35px; }


/*-------------------------------------------------------------
ブログメニュー共通
-------------------------------------------------------------*/
/*フレーム*/
.divBlogMenuArea { margin: 0 0 10px 0; width: 200px; }
.divBlogMenuArea .tl {	background: url(/template/blog/tpl102/images/frame-left-top.gif) no-repeat left top;}
.divBlogMenuArea .tr {	background: url(/template/blog/tpl102/images/frame-right-top.gif) no-repeat right top;}
.divBlogMenuArea .bl {	background: url(/template/blog/tpl102/images/frame-left-bottom.gif) no-repeat left bottom;}
.divBlogMenuArea .br {	background: url(/template/blog/tpl102/images/frame-right-bottom.gif) no-repeat right bottom;}

/*タイトル*/
.divBlogMenuTtl { position: relative; padding: 3px 0 0 3px; }
.divBlogMenuTtl h4 { padding: 9px 0 0 9px; height: 20px; line-height: 1em; font-weight: bold; color: #FFF; font-size: 1.1em; background: url(/template/blog/tpl102/images/blog-menu-head.gif) no-repeat left; }

/*ナビゲーション*/
.divBlogMenuList { margin: 0; padding: 10px; }
.divBlogMenuList ul { margin: 0; padding: 0; list-style-type: none; }
.divBlogMenuList li { margin: 0 0 3px 0; padding: 0; line-height: 1.5em; }
.divBlogMenuList li a { margin: 0; padding: 0 0 0 15px; width: 165px; display: block; background: url(/template/blog/tpl102/images/arrow-blog-menu.gif) no-repeat 0 0.4em; text-decoration: none !important; }
/*.divBlogMenuList ul li a:hover { background: url(/blog/images/arrow-blog-menu.gif) no-repeat 0 0.2em; }*/


/*-------------------------------------------------------------
プロフィール
-------------------------------------------------------------*/
p#pBlogProfile { padding: 10px; }


/*-------------------------------------------------------------
カレンダー
-------------------------------------------------------------*/
p#pBlogTotalArticles { position: absolute; margin: 0; padding: 0; top: 13px; right: 10px; width: 100px; display: block; font-size: 0.8em; text-align: right; line-height: 1em; font-weight: normal; color: #FFF; }
p#pBlogTotalArticles em { font-weight: bold; color: #FFC; font-style: normal; font-family: Verdana; }
#divBlogCalendarBox { padding: 5px 10px 0 10px; font-family: Verdana; line-height: 1.5em; }
table#tableBlogCalendar { width: 180px; border-collapse: collapse; border-top: 1px solid #CCC; }
table#tableBlogCalendar caption { font-weight: bold; text-align: center; }

/*曜日欄*/
table#tableBlogCalendar th { text-align: center; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; font-weight: bold; background: #8892A8; color: #FFF; }

/*日付欄*/
table#tableBlogCalendar td { width: 14%; text-align: center; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; background-color: #FFF; }
table#tableBlogCalendar td a { font-weight: bold; text-decoration: none !important; }

/*日曜日カラー*/
.sun-txt { color: #F30; }
table#tableBlogCalendar td.sun { background-color: #F1DCD7; border-left: 1px solid #CCC; }

/*土曜日カラー*/
.sat-txt { color: #0A50A1; }
table#tableBlogCalendar td.sat { background: #DEE8EE; }
#tableBlogCalendarMonth { padding: 10px; }

/*月別*/
table#tableMonthCalendar { margin: 0; /*width: 180px;*/ border-collapse: collapse; font-family: Verdana; }
table#tableMonthCalendar caption { padding: 0; font-weight: bold; }
table#tableMonthCalendar caption a { font-weight: bold; }
table#tableMonthCalendar td { padding: 0 15px 0 2px; /*width: 25%;*/ text-align: right; }
table#tableMonthCalendar td a { font-weight: bold; }


/*--------------------------------------------------------------
フォトギャラリー
---------------------------------------------------------------*/
#divBlogMenuPhotoArea { margin: 0 0 10px 0; width: 200px; background: url(/template/blog/tpl102/images/blog-admin-menu-body.gif) repeat-y; }

/*総日記数*/
#divBlogMenuPhotoTtl { padding: 0 10px; height: 35px; background: url(/template/blog/tpl102/images/blog-admin-menu-head.gif) no-repeat; }
#divBlogMenuPhotoTtl h4 { margin: 0; padding: 0; width: 150px; height: 35px; color: #FFF; font-size: 1.1em; font-weight: bold; line-height: 35px; }
#divBlogMenuPhotoPic { padding: 5px 9px 8px 9px; }
#divBlogMenuPhotoPic img { border: 1px solid #CCC; }
#divBlogMenuPhotoBtn { padding: 0 0 13px 36px; background: url(/template/blog/tpl102/images/blog-admin-bottom.gif) no-repeat bottom; }
#divBlogMenuPhotoBtn .divBlogMenuPhotoArrow { float: left; padding: 5px 0 0 0; width: 13px; }
#divBlogMenuPhotoBtn #divBlogMenuPhotoAll { float: left; margin: 0 10px;  width: 83px; height: 22px; display: block; cursor: pointer; text-indent: -9999px; background: url(/template/blog/tpl102/images/blog-photo-graph-all.gif) no-repeat; }
#divBlogMenuPhotoData { padding: 8px 10px 0 10px; line-height: 1em; font-size: 0.9em; font-weight: bold; font-family: Verdana; }
p#pBlogMenuPhotoName { float: left; margin: 0; padding: 0; width: 90px; }
p#pBlogMenuPhotoTotal { float: right; margin: 0; padding: 0; width: 90px; text-align: right; }