@charset "utf-8";

/* ---------------------------------------------------------------------------------------------
	Contents Page Setting
--------------------------------------------------------------------------------------------- */

/*	Entry
----------------------------------------------------------------------------------- */

/*	MT Elements
------------------------------------------------------------------------- */

div.content .main .article .entry .body h2 { /* ≒24px(Base Font Size:14px) */
	margin-bottom: 15px;
	font-size: 1.72em;
	font-weight: normal;
	line-height: 120%;
	color: #D10C0C;
}

#lovers div.content .main .article .entry .body h2 { color: #ED4921; }
#labo div.content .main .article .entry .body h2 { color: #ED8512; }
#recipe div.content .main .article .entry .body h2 { color: #B17649; }
#restaurant div.content .main .article .entry .body h2 { color: #8AC741; }
#food div.content .main .article .entry .body h2 { color: #469B4F; }
#culture div.content .main .article .entry .body h2 { color: #5263B4; }
#wiki div.content .main .article .entry .body h2 { color: #8C54AB; }

div.content .main .article .entry .body h3 { /* ≒16px(Base Font Size:14px) */
	margin-bottom: 15px;
	font-size: 1.15em;
	font-weight: normal;
	line-height: 120%;
	color: #333333;
}

div.content .main .article .entry .body h4,
div.content .main .article .entry .body h5,
div.content .main .article .entry .body h6 {/* ≒14px(Base Font Size:14px) */
	margin-bottom: 15px;
	font-size: 1em;
	font-weight: normal;
	line-height: 120%;
	color: #333333;
}

div.content .main .article .entry .body a {
	color: #D10C0C;
}

div.content .main .article .entry .body p {
	margin-bottom: 15px;
}

div.content .main .article .entry .body .fontS { /* ≒12px(Base Font Size:14px) */
	font-size: 0.86em !important;
	line-height: 160% !important;
}

div.content .main .article .entry .body .fontSS { /* ≒10px(Base Font Size:14px) */
	font-size: 0.72em !important;
	line-height: 140% !important;
}

div.content .main .article .entry .body .fontL { /* ≒16px(Base Font Size:14px) */
	font-size: 1.15em !important;
	line-height: 180% !important;
}

div.content .main .article .entry .body .fontLL { /* ≒18px(Base Font Size:14px) */
	font-size: 1.29em !important;
	line-height: 180% !important;
}

div.content .main .article .entry .body .red { color: #D10C0C !important; }
div.content .main .article .entry .body .orange { color: #ED4921 !important; }
div.content .main .article .entry .body .brown { color: #B17649 !important; }
div.content .main .article .entry .body .yellowgreen { color: #8AC741 !important; }
div.content .main .article .entry .body .green { color: #469B4F !important; }
div.content .main .article .entry .body .blue { color: #5263B4 !important; }
div.content .main .article .entry .body .purple { color: #8C54AB !important; }


div.content .main .article .entry .body hr,
div.content .main .article .entry .body .hr {
	height: 1px;
	margin-bottom: 15px;
	clear: both;
	background:url("../images/common/article_hr_bg.gif") 0 0 repeat-x;
	border: 0;
}

* html div.content .main .article .entry .body hr, /* for IE6 */
*:first-child+html div.content .main .article .entry .body hr /* for IE7 */ {
	height: 1px;
	border: 1px dotted #CCCCCC;
}

div.content .main .article .entry .body img.mt-image-left {
	margin: 0 15px 15px 0;
	float: left;
}

div.content .main .article .entry .body img.mt-image-right {
	margin: 0 0 15px 15px;
	float: right;
}

/*	Hover	*/

div.content .main .article .entry .body a:hover {
	color: #7A0707;
}

/*	Social
------------------------------------------------------------------------- */

div.content .main .article .entry .social {
	padding: 0 14px 10px;
}

div.content .main .article .entry .social ul {
	padding: 12px 12px 10px;
	background:url("../images/common/article_social_bg.gif") 0 0 repeat;
}

div.content .main .article .entry .social ul li {
	height: 22px;
	margin-right: 12px;
	display: block;
	float: left;
	overflow: hidden;
}

div.content .main .article .entry .social ul li.twitter { width: 108px; }
div.content .main .article .entry .social ul li.facebook { width: 128px; }
div.content .main .article .entry .social ul li.google { width: 88px; }

/*	Data
------------------------------------------------------------------------- */

div.content .main .article .entry .data {
	padding: 0 14px 14px;
	color: #666666;
	font-size: 1.2em;
	line-height: 160%;
}

div.content .main .article .entry .data .property {
	padding-bottom: 10px;
	margin-bottom: 8px;
	background:url("../images/common/article_hr_bg.gif") 0 bottom repeat-x;
}

div.content .main .article .entry .data .property a {
	color: #666666;
}

div.content .main .article .entry .data .property dt {
	margin-right: 0.5em;
	display: block;
	clear: both;
	float: left;
}

div.content .main .article .entry .data .property dd {
	display: block;
}

/*	Hover	*/

div.content .main .article .entry .data .property a:hover {
	color: #333333;
}

/*	Backnumber
------------------------------------------------------------------------- */

div.content .main .article .backnumber {
	padding: 16px 14px 14px;
	background: url("../images/common/article_backnumber_bg.gif") 0 0 repeat-x;
}

div.content .main .article .backnumber h2 {
	height: 14px;
	margin-bottom: 10px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background: transparent url("../images/common/article_backnumber_label.png") 0 0 no-repeat;
}

#lovers div.content .main .article .backnumber h2 { background-image: url("../images/contents/article_backnumber_label_lovers.png"); }
#labo div.content .main .article .backnumber h2 { background-image: url("../images/contents/article_backnumber_label_labo.png"); }
#recipe div.content .main .article .backnumber h2 { background-image: url("../images/contents/article_backnumber_label_recipe.png"); }
#restaurant div.content .main .article .backnumber h2 { background-image: url("../images/contents/article_backnumber_label_restaurant.png"); }
#food div.content .main .article .backnumber h2 { background-image: url("../images/contents/article_backnumber_label_food.png"); }
#culture div.content .main .article .backnumber h2 { background-image: url("../images/contents/article_backnumber_label_culture.png"); }
#wiki div.content .main .article .backnumber h2 { background-image: url("../images/contents/article_backnumber_label_wiki.png"); }

div.content .main .article .backnumber .list {
	padding: 5px;
	background: #CCCCCC url("../images/common/article_backnumber_list_bg.gif") 0 0 repeat;
}

#lovers div.content .main .article .backnumber .list { background-color: #FF631F; }
#labo div.content .main .article .backnumber .list { background-color: #FAA229; }
#recipe div.content .main .article .backnumber .list { background-color: #B17649; }
#restaurant div.content .main .article .backnumber .list { background-color: #8AC741; }
#food div.content .main .article .backnumber .list { background-color: #469B4F; }
#culture div.content .main .article .backnumber .list { background-color: #5263B4; }
#wiki div.content .main .article .backnumber .list { background-color: #8C54AB; }

div.content .main .article .backnumber .list > div {
	padding: 4px 12px;
	background: #FFFFFF;
	font-size: 1.2em;
	line-height: 140%;
}

div.content .main .article .backnumber .list ul {
	overflow: hidden;
}

div.content .main .article .backnumber .list ul li {
	padding-top: 9px;
	margin: -1px 0 8px;
	display: block;
	background:url("../images/common/article_hr_bg.gif") 0 0 repeat-x;
}

div.content .main .article .backnumber .list ul li h3 {
	width: 426px;
	padding: 8px 0;
	float: right;
}

div.content .main .article .backnumber .list ul li p.date {
	float: left;
	padding: 8px 0;
}

div.content .main .article .backnumber .list ul li p.date a {
	text-decoration: none;
	color: #666666;
}

/* w/ Thumnail Image
div.content .main .article .backnumber .list ul li h3 {
	width: 452px;
	padding-top: 2px;
	float: right;
}

div.content .main .article .backnumber .list ul li p.image {
	float: left;
	padding: 2px;
	border: 1px solid #EBEBEB;
}

div.content .main .article .backnumber .list ul li p.image img {
	width: 40px;
	height: 30px;
}
*/

div.content .main .article .backnumber .list ul li h3 {
	color: #999999;
	font-weight: normal;
}

div.content .main .article .backnumber .list ul li h3 a {
	display: block;
	color: #D10C0C;
	font-weight: normal;
}

/*	Hover	*/

div.content .main .article .backnumber .list ul li h3 a:hover {
	color: #7A0707
}



/* ---------------------------------------------------------------------------------------------
	Content : 1 Column Layout
--------------------------------------------------------------------------------------------- */

div.content.layout1Column .main .article .entry .title {
	width: 568px;
	margin-top: -425px;
	margin-left: -4px;
	background: transparent url("../images/common/layout1column_article_bg.png") 0 0 no-repeat;
	padding: 12px 10px 0 4px;
	float: left;
}

div.content.layout1Column .main .article .entry .title .label {
	height: 22px;
	margin: 0 10px 8px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background: transparent 0 0 no-repeat;
}

#labo div.content .main .article .entry .label { background-image: url("../images/contents/article_label_labo.gif"); }

div.content.layout1Column .main .article .entry .body {
	padding: 20px 22px 0;
	clear: both;
}

div.content.layout1Column .main .article .entry .body .profile {
	padding: 17px 17px 12px 0;
	margin-bottom: 15px;
	background: transparent url("../images/contents/labo_article_profile_bg.jpg") 0 0 repeat;
}

div.content.layout1Column .main .article .entry .body .profile .people {
	width: 243px;
	margin-left: 17px;
	float: left;
	line-height: 160%;
}

div.content.layout1Column .main .article .entry .body .profile .people img {
	margin-bottom: 5px;
}

div.content.layout1Column .main .article .entry .body .profile .people p,
div.content.layout1Column .main .article .entry .body .profile .people h3,
div.content.layout1Column .main .article .entry .body .profile .people h4 {
	margin-bottom: 0;
}

div.content.layout1Column .main .article .entry .body .profile .people.small {
	width: 160px;
	margin-left: 17px;
	float: left;
	font-size: 0.83em;
}

div.content.layout1Column .main .article .entry .social {
	padding: 0 22px 10px;
}

div.content.layout1Column .main .article .entry .data {
	padding: 0 22px 14px;
}

/* Backnumber (2 Column Layout) */
div.content.layout1Column .main .article .backnumber .list > div {
	padding-right: 0;
}

div.content.layout1Column .main .article .backnumber .list li {
	width: 390px;
	margin-right: 12px;
	float: left;
}

div.content.layout1Column .main .article .backnumber .list li h3 {
	width: 312px;
}

/* ---------------------------------------------------------------------------------------------
	Content : 2 Column Layout
--------------------------------------------------------------------------------------------- */

/*	Entry
----------------------------------------------------------------------------------- */

div.content.layout2Column .main .article .entry .title {
	min-height: 234px;
	position: relative;
	background: transparent url("../images/common/article_title_bg.jpg") 0 0 no-repeat;
}

#lovers div.content .main .article .entry .title { background-image: url("../images/contents/article_title_bg_lovers.jpg"); }
#recipe div.content .main .article .entry .title { background-image: url("../images/contents/article_title_bg_recipe.jpg"); }
#restaurant div.content .main .article .entry .title { background-image: url("../images/contents/article_title_bg_restaurant.jpg"); }
#food div.content .main .article .entry .title { background-image: url("../images/contents/article_title_bg_food.jpg"); }
#culture div.content .main .article .entry .title { background-image: url("../images/contents/article_title_bg_culture.jpg"); }
#wiki div.content .main .article .entry .title { background-image: url("../images/contents/article_title_bg_wiki.jpg"); }

div.content.layout2Column .main .article .entry .title .label {
	height: 24px;
	margin: 0 10px 6px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background: transparent url("../images/common/article_label.gif") 0 0 no-repeat;
}

#lovers div.content .main .article .entry .label { background-image: url("../images/contents/article_label_lovers.gif"); }
#labo div.content .main .article .entry .label { background-image: url("../images/contents/article_label_labo.gif"); }
#recipe div.content .main .article .entry .label { background-image: url("../images/contents/article_label_recipe.gif"); }
#restaurant div.content .main .article .entry .label { background-image: url("../images/contents/article_label_restaurant.gif"); }
#food div.content .main .article .entry .label { background-image: url("../images/contents/article_label_food.gif"); }
#culture div.content .main .article .entry .label { background-image: url("../images/contents/article_label_culture.gif"); }
#wiki div.content .main .article .entry .label { background-image: url("../images/contents/article_label_wiki.gif"); }

div.content.layout2Column .main .article .entry .title h1 {
	padding: 18px 260px 0 20px;
	color: #FFFFFF;
	font-weight: normal;
}

div.content.layout2Column .main .article .entry .title h1 strong {
	display: block;
	font-size: 3.2em;
	font-weight: normal;
	line-height: 110%
}

div.content.layout2Column .main .article .entry .title h1 span {
	margin-top: 8px;
	display: block;
	font-size: 1.6em;
}

div.content.layout2Column .main .article .entry .title .description {
	margin-top: 8px;
	padding: 0 260px 13px 20px;
	color: #222222;
	font-size: 1em;
	line-height: 140%;
}

div.content.layout2Column .main .article .entry .title .image {
	width: 240px;
	/* height: 180px; */
	position: absolute;
	left: 325px;
	top: 47px;
	background: transparent url("../images/common/article_title_image_bg.png") 0 0 no-repeat;
}

div.content.layout2Column .main .article .entry .title .image img {
	width: 220px;
	/* height: 165px; */
	padding: 3px;
}

div.content.layout2Column .main .article .entry .body .date {
	margin-bottom: 15px;
	padding-left: 10px;
	background: transparent url("../images/common/article_date_bg.gif") 0 center no-repeat;
	color: #999999;
	font-size: 0.8em;
	line-height: 120%;
}


/*	Photo Page Layout
------------------------------------------------------------------------- */

html body div.container div.content.layoutPhoto .main .article .entry .title {
	height: auto;
	position: static;
}

html body div.container div.content.layoutPhoto .main .article .entry .label {
	height: 28px;
}

html body div.container div.content.layoutPhoto .main .article .entry .title .photo .image,
html body div.container div.content.layoutPhoto .main .article .entry .title .photo .image img {
	width: 568px;
	height: auto;
	padding: 0;
	position: static;
	left: inherit;
	top: inherit;
}

html body div.container div.content.layoutPhoto .main .article .entry .title .photo h1 {
	height: inherit;
	padding: 20px 0 19px 15px;
	background: transparent url("../images/contents/article_title_bg_recipe.jpg") 0 -31px no-repeat !important;
	font-size: inherit;
	font-weight: normal;
	text-indent: inherit;
	white-space: inherit;
}

html body div.container div.content.layoutPhoto .main .article .entry .title .photo h1 strong {
	padding: 0 0 0 20px;
	background: transparent url("../images/contents/photo_article_title_label_bg.png") 0 center no-repeat;
	font-size: 1.4em;
	font-weight: normal;
	color: #FFFFFF;
}

html body div.container div.content.layoutPhoto .main .article .entry .title .photo h1 span {
	color: #000000;
	font-size: 2em;
	font-weight: normal;
	text-indent: -0.5em;
}