@charset "UTF-8";


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

#pageBlog #container {
}
#pageBlog .coverArea {
	margin: 20px 0 0 0;
	padding: 0;
	width: 910px !important;
	height: 250px;
	text-align: left;
}
#pageBlog .coverArea table {
	width: 910px !important;
	height: 250px !important;
	border-collapse: collapse;
}
/*header*/
#pageBlog #headerArea {
	margin: 0;
	padding: 0;
	width: 950px;
	text-align: left;
}
#pageBlog #headerAreaInner {
}

#pageBlog .contentArea {
	margin: 0 auto;
	padding: 0;
	width: 910px;
	text-align: left;
}
#pageBlog .contentAreaInner {
	margin: 15px 0 0 0;
	padding: 0;
}

/*leftColumn*/
#pageBlog .leftColumn {
	float: left;
	width: 690px;
	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: 950px;*/
	width: 910px;
	text-align: left;
}
#pageBlog  #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: 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;
}
p.pArticleData {
	float: right;
	width: 250px;
	text-align: right;
	color: #666;
	font-size: 1em;
	line-height: 1.2em;
}

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

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