@charset "UTF-8";


/*-------------------------------------------------------------
ページレイアウト
-------------------------------------------------------------*/

/*企画・特集ブログ*/
#pageBlog #divBlogMain { font-size: 1em; }

#pageBlog #container { position: absolute; top: 101px; margin: 0 auto; padding: 51px 0 20px 0; width: 950px; background: #DBF2ED; }
#pageBlog .coverArea { margin: 0 auto 20px auto; width: 870px !important; height: 200px; text-align: left; }
#pageBlog .coverArea table { width: 870px !important; height: 200px !important; border-collapse: collapse; }
/*header*/
#pageBlog #headerArea { margin: 0 0 10px 0; width: 910px; text-align: left; }
#pageBlog #headerAreaInner { }

#pageBlog .contentArea {  margin: 0 auto; padding: 20px 0 0 0; width: 910px; background: #FFF; border: 1px solid #CCC; }
#pageBlog .contentAreaInner { margin: 0 auto; padding: 0 0 20px 0; width: 870px; }

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

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


/*Mismo・発行物ブログ*/
#pageMismo #divBlogMain { font-size: 1em; }

#pageMismo #container { position: absolute; top: 101px; margin: 0 auto; padding: 51px 0 20px 0; width: 950px; background: #DBF2ED; }
#pageMismo .coverArea { margin: 0 auto 20px auto; width: 870px !important; height: 200px; text-align: left; }
#pageMismo .coverArea table { width: 870px !important; height: 200px !important; border-collapse: collapse; }
/*header*/
#pageMismo #headerArea { margin: 0 0 10px 0; width: 910px; text-align: left; }
#pageMismo #headerAreaInner { }

#pageMismo .contentArea {  margin: 0 auto; padding: 20px 0 0 0; width: 910px; background: #FFF; border: 1px solid #CCC; }
#pageMismo .contentAreaInner { margin: 0 auto; padding: 0 0 20px 0; width: 870px; }

/*leftColumn*/
#pageMismo .leftColumn { float: left; width: 650px; text-align: left; }
/*rightColumn*/
#pageMismo .rightColumn { float: right; width: 200px; text-align: left; }
#pageMismo .sideContent { padding: 0 0 30px 0; line-height: 1.8em; }

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




/*-------------------------------------------------------------
カバーエリア
-------------------------------------------------------------*/

/*タイトルサイズ*/
.t-12 {	font-size: 12px;}
.t-18 {	font-size: 18px;}
.t-24 {	font-size: 24px;}
.t-30 {	font-size: 30px;}

/*タイトル文字位置*/
.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: 650px; margin: 0 0 80px 0; text-align: left; }

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



/*-------------------------------------------------------------
ブログ記事タイトル
-------------------------------------------------------------*/

.divArticleHead { width: 650px; padding: 0 0 2px 0; }
p.pArticleTag { float: left; width: 250px; color: #666; font-size: 0.8em; line-height: 1.2em; }
p.pArticleData { float: right; width: 250px; text-align: right; color: #666; font-size: 0.8em; line-height: 1.2em; }

/*記事タイトル*/
h4.h4ArticleTtl { line-height: 1.5em; color: #04A780 !important; }

/*メンバータイトル*/
.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; }


/*-------------------------------------------------------------
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; }
.divBlogMenuList li a { width: 140px; }

.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: 0; height: 575px; overflow: auto; },
.divPhotoMenuList ul { margin: 20px 0 0 0; padding: 0; width: 115px; 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: #04A780 !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; /*height: 200px;*/ display: block; text-align: left; font-size: 0.8em; }
.divBlogPhotoList li img { margin: 0; padding: 0; vertical-align: bottom; }
.divBlogPhotoList li a { padding: 10px; display: block; line-height: 1.1em; text-decoration: none !important; color: #FFF !important; cursor: pointer; }
.divBlogPhotoList li a span { /*margin: 0 0 8px 0;*/ width: 180px; display: block; text-align: center; }
.divBlogPhotoList li a span.photoCap { text-align: left; /*padding-top: 8px;*/ }
.divBlogPhotoList li a:hover { background: #333; color: #04A780 !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; }