@charset "UTF-8";


/*-------------------------------------------------------------
ページレイアウト
-------------------------------------------------------------*/
#pageBlog #container { }
#pageBlog #headerAreaInner { }
#pageBlog .contentArea { margin: 0; padding: 10px 0 0 0; width: 910px; background: none; /*border-top: 3px solid #000;*/ }
#pageBlog .contentAreaInner { margin: 0; padding: 0; }


/*leftColumn*/
#pageBlog .leftColumn { float: left; width: 690px; }

/*rightColumn*/
#pageBlog .rightColumn { float: right; width: 200px; }
#pageBlog .sideContent { padding: 0 0 30px 0; line-height: 1.8em; }

/*footer*/
#pageBlog  #footer { margin: 0 auto 10px auto; /*width: 950px;*/ width: 910px; text-align: left; }
#pageBlog  #footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/*-------------------------------------------------------------
カバーエリア
-------------------------------------------------------------*/
/*タイトルサイズ*/
.t-12 {	font-size: 12px; font-weight: bold; line-height: normal; }
.t-18 {	font-size: 20px; font-weight: bold; line-height: normal; }
.t-24 {	font-size: 34px; font-weight: bold; line-height: normal; }
.t-30 {	font-size: 40px; font-weight: bold; line-height: normal; }

/*タイトル文字位置*/
.blogTtlLeft { text-align: left; }
.blogTtlCenter { text-align: center; }
.blogTtlRight {	text-align: right; }

/*タイトルカラー*/
.c01 a:link,.c01 a:visited {	color: #F00; }
.c02 a:link,.c02 a:visited {	color: #FA6633; }
.c03 a:link,.c03 a:visited {	color: #F79833; }
.c04 a:link,.c04 a:visited {	color: #FBCC30; }
.c05 a:link,.c05 a:visited {	color: #F7F632; }
.c06 a:link,.c06 a:visited {	color: #CBE72F; }
.c07 a:link,.c07 a:visited {	color: #98D02F; }
.c08 a:link,.c08 a:visited {	color: #64B82C; }
.c09 a:link,.c09 a:visited {	color: #64B82C; }
.c10 a:link,.c10 a:visited {	color: #2FA047; }
.c11 a:link,.c11 a:visited {	color: #35A979; }
.c12 a:link,.c12 a:visited {	color: #30ACAA; }
.c13 a:link,.c13 a:visited {	color: #3CB6D2; }
.c14 a:link,.c14 a:visited {	color: #2EB0CF; }
.c15 a:link,.c15 a:visited {	color: #3593C2; }
.c16 a:link,.c16 a:visited {	color: #3360AA; }
.c17 a:link,.c17 a:visited {	color: #2F2F92; }
.c18 a:link,.c18 a:visited {	color: #622F93; }
.c19 a:link,.c19 a:visited {	color: #9C2E93; }
.c20 a:link,.c20 a:visited {	color: #D13095; }
.c21 a:link,.c21 a:visited {	color: #F22D93; }
.c22 a:link,.c22 a:visited {	color: #F23195; }
.c23 a:link,.c23 a:visited {	color: #F03090; }
.c24 a:link,.c24 a:visited {	color: #F53167; }
.c25 a:link,.c25 a:visited {	color: #FFF; }
.c26 a:link,.c26 a:visited {	color: #DDD; }
.c27 a:link,.c27 a:visited {	color: #BBB; }
.c28 a:link,.c28 a:visited {	color: #999; }
.c29 a:link,.c29 a:visited {	color: #777; }
.c30 a:link,.c30 a:visited {	color: #555; }
.c31 a:link,.c31 a:visited {	color: #333; }
.c32 a:link,.c32 a:visited {	color: #000; }

/*タイトルオーバー*/
.c01 a:hover {	color: #F00; }
.c02 a:hover {	color: #FA6633; }
.c03 a:hover {	color: #F79833; }
.c04 a:hover {	color: #FBCC30; }
.c05 a:hover {	color: #F7F632; }
.c06 a:hover {	color: #CBE72F; }
.c07 a:hover {	color: #98D02F; }
.c08 a:hover {	color: #64B82C; }
.c09 a:hover {	color: #64B82C; }
.c10 a:hover {	color: #2FA047; }
.c11 a:hover {	color: #35A979; }
.c12 a:hover {	color: #30ACAA; }
.c13 a:hover {	color: #3CB6D2; }
.c14 a:hover {	color: #2EB0CF; }
.c15 a:hover {	color: #3593C2; }
.c16 a:hover {	color: #3360AA; }
.c17 a:hover {	color: #2F2F92; }
.c18 a:hover {	color: #622F93; }
.c19 a:hover {	color: #9C2E93; }
.c20 a:hover {	color: #D13095; }
.c21 a:hover {	color: #F22D93; }
.c22 a:hover {	color: #F23195; }
.c23 a:hover {	color: #F03090; }
.c24 a:hover {	color: #F53167; }
.c25 a:hover {	color: #FFF; }
.c26 a:hover {	color: #DDD; }
.c27 a:hover {	color: #BBB; }
.c28 a:hover {	color: #999; }
.c29 a:hover {	color: #777; }
.c30 a:hover {	color: #555; }
.c31 a:hover {	color: #333; }
.c32 a:hover {	color: #000; }

/*サブタイトルカラー*/
.c01 {	color: #F00; }
.c02 {	color: #FA6633; }
.c03 {	color: #F79833; }
.c04 {	color: #FBCC30; }
.c05 {	color: #F7F632; }
.c06 {	color: #CBE72F; }
.c07 {	color: #98D02F; }
.c08 {	color: #64B82C; }
.c09 {	color: #64B82C; }
.c10 {	color: #2FA047; }
.c11 {	color: #35A979; }
.c12 {	color: #30ACAA; }
.c13 {	color: #3CB6D2; }
.c14 {	color: #2EB0CF; }
.c15 {	color: #3593C2; }
.c16 {	color: #3360AA; }
.c17 {	color: #2F2F92; }
.c18 {	color: #622F93; }
.c19 {	color: #9C2E93; }
.c20 {	color: #D13095; }
.c21 {	color: #F22D93; }
.c22 {	color: #F23195; }
.c23 {	color: #F03090; }
.c24 {	color: #F53167; }
.c25 {	color: #FFF; }
.c26 {	color: #DDD; }
.c27 {	color: #BBB; }
.c28 {	color: #999; }
.c29 {	color: #777; }
.c30 {	color: #555; }
.c31 {	color: #333; }
.c32 {	color: #000; }


/*-------------------------------------------------------------
blog-contents
-------------------------------------------------------------*/
#divBlogMain { }

/*記事エリア*/
.divBlogArticleArea {
 	width: 690px; margin: 0 0 120px 0; text-align: left; }

/*ブロックエリア*/
.divBlogBlkArea { padding: 0; }


/*-------------------------------------------------------------
ブログ記事タイトル
-------------------------------------------------------------*/
.divArticleHead { width: 690px; padding: 0 0 10px 0; }
p.pArticleTag { float: left; width: 350px; color: #666; font-size: 1em; line-height: 1.2em; }
.pArticleData { float: right; text-align: right; color: #999; font-size: 1em; line-height: 1.2em; }

/*記事タイトル*/
h4.h4ArticleTtl { line-height: 1.5em; max-height: 100%; }

/*メンバータイトル*/
.divMemberIco { float: left; width: 56px; display: block; cursor: pointer; }
.divMemberIco img { width: 56px; }
.divArticleMemberTtlArea .divArticleHead { float: right; width: 624px; padding: 0 0 10px 0; }
.divArticleMemberTtlArea p.pArticleTag { float: left; width: 300px; color: #666; font-size: 1em; line-height: 1.2em; }
.divArticleMemberTtlArea p.pArticleData { float: right; width: 250px; text-align: right; color: #666; font-size: 1em; line-height: 1.2em; }

/*お店のマップを開くボタン*/
.divBlogMenuArea .divBtnMap { margin-left: auto; margin-right: auto; padding: 0 0 20px 0; width: 140px; }


/*-------------------------------------------------------------
ブログ記事下
-------------------------------------------------------------*/
/*続きを読む*/
p.pArticleNextTxt { float: left; margin: 0; padding: 0; width: 250px; line-height: 24px; }
/*コメント数*/
p.blogArticleCommentData { float: left; margin: 0; padding: 0; width: 250px; font-weight: bold; line-height: 24px; }
/*更新日時*/
p.pArticleUpdate { float: right; margin: 0; padding: 0; width: 200px;
 	text-align: right; line-height: 24px; }


/*-------------------------------------------------------------
コメント
-------------------------------------------------------------*/
.divBlogCommentform form { margin: 0; padding: 0; text-align: left; }
.divBlogCommentform textarea { width: 644px !important; height: 80px !important; }
.divBlogCommentform table { margin: 0 0 10px 0 !important; padding: 0; }
.divBlogCommentform table td { padding: 0 10px 0 0 !important; }
.divBlogCommentform table td.middle_red { font-size: 10px; }

/*コメントを書く*/
p.pBlogCommentUserName { padding: 0 0 5px 0; text-align: left; }
.divBlogCommentBtn { text-align: center; }

/*コメント一覧*/
p.pBlogCommentName { float: left; width: 450px;  }
p.pBlogCommentData { float: right; width: 180px; text-align: right; font-weight: bold; color: #999; }
p.pBlogCommentTxt { padding: 2px 0 0  0; clear: both; }


/*-------------------------------------------------------------
ブログ詳細コメント
-------------------------------------------------------------*/
.divBlogCommentform { padding: 15px 18px 5px 18px; text-align: center; }
.divBlogCommentform form { margin: 0; padding: 0; }
.divBlogCommentform table { text-align: left; }
.divBlogCommentform textarea { margin: 0 0 10px 0; width: 634px; height: 100px; }

/*コメント一覧*/
.divBlogCommentListArea { line-height: 1.6em; }
.divBlogCommentList { margin: 0; padding: 10px 20px 10px 20px; }
p.pBlogCommentName { font-weight: bold; }
p.pBogCommentData { font-size: 0.8em; font-weight: bold; letter-spacing: 0.12em; }
p.pBlogCommentTxt { font-size: 1em; }


/*-------------------------------------------------------------
blog-images
-------------------------------------------------------------*/
#blog-popup-box { border: 6px solid #999; padding: 20px; }
#blog-popup-pic img { padding: 15px; border: 1px solid #CCC; margin-left: auto; margin-right: auto; }
#blog-popup-close { margin: 20px 0 0 0; }
#blog-popup-close a { display: block; width: 70px; height: 21px; background: url(/common-img/btn-close.gif) no-repeat 0 0; text-indent: -9999px; text-decoration: none; }
#blog-popup-close a:hover { background: url(/common-img/btn-close.gif) no-repeat 0 -21px; }


/*-------------------------------------------------------------
ブログメニュー共通（divBlogMenuListについてはskin.css参照）
-------------------------------------------------------------*/
.divBlogMenuList li { position: relative; width: 180px !important; }
.divBlogMenuList li a { width: 140px !important; }
.divBlogMenuList li img { position: absolute; top: 1px; right: 0; cursor: pointer; }

/*RSSボタン*/
.divBlogMenuTtl #divBlogRss { position: absolute; top: 0px; right: 12px; }


/*--------------------------------------------------------------
タグ
---------------------------------------------------------------*/
ul.ulBlogTag { margin: 0; padding: 10px; list-style-type: none; }
ul.ulBlogTag li { display: inline; font-weight: bold; }
ul.ulBlogTag li a { text-decoration: none; }

/*IE対策：IEでアンダーラインが消すため*/
ul.ulBlogTag li.liXliXLarge a,
ul.ulBlogTag li.liXLarge a,
ul.ulBlogTag li.liLarge a,
ul.ulBlogTag li.liNormal a,
ul.ulBlogTag li.liSmall a,
ul.ulBlogTag li.liXSmall a,
ul.ulBlogTag li.liXliXSmall a	{ text-decoration: none; }

/*キーワードのフォントサイズ設定*/
ul.ulBlogTag li.liXliXLarge	{ font-size: 2em; }
ul.ulBlogTag li.liXLarge	{ font-size: 1.8em; }
ul.ulBlogTag li.liLarge		{ font-size: 1.5em; }
ul.ulBlogTag li.liNormal	{ font-size: 1.2em; }
ul.ulBlogTag li.liSmall		{ font-size: 1em; }
ul.ulBlogTag li.liXSmall	{ font-size: 0.9em; }
ul.ulBlogTag li.liXliXSmall	{ font-size: 0.8em; }


/*-------------------------------------------------------------
フォトギャラリー一覧
-------------------------------------------------------------*/
body#pagePhotoGallery { background: #000 url(/blog/images/blog-photo-bg.gif) no-repeat left bottom; }
#divWindowArea { margin: 0 auto; }
#divBlogPhotoListArea { }

/*タイトルコンテンツ*/
#divBlogPhotoListHead { padding: 0 15px 0 0; height: 36px; background: url(/blog/images/blog-photo-list-head-bg.gif) repeat-x; }
#divBlogPhotoListHeadTtl { float: left; width: 400px; }
#divBlogPhotoListHeadTtl h3 { float: left; width: 161px; height: 36px; display: block; line-height: 36px; text-indent: 15px; font-weight: bold; font-size: 1.2em; color: #FFF; }
#divBlogPhotoListHeadTtl p { float: left; margin: 0; padding: 0; width: 180px; height: 36px; display: block; line-height: 36px; text-indent: 15px; font-weight: bold; font-size: 1.2em; color: #FFC; }

/*閉じるボタン*/
p#divBlogPhotoListHeadRight { float: right; width: 36px; margin: 8px 0 0 0; }
p#divBlogPhotoListHeadRight a { width: 41px; height: 18px; display: block; text-indent: -9999px; overflow: hidden; background: url(/common-img/btn-close.gif) no-repeat; }
#divBlogPhotoListAreaInner { padding: 0 0 0 20px; }

/*レフトコンテンツ*/
#divBlogPhotoListAreaInner .divPhotoLeftColumn { float: left; margin: 0; padding: 0; width: 130px; height: 583px; border-right: 1px solid #666; }

/*ナビゲーション*/
.divPhotoMenuList { margin: 0; padding: 20px 0 0 10px; }
.divPhotoMenuList ul { margin: 0; padding: 0; list-style-type: none; }
.divPhotoMenuList li { margin: 0; padding: 0; display: block; }
.divPhotoMenuList li a { margin: 0; padding: 0 0 0 15px; font-size: 1.2em; font-family: Verdana; color: #FFF !important; background: url(/blog/images/arrow-photo-menu.gif) no-repeat left; text-decoration: none !important; }
.divPhotoMenuList li a:hover { color: #F90 !important; }

/*ライトコンテンツ*/
#divBlogPhotoListAreaInner .divPhotoRightColumn { float: right; margin: 0; padding: 0; width: 650px; }

/*フォトリスト*/
.divBlogPhotoList { padding: 0; height: 575px; overflow: auto; }
.divBlogPhotoList ul { margin: 0; padding: 15px 0 10px 0; list-style: none; }
.divBlogPhotoList li { float: left; margin: 0 5px 0 0; padding: 0; width: 200px; display: block; text-align: center; }
.divBlogPhotoList li img { margin: 0 0 5px 0; padding: 0; border: 1px solid #FFF; }
.divBlogPhotoList li a { padding: 8px 5px 5px 5px; display: block; line-height: 1em; font-family: Verdana; text-decoration: none !important; color: #FFF !important; }
.divBlogPhotoList li a:hover { background: #333; color: #F90 !important; }


/*-------------------------------------------------------------
ユーザープロフィール
-------------------------------------------------------------*/
/**/
p.pProfileContents { font-size: 1.4em; line-height: 1.5em; }
p.pProfileContents img { float: left; margin: 0 15px 15px 0; }
p.pProfileContents span { padding: 0 0 10px 0; display: block; color: #333; font-weight: bold; }



/*-------------------------------------------------------------
カレンダー
-------------------------------------------------------------*/
#tableMonthCalendar caption { width: 100%; white-space: nowrap; }