@charset "UTF-8";
/*////////////////////////////////////////////////////////////
Tokyo Life - blog.css
------------------------------------------------------------

[BLOG TOKYO]
	1. Layout
	2. PageTitle
		2-1. Common
		2-2. Title
		2-3. Calender
		2-4. RSS
	3. Entry
	4. BlogList

////////////////////////////////////////////////////////////*/

/* ################################################################################
	[BLOG TOKYO] BLOG TOKYO styles
   ################################################################################ */
/* ------------------------------------------------------------
	1. Layout
   ------------------------------------------------------------ */
div#content {background:url(../imgJP/common/bg_grid_ccc.gif) repeat-y 685px 0;}
div#main {width: 670px;padding-right:16px;}
div.category#main {padding-top:15px;}

/* ------------------------------------------------------------
	2. PageTitle
   ------------------------------------------------------------ */
/*  2-1. Common
   ------------------------------------------------- */
div#content .pagetitle {
	margin:20px 15px 40px;
	padding-bottom:20px;
	width:640px;
	border-bottom: 1px solid #ccc;
	position: relative;
}
div#content .pagetitle h1 {width:auto;}
* html div#content .pagetitle h1 { line-height:0; vertical-align:bottom; font-size:0;}
*:first-child+html div#content .pagetitle h1 { line-height:0; vertical-align:bottom; font-size:0;}
div#content .pagetitleBT {
	border-top:9px solid #000;
	margin:9px 15px 0;
	padding:8px 0 20px;
	width:640px;
}

/*  2-2. Title
   ------------------------------------------------- */
div#content .pagetitle .ttl {}
div#content .pagetitle .ttl .pict {width:170px;float:left;margin-right:20px;}
div#content .pagetitle .ttl .text {}
div#content .pagetitle .ttl .text .name {font-weight:bold;font-size:24px;margin-bottom:10px;}
div#content .pagetitle .ttl .text .post {font-size:14px;margin-bottom:15px;}
div#content .pagetitle .ttl .text .summary {font-size:12px;margin-bottom:10px;}
div#content .pagetitle .ttl .text .url {font-size:12px;}

/*  2-3. Calender
   ------------------------------------------------- */
div#content .pagetitle .cal {width:154px;float:right;}
table#wp-calendar {font-size:10px;width:100%;border-collapse:collapse;position:relative;}
table#wp-calendar th,
table#wp-calendar td {
	text-align:center;
	vertical-align:middle;
	width:auto;
	padding:8px 0;
	border:1px solid #f1f1f1;
	width:39px;
}
table#wp-calendar th {
	border-left:0;
	border-right:0;
}
table#wp-calendar td.left {
	border-left:0;
}
table#wp-calendar td.right {
	border-right:0;
}
table#wp-calendar caption {text-align:center;vertical-align:middle;padding:12px 10px;font-weight:bold;}
table#wp-calendar tfoot {
	width:100%;
	position:absolute;
	top:4px;
}
table#wp-calendar tfoot tr {
	width:100%;
}
table#wp-calendar tfoot tr td {
	border:0;
}
table#wp-calendar tfoot tr #prev {position:absolute;top:0;left:3px;padding:8px 5px;text-align:left;}
table#wp-calendar tfoot tr #next {position:absolute;top:0;right:3px;padding:8px 5px;text-align:right;}
table#wp-calendar .sun {color:#aa4863;}
table#wp-calendar .sat {color:#3e7bab;}
table#wp-calendar #today {background:#e7e7e7;display:block;}
table#wp-calendar td a:link,
table#wp-calendar td a:visited {color:#003399;text-decoration:underline;display:block;}
table#wp-calendar td a:hover,
table#wp-calendar td a:active {text-decoration:none;}
table#wp-calendar tfoot tr td a:link,
table#wp-calendar tfoot tr td a:visited {
	color:#000;
	text-decoration:none;
}
table#wp-calendar tfoot tr td a:hover,
table#wp-calendar tfoot tr td a:active {
	text-decoration:underline;
}
div#subWide .oldEntry {
	padding:10px 0;
	text-align:center;
	font-size:11px;
} 

/*  2-4. Rss
   ------------------------------------------------- */
div#content .pagetitle .rss {
	width:17px;
	height:17px;
	position:absolute;
	right:0px;
	bottom:1px;
}

/* ------------------------------------------------------------
	3. Entry
   ------------------------------------------------------------ */
div#content .entry {width:640px;margin: 0 15px 40px;}
div#content .entry a:link,
div#content .entry a:visited {text-decoration:none;color:#003399;}
div#content .entry a:hover,
div#content .entry a:active {text-decoration:underline;color:#003399;}
div#content .entry .title {
	font-weight:bold;
	font-size:138.5%;/*18px*/
	padding-bottom: 10px;
	background:url(../imgCMS/blog/bg_grid_dot.gif) repeat-x left bottom;
	line-height:1.2;
}
div#content .entry .detail {
	background:none;
	padding-bottom:0;
	font-size:182%;
	font-weight:normal;
}
div#content .entry .detail span {
	padding-bottom:6px;
	padding-left:5px;
	padding-right:5px;
	background:url(../imgCMS/blog/bg_title.gif) repeat-x left bottom;
}
div#content .entry .title a:link,
div#content .entry .title a:visited {color:#000;text-decoration:none;}
div#content .entry .title a:hover,
div#content .entry .title a:active {color:#000;text-decoration:underline;}
div#content .entry .date {
	text-align:right;
	font-size:85%;/*11px*/
	margin:10px 0 20px;
}
div#content .entry .entryBody {
	line-height:1.6;
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	padding-top:10px;
	font-size:14px;
}
div#content .entry .entryBody p {margin-bottom:1.2em; font-size:1.1em; }
div#content .entry .entryBody big {font-size:1.2em;}
div#content .entry .entryBody strong {font-weight:bold;}
div#content .entry .entryBody em {font-style:italic;}
div#content .entry .entryBody u {text-decoration:underline;}
div#content .entry .entryBody strike {text-decoration: line-through;}
div#content .entry .entryBody blockquote {margin:1.2em;background: #DEDEDE;padding: 5px;}
div#content .entry .entryBody ul,
div#content .entry .entryBody ol {margin:1.2em;}
div#content .entry .entryBody ul li {list-style: disc inside;}
div#content .entry .entryBody ol li {list-style: decimal inside;}
div#content .entry .entryBody div {margin:1.2em;}
div#content .entry .entryBody a:link,
div#content .entry .entryBody a:visited {text-decoration:underline;color:#003399;}
div#content .entry .entryBody a:hover,
div#content .entry .entryBody a:active {text-decoration:none;color:#003399;}
div#content .entry .functions .category {float:left;font-size:9px;}
div#content .entry .functions .anchor {float:right;}
div#content .entry .share { margin:30px 0 0;}

/* ------------------------------------------------------------
	4. BlogList
   ------------------------------------------------------------ */
div#content .bloglist {width:640px;margin: 0 15px 40px;}
div#content .bloglist .unit {
	width:145px;
	float:left;
	margin-right:20px;
	padding-bottom: 35px;
	text-align:center;
}
div#content .bloglist .last {margin:0;}
div#content .bloglist .unit .photo {margin-bottom:5px;}
div#content .bloglist .unit .name {
	font-weight:bold;
	font-size:85%;/*11px*/
	margin-bottom:3px;
}
div#content .bloglist .unit .post {font-size:77%;/*10px*/margin-bottom:3px;}
div#content .bloglist .unit .date {
	font-size:77%;/*10px*/
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
}

/* ------------------------------------------------------------
	5. blogTopEntryList
   ------------------------------------------------------------ */
div#content #blogTopEntryList {
	margin:0 0 25px;
}
div#content #blogTopEntryList .entry {
	border-bottom:1px dotted #ccc;
	padding-bottom:20px;
	margin-bottom:20px;
	padding-left:5px;
	padding:-right:5px;
}
div#content #blogTopEntryList .entry .photo {
	float:left;
	margin-right:20px;
}
div#content #blogTopEntryList .entry .entryBody {
	float:left;
	border:0;
	width:375px;
	padding:0;
	margin:0;
}
div#content #blogTopEntryList .entry .entryBody h3 {
	font-size:153.9%;
	font-weight:bold;
	margin:0 0 5px;
	line-height:1.4;
}
div#content #blogTopEntryList .entry .entryBody h3 a {
	color:#000;
	text-decoration:none;
}
div#content #blogTopEntryList .entry .entryBody h3 a:hover {
	text-decoration:underline;
}
div#content #blogTopEntryList .entry .entryBody p {
	margin:0;
}
div#content #blogTopEntryList .entry .entryBody .entryDate {
	color:#999;
	font-size:93%;
	margin-bottom:15px;
}
div#content #blogTopEntryList .entry .entryBody .btMore {
	font-size:85%;
	margin:30px 0 0;
}
div#content #blogTopEntryList .entry .entryBody .btMore a {
	color:#fff;
	text-decoration:none;
	background:#888;
	padding:6px 25px;
}
div#content #blogTopEntryList .entry .entryBody .btMore a:hover {
	background:#666;
}

/* ------------------------------------------------------------
	5. blogNewEntry
   ------------------------------------------------------------ */
div#subWide #blogNewEntry {
	padding:9px;
	border-bottom: 1px solid #ccc;
}
div#subWide #blogNewEntry li {
	margin-bottom:8px;
	padding-bottom:8px;
	border-bottom:1px dotted #ccc;
}
div#subWide #blogNewEntry li .photo {
	float:left;
	width:100px;
	margin-right:10px;
}
div#subWide #blogNewEntry li .text {
	float:left;
	font-size:12px;
	width:146px;
}
div#subWide #blogNewEntry li .text a {
	color:#003399;
	text-decoration:underline;
	margin:0 0 8px;
	display:block;
	font-size:16px;
}
div#subWide #blogNewEntry li .text a:hover {
	text-decoration:none;
}
div#subWide #blogNewEntry li.last {
	border:0;
	margin-bottom:0;
	padding-bottom:0;
}

/* ------------------------------------------------------------
	6. blogCategoryList
   ------------------------------------------------------------ */
div#subWide #blogCategoryList {
	margin:15px 12px 15px 9px;
}
div#subWide #blogCategoryList li {
	list-style:outside disc;
	margin-bottom:5px;
	margin-left:15px;
	font-size:10px;
}

/* ------------------------------------------------------------
	6. blogCategoryTitle
   ------------------------------------------------------------ */
div#content #blogCategoryTitle h2 {
	color:#000;
	background:#eee;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	text-align:center;
	padding:12px 0;
	margin-bottom:25px;
	margin-left:10px;
	font-size:108%;
	font-weight:bold;
}
div#content #blogChannelTitle h2 {
	margin-bottom:25px;
	margin-left:15px;
}

/* ------------------------------------------------------------
	6. popularEntry
   ------------------------------------------------------------ */
div#content #popularEntry {
	margin-bottom:40px;
}
div#content #popularEntry dl {
	font-size:93%;
	padding:0 15px;
}
div#content #popularEntry dl dt {
	color:#fff;
	background:#000;
	text-align:center;
	padding:5px 0;
	margin-bottom:15px;
}
div#content #popularEntry dl dd {
	padding:0 5px;
}
div#content #popularEntry dl dd ul li {
	width:150px;
	float:left;
	margin-right:10px;
}
div#content #popularEntry dl dd ul li.right {
	margin:0;
}
div#content #popularEntry dl dd ul li p {
	font-size:85%;
}
div#content #popularEntry dl dd ul li .photo {
	margin-bottom:5px;
}
div#content #popularEntry dl dd ul li h4 {
	margin-bottom:5px;
	font-weight:bold;
}
div#content #popularEntry dl dd ul li .entryDate {
	color:#888;
	margin-bottom:10px;
}

/* ------------------------------------------------------------
	5. others
   ------------------------------------------------------------ */
div#subWide div.bnr { padding-bottom:0;}
div#subWide div.bnr p.large {padding-top:0;padding-bottom:9px;}
div#subWide div.tweet {
	margin:9px;
}
div#subWide div.feedly {
	text-align:center;
	margin:10px;
}
div#blogFloat {
	position:fixed;
	bottom:8px;
	left:8px;
	background:#fafafa;
	border:1px solid #e1e1e1;
	padding:10px 10px 6px;
}
div#blogFloat ul li {
	float:left;
	margin-right:5px;
}
div#blogFloat ul li.right {
	margin:0;
}
div#blogFloat ul li iframe,
div#blogFloat ul li iframe div {
	text-align:center;
}